From 5313d8736c40de0693f89dce77cb93e9983b5ace Mon Sep 17 00:00:00 2001
From: wuyouming666 <2265557248@qq.com>
Date: 星期五, 01 九月 2023 14:30:21 +0800
Subject: [PATCH] 添加   角色列表中英文json包

---
 CanadaMes-ui/src/views/role/index.vue |   78 +++++++++++++++++++-------------------
 1 files changed, 39 insertions(+), 39 deletions(-)

diff --git a/CanadaMes-ui/src/views/role/index.vue b/CanadaMes-ui/src/views/role/index.vue
index 1ccc221..ebcc35a 100644
--- a/CanadaMes-ui/src/views/role/index.vue
+++ b/CanadaMes-ui/src/views/role/index.vue
@@ -2,30 +2,30 @@
   <div class="app">
     <!--闈㈠寘灞戝鑸尯鍩�-->
     <el-breadcrumb separator-class="el-icon-arrow-right">
-      <el-breadcrumb-item :to="{ path: '/home' }">棣栭〉</el-breadcrumb-item>
-      <el-breadcrumb-item>瑙掕壊绠$悊</el-breadcrumb-item>
-      <el-breadcrumb-item>瑙掕壊鍒楄〃</el-breadcrumb-item>
+      <el-breadcrumb-item :to="{ path: '/home' }">{{$t('langHome')}}</el-breadcrumb-item>
+      <el-breadcrumb-item>{{$t('langRoleManagement')}}</el-breadcrumb-item>
+      <el-breadcrumb-item>{{$t('langRoleList')}}</el-breadcrumb-item>
     </el-breadcrumb>
     <!--鍗$墖瑙嗗浘鍖哄煙-->
     <el-card class="el-card">
       <el-row :gutter="20">
         <!--鎼滅储涓庢坊鍔犲尯鍩�-->
         <el-col :span="6">
-          <el-input placeholder="璇疯緭鍏ヨ鑹插悕绉�" v-model="queryInfo.name" clearable @clear="getRoleList()">
-            <el-button slot="append" icon="el-icon-search" @click="getRoleList()"></el-button>
-          </el-input>
-        </el-col>
+  <el-input :placeholder="$t('langEnterRoleName')" v-model="queryInfo.name" clearable @clear="getRoleList()">
+    <el-button slot="append" icon="el-icon-search" @click="getRoleList()"></el-button>
+  </el-input>
+</el-col>
         <!--娣诲姞鍖哄煙-->
         <el-col :span="4">
-          <el-button type="primary" @click="showAddDialog">娣诲姞瑙掕壊</el-button>
+          <el-button type="primary" @click="showAddDialog">{{$t('langAddRole')}}</el-button>
         </el-col>
       </el-row>
       <!--瑙掕壊鍒楄〃鍖哄煙-->
       <el-table :data="roleList.records" border stripe>
         <el-table-column label="#" type="index"></el-table-column>
-        <el-table-column label="鍚嶇О" prop="name"></el-table-column>
-        <el-table-column label="鍒涘缓鏃堕棿" prop="createTime"></el-table-column>
-        <el-table-column label="鏄惁鏈夋晥">
+  <el-table-column :label="$t('langRoleName')" prop="name"></el-table-column>
+  <el-table-column :label="$t('langCreateTime')" prop="createTime"></el-table-column>
+  <el-table-column :label="$t('langIsValid')">
           <template slot-scope="scope">
             <el-switch :active-value=1
                        :inactive-value=0
@@ -34,19 +34,17 @@
             </el-switch>
           </template>
         </el-table-column>
-        <el-table-column label="鎿嶄綔">
+        <el-table-column :label="$t('langOperation')">
           <template slot-scope="scope">
-            <!--淇敼-->
-            <el-tooltip effect="dark" content="淇敼" placement="top" :enterable="false">
-              <el-button type="primary" icon="el-icon-edit" size="mini"
-                         @click="showEditDialog(scope.row)"></el-button>
-            </el-tooltip>
-            <!--鍒犻櫎-->
-            <el-tooltip effect="dark" content="鍒犻櫎" placement="top" :enterable="false">
-              <el-button type="danger" icon="el-icon-delete" size="mini"
-                         @click="removeById(scope.row)"></el-button>
-            </el-tooltip>
-          </template>
+  <!-- 淇敼 -->
+  <el-tooltip effect="dark" :content="$t('langEdit')" placement="top" :enterable="false">
+    <el-button type="primary" icon="el-icon-edit" size="mini" @click="showEditDialog(scope.row)"></el-button>
+  </el-tooltip>
+  <!-- 鍒犻櫎 -->
+  <el-tooltip effect="dark" :content="$t('langDelete')" placement="top" :enterable="false">
+    <el-button type="danger" icon="el-icon-delete" size="mini" @click="removeById(scope.row)"></el-button>
+  </el-tooltip>
+</template>
         </el-table-column>
       </el-table>
       <!--鍒嗛〉鍖哄煙-->
