From 3faefbe8d3eee38436e31462a6253de53dacf4ba Mon Sep 17 00:00:00 2001
From: wang-liang0615 <53748875+wang-liang0615@users.noreply.github.com>
Date: Wed, 3 Jan 2024 16:03:15 +0800
Subject: [PATCH] feat(ui):i18n (#360)

* feat(ui):i18n

* i18n

* feat(ui):i18n
---
 cmdb-ui/src/lang/en.js                        |  4 ++--
 .../acl/views/module/resourceUserForm.vue     | 22 ++++++++-----------
 .../modules/acl/views/module/triggerForm.vue  |  2 +-
 .../acl/views/module/usersUnderRoleForm.vue   |  2 +-
 .../src/modules/acl/views/resource_types.vue  |  2 +-
 cmdb-ui/src/views/setting/lang/en.js          |  2 +-
 6 files changed, 15 insertions(+), 19 deletions(-)

diff --git a/cmdb-ui/src/lang/en.js b/cmdb-ui/src/lang/en.js
index feba7ea..d0a4759 100644
--- a/cmdb-ui/src/lang/en.js
+++ b/cmdb-ui/src/lang/en.js
@@ -110,8 +110,8 @@ export default {
         total: '{range0}-{range1} of {total} items'
     },
     topMenu: {
-        personalCenter: 'Personal Center',
-        logout: 'logout',
+        personalCenter: 'My Profile',
+        logout: 'Logout',
         confirmLogout: 'Are you sure to log out?'
     },
     cmdbFilterComp: {
diff --git a/cmdb-ui/src/modules/acl/views/module/resourceUserForm.vue b/cmdb-ui/src/modules/acl/views/module/resourceUserForm.vue
index eeb6efe..b925f08 100644
--- a/cmdb-ui/src/modules/acl/views/module/resourceUserForm.vue
+++ b/cmdb-ui/src/modules/acl/views/module/resourceUserForm.vue
@@ -1,4 +1,4 @@
-<template>
+ <template>
   <CustomDrawer
     width="800px"
     placement="left"
@@ -12,7 +12,7 @@
         <a-select-option v-for="type in resourceTypes" :value="type.id" :key="type.id">{{ type.name }}</a-select-option>
       </a-select>
     </a-form-item>
-    <vxe-table
+    <ops-table
       size="mini"
       stripe
       class="ops-stripe-table"
@@ -43,7 +43,7 @@
               v-model="option.data"
               @input="$panel.changeOption($event, !!option.data, option)"
               @keyup.enter="$panel.confirmFilter()"
-              placeholder="按回车确认筛选"
+              :placeholder="$t('acl.pressEnter')"
             />
           </template>
         </template>
@@ -53,11 +53,7 @@
           <a-tag color="cyan" v-for="(r, index) in row.permissions" :key="index">{{ r }}</a-tag>
         </template>
       </vxe-column>
-      <template slot="empty">
-        <img :src="require(`@/assets/data_empty.png`)" />
-        <p style="font-size: 14px; line-height: 17px; color: rgba(0, 0, 0, 0.6)">暂无数据</p>
-      </template>
-    </vxe-table>
+    </ops-table>
   </CustomDrawer>
 </template>
 <script>
@@ -82,7 +78,7 @@ export default {
   },
   computed: {
     ...mapState({
-      windowHeight: state => state.windowHeight,
+      windowHeight: (state) => state.windowHeight,
     }),
   },
   mounted() {
@@ -97,7 +93,7 @@ export default {
     loadResourceTypes() {
       this.resourceTypes = []
       const appId = this.$route.name.split('_')[0]
-      searchResourceType({ app_id: appId }).then(res => {
+      searchResourceType({ app_id: appId }).then((res) => {
         this.resourceTypes = res.groups
         if (res.groups && res.groups.length > 0) {
           this.typeSelected = res.groups[0].id
@@ -115,7 +111,7 @@ export default {
         searchPermResourceByRoleId(this.rid, {
           resource_type_id: this.typeSelected,
           app_id: this.$route.name.split('_')[0],
-        }).then(res => {
+        }).then((res) => {
           this.records = res.resources
         })
       }
@@ -133,8 +129,8 @@ export default {
     },
     copyResourceName() {
       const val = this.records
-        .filter(item => item.name.toLowerCase().includes(this.filterName.toLowerCase()))
-        .map(item => item.name)
+        .filter((item) => item.name.toLowerCase().includes(this.filterName.toLowerCase()))
+        .map((item) => item.name)
         .join('\n')
 
       this.copy(val, () => {
diff --git a/cmdb-ui/src/modules/acl/views/module/triggerForm.vue b/cmdb-ui/src/modules/acl/views/module/triggerForm.vue
index 93bcc7b..8010273 100644
--- a/cmdb-ui/src/modules/acl/views/module/triggerForm.vue
+++ b/cmdb-ui/src/modules/acl/views/module/triggerForm.vue
@@ -74,7 +74,7 @@
           ></el-option>
         </el-select>
       </a-form-item>
-      <a-form-item :label="$t('acl.enable') / $t('acl.disable')">
+      <a-form-item :label="`${$t('acl.enable')} / ${$t('acl.disable')}`">
         <a-switch v-decorator="['enabled', { rules: [], valuePropName: 'checked', initialValue: true }]" />
       </a-form-item>
     </a-form>
diff --git a/cmdb-ui/src/modules/acl/views/module/usersUnderRoleForm.vue b/cmdb-ui/src/modules/acl/views/module/usersUnderRoleForm.vue
index daa81ad..6b4dcf3 100644
--- a/cmdb-ui/src/modules/acl/views/module/usersUnderRoleForm.vue
+++ b/cmdb-ui/src/modules/acl/views/module/usersUnderRoleForm.vue
@@ -3,7 +3,7 @@
     <a-form-item :label="$t('acl.addUser')" :label-col="{ span: 4 }" :wrapper-col="{ span: 20 }">
       <a-row>
         <a-col span="15">
-          <el-select v-model="selectedChildrenRole" multiple collapse-tags size="small" filterable>
+          <el-select v-model="selectedChildrenRole" multiple collapse-tags size="small" filterable :placeholder="$t('placeholder2')">
             <el-option
               class="drop-down-render"
               v-for="role in allRoles"
diff --git a/cmdb-ui/src/modules/acl/views/resource_types.vue b/cmdb-ui/src/modules/acl/views/resource_types.vue
index e20a318..90784e9 100644
--- a/cmdb-ui/src/modules/acl/views/resource_types.vue
+++ b/cmdb-ui/src/modules/acl/views/resource_types.vue
@@ -30,7 +30,7 @@
         <!-- 1 -->
         <vxe-table-column
           field="name"
-          :title="$t('acl.resoureType')"
+          :title="$t('acl.resourceType')"
           :min-width="175"
           fixed="left"
           show-overflow
diff --git a/cmdb-ui/src/views/setting/lang/en.js b/cmdb-ui/src/views/setting/lang/en.js
index 9fb638f..b63a160 100644
--- a/cmdb-ui/src/views/setting/lang/en.js
+++ b/cmdb-ui/src/views/setting/lang/en.js
@@ -1,6 +1,6 @@
 const cs_en = {
     menu: {
-      person: 'Personal Center',
+      person: 'My Profile',
       companyInfo: 'Company Info',
       companyStructure: 'Company Structure',
       notice: 'Notification Settings',