国际化修改

jero-web/src/views/system/PermissionDataRuleList.vue

@@ -1,6 +1,6 @@
 <template>
   <a-drawer
-    title="数据权限规则"
+    :title="$t('DataPermissionRules')"
     :width="drawerWidth"
     @close="onClose"
     :visible="visible">
@@ -16,25 +16,25 @@
         <a-form @keyup.enter.native="searchQuery">
           <a-row :gutter="12">
             <a-col :md="8" :sm="8">
-              <a-form-item label="规则名称" :labelCol="{span: 8}" :wrapperCol="{span: 14, offset: 1}">
-                <a-input placeholder="请输入规则名称" v-model="queryParam.ruleName"></a-input>
+              <a-form-item :label="$t('RuleName')" :labelCol="{span: 8}" :wrapperCol="{span: 14, offset: 1}">
+                <a-input :placeholder="$t('enterRuleName')" v-model="queryParam.ruleName"></a-input>
               </a-form-item>
             </a-col>
             <a-col :md="8" :sm="8">
-              <a-form-item label="规则值" :labelCol="{span: 8}" :wrapperCol="{span: 14, offset: 1}">
-                <a-input placeholder="请输入规则值" v-model="queryParam.ruleValue"></a-input>
+              <a-form-item :label="$t('RuleValue')" :labelCol="{span: 8}" :wrapperCol="{span: 14, offset: 1}">
+                <a-input :placeholder="$t('enterRuleValue')" v-model="queryParam.ruleValue"></a-input>
               </a-form-item>
             </a-col>
             <a-col :md="7" :sm="8">
               <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
-                <a-button type="primary" @click="searchQuery" icon="search">查询</a-button>
-                <a-button type="primary" @click="searchReset" icon="reload" style="margin-left: 8px">重置</a-button>
+                <a-button type="primary" @click="searchQuery" icon="search">{{$t('query')}}</a-button>
+                <a-button type="primary" @click="searchReset" icon="reload" style="margin-left: 8px">{{$t('reset')}}</a-button>
               </span>
             </a-col>
           </a-row>
           <a-row>
             <a-col :md="24" :sm="24">
-              <a-button style="margin-bottom: 10px" @click="addPermissionRule" type="primary" icon="plus">添加</a-button>
+              <a-button style="margin-bottom: 10px" @click="addPermissionRule" type="primary" icon="plus">{{$t('addTo')}}</a-button>
             </a-col>
           </a-row>
         </a-form>
@@ -49,11 +49,11 @@
           :rowClassName="getRowClassname">
           <span slot="action" slot-scope="text, record">
             <a @click="handleEdit(record)">
-              <a-icon type="edit"/>编辑
+              <a-icon type="edit"/>{{$t('edit')}}
             </a>
             <a-divider type="vertical"/>
-            <a-popconfirm title="确定删除吗?" @confirm="() => handleDelete(record.id)">
-              <a>删除</a>
+            <a-popconfirm :title="$t('areYouSure')" @confirm="() => handleDelete(record.id)">
+              <a>{{$t('delete')}}</a>
             </a-popconfirm>
           </span>
         </a-table>
@@ -70,22 +70,22 @@
 
   const columns = [
     {
-      title: '规则名称',
+      title: this.$t('RuleName'),
       dataIndex: 'ruleName',
       key: 'ruleName'
     },
     {
-      title: '规则字段',
+      title: this.$t('RuleField'),
       dataIndex: 'ruleColumn',
       key: 'ruleColumn'
     },
     {
-      title: '规则值',
+      title: this.$t('RuleValue'),
       dataIndex: 'ruleValue',
       key: 'ruleValue'
     },
     {
-      title: '操作',
+      title: this.$t('operation'),
       dataIndex: 'action',
       scopedSlots: {customRender: 'action'},
       align: 'center'
@@ -143,7 +143,7 @@
       },
       addPermissionRule() {
         this.$refs.modalForm.add(this.permId)
-        this.$refs.modalForm.title = '新增'
+        this.$refs.modalForm.title = this.$t('add')
       },
       searchQuery() {
         var params = this.getQueryParams();