feat: 客户群发 - 列表新增“发送失败”提示

project/src/components/customOperate/employee_bulk_messaging_log.vue

@@ -23,21 +23,20 @@
     </div>
     <!-- table -->
     <el-table ref="multipleTable" :height='height' :data="tableData" tooltip-effect="dark" style="width: 100%">
-      <el-table-column prop="name" label="群发标题" show-overflow-tooltip align="center"></el-table-column>
-      <el-table-column label="消息类型" align="center">
+      <el-table-column prop="name" label="群发标题" show-overflow-tooltip align="center" min-width="140" fixed="left" />
+      <el-table-column label="消息类型" align="center" min-width="100">
         <template slot-scope="scope">
           <div>{{scope.row.send_type == 1 ? '立即发送':scope.row.send_type == 2?'定时发送':''}}</div>
         </template>
       </el-table-column>
-
-      <el-table-column label="创建人" align="center">
+      <el-table-column label="创建人" align="center" min-width="140">
         <template slot-scope="scope">
           <div class="customerServiceTagBox">
             <div class="customerServiceTag"><i class="el-icon-user-solid"></i> {{ scope.row.creator }}</div>
           </div>
         </template>
       </el-table-column>
-      <el-table-column prop="send_time" min-width="120" label="发送时间" show-overflow-tooltip align="center">
+      <el-table-column prop="send_time" min-width="160" label="发送时间" show-overflow-tooltip align="center">
         <template #header>
           <div :class="['flex-align-jus-center','pointer',sort_field=='send_time'?'sortFieldStyle':'']" @click="sortFieldEvent('send_time')">
             发送时间
@@ -48,7 +47,7 @@
           <div :class="sort_field=='send_time'?'sortFieldStyle':''">{{scope.row.send_time}}</div>
         </template>
       </el-table-column>
-      <el-table-column label="创建时间" min-width="120" show-overflow-tooltip align="center">
+      <el-table-column label="创建时间" min-width="160" show-overflow-tooltip align="center">
         <template #header>
           <div :class="['flex-align-jus-center','pointer',sort_field=='created_at'?'sortFieldStyle':'']" @click="sortFieldEvent('created_at')">
             创建时间
@@ -61,24 +60,23 @@
           </div>
         </template>
       </el-table-column>
-      <el-table-column prop="estimated_user" label="预计送达人数" show-overflow-tooltip align="center"></el-table-column>
-      <el-table-column prop="send_success" label="送达客户数" show-overflow-tooltip align="center"></el-table-column>
-      <el-table-column prop="send_fail" label="" show-overflow-tooltip align="center">
-        <template slot="header">
-          <div>失败客户数</div>
-        </template>
-      </el-table-column>
-      <el-table-column label="发送状态" show-overflow-tooltip align="center">
+      <el-table-column prop="estimated_user" label="预计送达人数" show-overflow-tooltip align="center" min-width="140" />
+      <el-table-column prop="send_success" label="送达客户数" show-overflow-tooltip align="center" min-width="140" />
+      <el-table-column prop="send_fail" label="失败客户数" show-overflow-tooltip align="center" min-width="140" />
+      <el-table-column label="发送状态" show-overflow-tooltip align="center" min-width="140">
         <template slot-scope="scope">
           <span v-if="scope.row.enable==-2" class="c-F03F5C">已删除</span>
-          <span v-if="scope.row.enable==-1" class="c-666">发送失败</span>
+          <span v-if="scope.row.enable==-1">
+            <p class="c-F03F5C">发送失败！</p>
+            <span class="c-666">这是企微返回的失败原因！</span>
+          </span>
           <span v-if="scope.row.enable==0" class="c-F03F5C">禁用</span>
           <span v-if="scope.row.enable==1" class="c-FFB055">待发送</span>
           <span v-if="scope.row.enable==2" class="c-448AFF">正在发送中</span>
           <span v-if="scope.row.enable==3" class="c-58BCA6">发送完成</span>
         </template>
       </el-table-column>
-      <el-table-column min-width="120" label="操作" align="center">
+      <el-table-column min-width="140" label="操作" align="center" fixed="right">
         <template slot-scope="scope">
           <div class="flex" style="justify-content:center">
             <el-popconfirm :disabled="scope.row.enable==1||scope.row.enable==2?false:true" @confirm="remind_send(scope.row)" :title="'猎羽将提醒未发送的客户发送消息，是否确认提醒 ?'">
@@ -323,6 +321,10 @@ export default {
         var res = res.data
         this.loading = false
         if (res && res.errno == 0) {
+
+          // res.rst.data[1].enable = -1 // mock
+          // res.rst.data[3].enable = -1 // mock
+
           if (type == 'export') {
             this.exportEvent(res.rst.data)
           } else {