Fixed: Fixed PT-BR language adaptation issue (#4636)

* Fixed: Fixed PT-BR language adaptation issue

* Fiexed: Fixed En languange ACL Page adapation issue

---------

Co-authored-by: zhaojisen <1301338853@qq.com>

src/components/Form/FormFields/DatetimeRangePicker.vue

@@ -84,6 +84,12 @@ export default {
 </script>
 
 <style lang='scss' scoped>
+html:lang(pt-br) {
+  .datepicker ::v-deep .el-range-separator {
+    padding: 0 10px;
+  }
+}
+
 .datepicker {
   margin-left: 10px;
   width: 233px;

src/components/QuickActions/index.vue

@@ -76,8 +76,7 @@ export default {
     font-size: 13px;
 
     span {
-      overflow: hidden;
+      white-space: nowrap;
-      white-space: nowrap; /* 控制文本不换行 */
       text-overflow: ellipsis;
       display: block;
     }

src/views/accounts/Account/AccountList.vue

@@ -24,7 +24,12 @@ export default {
       tableConfig: {
         url: '/api/v1/accounts/accounts/',
         hasLeftActions: true,
-        hasImport: true
+        hasImport: true,
+        columnsMeta: {
+          actions: {
+            width: this.$i18n.locale === 'pt-br' ? '120px' : '100px'
+          }
+        }
       },
       treeSetting: {
         showMenu: false,

src/views/acl/UserLoginACL/UserLoginACLTable.vue

@@ -37,6 +37,7 @@ export default {
             label: this.$t('ApproverNumbers')
           },
           actions: {
+            width: (this.$i18n.locale === 'pt-br' || this.$i18n.locale === 'en') ? '120px' : '100px',
             formatterArgs: {
               hasClone: false,
               updateRoute: ({ row }) => {

src/views/assets/Asset/AssetDetail/PermUser.vue

@@ -103,6 +103,7 @@ export default {
             width: '200px'
           },
           actions: {
+            width: this.$i18n.locale === 'pt-br' ? '120px' : '100px',
             formatterArgs: {
               hasUpdate: false,
               hasDelete: false,

src/views/dashboard/Console/RankSummary.vue

@@ -33,7 +33,7 @@ export default {
           {
             prop: 'total',
             label: this.$t('LoginCount'),
-            width: '120px'
+            width: this.$i18n.locale === 'zh-CN' ? '120px' : '220px'
           }
         ]
       },
@@ -50,7 +50,7 @@ export default {
           {
             prop: 'total',
             label: this.$t('NumberOfVisits'),
-            width: '140px'
+            width: this.$i18n.locale === 'zh-CN' ? '140px' : '140px'
           }
         ]
       }

src/views/dashboard/components/RankTable.vue

@@ -9,13 +9,14 @@
       class="table"
       style="width: 100%"
     >
-      <el-table-column :label="$tc('Ranking')" width="80px">
+      <el-table-column :label="$tc('Ranking')" :width="this.$i18n.locale === 'zh-CN' ? '80px' : '110px'">
-        <template v-slot="scope" #header>
+        <template #header>
           <el-tooltip :content="$t('Ranking')" placement="top" :open-delay="500">
             <span style="cursor: pointer;">{{ $t('Ranking') }}</span>
           </el-tooltip>
         </template>
       </el-table-column>
+
       <el-table-column
         v-for="i in config.columns"
         :key="i.prop"