@@ -62,17 +60,17 @@
     </el-card>
     <!--娣诲姞瑙掕壊鐨勫璇濇-->
     <el-dialog
-        title="娣诲姞瑙掕壊"
+        :title="$t('langAddRole')"
         :visible.sync="addDialogVisible"
         width="50%"
         @close="addDialogClosed">
       <!--鍐呭涓讳綋鍖哄煙-->
-      <el-form :model="addRoleForm" :rules="addRoleRules" ref="addRoleRef" label-width="70px">
-        <el-form-item label="鍚嶇О" prop="name">
+      <el-form :model="addRoleForm" :rules="addRoleRules" ref="addRoleRef" label-width="130px">
+        <el-form-item :label="$t('langRoleName')" prop="name">
           <el-input v-model="addRoleForm.name"></el-input>
         </el-form-item>
-        <el-form-item label="鐘舵��" prop="state">
-          <el-select v-model="addRoleForm.state" placeholder="璇烽�夋嫨">
+        <el-form-item :label="$t('langState')" prop="state">
+          <el-select v-model="addRoleForm.state" placeholder="$t('langPleaseSelect')">
             <el-option v-for="(item,index) in options"
                        :key="index"
                        :value="item.value"
@@ -82,22 +80,22 @@
         </el-form-item>
       </el-form>
       <span slot="footer" class="dialog-footer">
-    <el-button @click="addDialogVisible = false">鍙� 娑�</el-button>
-    <el-button type="primary" @click="addRole">纭� 瀹�</el-button>
+    <el-button @click="addDialogVisible = false">{{$t('langCancel')}}</el-button>
+    <el-button type="primary" @click="addRole">{{$t('langConfirm')}}</el-button>
   </span>
     </el-dialog>
     <!--淇敼瑙掕壊鐨勫璇濇-->
     <el-dialog
-        title="淇敼瑙掕壊"
+        :title="$t('langEditRole')"
         :visible.sync="editDialogVisible"
         width="50%">
       <!--鍐呭涓讳綋鍖哄煙-->
-      <el-form :model="editRoleForm" :rules="addRoleRules" ref="addRoleRef" label-width="70px">
-        <el-form-item label="鍚嶇О" prop="name">
+      <el-form :model="editRoleForm" :rules="addRoleRules" ref="addRoleRef" label-width="130px">
+        <el-form-item :label="$t('langRoleName')" prop="name">
           <el-input v-model="editRoleForm.name"></el-input>
         </el-form-item>
-        <el-form-item label="鐘舵��" prop="state">
-          <el-select v-model="editRoleForm.state" placeholder="璇烽�夋嫨">
+        <el-form-item :label="$t('langState')" prop="state">
+          <el-select v-model="editRoleForm.state" placeholder="$t('langPleaseSelect')">
             <el-option v-for="(item,index) in options"
                        :key="index"
                        :value="item.value"
@@ -107,8 +105,8 @@
         </el-form-item>
       </el-form>
       <span slot="footer" class="dialog-footer">
-    <el-button @click="editDialogVisible = false">鍙� 娑�</el-button>
-    <el-button type="primary" @click="editRoleInfo">纭� 瀹�</el-button>
+    <el-button @click="editDialogVisible = false">{{$t('langCancel')}}</el-button>
+    <el-button type="primary" @click="editRoleInfo">{{$t('langConfirm')}}</el-button>
   </span>
     </el-dialog>
   </div>
@@ -116,9 +114,11 @@
 
 <script>
 import {getById, removeById, saveOrUpdate, selectPage} from "../../api/role";
-
+import LanguageMixin from '../../lang/LanguageMixin'
 export default {
   name: "Role",
+  mixins: [LanguageMixin],
+
   data() {
     return {
       queryInfo: {
@@ -259,4 +259,4 @@
 .app .el-card {
   width: 99%;
 }
-</style>
+</style>
\ No newline at end of file

--
Gitblit v1.8.0