From 4daccc9df32e6ff6cf2ed684336544ebd06f460e Mon Sep 17 00:00:00 2001
From: ibuler <ibuler@qq.com>
Date: Tue, 8 Aug 2023 16:37:05 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E4=BC=98=E5=8C=96=E9=A6=96=E9=A1=B5=20?=
 =?UTF-8?q?rank=20=E7=9A=84=E5=AE=BD=E5=BA=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/dashboard/Console/RankSummary.vue  |  7 +++++--
 src/views/dashboard/components/RankTable.vue | 12 +++++++++---
 2 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/src/views/dashboard/Console/RankSummary.vue b/src/views/dashboard/Console/RankSummary.vue
index 8dd642290..575b2af96 100644
--- a/src/views/dashboard/Console/RankSummary.vue
+++ b/src/views/dashboard/Console/RankSummary.vue
@@ -13,6 +13,7 @@
 
 <script>
 import RankTable from '../components/RankTable.vue'
+
 export default {
   components: {
     RankTable
@@ -31,7 +32,8 @@ export default {
           },
           {
             prop: 'total',
-            label: this.$t('dashboard.LoginCount')
+            label: this.$t('dashboard.LoginCount'),
+            width: '80px'
           }
         ]
       },
@@ -47,7 +49,8 @@ export default {
           },
           {
             prop: 'total',
-            label: this.$t('dashboard.NumberOfVisits')
+            label: this.$t('dashboard.NumberOfVisits'),
+            width: '80px'
           }
         ]
       }
diff --git a/src/views/dashboard/components/RankTable.vue b/src/views/dashboard/components/RankTable.vue
index 1f30b65ea..d80af148f 100644
--- a/src/views/dashboard/components/RankTable.vue
+++ b/src/views/dashboard/components/RankTable.vue
@@ -6,10 +6,10 @@
     </div>
     <el-table
       :data="tableData"
-      style="width: 100%"
       class="table"
+      style="width: 100%"
     >
-      <el-table-column :label="$tc('dashboard.ranking')">
+      <el-table-column :label="$tc('dashboard.ranking')" width="60px">
         <template v-slot="scope">
           <span>{{ scope.$index + 1 }}</span>
         </template>
@@ -17,8 +17,9 @@
       <el-table-column
         v-for="i in config.columns"
         :key="i.prop"
-        :prop="i.prop"
         :label="i.label"
+        :prop="i.prop"
+        :width="i.width"
       />
     </el-table>
   </div>
@@ -81,5 +82,10 @@ export default {
 }
 >>> .el-table th, .el-table tr {
   background-color: #F5F6F7!important;
+
+}
+
+>>> .el-table .cell {
+  white-space: nowrap;
 }
 </style>