feat: ADQ账号管理 - 绑定状态校验逻辑

project/src/assets/config/interface_api.js

@@ -471,6 +471,7 @@ var api = {
   adqAccount_bindPidList: '/api/accountConf/bindPidList', // adq账号授权 - 绑定推广计划列表
   adqAccount_pidEditStatus: '/api/accountConf/editStatus', // adq账号授权 - 推广计划状态
   adqAccount_adqBindPid: '/api/accountConf/bindPid', // adq账号授权 - 绑定推广计划ID
+  adqAccount_checkBindType: '/api/accountConf/checkBindType', // adq账号授权 - 绑定状态校验
 
 };
 

project/src/components/dataBoard/adqAccount/accountBindUser.vue

@@ -2,7 +2,7 @@
   <div class="container" v-loading="loading">
     <div class="flex">
       <div class="flex-start">
-        <el-button type="primary" size="small" @click="bindFlag=true">绑定客服</el-button>
+        <el-button type="primary" size="small" @click="onClickBindBtn">绑定客服</el-button>
         <div class="selectCustom" style="margin-bottom: 0;">已选择{{multipleArr.length}}个客服
           <el-button type="info" plain size="mini" @click="clearSelect">清空选中</el-button>
         </div>
@@ -57,6 +57,7 @@ export default{
   components:{ customerServiceCorpCon },
   data(){
     return{
+      sys_group_id: this.$cookie.getCookie('isSuperManage') == 1 ? sessionStorage.getItem('company_session_defaultCorp_level_1').toString() : '',
       tableData: [],
       loading: false,
       bindFlag: false,
@@ -266,6 +267,35 @@ export default{
       }).catch((err) => {
       });
     },
+
+    async onClickBindBtn() {
+      const { bind_status = false, msg } = await this.handleGetBindStatus()
+      if (bind_status) { // 已绑定 => 提示先解绑
+        this.$message.warning(msg)
+      } else {
+        this.bindFlag = true
+      }
+    },
+    async handleGetBindStatus() {
+      try {
+        const url = `${this.URL.BASEURL}${this.URL.adqAccount_checkBindType}`
+        const params = {
+          sys_group_id: this.sys_group_id,
+          account_id: this.account_id,
+          type: 1,
+        }
+        const { data: res = {} } = await this.$axios.get(url, { params })
+        if (res && res.errno == 0) {
+          return Promise.resolve({...res.rst})
+        } else if (res.error != 4002) {
+          this.$message.warning(res.err)
+          return Promise.reject(res.err)
+        }
+      } catch (error) {
+        console.log(error)
+        return Promise.reject(error)
+      }
+    },
   }
 }
 </script>

project/src/components/dataBoard/adqAccount/adqBindPid.vue

@@ -117,6 +117,15 @@ export default {
     // 监听点击切换"状态"
     async onClickStatus(row) {
       try {
+
+        if (row.status == 0) { // 设置启用时 => 校验绑定状态 => 提示
+          const { bind_status = false, msg } = await this.handleGetBindStatus()
+          if (bind_status) { // 已绑定 => 提示先解绑
+            this.$message.warning(msg)
+            return false
+          }
+        }
+
         await this.$confirm(`确定${row.status == 0 ? '启用' : '禁用'}当前推广计划吗?`, `推广计划(${row.pid})`, {
           confirmButtonText: '确定',
           cancelButtonText: '取消',
@@ -149,8 +158,13 @@ export default {
 
 
     // 监听点击“绑定推广计划”
-    onClickBindPid() {
-      this.bindPidDialogVisible = true
+    async onClickBindPid() {
+      const { bind_status = false, msg } = await this.handleGetBindStatus()
+      if (bind_status) { // 已绑定 => 提示先解绑
+        this.$message.warning(msg)
+      } else {
+        this.bindPidDialogVisible = true
+      }
     },
     onConfirmBindPid() {
       this.bindPidDialogVisible = false
@@ -160,6 +174,26 @@ export default {
     onCancelBindPid() {
       this.bindPidDialogVisible = false
     },
+    async handleGetBindStatus() {
+      try {
+        const url = `${this.URL.BASEURL}${this.URL.adqAccount_checkBindType}`
+        const params = {
+          sys_group_id: this.sys_group_id,
+          account_id: this.account_id,
+          type: 2,
+        }
+        const { data: res = {} } = await this.$axios.get(url, { params })
+        if (res && res.errno == 0) {
+          return Promise.resolve({...res.rst})
+        } else if (res.error != 4002) {
+          this.$message.warning(res.err)
+          return Promise.reject(res.err)
+        }
+      } catch (error) {
+        console.log(error)
+        return Promise.reject(error)
+      }
+    },
   }
 }
 </script>