邓洁 : 修改页面细节

src/components/PopoverDelete.vue

@@ -34,7 +34,7 @@ const props = defineProps({
   },
   perm: {
     type: Array,
-    default: []
+    default: ['']
   },
   isDisabled: {
     type: Boolean,

src/views/monitor/operlog/index.vue

@@ -45,7 +45,9 @@
       </el-form-item>
     </el-form>
     <div class="query-btn">
-      <el-button type="danger" @click="handleDelete(operIds)" :icon="Delete" plain :disabled="disabled">删除</el-button>
+      <popover-delete :name="operIds" btn-type="danger" :type="'日志'"
+                      :is-disabled="disabled" :is-plain="true" :btn-icon="Delete"
+                      @delete="handleDelete(operIds)"/>
     </div>
     <div class="table">
       <el-table
@@ -80,10 +82,10 @@
         </el-table-column>
         <el-table-column label="操作" align="center">
           <template #default="scope">
-            <el-button type="text" size="mini" @click="handleViewDetails(scope.row.operId)" :icon="View">详细</el-button>
+            <el-button type="text" size="mini" @click="handleViewDetails(scope.row.operId)" >详细</el-button>
-            <el-button type="text" size="mini" @click="handleDelete(scope.row.operId)" :icon="Delete"
+            <popover-delete :name="operIds" btn-type="text" :type="'日志'"
-                       style="color: red">删除
+                             :is-plain="false"
-            </el-button>
+                            @delete="handleDelete(scope.row.operId)" />
           </template>
         </el-table-column>
       </el-table>
@@ -257,11 +259,6 @@ const handleReset = () => {
 };
 //单选删除功能
 const handleDelete = async (operId) => {
-  ElMessageBox.confirm(`是否确认删除日志编号为${operId}的数据项吗?`, "系统提示", {
-    confirmButtonText: "确定",
-    cancelButtonText: "取消",
-    type: "warning"
-  }).then(() => {
   deleteOperateLog(operId).then(res => {
     if (res.code === 1000) {
       ElMessage.success(res.msg);
@@ -270,14 +267,13 @@ const handleDelete = async (operId) => {
       ElMessage.error(res.msg);
     }
   });
-  });
 };
 
 //勾选table数据行的 Checkbox, 实现单/多选删除功能
 const handleSelect = async (selection) => {
   if (selection.length !== 0) {
     disabled.value = false;
-    operIds.value=selection.map(item=>item.operId).join()
+    operIds.value = selection.map(item => item.operId).join()
   } else {
     disabled.value = true;
   }