feat: 客户朋友圈 - 停止群发任务

project/src/components/assembly/cancelSendListDialog.vue

@@ -56,7 +56,7 @@ export default {
       type: Boolean,
       default: () => false
     },
-    // 群发消息类型。1正常群发 2智能群发 3客户群群发
+    // 群发消息类型。1正常群发 2智能群发 3客户群群发 4客户朋友圈
     listType: {
       type: Number | String,
       default: () => ''

project/src/components/customOperate/friendsCircle/QWfc.vue

@@ -16,6 +16,7 @@
         <div class="totalCustom">共<span>{{total}}</span>条朋友圈</div>
       </div>
       <div class="flex">
+        <el-button type="primary" plain size="mini" @click="onClickCancelSendList">停止群发记录</el-button>
         <el-button type="primary" plain size="mini" @click="init(1,'export')">导出Excel</el-button>
       </div>
     </div>
@@ -189,7 +190,7 @@
       </el-table-column>
       <el-table-column label="操作" min-width="150" align="center" fixed="right">
         <template slot-scope="scope">
-          <div class="flex" style="justify-content:center">
+          <div class="flex" style="justify-content:center;flex-wrap: wrap;">
             <el-popconfirm @confirm="remindClick(scope.row.rule_id)" :title="'猎羽将提醒未发送朋友圈的'+scope.row.unpublished_count+'名员工发朋友圈，是否确认提醒 ?'">
               <div slot="reference" v-if="scope.row.status==1||scope.row.status==2||scope.row.status==3" class="c-00B38A pointer table_button lMar5">提醒</div>
             </el-popconfirm>
@@ -200,6 +201,10 @@
             <el-popconfirm @confirm="copyDetail(scope.row)" :title="`确定复制【${scope.row.name}】朋友圈？`">
               <div slot="reference" class="lMar5 c-00B38A pointer table_button">复制</div>
             </el-popconfirm>
+
+            <div v-if="scope.row.status == 4" class="pointer table_button c-FF604D lMar5" @click="onClickCancelSend(scope.row)">
+              停止群发
+            </div>
           </div>
         </template>
       </el-table-column>
@@ -225,6 +230,14 @@
     />
     <!-- E 查看视频 -->
 
+    <!-- S 停止群发记录 -->
+    <cancelSendListDialog
+      :dialogVisible="cancelSendDialogVisible"
+      :listType="cancelSendListType"
+      @close="onCloseCancelSendDialog"
+    />
+    <!-- E 停止群发记录 -->
+
   </div>
 </template>
 
@@ -234,9 +247,18 @@ import selfChannel from '@/components/assembly/screen/channel.vue'
 import createFriendsCircle from '../createFriendsCircle.vue'
 import detial from './QWdetial.vue'
 import videoDialog from './videoDialog.vue'
+import cancelSendListDialog from '@/components/assembly/cancelSendListDialog.vue'
+
 export default {
   name: "customerFriendsCircle",
-  components: { datePicker, selfChannel, detial, createFriendsCircle, videoDialog },
+  components: {
+    datePicker,
+    selfChannel,
+    detial,
+    createFriendsCircle,
+    videoDialog,
+    cancelSendListDialog,
+  },
   watch: {
     tableData: {  // tableData是表格数据
       handler () {
@@ -277,6 +299,9 @@ export default {
 
       videoDialogVisible: false,
       currentVideoLink: '',
+
+      cancelSendListType: 4, // 停止群发任务 群发消息类型。1正常群发 2智能群发 3客户群群发 4朋友圈
+      cancelSendDialogVisible: false,
     }
   },
   created () {
@@ -510,6 +535,47 @@ export default {
       this.currentVideoLink = ''
       this.videoDialogVisible = false
     },
+
+    // 监听点击“停止群发”
+    async onClickCancelSend({ name, rule_id }) {
+      try {
+        await this.$confirm(`确定停止当前群发任务吗？`, `${ name }`, {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        })
+        this.handleCancelSend(rule_id)
+      } catch (error) {
+        console.log('error => ', error)
+      }
+    },
+    async handleCancelSend(rule_id) {
+      try {
+        this.loading = true
+        const url = `${this.URL.BASEURL}${this.URL.massMsgCancel_setConfig}`
+        const params = {
+          rule_id,
+          type: this.cancelSendListType,
+        }
+        const { data: res = {} } = await this.$axios.post(url, params)
+        if (res && res.errno == 0) {
+          this.$message.success('操作成功')
+          this.init(this.page)
+        } else if (res.errno != 4002) {
+          this.$message.warning(res.err)
+        }
+      } catch (error) {
+        console.log(error)
+      } finally {
+        this.loading = false
+      }
+    },
+    onClickCancelSendList() {
+      this.cancelSendDialogVisible = true
+    },
+    onCloseCancelSendDialog() {
+      this.cancelSendDialogVisible = false
+    },
   },
 }
 </script>