feat: 企微工具 - 平台管理 - "禁用/启用"交互逻辑

project/src/components/manage/platformManage/platformManage.vue

@@ -30,8 +30,8 @@
       <el-table-column label="操作" min-width="160" align="center">
         <template slot-scope="{ row }">
           <el-button type="primary" size="mini" @click="onClickEditPlatform(row)">编辑</el-button>
-          <el-button type="danger" size="mini" v-if="row.enable == 1">禁用</el-button>
-          <el-button type="primary" size="mini" v-else>启用</el-button>
+          <el-button v-if="row.enable == 1" type="danger" size="mini" @click="onClickEnable(row, 0)">禁用</el-button>
+          <el-button v-else type="primary" size="mini" @click="onClickEnable(row, 1)">启用</el-button>
         </template>
       </el-table-column>
     </el-table>
@@ -113,6 +113,8 @@ export default {
       this.pagination.page = currentPage
       this.handleGetPlatform()
     },
+
+    // S 添加 & 编辑平台
     // 监听点击"添加平台"
     onClickAddPlatform() {
       this.currentPlatformInfo = {}
@@ -133,7 +135,54 @@ export default {
     handleAddPlatformCancel() {
       this.addPlatformDialogVisible = false
     },
+    // E 添加 & 编辑平台
 
+    // S 禁用、启用平台
+    // 监听点击"禁用"、"启用"按钮
+    async onClickEnable(currentPlatform, eventCode) {
+      try {
+        const h = this.$createElement
+        await this.$confirm('', {
+          message:h('div', null, [
+            h('span', null, `确定${eventCode === 0 ? '禁用' : '启用'}`),
+            h('span', { style:'color: #32B38A;' }, `${currentPlatform.name}`),
+            h('span', null, '吗？'),
+          ]),
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning',
+        })
+        this.handleEnable(currentPlatform, eventCode)
+      } catch (error) {
+        console.log(error)
+      }
+    },
+    // 执行"禁用"、"启用"
+    async handleEnable(currentPlatform, eventCode) {
+      try {
+        let url = `${this.URL.BASEURL}${this.URL.xxx}`
+        const params = {
+          id: currentPlatform.id,
+          enable: eventCode,
+        }
+        console.log('url => ', url)
+        console.log('params => ', params)
+        return // mock
+        this.loading = true
+        const { data: res = {} } = await this.$axios.post(url, params)
+        if (res && res.errno == 0) {
+          this.$message.success('操作成功')
+          this.handleGetPlatform()
+        } else if (res.errno != 4002) {
+          this.$message.warning(res.err || '操作失败')
+        }
+      } catch (error) {
+        console.log('error => ', error)
+      } finally {
+        this.loading = false
+      }
+    },
+    // E 禁用、启用平台
   }
 }
 </script>