邓洁 : 修改页面细节

src/views/monitor/operlog/index.vue

@@ -45,9 +45,9 @@
       </el-form-item>
     </el-form>
     <div class="query-btn">
-      <popover-delete :name="operIds" btn-type="danger" :type="'日志'"
-                      :is-disabled="disabled" :is-plain="true" :btn-icon="Delete"
-                      @delete="handleDelete(operIds)"/>
+      <el-button type="danger" :icon="Delete"
+                 @click="handleMoreDelete(operIds)" :disabled="disabled" plain>删除
+      </el-button>
     </div>
     <div class="table">
       <el-table
@@ -83,7 +83,7 @@
         <el-table-column label="操作" align="center">
           <template #default="scope">
             <el-button type="text" size="mini" @click="handleViewDetails(scope.row.operId)" >详细</el-button>
-            <popover-delete :name="operIds"  :type="'日志'"
+            <popover-delete :name="scope.row.operId"  :type="'日志'"
                             @delete="handleDelete(scope.row.operId)"/>
           </template>
         </el-table-column>
@@ -267,7 +267,16 @@ const handleDelete = async (operId) => {
     }
   });
 };
-
+//多删
+const handleMoreDelete = (operIds) => {
+  ElMessageBox.confirm(`确认删除名称为${operIds}的日志吗?`, '系统提示', {
+    confirmButtonText: '确定',
+    cancelButtonText: '取消',
+    type: 'warning'
+  }).then(() => {
+    handleDelete(operIds)
+  })
+}
 //勾选table数据行的 Checkbox, 实现单/多选删除功能
 const handleSelect = async (selection) => {
   if (selection.length !== 0) {