feat(ui):i18n (#357)

* feat(ui):i18n

* i18n

cmdb-ui/src/modules/acl/views/module/permissionForm.vue

@@ -1,7 +1,7 @@
 <template>
   <CustomDrawer
     :closable="false"
-    :title="$t('acl.addReourceType')"
+    :title="$t('acl.addResourceType')"
     :visible="drawerVisible"
     @close="onClose"
     placement="right"

cmdb-ui/src/modules/acl/views/module/resourceTypeForm.vue

@@ -1,7 +1,7 @@
 <template>
   <CustomDrawer
     :closable="false"
-    :title="$t('acl.addReourceType')"
+    :title="$t('acl.addResourceType')"
     :visible="drawerVisible"
     @close="onClose"
     placement="right"

cmdb-ui/src/modules/acl/views/module/resourceTypeHistoryTable.vue

@@ -240,7 +240,7 @@ export default {
       switch (operate_type) {
         // create
         case 'create': {
-          item.changeDescription = `${this.$t('acl.addReourceType')}：${item.current.name}\n${this.$t('desc')}：${
+          item.changeDescription = `${this.$t('acl.addResourceType')}：${item.current.name}\n${this.$t('desc')}：${
             item.current.description
           }\n${this.$t('acl.permission')}: ${item.extra.permission_ids.current}`
           break

cmdb-ui/src/modules/acl/views/module/triggerForm.vue

@@ -1,4 +1,4 @@
-<template>
+ <template>
   <CustomDrawer
     @close="handleClose"
     width="500"
@@ -8,14 +8,23 @@
   >
     <a-form :form="form" :label-col="{ span: 6 }" :wrapper-col="{ span: 15 }">
       <a-form-item :label="$t('name')">
-        <a-input size="large" v-decorator="['name', { rules: [{ required: true, message: $t('acl.triggerNameInput') }] }]">
+        <a-input
+          size="large"
+          v-decorator="['name', { rules: [{ required: true, message: $t('acl.triggerNameInput') }] }]"
+        >
         </a-input>
       </a-form-item>
       <a-form-item :label="$t('acl.resourceName')">
         <a-input size="large" v-decorator="['wildcard']" :placeholder="$t('acl.triggerTips1')"> </a-input>
       </a-form-item>
       <a-form-item :label="$t('acl.creator')">
-        <el-select :style="{ width: '100%' }" filterable multiple v-decorator="['uid']">
+        <el-select
+          :style="{ width: '100%' }"
+          filterable
+          multiple
+          v-decorator="['uid']"
+          :placeholder="$t('placeholder2')"
+        >
           <template v-for="role in roles">
             <el-option v-if="role.uid" :key="role.id" :value="role.uid" :label="role.name">{{ role.name }}</el-option>
           </template>
@@ -25,6 +34,7 @@
         <el-select
           :style="{ width: '100%' }"
           @change="handleRTChange"
+          :placeholder="$t('placeholder2')"
           v-decorator="['resource_type_id', { rules: [{ required: true, message: $t('acl.pleaseSelectType') }] }]"
         >
           <el-option
@@ -43,6 +53,7 @@
           :style="{ width: '100%' }"
           filterable
           multiple
+          :placeholder="$t('placeholder2')"
           v-decorator="['roles', { rules: [{ required: true, message: $t('acl.role_placeholder2') }] }]"
         >
           <el-option v-for="role in roles" :key="role.id" :value="role.id" :label="role.name"></el-option>
@@ -50,6 +61,7 @@
       </a-form-item>
       <a-form-item :label="$t('acl.permission')">
         <el-select
+          :placeholder="$t('placeholder2')"
           :style="{ width: '100%' }"
           multiple
           v-decorator="['permissions', { rules: [{ required: true, message: $t('acl.permission_placeholder') }] }]"
@@ -62,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>

cmdb-ui/src/modules/acl/views/operation_history/modules/resourceTypeHistoryTable.vue

@@ -290,7 +290,7 @@ export default {
           const description = item.current?.description === undefined ? this.$t('acl.none') : item.current?.description
           const permission =
             item.extra.permission_ids?.current === undefined ? this.$t('acl.none') : item.extra.permission_ids?.current
-          item.changeDescription = `${this.$t('acl.addReourceType')}：${item.current.name}\n${this.$t(
+          item.changeDescription = `${this.$t('acl.addResourceType')}：${item.current.name}\n${this.$t(
             'desc'
           )}：${description}\n${this.$t('acl.permission')}：${permission}`
           break

cmdb-ui/src/modules/acl/views/resource_types.vue

@@ -2,7 +2,7 @@
   <div class="acl-resource-types">
     <div class="acl-resource-types-header">
       <a-button @click="handleCreate" type="primary" style="margin-right: 0.3rem">{{
-        $t('acl.addReourceType')
+        $t('acl.addResourceType')
       }}</a-button>
       <a-input-search
         class="ops-input"