前端性能行以及样式细节调整

web/src/view/superAdmin/api/api.vue

@@ -33,7 +33,7 @@
         <el-button size="mini" type="primary" icon="el-icon-plus" @click="openDialog('addApi')">新增</el-button>
         <el-popover v-model:visible="deleteVisible" placement="top" width="160">
           <p>确定要删除吗？</p>
-          <div style="text-align: right; margin: 0">
+          <div style="text-align: right; margin-top: 8px;">
             <el-button size="mini" type="text" @click="deleteVisible = false">取消</el-button>
             <el-button size="mini" type="primary" @click="onDelete">确定</el-button>
           </div>
@@ -294,12 +294,6 @@ export default {
             this.getTableData()
           }
         })
-        .catch(() => {
-          this.$message({
-            type: 'info',
-            message: '已取消删除'
-          })
-        })
     },
     async enterDialog() {
       this.$refs.apiForm.validate(async valid => {

web/src/view/superAdmin/dictionary/sysDictionary.vue

@@ -32,6 +32,7 @@
         :data="tableData"
         style="width: 100%"
         tooltip-effect="dark"
+        row-key="ID"
       >
         <el-table-column type="selection" width="55" />
         <el-table-column align="center" label="日期" width="180">
@@ -54,7 +55,7 @@
             <el-button size="mini" icon="el-icon-edit" type="text" @click="updateSysDictionary(scope.row)">变更</el-button>
             <el-popover v-model:visible="scope.row.visible" placement="top" width="160">
               <p>确定要删除吗？</p>
-              <div style="text-align: right; margin: 0">
+              <div style="text-align: right; margin-top: 8px;">
                 <el-button size="mini" type="text" @click="scope.row.visible = false">取消</el-button>
                 <el-button type="primary" size="mini" @click="deleteSysDictionary(scope.row)">确定</el-button>
               </div>

web/src/view/superAdmin/dictionary/sysDictionaryDetail.vue

@@ -29,6 +29,7 @@
         :data="tableData"
         style="width: 100%"
         tooltip-effect="dark"
+        row-key="ID"
       >
         <el-table-column type="selection" width="55" />
         <el-table-column align="center" label="日期" width="180">
@@ -50,7 +51,7 @@
             <el-button size="small" type="text" icon="el-icon-edit" @click="updateSysDictionaryDetail(scope.row)">变更</el-button>
             <el-popover v-model:visible="scope.row.visible" placement="top" width="160">
               <p>确定要删除吗？</p>
-              <div style="text-align: right; margin: 0">
+              <div style="text-align: right; margin-top: 8px;">
                 <el-button size="mini" type="text" @click="scope.row.visible = false">取消</el-button>
                 <el-button type="primary" size="mini" @click="deleteSysDictionaryDetail(scope.row)">确定</el-button>
               </div>

web/src/view/superAdmin/operation/sysOperationRecord.vue

@@ -22,7 +22,7 @@
 
         <el-popover v-model:visible="deleteVisible" placement="top" width="160">
           <p>确定要删除吗？</p>
-          <div style="text-align: right; margin: 0">
+          <div style="text-align: right; margin-top: 8px;">
             <el-button size="mini" type="text" @click="deleteVisible = false">取消</el-button>
             <el-button size="mini" type="primary" @click="onDelete">确定</el-button>
           </div>
@@ -36,6 +36,7 @@
         :data="tableData"
         style="width: 100%"
         tooltip-effect="dark"
+        row-key="ID"
         @selection-change="handleSelectionChange"
       >
         <el-table-column align="center" type="selection" width="55" />
@@ -92,7 +93,7 @@
           <template #default="scope">
             <el-popover v-model:visible="scope.row.visible" placement="top" width="160">
               <p>确定要删除吗？</p>
-              <div style="text-align: right; margin: 0">
+              <div style="text-align: right; margin-top: 8px;">
                 <el-button size="mini" type="text" @click="scope.row.visible = false">取消</el-button>
                 <el-button size="mini" type="primary" @click="deleteSysOperationRecord(scope.row)">确定</el-button>
               </div>

web/src/view/superAdmin/user/user.vue

@@ -7,9 +7,7 @@
       <el-table :data="tableData">
         <el-table-column align="center" label="头像" min-width="50">
           <template #default="scope">
-            <div :style="{'textAlign':'center'}">
-              <CustomPic :pic-src="scope.row.headerImg" />
-            </div>
+            <CustomPic style="margin-top:8px" :pic-src="scope.row.headerImg" />
           </template>
         </el-table-column>
         <el-table-column align="center" label="UUID" min-width="250" prop="uuid" />
@@ -33,7 +31,7 @@
           <template #default="scope">
             <el-popover v-model:visible="scope.row.visible" placement="top" width="160">
               <p>确定要删除此用户吗</p>
-              <div style="text-align: right; margin: 0">
+              <div style="text-align: right; margin-top: 8px;">
                 <el-button size="mini" type="text" @click="scope.row.visible = false">取消</el-button>
                 <el-button type="primary" size="mini" @click="deleteUser(scope.row)">确定</el-button>
               </div>