feat: 企微工具 - 平台管理 - "删除账号"交互逻辑

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

@@ -12,7 +12,7 @@
       <el-table-column label="账号" min-width="300" align="center">
         <template slot-scope="{ row }">
           <div v-for="item in 3" :key="item" class="account-wrap">
-            <span>123123123<i class="del-btn el-icon-delete" /></span>
+            <span>{{ item }}<i class="del-btn el-icon-delete" @click="onClickDelAccount({ platform: row, delItem: item })" /></span>
           </div>
           <div class="account-add-btn" @click="onClickAddAccount(row)">
             <i class="el-icon-plus" />
@@ -213,6 +213,57 @@ export default {
       }
     },
     // E 禁用、启用平台
+
+    // S 删除账号
+    // 监听点击"删除"账号按钮
+    async onClickDelAccount({ platform, delItem }) {
+      console.log('platform => ', platform)
+      console.log('delItem => ', delItem)
+      try {
+        const h = this.$createElement
+        await this.$confirm('', {
+          message:h('div', null, [
+            h('span', null, `确定删除`),
+            h('span', { style:'color: #32B38A;' }, `${platform.name}`),
+            h('span', null, '平台的'),
+            h('span', { style:'color: #32B38A;' }, `${delItem}`),
+            h('span', null, '账号吗？'),
+          ]),
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning',
+        })
+        this.handleDelAccount({ platform, delItem })
+      } catch (error) {
+        console.log(error)
+      }
+    },
+    async handleDelAccount({ platform, delItem }) {
+      try {
+        let url = `${this.URL.BASEURL}${this.URL.xxx}`
+        const params = {
+          id: platform.id,
+          delItem: delItem,
+        }
+        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>