From 90fdf4982e03e7ee08c233a13b1bbcc33ac499f7 Mon Sep 17 00:00:00 2001
From: ibuler <ibuler@qq.com>
Date: Tue, 14 Mar 2023 11:10:37 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E4=BC=98=E5=8C=96=E8=B4=A6=E5=8F=B7?=
 =?UTF-8?q?=E5=AF=BC=E5=87=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/AssetSelect/dialog.vue         |  9 +--------
 src/components/AssetSelect/index.vue          | 12 +----------
 src/components/Dialog/index.vue               | 10 +++++++---
 .../ListTable/TableAction/ExportDialog.vue    | 20 +++++++++----------
 .../components/GenericListTable/index.vue     |  2 +-
 5 files changed, 20 insertions(+), 33 deletions(-)

diff --git a/src/components/AssetSelect/dialog.vue b/src/components/AssetSelect/dialog.vue
index 7600e6142..6a228580c 100644
--- a/src/components/AssetSelect/dialog.vue
+++ b/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;
     }
   }
 }
diff --git a/src/components/AssetSelect/index.vue b/src/components/AssetSelect/index.vue
index 77187353c..f6ec0cda7 100644
--- a/src/components/AssetSelect/index.vue
+++ b/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;
     }
   }
 }
diff --git a/src/components/Dialog/index.vue b/src/components/Dialog/index.vue
index 33f41a7c9..1996dec03 100644
--- a/src/components/Dialog/index.vue
+++ b/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 {
diff --git a/src/components/ListTable/TableAction/ExportDialog.vue b/src/components/ListTable/TableAction/ExportDialog.vue
index 90147d032..0fc137af5 100644
--- a/src/components/ListTable/TableAction/ExportDialog.vue
+++ b/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()
       }
     })
diff --git a/src/layout/components/GenericListTable/index.vue b/src/layout/components/GenericListTable/index.vue
index 56ecccf09..68f1589a2 100644
--- a/src/layout/components/GenericListTable/index.vue
+++ b/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>