fix： 补充批量删除的 图标显示

nezha-fronted/src/components/common/deleteButton.vue

@@ -107,28 +107,28 @@ export default {
     }
   },
   props: {
-    forceDeleteShow: {
+    forceDeleteShow: { // 是否显示强制删除
       type: Boolean,
       default: false
     },
     filterFunction: Function,
-    deleteObjs: Array,
-    api: String,
-    from: String,
+    deleteObjs: Array, // 删除的数组
+    api: String, // 删除的接口
+    from: String, // 通过 from 确认删除的 icon
     clickFunction: Function,
     id: String,
-    type: {
+    type: { // 删除按钮的样式 是按钮 还是文字
       type: String,
       default: 'button'
     },
     title: {
       type: String
     },
-    deleteTitle: {
+    deleteTitle: { // 删除的名称
       type: String,
       default: 'project.topology.data'
     },
-    single: {
+    single: { // 是否需要强制删除
       type: Boolean
     }
   },
@@ -257,6 +257,7 @@ export default {
       switch (type) {
         case 'asset' : return 'nz-icon monitorColor nz-icon-overview-project'
         case 'datacenter' : return 'nz-icon monitorColor nz-icon-Datacenter2'
+        case 'dc' : return 'nz-icon monitorColor nz-icon-Datacenter2'
         case 'project' : return 'nz-icon monitorColor nz-icon-project'
         case 'module' : return 'nz-icon monitorColor nz-icon-overview-module'
         case 'endpoint' : return 'nz-icon monitorColor nz-icon-overview-endpoint'
@@ -265,6 +266,10 @@ export default {
         case 'roles' : return 'nz-icon monitorColor nz-icon-role1'
         case 'alertSilence' : return 'nz-icon monitorColor nz-icon-a-Silencealert'
         case 'user' : return 'nz-icon monitorColor nz-icon-user1'
+        case 'cabinet' : return 'nz-icon monitorColor nz-icon-Cabinet1'
+        case 'alertRule' : return 'nz-icon monitorColor nz-icon-Alertrule'
+        case 'alertMessage' : return 'nz-icon monitorColor nz-icon-overview-alert'
+        case 'agent' : return 'nz-icon monitorColor nz-icon-agent'
       }
       return ' '
     }

nezha-fronted/src/components/common/mixin/dataList.js

@@ -3,8 +3,12 @@ import { tableSet } from '@/components/common/js/tools'
 import { fromRoute } from '@/components/common/js/constants'
 import routerPathParams from '@/components/common/mixin/routerPathParams'
 import defaultData from '@/components/chart/defaultLineData'
+import deleteButton from '@/components/common/deleteButton'
 import lodash from 'lodash'
 export default {
+  components: {
+    deleteButton
+  },
   mixins: [routerPathParams],
   props: {
     switchTab: {

nezha-fronted/src/components/page/config/recordRule.vue

@@ -29,6 +29,26 @@
           import-url="/record/rule/import"
           @afterImport="getTableData"
         >
+          <template v-slot:before>
+            <div>
+              <el-dropdown-item :disabled="batchDeleteObjs.length==0">
+                <delete-button
+                  ref="deleteButton"
+                  :single="true"
+                  :from="'recordRule'"
+                  :forceDeleteShow="false"
+                  :deleteTitle="'record_rule'"
+                  :type="'link'"
+                  :title="$t('overall.batchDel')"
+                  id="asset-list-batch-delete"
+                  v-has="'record_rule_delete'"
+                  :api="url"
+                  :delete-objs="batchDeleteObjs"
+                  @after="getTableData"
+                  @before="delFlag=true"></delete-button>
+              </el-dropdown-item>
+            </div>
+          </template>
         </top-tool-more-options>
       </template>
       <template v-slot:default="slotProps">