feat: 系统消息

project/src/components/manage/systemMsg.vue

@@ -31,6 +31,11 @@
               <span v-if="row['send_status'] == 1" class="c-FE9">{{ row[item.column] }}</span>
               <span v-else class="c-00b38a">{{ row[item.column] }}</span>
             </template>
+
+            <template v-else-if="item.column == 'handler'">
+              <div class="c-00B38A pointer table_button" @click="onClickDetail(row)">详情</div>
+            </template>
+
             <span v-else>{{ (row[item.column] || row[item.column] == 0) ? $formatNum(row[item.column]) : '-' }}</span>
           </template>
         </ux-table-column>
@@ -38,6 +43,16 @@
       <div class="pagination" v-show="pagination.total > 0">
         <el-pagination background :current-page="pagination.page" @current-change="handleCurrentChange" layout="prev, pager, next" :page-count='Number(pagination.pages)' />
       </div>
+
+      <!-- S 详情 - 客户群群发 -->
+      <!-- <el-drawer size="1200px" :visible.sync="massMsgFlag" :with-header="false">
+        <createMsg v-if="massMsgFlag" :is_copy='false' title="群发详情" :rule_id='detail_rule_id' @close="detailClose" />
+      </el-drawer>
+      <el-drawer size="1200px" :visible.sync="detialFlag" :with-header="false">
+        <detail v-if="detialFlag" title="群发详情" :rule_id='detail_rule_id' @close="detailClose" />
+      </el-drawer> -->
+      <!-- E 详情 - 客户群群发 -->
+
     </div>
     <!-- E 明细表 detailsTable -->
   </div>
@@ -71,6 +86,7 @@ export default {
         { column: 'msg_type_text', name: '消息类型', 'min_width': 140, fixed: '', },
         { column: 'send_status_text', name: '发送状态', 'min_width': 140, fixed: '', },
         { column: 'notice', name: '消息内容', 'min_width': 400, fixed: '', },
+        { column: 'handler', name: '操作', 'min_width': 60, fixed: 'right', },
       ],
       pagination: {
         page: 1,
@@ -196,6 +212,29 @@ export default {
     initTableHeight() {
       this.height = document.documentElement.clientHeight - 240 > 400 ? document.documentElement.clientHeight - 240 : 400
     },
+
+    onClickDetail({ send_status, msg_type }) {
+      console.log('onClickDetail => send_status ', send_status)
+      console.log('onClickDetail => msg_type ', msg_type)
+      // 客户群发详情
+      if (msg_type == 1) this.handleShowKHQF(send_status)
+      // 客户群群发
+      if (msg_type == 2) this.handleShowKHQQF(send_status)
+      // 智能群发
+      if (msg_type == 3) this.handleShowZNQF(send_status)
+    },
+    // 客户群发详情
+    handleShowKHQF(send_status) {
+      console.log('handleShowKHQF => ', send_status)
+    },
+    // 客户群群发
+    handleShowKHQQF(send_status) {
+      console.log('handleShowKHQQF => ', send_status)
+    },
+    // 智能群发
+    handleShowZNQF(send_status) {
+      console.log('handleShowZNQF => ', send_status)
+    },
   },
 }
 </script>