update:计费中心

src/views/recharge/consume.vue

@@ -30,7 +30,7 @@
         <!-- <el-select v-if="$route.params.type === 'call'" class="dm-select" v-model="taskType" placeholder="选择发送状态" @change="loadAll(true)">
           <el-option v-for="item in taskTypeOptions" :key="item.taskType" :label="item.ecmName" :value="item.taskType"></el-option>
         </el-select> -->
-        <el-input v-model="listParams.searchParam" class="w250" :placeholder="placeholder" clearable @change="loadAll(true)"><i slot="prefix" class="el-input__icon el-icon-search"></i></el-input>
+        <el-input v-model="listParams.searchParam" :style="setInputWidth()" :placeholder="placeholder" clearable @change="loadAll(true)"><i slot="prefix" class="el-input__icon el-icon-search"></i></el-input>
       </div>
       <!-- 短信营销 -->
       <el-table tooltipEffect="light" :data="tableList" style="width:100%" v-if="$route.params.type === 'marketing'">
@@ -46,7 +46,7 @@
         <el-table-column align="left" width="100" prop="countNum" label="计费条数">
           <template slot-scope="scope">{{ scope.row.countNum }}条 </template>
         </el-table-column>
-        <el-table-column :show-overflow-tooltip="true" align="left" width="320" prop="storeName" label="主门店">
+        <el-table-column :show-overflow-tooltip="true" align="left" width="320" prop="storeName" label="服务门店">
           <template slot-scope="scope">
             <p>{{ scope.row.storeName }}</p>
             <p class="gray">{{ scope.row.storeGroupName }}</p>
@@ -75,7 +75,7 @@
           </template>
         </el-table-column>
         <el-table-column align="left" width="150" prop="receivePhone" label="接收号码"></el-table-column>
-        <el-table-column :show-overflow-tooltip="true" align="left" width="320" prop="storeName" label="主门店">
+        <el-table-column :show-overflow-tooltip="true" align="left" width="320" prop="storeName" label="服务门店">
           <template slot-scope="scope">
             <p>{{ scope.row.storeName }}</p>
             <p class="fz13 gray">{{ scope.row.storeGroupName }}</p>
@@ -101,7 +101,7 @@
           </template>
         </el-table-column>
         <el-table-column align="left" prop="receivePhone" label="接收号码"></el-table-column>
-        <el-table-column :show-overflow-tooltip="true" align="left" width="320" prop="storeName" label="主门店">
+        <el-table-column :show-overflow-tooltip="true" align="left" width="320" prop="storeName" label="服务门店">
           <template slot-scope="scope">
             <p>{{ scope.row.storeName }}</p>
             <p class="fz13 gray">{{ scope.row.storeGroupName }}</p>
@@ -123,7 +123,7 @@
             </p>
           </template>
         </el-table-column>
-        <el-table-column :show-overflow-tooltip="true" align="left" min-width="320" prop="storeName" label="主门店">
+        <el-table-column :show-overflow-tooltip="true" align="left" min-width="320" prop="storeName" label="任务门店">
           <template slot-scope="scope">
             <p>{{ scope.row.storeName }}</p>
             <p class="fz13 gray">{{ scope.row.storeGroupName }}</p>
@@ -168,7 +168,7 @@
             </p>
           </template>
         </el-table-column>
-        <el-table-column :show-overflow-tooltip="true" align="left" prop="storeName" width="350" label="主门店">
+        <el-table-column :show-overflow-tooltip="true" align="left" prop="storeName" width="350" label="任务门店">
           <template slot-scope="scope">
             <p>{{ scope.row.storeName }}</p>
             <p class="fz13 gray">{{ scope.row.storeGroupName }}</p>
@@ -284,6 +284,21 @@ export default {
     this.$store.commit('mutations_breadcrumb', [{ name: '企业管理', path: '' }, { name: '计费中心', path: '/recharge' }, { name: '消费详情', path: '' }]); // eslint-disable-line
   },
   methods: {
+    setInputWidth() {
+      let width = 250;
+      switch (this.$route.params.type) {
+        case 'marketing':
+          width = 400;
+          break;
+        case 'call':
+        case 'record':
+          width = 320;
+          break;
+        default:
+          width = 250;
+      }
+      return { width: `${width}px` };
+    },
     handleSizeChange(val) {
       this.listParams.pageSize = val;
       this.loadAll();
@@ -301,7 +316,7 @@ export default {
         this.listParams.endTime = '';
       }
       if (this.$route.params.type === 'marketing') {
-        this.placeholder = '输入手机号码/模板ID/内容';
+        this.placeholder = '输入手机号码/模板ID/内容/触发计划名称/计划创建人';
         if (!onlyList) {
           this.marketingCharts();
         }
@@ -322,14 +337,14 @@ export default {
         this.voiceData('list');
       }
       if (this.$route.params.type === 'call') {
-        this.placeholder = '输入手机号码';
+        this.placeholder = '输入手机号码/触发计划名称/计划创建人';
         if (!onlyList) {
           this.callData('charts');
         }
         this.callData('list');
       }
       if (this.$route.params.type === 'record') {
-        this.placeholder = '输入手机号码';
+        this.placeholder = '输入手机号码/触发计划名称/计划创建人';
         if (!onlyList) {
           this.recordData('charts');
         }