update: 增加两个筛选条件

src/views/message/component/detail-table.vue

@@ -9,10 +9,10 @@
         <el-select v-model="search.auditStatus" @change="getTableData" placeholder="商户后台状态" class="w148 ml10">
           <el-option v-for="item in auditStatusList" :key="item.value" :value="item.value" :label="item.label" />
         </el-select>
-        <el-select v-model="search.channelType" placeholder="通道类型" class="w148 ml10">
+        <el-select v-model="search.channelType"  @change="getTableData" placeholder="通道类型" class="w148 ml10">
           <el-option v-for="item in channelList" :key="item.channelId" :value="item.channelId" :label="item.channelName" />
         </el-select>
-        <el-select v-model="search.channelStatus" placeholder="商户后台状态" class="w148 ml10">
+        <el-select v-model="search.channelStatus"  @change="getTableData" placeholder="商户后台状态" class="w148 ml10">
           <el-option v-for="item in channelStatusList" :key="item.value" :value="item.value" :label="item.label" />
         </el-select>
       </div>
@@ -30,7 +30,7 @@
         </el-table-column>
         <el-table-column label="操作">
           <template slot-scope="{ row }">
-            <el-button type="text" @click="showAllChannel(row)">查看所有通道</el-button>
+            <el-button type="text" @click="showAllChannel(row)">{{ dialogData.title }}</el-button>
           </template>
         </el-table-column>
       </el-table>
@@ -133,14 +133,16 @@ export default {
     // table-methods
     async getTableData() {
       const { currentPage, pageSize } = this.tableData;
-      const { searchKey, smsType, auditStatus } = this.search;
+      const { searchKey, smsType, auditStatus, channelType, channelStatus } = this.search;
       const para = {
         enterpriseId: this.$route.query.id,
         pageNum: currentPage,
         pageSize,
         searchKey,
         smsType,
-        auditStatus
+        auditStatus,
+        channel: channelType,
+        channelAuditStatus: channelStatus
       };
       const result = await getTemplateDetailList(para);
       this.tableData.data = result.result.result || [];
@@ -178,6 +180,7 @@ export default {
           prop: 'auditResult',
           minWidth: 190,
           formatter: (row) => {
+            // 开始前端做筛选， 之后后端做了筛选，前端逻辑可不变
             const tempalte = row.channelTemplate || [];
             const data =
               tempalte.find((el) => {