提交

src/view/allMedia/components/reporting_list.vue

@@ -58,14 +58,23 @@
           >
             回复
           </el-button>
-          <el-button
-            link
-            type="danger"
-            size="small"
-            @click="() => deleteBL(scope)"
+
+          <el-popconfirm
+            confirm-button-text="删除"
+            cancel-button-text="不删除"
+            @confirm="() => deleteBL(scope)"
+            title="是否删除该报料?"
           >
-            删除
-          </el-button>
+            <template #reference>
+              <el-button
+                link
+                type="danger"
+                size="small"
+              >
+                删除
+              </el-button>
+            </template>
+          </el-popconfirm>
         </template>
       </el-table-column>
     </el-table>
@@ -89,7 +98,12 @@
           <div v-text="reportingDetailData.row.content"></div>
         </el-col>
       </el-row>
-      <el-row v-if="reportingDetailData.row.clueReplies && reportingDetailData.row.clueReplies.length">
+      <el-row
+        v-if="
+          reportingDetailData.row.clueReplies &&
+          reportingDetailData.row.clueReplies.length
+        "
+      >
         <el-col :span="5">回复内容：</el-col>
         <el-col :span="19">
           <div v-text="reportingDetailData.row.clueReplies[0].content"></div>
@@ -186,6 +200,8 @@ const deleteBL = item => {
       type: 'success',
       message: '删除成功',
     });
+    listTable.value.splice(item.$index, 1);
+
   });
 };
 
@@ -264,11 +280,9 @@ defineExpose({
 .list:not(:last-child) {
   border-bottom: 1px dashed #b9c0d3;
 }
-
-
 </style>
 <style>
 .lists .el-row {
   line-height: 2em;
 }
-</style>
+</style>