NEZ-2244 fix : 列表删除按钮样式 和 批量删除 confirm 样式统一

nezha-fronted/src/components/page/config/system/apiKeyTable.vue

@@ -105,7 +105,20 @@
             <button :disabled="prevent_opt.save" class="nz-btn nz-btn-size-mini nz-btn-style-light" type="button" @click="cancel(scope.row)"><span>{{$t('overall.cancel')}}</span></button>
           </template>
           <template v-else>
-            <button class="table-operation-item" @click="$emit('del',scope.row)" v-has="'system_apiKey_delete'" :title="$t('overall.delete')"><i class="nz-icon nz-icon-delete"></i></button>
+           <!-- <button class="table-operation-item" @click="$emit('del',scope.row)" v-has="'system_apiKey_delete'" :title="$t('overall.delete')"><i class="nz-icon nz-icon-delete"></i></button> -->
+            <div @click="tableOperation(scope.row)" v-has="'system_apiKey_delete'">
+              <delete-button
+              ref="deleteButton"
+              :forceDeleteShow="false"
+              id="apiKey-delete"
+              :from="'apiKey'"
+              :type="'btn'"
+              :api="api"
+              :single="true"
+              :delete-objs="singleDelete"
+               @before="delFlag=true"
+              ></delete-button>
+            </div>
           </template>
         </div>
       </el-table-column>
@@ -124,11 +137,13 @@
 <script>
 import { tableCommon } from './systemCommon'
 import table from '@/components/common/mixin/table'
+import deleteButton from '@/components/common/deleteButton'
 export default {
   name: 'apiKeyTable',
   props: {
     loading: Boolean
   },
+  components: { deleteButton },
   mixins: [table, tableCommon],
   data () {
     return {
@@ -179,7 +194,7 @@ export default {
           return time.getTime() < Date.now() - 24 * 60 * 60 * 1000
         }
       },
-      reg: new RegExp("(?<=.{8}).", 'g')
+      reg: new RegExp('(?<=.{8}).', 'g')
     }
   },
   methods: {
@@ -215,6 +230,14 @@ export default {
       }
       delete copy.role
       this.saveOrUpdate(copy)
+    },
+    tableOperation (row) {
+      if (this.singleDelete.length === 0) {
+        this.singleDelete.push(row)
+      } else {
+        this.singleDelete = []
+        this.singleDelete.push(row)
+      }
     }
   },
   mounted () {