fix: bug

project/src/components/manage/InviteIntoGroup/deviceBind/deviceBindDialog.vue

@@ -5,7 +5,7 @@
         {{ dialogTitle }}
       </div>
       <div class="flex-align-center">
-        <i class="el-icon-close pointer" @click="$emit('close')"></i>
+        <i class="el-icon-close pointer" @click="$emit('close', { isEdit })" />
       </div>
     </div>
     <div v-if="!loading" class="bg-ffffff" style="padding: 15px 30px;">

project/src/components/manage/InviteIntoGroup/inviteRuleList.vue

@@ -1,5 +1,5 @@
 <template>
-  <div v-loading="loading">
+  <div v-loading="loading" class="inviteRuleList-wrap">
     <div class="screenBox" style="align-items: center;padding-right:16px">
       <div class="flex-align-center" style="flex:1">
         <!-- 搜索配置 -->
@@ -32,20 +32,20 @@
           <div>{{scope.row.join_type == 1 ? '顺序拉群' : (scope.row.join_type == 2 ? '随机拉群' : '-')}}</div>
         </template>
       </el-table-column>
-      <el-table-column label="规则状态" align="center" min-width="140">
-        <template slot-scope="scope">
-          <div>{{scope.row.status == 1 ? '启用' : (scope.row.status == 0 ? '禁用' : '-')}}</div>
+
+      <el-table-column label="配置状态" align="center" min-width="120">
+        <template slot-scope="{ row }">
+          <el-switch v-if="row.status !== ''"  v-model="row.status" :active-value="1" :inactive-value="0" disabled @click.native="onClickStatus(row)" />
+          <div v-else> - </div>
         </template>
       </el-table-column>
+
       <el-table-column min-width="140" label="操作" align="center" fixed="right">
         <template slot-scope="scope">
           <div class="flex" style="justify-content:center">
-            <div :class="['pointer','table_button',scope.row.status == 1 ? 'c-FF604D' :'c-007AFF']" v-if="scope.row.status == 1 || scope.row.status == 0" @click="setEnableOrForbidden(scope.row)">
-              {{scope.row.status == 1 ? '禁用' : scope.row.status == 0 ? '启用':''}}
-            </div>
             <div class="c-00B38A pointer table_button" @click="goDetail(scope.row)">编辑</div>
             <el-popconfirm @confirm="deleEvent(scope.row)" :title="`确定删除【${scope.row.title}】群发消息？`">
-              <div slot="reference" class="c-00B38A pointer table_button">删除</div>
+              <div slot="reference" class="c-FF604D pointer table_button">删除</div>
             </el-popconfirm>
           </div>
         </template>
@@ -135,42 +135,42 @@ export default {
       this.detail_rule_id = data.rule_id;
       this.massMsgFlag = true
     },
-    setEnableOrForbidden (item) {
-      if (item.status != 1 && item.status != 0) {
-        return
-      }
-      this.$confirm(`确定${item.status == 1 ? '禁用' : '启用'}【${item.title}】?`, '提示', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning'
-      }).then(() => {
-        this.$loading(this.$loadingConfig);
-        this.$axios.get(this.URL.BASEURL + this.URL.inviteRule_editStatus, {
-          params: {
-            rule_id: item.rule_id,
-            status: item.status == 1 ? 0 : 1
-          }
-        }).then((res) => {
-          var res = res.data;
-          this.$loading(this.$loadingConfig).close();
-          if (res && res.errno == 0) {
-            this.$message({
-              message: '操作成功！',
-              type: 'success'
-            })
-            this.init(1)
-          } else {
-            this.$message({
-              message: res.err,
-              type: 'warning'
-            })
-          }
-        }).catch(() => {
-          this.$loading(this.$loadingConfig).close();
+    // 监听点击切换"状态"
+    async onClickStatus(row) {
+      try {
+        await this.$confirm(`确定${row.status == 0 ? '启用' : '禁用'}【${row.title}】?`, '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
         })
-      }).catch(() => {
-      })
+        this.handleChangeStatus(row)
+      } catch (error) {
+        console.log(error)
+      }
     },
+    // 执行“切换状态”
+    async handleChangeStatus({ rule_id, status }) {
+      try {
+        this.loading = true
+        const url = `${this.URL.BASEURL}${this.URL.inviteRule_editStatus}`
+        const params = {
+          rule_id,
+          status: status == 1 ? 0 : 1,
+        }
+        const { data: res = {} } = await this.$axios.get(url, { params })
+        if (res && res.errno == 0) {
+          this.$message.success('操作成功')
+          this.init()
+        } else if (res.errno != 4002) {
+          this.$message.warning(res.err)
+        }
+      } catch (error) {
+        console.log(error)
+      } finally {
+        this.loading = false
+      }
+    },
+
     init (page, type) {
       if (type != 'export') {
         this.page = page ? page : this.page;
@@ -204,10 +204,7 @@ export default {
             this.pages = res.rst.pageInfo.pages;
           }
         } else if (res.errno != 4002) {
-          this.$message({
-            message: res.err,
-            type: "warning"
-          })
+          this.$message.warning(res.err)
         }
       }).catch((err) => {
         this.loading = false
@@ -255,14 +252,13 @@ export default {
   min-width: 26px;
 }
 
-.status-wrap {
-  width: 100%;
-  .reason {
-    width: 100%;
-    overflow:hidden;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-    -o-text-overflow:ellipsis;
+.inviteRuleList-wrap {
+  /deep/ .el-switch.is-disabled .el-switch__core {
+    cursor: pointer;
+  }
+  /deep/ .el-switch.is-disabled {
+    opacity: 1;
   }
 }
+
 </style>