feat: 客户欢迎语 - 支持成员&状态筛选&删除

project/src/assets/config/interface_api.js

@@ -29,6 +29,7 @@ var api = {
   blackList: "/api/customer/blackList",
   removeCustomerFromBlackList: "/api/customer/removeCustomerFromBlackList",
   welcomeMsg_lists: "/api/welcomeMsg/lists",
+  welcomeMsg_ruleDel: "/api/welcomeMsg/ruleDel",
   welcomeMsg_set: "/api/welcomeMsg/set",
   welcomeMsg_detail: "/api/welcomeMsg/detail",
   welcomeMsg_updateStatus: "/api/welcomeMsg/updateStatus",

project/src/components/customOperate/welcomeMsg.vue

@@ -1,5 +1,11 @@
 <template>
   <div>
+    <div class="screenBox">
+      <!-- 使用成员 -->
+      <serviceSingle style="width: auto;" title="使用成员" placeholder="请选择" @customerDefine="onChangeUserId" />
+      <!-- 状态 -->
+      <selfChannelV2 v-model="status" type="enableStatus" title="状态" :labelWidth="true" @change="onChangeStatus" />
+    </div>
     <div class="tableInfo">
       <div>
         <div class="flex">
@@ -36,16 +42,23 @@
       </el-table-column>
       <el-table-column prop="updated_at" label="更新时间" show-overflow-tooltip align="center"></el-table-column>
       <el-table-column prop="created_at" label="创建时间" show-overflow-tooltip align="center"></el-table-column>
-      <el-table-column label="是否可用" show-overflow-tooltip align="center">
+      <el-table-column label="状态" align="center">
+        <template slot-scope="{ row }">
+          <el-switch v-if="row.enable !== ''"  v-model="row.enable" :active-value="1" :inactive-value="0" disabled @click.native="onClickStatus(row)" />
+          <div v-else> - </div>
+        </template>
+      </el-table-column>
+      <!-- <el-table-column label="是否可用" show-overflow-tooltip align="center">
         <template slot-scope="scope">
           <div>{{scope.row.enable==0?'否':'是'}}</div>
         </template>
-      </el-table-column>
+      </el-table-column> -->
       <el-table-column label="操作" align="center">
         <template slot-scope="scope">
           <div class="flex" style="justify-content:center">
-            <div :class="['pointer',scope.row.enable == 1 ? 'c-FF604D' :'c-007AFF']" style="margin:0 6px" @click="welcomeMsg_del(scope.row)">{{scope.row.enable == 1 ? '禁用' : '启用'}}</div>
+            <!-- <div :class="['pointer',scope.row.enable == 1 ? 'c-FF604D' :'c-007AFF']" @click="welcomeMsg_del(scope.row)">{{scope.row.enable == 1 ? '禁用' : '启用'}}</div> -->
             <div class="c-00B38A pointer" style="margin:0 6px" @click="goDetail(scope.row.rule_id)">编辑</div>
+            <div class="c-FF604D pointer" @click="onClickDelete(scope.row)">删除</div>
           </div>
         </template>
       </el-table-column>
@@ -57,7 +70,11 @@
   </div>
 </template>
 <script>
+import serviceSingle from '@/components/assembly/screen/serviceSingle.vue'
+import selfChannelV2 from '@/components/assembly/screen/channelV2.vue'
+
 export default {
+  components: { serviceSingle, selfChannelV2 },
   data () {
     return {
       loading: false,
@@ -66,7 +83,9 @@ export default {
       total: 0,
       page_size: 20,
       tableData: [],
-      height: ''
+      height: '',
+      user_id: '',
+      status: '',
     }
   },
   created () {
@@ -74,6 +93,42 @@ export default {
     this.init(1)
   },
   methods: {
+    // 监听点击切换"状态"
+    async onClickStatus(row) {
+      try {
+        await this.$confirm(`确定${row.enable == 0 ? '启用' : '禁用'}【${row.name}】?`, '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        })
+        this.$loading(this.$loadingConfig);
+        this.$axios.get(this.URL.BASEURL + this.URL.welcomeMsg_updateStatus, {
+          params: {
+            rule_id: row.rule_id,
+            status: row.enable == 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();
+        })
+      } catch (error) {
+        console.log(error)
+      }
+    },
     welcomeMsg_del (item) {
       this.$confirm(`确定${item.enable == 1 ? '禁用' : '启用'}【${item.name}】?`, '提示', {
         confirmButtonText: '确定',
@@ -118,6 +173,8 @@ export default {
       this.loading = true
       this.$axios.get(this.URL.BASEURL + this.URL.welcomeMsg_lists, {
         params: {
+          user_id: this.user_id,
+          status: this.status,
           page: this.page,
           page_size: this.page_size
         }
@@ -140,7 +197,48 @@ export default {
     },
     handleCurrentChange (val) {
       this.init(val)
-    }
+    },
+
+    onChangeUserId(val) {
+       this.user_id = val ? val.user_id : ''
+      this.init(1)
+    },
+    onChangeStatus(val) {
+      this.status = val
+      this.init(1)
+    },
+    onClickDelete(info){
+      this.$confirm(`确定要删除“${info.name}”吗？`, '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        this.$loading(this.$loadingConfig)
+        this.$axios.get(this.URL.BASEURL + this.URL.welcomeMsg_ruleDel, {
+          params: {
+            rule_id: info.rule_id,
+            corpid: info.corpid,
+          }
+        }).then((res) => {
+          var res = res.data
+          this.$loading(this.$loadingConfig).close()
+          if (res && res.errno == 0) {
+            this.init()
+            this.$message({
+              type: 'success',
+              message: '删除成功!'
+            });
+          } else if (res.errno != 4002) {
+            this.$message({
+              message: res.err,
+              type: "warning"
+            })
+          }
+        }).catch(()=>{
+          this.$loading(this.$loadingConfig).close()
+        })
+      }).catch(() => {});
+    },
   }
 }
 </script>
@@ -149,4 +247,10 @@ export default {
 .tableInfo {
   height: 50px;
 }
+/deep/ .el-switch.is-disabled .el-switch__core {
+  cursor: pointer;
+}
+/deep/ .el-switch.is-disabled {
+  opacity: 1;
+}
 </style>