feat: 客服异常预警 - 列表 - 启用&禁用

project/src/assets/config/interface_api.js

 
   customerAlerts_setConf: "/api/abnormalAccount/setConf", // 客服异常预警 - 设置预警规则
   customerAlerts_confList: "/api/abnormalAccount/confList", // 客服异常预警 - 列表
+  customerAlerts_updateConfStatus: "/api/abnormalAccount/updateConfStatus", // 客服异常预警 - 启用/禁用
 
 };
 

project/src/components/customerAlerts/index.vue

       <el-table-column label="操作" min-width="160" align="center" fixed="right">
         <template slot-scope="{ row }">
           <template>
-            <span v-if="row.status == statusTypes.ENABLE" class="btn c-FF604D">禁用</span>
-            <span v-else-if="row.status == statusTypes.DISABLE" class="btn c-007AFF">启用</span>
+            <span v-if="row.status == statusTypes.ENABLE" class="btn c-FF604D" @click="onClickSetStatus({ conf_id: row.conf_id, status: statusTypes.DISABLE })">禁用</span>
+            <span v-else-if="row.status == statusTypes.DISABLE" class="btn c-007AFF" @click="onClickSetStatus({ conf_id: row.conf_id, status: statusTypes.ENABLE })">启用</span>
           </template>
           <span class="btn c-00b38a" @click="onClickEditWarnBtn(row.group_id)">编辑</span>
         </template>
       this.pagination.page = currentPage
       this.handleGetList()
     },
+    // 监听点击“禁用/启用”
+    async onClickSetStatus({ conf_id, status }) {
+      try {
+        await this.$confirm(`确定${status == statusTypes.ENABLE ? '启用' : '禁用'}当前预警吗？`, '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        })
+        this.handleSetStatus({ conf_id, status })
+      } catch (error) {
+        console.log('error => ', error)
+      }
+    },
+    // 执行设置“禁用/启用”
+    async handleSetStatus({ conf_id, status }) {
+      try {
+        this.loading = true
+        const url = `${this.URL.BASEURL}${this.URL.customerAlerts_updateConfStatus}`
+        const params = {
+          conf_id,
+          status,
+        }
+        const { data: res = {} } = await this.$axios.post(url, params)
+        if (res && res.errno == 0) {
+          this.$message.success('操作成功')
+          this.handleGetList()
+        } else if (res.errno != 4002) {
+          this.$message.warning(res.err)
+        }
+      } catch (error) {
+        console.log(error)
+      } finally {
+        this.loading = false
+      }
+    },
 
     // S 新建预警、编辑预警
     // 监听点击“新建预警”