refactor: 客户朋友圈 - reset

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

@@ -156,35 +156,14 @@
       </el-table-column>
       <el-table-column prop="published_count" min-width="100" label="已发送人数" show-overflow-tooltip align="center"></el-table-column>
       <el-table-column prop="unpublished_count" min-width="100" label="未发送人数" show-overflow-tooltip align="center"></el-table-column>
-      <el-table-column label="发送状态" width="140" align="center">
+      <el-table-column label="发送状态" min-width="100" show-overflow-tooltip align="center">
         <template slot-scope="scope">
           <div>
-            <!-- -1 发送失败 && 失败原因 -->
-            <div v-if="scope.row.status==-1" class="status-wrap">
-              <p class="c-F03F5C">发送失败！</p>
-              <template v-if="scope.row.statusTexts && scope.row.statusTexts.length">
-                <template v-for="statusText in scope.row.statusTexts">
-                  <el-tooltip v-if="statusText.length > 9" class="item" effect="dark" placement="left" :content="statusText">
-                    <div class="c-666 reason">{{ statusText }}</div>
-                  </el-tooltip>
-                  <div v-else class="c-666" :title="statusText">{{ statusText }}</div>
-                </template>
-              </template>
-            </div>
+            <span v-if="scope.row.status == -1" class="c-666">发送失败</span>
             <span v-else-if="scope.row.status == 1" class="c-FFB055">待发送</span>
             <span v-else-if="scope.row.status == 2" class="c-448AFF">正在发送中</span>
             <span v-else-if="scope.row.status == 3" class="c-F03F5C">待客服确认</span>
-            <div v-else-if="scope.row.status == 4" class="status-wrap">
-              <span :class="[scope.row.statusTexts ? 'c-F03F5C' : 'c-58BCA6']">发送完成</span>
-              <template v-if="scope.row.statusTexts && scope.row.statusTexts.length">
-                <template v-for="statusText in scope.row.statusTexts">
-                  <el-tooltip v-if="statusText.length > 9" class="item" effect="dark" placement="left" :content="statusText">
-                    <div class="c-666 reason">{{ statusText }}</div>
-                  </el-tooltip>
-                  <div v-else class="c-666" :title="statusText">{{ statusText }}</div>
-                </template>
-              </template>
-            </div>
+            <span v-else-if="scope.row.status == 4" class="c-58BCA6">发送完成</span>
             <span v-else>-</span>
           </div>
         </template>
@@ -443,16 +422,6 @@ export default {
           if (type == 'export') {
             this.exportEvent(res.rst.data)
           } else {
-
-            res.rst.data[0].status = 4 // mock
-            res.rst.data[0].statusTexts = ['123456789', '12345678901', '原因原因原因原因原因原因原因原因'] // mock
-            res.rst.data[1].status = 4 // mock
-            res.rst.data[1].statusTexts = '' // mock
-            res.rst.data[2].status = -1 // mock
-            res.rst.data[2].statusTexts = ['123456789', '12345678901', '原因原因原因原因原因原因原因原因'] // mock
-            res.rst.data[3].status = -1 // mock
-            res.rst.data[3].statusTexts = ['原因原因原因原因原因', '原因原因原因原因因'] // mock
-
             this.tableData = res.rst.data;
             this.$nextTick(() => {
               this.$refs.multipleTable.doLayout()
@@ -514,14 +483,4 @@ export default {
   color: #111;
   font-size: 14px;
 }
-.status-wrap {
-  width: 100%;
-  .reason {
-    width: 100%;
-    overflow:hidden;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-    -o-text-overflow:ellipsis;
-  }
-}
-</style>
+</style>