perf: 优化账号导出

src/components/AssetSelect/dialog.vue

@@ -161,13 +161,6 @@ export default {
 
   .tree-table {
     .search {
-      .el-input__inner {
-        background-color: #f3f3f3;
-      }
-
-      .el-cascader {
-        background-color: #f3f3f3;
-      }
     }
 
     .left {
@@ -184,7 +177,7 @@ export default {
     }
 
     .transition-box {
-      padding: 5px;
+      padding: 10px 5px;
     }
   }
 }

src/components/AssetSelect/index.vue

@@ -130,16 +130,6 @@ export default {
   padding: 0 0 0 3px;
 
   .tree-table {
-    .search {
-      .el-input__inner {
-        background-color: #f3f3f3;
-      }
-
-      .el-cascader {
-        background-color: #f3f3f3;
-      }
-    }
-
     .left {
       padding: 5px;
 
@@ -153,7 +143,7 @@ export default {
     }
 
     .transition-box {
-      padding: 5px;
+      padding: 10px 5px;
     }
   }
 }

src/components/Dialog/index.vue

@@ -1,11 +1,11 @@
 <template>
   <el-dialog
+    :append-to-body="true"
+    :modal-append-to-body="true"
     :title="title"
     :top="top"
     :width="iWidth"
     class="dialog"
-    :append-to-body="true"
-    :modal-append-to-body="true"
     v-bind="$attrs"
     v-on="$listeners"
   >
@@ -13,7 +13,7 @@
     <div slot="footer" class="dialog-footer">
       <slot name="footer">
         <el-button v-if="showCancel" @click="onCancel">{{ cancelTitle }}</el-button>
-        <el-button v-if="showConfirm" type="primary" :loading="loadingStatus" @click="onConfirm">
+        <el-button v-if="showConfirm" :loading="loadingStatus" type="primary" @click="onConfirm">
           {{ confirmTitle }}
         </el-button>
       </slot>
@@ -99,6 +99,10 @@ export default {
 
     &__body {
       padding: 20px 30px;
+
+      &:has(.el-table) {
+        background: #f3f3f4;
+      }
     }
 
     &__footer {

src/components/ListTable/TableAction/ExportDialog.vue

@@ -3,18 +3,18 @@
     <div v-if="mfaDialogShow">
       <UserConfirmDialog
         :url="url"
-        @UserConfirmDone="showExportDialog"
-        @UserConfirmCancel="handleExportCancel"
         @AuthMFAError="handleAuthMFAError"
+        @UserConfirmCancel="handleExportCancel"
+        @UserConfirmDone="showExportDialog"
       />
     </div>
     <Dialog
       v-if="exportDialogShow"
+      :destroy-on-close="true"
       :title="$tc('common.Export')"
       :visible.sync="exportDialogShow"
-      :destroy-on-close="true"
-      @confirm="handleExportConfirm()"
       @cancel="handleExportCancel()"
+      @confirm="handleExportConfirm()"
     >
       <el-form label-position="left" style="padding-left: 20px">
         <el-form-item :label="$tc('common.fileType' )" :label-width="'100px'">
@@ -22,20 +22,20 @@
             <el-radio
               v-for="option of exportTypeOptions"
               :key="option.value"
-              style="padding: 10px 20px;"
-              :label="option.value"
               :disabled="!option.can"
+              :label="option.value"
+              style="padding: 10px 20px;"
             >{{ option.label }}</el-radio>
           </el-radio-group>
         </el-form-item>
-        <el-form-item class="export-form" :label="$tc('common.imExport.ExportRange')" :label-width="'100px'">
+        <el-form-item :label="$tc('common.imExport.ExportRange')" :label-width="'100px'" class="export-form">
           <el-radio-group v-model="exportOption">
             <el-radio
               v-for="option of exportOptions"
               :key="option.value"
-              class="export-item"
-              :label="option.value"
               :disabled="!option.can"
+              :label="option.value"
+              class="export-item"
             >{{ option.label }}</el-radio>
           </el-radio-group>
         </el-form-item>
@@ -159,7 +159,7 @@ export default {
   mounted() {
     this.$eventBus.$on('showExportDialog', ({ selectedRows, url, name }) => {
       // Todo: 没有时间了，只能先这么处理了
-      if (url === this.url || url.indexOf(this.url) > -1 || url.indexOf('account') > -1) {
+      if (url === this.url || url.indexOf(this.url) > -1) {
         this.showExportDialog()
       }
     })

src/layout/components/GenericListTable/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <ListTable ref="ListTable" v-bind="$attrs" v-on="$listeners" />
+  <ListTable ref="ListTable" class="list-table" v-bind="$attrs" v-on="$listeners" />
 </template>
 
 <script>