Răsfoiți Sursa

系统设置-部门管理

jwyu 1 an în urmă
părinte
comite
3c4dd82cc5

+ 2 - 0
src/App.vue

@@ -105,6 +105,8 @@ iframe {
   color: #0052D9;
   cursor: pointer;
   margin-right: 5px;
+  display: inline-block;
+  flex-shrink: 0;
 }
 .deletesty {
   font-size: 14px;

+ 140 - 2
src/lang/modules/systemManage/DepartManage.js

@@ -9,9 +9,76 @@ export const DepartManageEn = {
     depart_edit:'Edit Department',
     depart_name_placeholder:'Please enter the department name',
     depart:'Department',
+    depart_del_success:'Department Deletion Successful',
     delete_confirm:'Are you sure you want to delete',
     group_add:'Add Group',
-    group:'Group'
+    group:'Group',
+    group_name:'Group Name',
+    group_edit:'Edit Group',
+    group_name_placeholder:'Please Enter Group Name',
+    group_del_success:'Group Deletion Successful',
+    group_select:'Select Group',
+    group_select_placeholer:'Please Select Group',
+
+    user_add_btn:'Add User',
+    user_edit_btn:'Edit User',
+    user_login_accout:'Login Account',
+    user_login_pwd:'Login Password',
+    user_depart:'Department',
+    user_email:'Email',
+    user_role:'Assign Role',
+    user_add_placeholder01:'It is recommended to use the email prefix or phone number',
+    user_add_placeholder02:'6-12 characters combining numbers and letters',
+    user_add_placeholder03:'Please enter the user name',
+    user_add_placeholder04:'Please enter the phone number',
+    user_add_placeholder05:'Please select the department/group',
+    user_add_placeholder06:'Please enter the email',
+    user_add_placeholder07:'Please enter the employee ID',
+    user_add_placeholder08:'Please select the research direction',
+    user_add_placeholder09:'Please enter the position',
+
+    use_add_valid_msg01:'It is recommended to use the email prefix or phone number',
+    use_add_valid_msg02:'Please enter a new password',
+    use_add_valid_msg03:'Password must be 8 characters or more, including three of the following: numbers, uppercase letters, lowercase letters, special characters',
+    use_add_valid_msg04:'Name cannot be empty',
+    use_add_valid_msg05:'Either phone number or email must be filled',
+    use_add_valid_msg06:'Please enter the correct phone number format',
+    use_add_valid_msg07:'Please enter the correct email format',
+    use_add_valid_msg08:'Department/group cannot be empty',
+    use_add_valid_msg09:'Please enter four digits',
+    use_add_valid_msg10:'Role cannot be empty',
+
+    user_search_placeholder:'Name/Account/Phone Number Search',
+    user_table_name:'Name',
+    user_table_account:'Account',
+    user_table_mobile:'Phone Number',
+    user_table_role:'Role',
+    user_table_depart:'Department/Group',
+    user_table_status:'Status',
+    user_table_reset_pwd:'Reset Password',
+    user_table_move_group:'Move to Group',
+    user_table_status_ban:'Disable',
+    user_table_status_open:'Enable',
+    user_table_employee_id:'Employee ID',
+    user_table_position:'Position',
+    user_table_direct:'Research Direction',
+    user_table_address:'Work Location',
+    user_table_manage_auth:'Manage Permissions',
+    user_table_login_text:'Login account/Password',
+    use_tag01:'Super Admin',
+    use_tag02:'Admin',
+    use_tag03:'department manager',
+    use_tag04:'Team Leader',
+    use_tag05:'Supervisor',
+
+    look_auth:'View permissions',
+    no_auth:'No permission',
+    auth_text:'permission',
+
+    new_pwd:'New Password',
+    confirm_pwd:'Confirm Password',
+
+    del_msg:'Are you sure you want to delete user',
 };
   
 /* 中文 */
@@ -21,9 +88,80 @@ export const DepartManageZh = {
     depart_edit:'编辑部门',
     depart_name_placeholder:'请填写部门名称',
     depart:'部门',
+    depart_del_success:'删除部门成功',
     delete_confirm:'确定删除吗',
     group_add:'添加分组',
-    group:'分组'
+    group:'分组',
+    group_name:'分组名',
+    group_edit:'编辑分组',
+    group_name_placeholder:'请填写分组名称',
+    group_del_success:'删除分组成功',
+    group_select:'选择分组',
+    group_select_placeholer:'请选择部门分组',
+
+    user_add_btn:'添加用户',
+    user_edit_btn:'编辑用户',
+    user_login_accout:'登录账号',
+    user_login_pwd:'登录密码',
+    user_depart:'所属部门',
+    user_email:'邮箱',
+    user_role:'分配角色',
+    user_add_placeholder01:'建议使用邮箱前缀或者手机号码',
+    user_add_placeholder02:'6-12位数字与字母的组合',
+    user_add_placeholder03:'请输入用户名称',
+    user_add_placeholder04:'请输入手机号码',
+    user_add_placeholder05:'请选择部门分组',
+    user_add_placeholder06:'请输入邮箱',
+    user_add_placeholder07:'请输入工号',
+    user_add_placeholder08:'请选择研究方向',
+    user_add_placeholder09:'请输入职务',
+
+    use_add_valid_msg01:'登录账号不能为空',
+    use_add_valid_msg02:'请输入新密码',
+    use_add_valid_msg03:'密码要求8位及以上,包含数字、大写字母、小写字母、特殊字符中的三个类型',
+    use_add_valid_msg04:'姓名不能为空',
+    use_add_valid_msg05:'手机号码和邮箱至少填一个',
+    use_add_valid_msg06:'请输入正确的手机号格式',
+    use_add_valid_msg07:'请输入正确的邮箱格式',
+    use_add_valid_msg08:'部门分组不能为空',
+    use_add_valid_msg09:'请输入四位数字',
+    use_add_valid_msg10:'角色不能为空',
+
+
+
+    user_search_placeholder:'姓名/账号/手机号搜索',
+    user_table_name:'姓名',
+    user_table_account:'账号',
+    user_table_mobile:'手机号',
+    user_table_role:'角色',
+    user_table_depart:'部门/分组',
+    user_table_status:'状态',
+    user_table_reset_pwd:'重置密码',
+    user_table_move_group:'移动分组',
+    user_table_status_ban:'禁用',
+    user_table_status_open:'启用',
+    user_table_employee_id:'工号',
+    user_table_position:'职务',
+    user_table_direct:'研究方向',
+    user_table_address:'工作地点',
+    user_table_manage_auth:'管理权限',
+    user_table_login_text:'登录账号/密码',
+
+    use_tag01:'超管',
+    use_tag02:'管理员',
+    use_tag03:'部门经理',
+    use_tag04:'组长',
+    use_tag05:'主管',
+
+    look_auth:'查看权限',
+    no_auth:'暂无权限',
+    auth_text:'权限',
+
+    new_pwd:'新密码',
+    confirm_pwd:'确认新密码',
+
+    del_msg:'是否确认删除用户',
+
 };
   
 /**

+ 109 - 52
src/views/system_manage/components/addUserDialog.vue

@@ -1,75 +1,75 @@
 <template>
     <el-dialog :visible.sync="isAddUserDialogShow" :close-on-click-modal="false" :modal-append-to-body='false' class="add-user-dialog-wrap"
-        @close="$emit('close')" center width="886px" v-dialogDrag>
+        @close="$emit('close')" center width="986px" v-dialogDrag>
         <div slot="title" style="display:flex;alignItems:center;">
-            <img :src="userForm.title=='添加用户'?$icons.add:$icons.edit"
+            <img :src="userForm.title==$t('SystemManage.DepartManage.user_add_btn')?$icons.add:$icons.edit"
                 style="color:#fff;width:16px;height:16px;marginRight:5px;">
             <span style="fontSize:16px;">{{userForm.title}}</span>
         </div>
-        <el-form @submit.native.prevent :model="userForm" :rules="userRule" ref="userForm" label-width="100px"
+        <el-form @submit.native.prevent :model="userForm" :rules="userRule" ref="userForm" label-width="160px"
             class="demo-ruleForm" style="marginTop:15px;">
-            <el-form-item label="登录账号" prop="account">
-                <el-input v-model="userForm.account" placeholder="建议使用邮箱前缀或者手机号码" :disabled="userForm.disabledForm" clearable>
+            <el-form-item :label="$t('SystemManage.DepartManage.user_login_accout')" prop="account">
+                <el-input v-model="userForm.account" :placeholder="$t('SystemManage.DepartManage.user_add_placeholder01')" :disabled="userForm.disabledForm" clearable>
                 </el-input>
             </el-form-item>
-            <el-form-item label="登录密码" prop="pwd" v-if="userForm.title == '添加用户'">
-                <el-input v-model.trim="userForm.pwd" placeholder="6-12位数字与字母的组合" 
-                    :type="userForm.title == '添加用户' ? 'text' : 'password' " clearable></el-input>
+            <el-form-item :label="$t('SystemManage.DepartManage.user_login_pwd')" prop="pwd" v-if="userForm.title == $t('SystemManage.DepartManage.user_add_btn')">
+                <el-input v-model.trim="userForm.pwd" :placeholder="$t('SystemManage.DepartManage.user_add_placeholder02')" 
+                    :type="userForm.title == $t('SystemManage.DepartManage.user_add_btn') ? 'text' : 'password' " clearable></el-input>
             </el-form-item>
-            <el-form-item label="姓名" prop="name">
-                <el-input v-model="userForm.name" placeholder="请输入用户名称"  clearable>
+            <el-form-item :label="$t('SystemManage.DepartManage.user_table_name')" prop="name">
+                <el-input v-model="userForm.name" :placeholder="$t('SystemManage.DepartManage.user_add_placeholder03')"  clearable>
                 </el-input>
             </el-form-item>
-            <el-form-item label="手机号码" prop="mobile" class="mobile-input-item">
-                <el-input v-model.trim="userForm.mobile" placeholder="请输入手机号码" clearable class="mobile-input">
+            <el-form-item :label="$t('SystemManage.DepartManage.user_table_mobile')" prop="mobile" class="mobile-input-item">
+                <el-input v-model.trim="userForm.mobile" :placeholder="$t('SystemManage.DepartManage.user_add_placeholder04')" clearable class="mobile-input">
                 </el-input>
                 <el-select v-model="userForm.areacode" class="mobile-select" placeholder="请选择">
                     <el-option v-for="item in areaCode" :key="item.Value"
                         :label="item.Name" :value="item.Value" />
                 </el-select>
             </el-form-item>
-            <el-form-item label="所属部门" prop="depart" v-if="userForm.title == '添加用户'">
+            <el-form-item :label="$t('SystemManage.DepartManage.user_depart')" prop="depart" v-if="userForm.title == $t('SystemManage.DepartManage.user_add_btn')">
                 <el-cascader :options="departArr" v-model="userForm.depart" :props="form_departProp"
-                    placeholder="请选择部门分组" :disabled="userForm.disabledForm" clearable>
+                    :placeholder="$t('SystemManage.DepartManage.user_add_placeholder05')" :disabled="userForm.disabledForm" clearable>
                 </el-cascader>
             </el-form-item>
-            <el-form-item label="邮箱" prop="email">
-                <el-input v-model="userForm.email" placeholder="请输入邮箱"></el-input>
+            <el-form-item :label="$t('SystemManage.DepartManage.user_email')" prop="email">
+                <el-input v-model="userForm.email" :placeholder="$t('SystemManage.DepartManage.user_add_placeholder06')"></el-input>
             </el-form-item>
-            <el-form-item label="工号" prop="employeeNumber">
-                <el-input :disabled="hasEmployeeNo" v-model="userForm.employeeNumber" placeholder="请输入工号"></el-input>
+            <el-form-item :label="$t('SystemManage.DepartManage.user_table_employee_id')" prop="employeeNumber">
+                <el-input :disabled="hasEmployeeNo" v-model="userForm.employeeNumber" :placeholder="$t('SystemManage.DepartManage.user_add_placeholder07')"></el-input>
             </el-form-item>
-            <el-form-item label="分配角色" prop="role">
-                <el-select v-model="userForm.role" placeholder="分配角色" :disabled="userForm.disabledForm" @change="roleChange">
+            <el-form-item :label="$t('SystemManage.DepartManage.user_role')" prop="role">
+                <el-select v-model="userForm.role" :placeholder="$t('SystemManage.DepartManage.user_role')" :disabled="userForm.disabledForm" @change="roleChange">
                     <el-option v-for="item in roleArr" :key="item.RoleId" :label="item.RoleName" :value="item.RoleId">
                     </el-option>
                 </el-select>
             </el-form-item>
-            <el-form-item label="研究方向" prop="direct" v-permission="permissionBtn.sysDepartPermission.sysDepart_saveUser_researchGroup">
+            <el-form-item :label="$t('SystemManage.DepartManage.user_table_direct')" prop="direct" v-permission="permissionBtn.sysDepartPermission.sysDepart_saveUser_researchGroup">
                 <el-cascader collapse-tags :show-all-levels="false" :options="researchGroup" v-model="userForm.direct"
-                    :props="form_directProp" placeholder="请选择研究方向" clearable></el-cascader>
+                    :props="form_directProp" :placeholder="$t('SystemManage.DepartManage.user_add_placeholder08')" clearable></el-cascader>
             </el-form-item>
-            <el-form-item label="职务" prop="post">
-                <el-input v-model="userForm.post" placeholder="请输入职务" clearable>
+            <el-form-item :label="$t('SystemManage.DepartManage.user_table_position')" prop="post">
+                <el-input v-model="userForm.post" :placeholder="$t('SystemManage.DepartManage.user_add_placeholder09')" clearable>
                 </el-input>
             </el-form-item>
-            <el-form-item label="工作地点" prop="city"
+            <el-form-item :label="$t('SystemManage.DepartManage.user_table_address')" prop="city"
                 :rules="[2,6,18].includes(userForm.role)?{ required: true, message: '工作地点不能为空', trigger: 'change' }:{}">
                     <search-dist-picker 
                         :provinceInfo="userForm.province"
                         :cityInfo="userForm.city"
                         @selected="selectRegion"/>
             </el-form-item>
-            <el-form-item label="状态" prop="status">
+            <el-form-item :label="$t('SystemManage.DepartManage.user_table_status')" prop="status">
                 <el-radio-group v-model="userForm.status" :disabled="userForm.disabledStatus">
-                    <el-radio :label="1">启用</el-radio>
-                    <el-radio :label="0">禁用</el-radio>
+                    <el-radio :label="1">{{$t('SystemManage.DepartManage.user_table_status_open')}}</el-radio>
+                    <el-radio :label="0">{{$t('SystemManage.DepartManage.user_table_status_ban')}}</el-radio>
                 </el-radio-group>
             </el-form-item>
         </el-form>
         <div style="display:flex;justify-content:center;margin:0 0 26px;">
-            <el-button type="primary" style="width:80px;marginRight:24px;" @click="$emit('save')">保存</el-button>
-            <el-button style="width:80px;" @click="$emit('close')">取消</el-button>
+            <el-button type="primary" style="width:80px;marginRight:24px;" @click="$emit('save')">{{$t('Dialog.confirm_save_btn')}}</el-button>
+            <el-button style="width:80px;" @click="$emit('close')">{{$t('Dialog.cancel_btn')}}</el-button>
         </div>
     </el-dialog>
 </template>
@@ -111,42 +111,46 @@ import {patternEmail,isMobileNo,checkPassWord} from '@/utils/commonOptions';
             }
         },
         components:{searchDistPicker},
-        data() {
-            return {
-                userRule: {
-                    account:[{required: true, message: '登录账号不能为空', trigger: 'blur'}],
-                    pwd:[{validator:(rule,value,callback)=>{
-                        if(value===''){
-                            callback(new Error('请输入新密码'))
-                        }
-                        if(!checkPassWord(value)){
-                            callback(new Error('密码要求8位及以上,包含数字、大写字母、小写字母、特殊字符中的三个类型'))
-                        }else{
-                            callback()
+        computed:{
+            userRule() {
+                return {
+                account:[{required: true, message: this.$t('SystemManage.DepartManage.use_add_valid_msg01'), trigger: 'blur'}],
+                pwd:[
+                    {
+                        validator:(rule,value,callback)=>{
+                            if(value===''){
+                                callback(new Error(this.$t('SystemManage.DepartManage.use_add_valid_msg02')))
+                            }
+                            if(!checkPassWord(value)){
+                                callback(new Error(this.$t('SystemManage.DepartManage.use_add_valid_msg03')))
+                            }else{
+                                callback()
+                            }
                         }
-                    }}],
-                    name:[{ required: true, message: '姓名不能为空', trigger: 'blur' }],
+                    }
+                ],
+                name:[{ required: true, message: this.$t('SystemManage.DepartManage.use_add_valid_msg04'), trigger: 'blur' }],
                     mobile:[{ validator: (rule, value, callback) => {
                         if (value === ''&&!this.userForm.email) {
-                            callback(new Error('手机号码和邮箱至少填一个'));
+                            callback(new Error(this.$t('SystemManage.DepartManage.use_add_valid_msg05')));
                         }else if(value&&this.userForm.areacode==='86'&&!isMobileNo(value)) {
-                            callback(new Error('请输入正确的手机号格式'));
+                            callback(new Error(this.$t('SystemManage.DepartManage.use_add_valid_msg06')));
                         } else if(this.userForm.areacode!=='86'&&isNaN(value.trim())){
-                            callback(new Error('请输入正确的手机号格式'));
+                            callback(new Error(this.$t('SystemManage.DepartManage.use_add_valid_msg06')));
                         }else {
                             callback();
                         }
                     }, trigger: 'blur'}],
                     email:[{ validator: (rule, value, callback) => {
                         if (value === ''&&!this.userForm.mobile) {
-                            callback(new Error('手机号码和邮箱至少填一个'));
+                            callback(new Error(this.$t('SystemManage.DepartManage.use_add_valid_msg05')));
                         }else if(value&&!patternEmail.test(value)) {
-                            callback(new Error('请输入正确的邮箱格式'));
+                            callback(new Error(this.$t('SystemManage.DepartManage.use_add_valid_msg07')));
                         } else {
                             callback();
                         }
                     }, trigger: 'blur'}],
-                    depart:[{ required: true, message: '部门分组不能为空', trigger: 'change' }],
+                    depart:[{ required: true, message: this.$t('SystemManage.DepartManage.use_add_valid_msg08'), trigger: 'change' }],
                     employeeNumber:[{validator:(rule,value,callback)=>{
                         if(!value){
                             callback()
@@ -155,13 +159,66 @@ import {patternEmail,isMobileNo,checkPassWord} from '@/utils/commonOptions';
                         // 取消空格
                         let tempValue = parseInt(value.replaceAll(' ',''))
                         if(!tempValue || value.replaceAll(' ','').length!=4){
-                            callback(new Error('请输入四位数字'))
+                            callback(new Error(this.$t('SystemManage.DepartManage.use_add_valid_msg09')))
                         }else{
                             callback()
                         }
                     },trigger:'blur'}],
-                    role:[{ required: true, message: '角色不能为空', trigger: 'change' }],
+                    role:[{ required: true, message: this.$t('SystemManage.DepartManage.use_add_valid_msg10'), trigger: 'change' }],
+                }
                 },
+        },
+        data() {
+            return {
+                // userRule: {
+                //     account:[{required: true, message: '登录账号不能为空', trigger: 'blur'}],
+                //     pwd:[{validator:(rule,value,callback)=>{
+                //         if(value===''){
+                //             callback(new Error('请输入新密码'))
+                //         }
+                //         if(!checkPassWord(value)){
+                //             callback(new Error('密码要求8位及以上,包含数字、大写字母、小写字母、特殊字符中的三个类型'))
+                //         }else{
+                //             callback()
+                //         }
+                //     }}],
+                //     name:[{ required: true, message: '姓名不能为空', trigger: 'blur' }],
+                //     mobile:[{ validator: (rule, value, callback) => {
+                //         if (value === ''&&!this.userForm.email) {
+                //             callback(new Error('手机号码和邮箱至少填一个'));
+                //         }else if(value&&this.userForm.areacode==='86'&&!isMobileNo(value)) {
+                //             callback(new Error('请输入正确的手机号格式'));
+                //         } else if(this.userForm.areacode!=='86'&&isNaN(value.trim())){
+                //             callback(new Error('请输入正确的手机号格式'));
+                //         }else {
+                //             callback();
+                //         }
+                //     }, trigger: 'blur'}],
+                //     email:[{ validator: (rule, value, callback) => {
+                //         if (value === ''&&!this.userForm.mobile) {
+                //             callback(new Error('手机号码和邮箱至少填一个'));
+                //         }else if(value&&!patternEmail.test(value)) {
+                //             callback(new Error('请输入正确的邮箱格式'));
+                //         } else {
+                //             callback();
+                //         }
+                //     }, trigger: 'blur'}],
+                //     depart:[{ required: true, message: '部门分组不能为空', trigger: 'change' }],
+                //     employeeNumber:[{validator:(rule,value,callback)=>{
+                //         if(!value){
+                //             callback()
+                //             return 
+                //         }
+                //         // 取消空格
+                //         let tempValue = parseInt(value.replaceAll(' ',''))
+                //         if(!tempValue || value.replaceAll(' ','').length!=4){
+                //             callback(new Error('请输入四位数字'))
+                //         }else{
+                //             callback()
+                //         }
+                //     },trigger:'blur'}],
+                //     role:[{ required: true, message: '角色不能为空', trigger: 'change' }],
+                // },
                 form_departProp:{
                     value:'DepartmentId',
                     label:'DepartmentName',

+ 68 - 68
src/views/system_manage/departManage.vue

@@ -53,11 +53,11 @@
 			<div class="right_cont_top">
 				<div>
 					<el-button v-permission="permissionBtn.sysDepartPermission.sysDepart_saveUser"
-						type="primary" @click="addUser">添加用户</el-button>
+						type="primary" @click="addUser">{{$t('SystemManage.DepartManage.user_add_btn')}}</el-button>
 					<!-- <el-button type="primary" @click="synchronizationMEIKE" style="margin-left: 26px;">同步每刻</el-button> -->
 				</div>
 				<el-input
-					placeholder="姓名/账号/手机号搜索"
+					:placeholder="$t('SystemManage.DepartManage.user_search_placeholder')"
 					v-model="search_txt"
 					@input="searchHandle"
 					style="maxWidth:359px">
@@ -76,64 +76,64 @@
 				border>
 					<el-table-column
 					prop="RealName"
-					label="姓名"
+					:label="$t('SystemManage.DepartManage.user_table_name')"
 					width="200"
 					align="center">
 						<template slot-scope="scope">
 							<el-tag size="small" 
 								v-if="scope.row.LabelVal&&permissionBtn.checkPermissionBtn(permissionBtn.sysDepartPermission.sysDepart_saveUser_LabelVal)" 
-								:style="scope.row.LabelVal==1||scope.row.LabelVal==2?'color:#fff;background:#409EFF':'color:#409EFF;background:#ECF5FF'" style="position:absolute;left:10px">{{scope.row.LabelVal==1?'超管':scope.row.LabelVal==2?'管理员':scope.row.LabelVal==3?'部门经理':scope.row.LabelVal==4?'组长':'主管'}}</el-tag>
+								:style="scope.row.LabelVal==1||scope.row.LabelVal==2?'color:#fff;background:#409EFF':'color:#409EFF;background:#ECF5FF'" style="position:absolute;left:10px">{{scope.row.LabelVal==1?$t('SystemManage.DepartManage.use_tag01'):scope.row.LabelVal==2?$t('SystemManage.DepartManage.use_tag02'):scope.row.LabelVal==3?$t('SystemManage.DepartManage.use_tag03'):scope.row.LabelVal==4?$t('SystemManage.DepartManage.use_tag04'):$t('SystemManage.DepartManage.use_tag05')}}</el-tag>
 							<span style="position: relative;">{{scope.row.RealName}}</span>
 						</template>
 					</el-table-column>
 					<el-table-column 
 						prop="AdminName"
-						label="账号"
+						:label="$t('SystemManage.DepartManage.user_table_account')"
 						align="center"
 					/>
 					<el-table-column
 					prop="Mobile"
-					label="手机号"
+					:label="$t('SystemManage.DepartManage.user_table_mobile')"
 					align="center">
 						<template slot-scope="scope"> <span>{{scope.row.Mobile||''}}</span> </template>
 					</el-table-column>
 					<el-table-column
 					prop="RoleName"
-					label="角色"
+					:label="$t('SystemManage.DepartManage.user_table_role')"
 					align="center">
 						<template slot-scope="scope"> <span>{{scope.row.RoleName||''}}</span> </template>
 					</el-table-column>
 					<el-table-column
 					prop="DepartmentGroup"
-					label="部门/分组"
+					:label="$t('SystemManage.DepartManage.user_table_depart')"
 					align="center">
 						<template slot-scope="scope"> <span>{{scope.row.DepartmentGroup||''}}</span> </template>
 					</el-table-column>
-					<el-table-column label="状态" align="center">
+					<el-table-column :label="$t('SystemManage.DepartManage.user_table_status')" align="center">
 						<template slot-scope="scope">
-							<span :style="{color:scope.row.Enabled===0?'#FF0000':null}">{{scope.row.Enabled===0?'禁用':'启用'}}</span>
+							<span :style="{color:scope.row.Enabled===0?'#FF0000':null}">{{scope.row.Enabled===0?$t('SystemManage.DepartManage.user_table_status_ban'):$t('SystemManage.DepartManage.user_table_status_open')}}</span>
 						</template>
 					</el-table-column>
-					<el-table-column label="操作" align="center" width="300" fixed="right">
+					<el-table-column :label="$t('Table.column_operations')" align="center" width="300" fixed="right">
 						<template slot-scope="scope">
-							<div style="color:#4099ef; font-size:24px;display: flex;gap:0 10px;">
+							<div style="color:#4099ef; font-size:24px;display: flex;gap:0 10px;flex-wrap: wrap">
 								<span  v-permission="permissionBtn.sysDepartPermission.sysDepart_saveUser"
-									class="editsty" @click.stop="editUser(scope.row)">编辑</span>
+									class="editsty" @click.stop="editUser(scope.row)">{{$t('Table.edit_btn')}}</span>
 								<span v-permission="permissionBtn.sysDepartPermission.sysDepart_resetPass"
-									class="editsty" @click.stop="resetPassWord(scope.row)">重置密码</span>
+									class="editsty" @click.stop="resetPassWord(scope.row)">{{$t('SystemManage.DepartManage.user_table_reset_pwd')}}</span>
 								<span v-permission="permissionBtn.sysDepartPermission.sysDepart_moveGroup"
-									class="editsty" @click.stop="moveDepart(scope.row)">移动分组</span>
+									class="editsty" @click.stop="moveDepart(scope.row)">{{$t('SystemManage.DepartManage.user_table_move_group')}}</span>
 								<span v-permission="permissionBtn.sysDepartPermission.sysDepart_enable"
 									class="editsty" 
 									@click.stop="handleChangeStatus(scope.row)"
-								>{{scope.row.Enabled===0?'启用':'禁用'}}</span>
+								>{{scope.row.Enabled===0?$t('SystemManage.DepartManage.user_table_status_open'):$t('SystemManage.DepartManage.user_table_status_ban')}}</span>
 								<span v-permission="permissionBtn.sysDepartPermission.sysDepart_del"
-									class="deletesty" @click.stop="delUser(scope.row)">删除</span>
+									class="deletesty" @click.stop="delUser(scope.row)">{{$t('Table.delete_btn')}}</span>
 							</div>
 						</template>
 					</el-table-column>
 					<div slot="empty" style="lineHeight:25px;margin:20px 0;color:#95A9C5;">
-						<tableNoData text="暂无数据" size="mini"/>
+						<tableNoData :text="$t('Table.prompt_slogan')" size="mini"/>
 					</div>
 				</el-table>
 				<el-col :span="24" class="toolbar">
@@ -157,46 +157,46 @@
 						</div>
 						<ul class="shadow_info">
 							<li class="info_item">
-								<h4 class="item_tit">手机号:</h4>
+								<h4 class="item_tit">{{$t('SystemManage.DepartManage.user_table_mobile')}}:</h4>
 								<span>{{userObj.tel}}</span>
 							</li>
 							<li class="info_item">
-								<h4 class="item_tit">部门/分组:</h4>
+								<h4 class="item_tit">{{$t('SystemManage.DepartManage.user_table_depart')}}:</h4>
 								<span>{{userObj.depart}}</span>
 							</li>
 							<li class="info_item">
-								<h4 class="item_tit">工号:</h4>
+								<h4 class="item_tit">{{$t('SystemManage.DepartManage.user_table_employee_id')}}:</h4>
 								<span>{{userObj.employeeNumber}}</span>
 							</li>
 							<li class="info_item">
-								<h4 class="item_tit">职务:</h4>
+								<h4 class="item_tit">{{$t('SystemManage.DepartManage.user_table_position')}}:</h4>
 								<span>{{userObj.post}}</span>
 							</li>
 							<li class="info_item">
-								<h4 class="item_tit">角色:</h4>
+								<h4 class="item_tit">{{$t('SystemManage.DepartManage.user_table_role')}}:</h4>
 								<span>{{userObj.role}}</span>
 							</li>
 							<li v-permission="permissionBtn.sysDepartPermission.sysDepart_saveUser_researchGroup"
 								class="info_item" v-if="userObj.depart.includes('FICC研究部')">
-								<h4 class="item_tit">研究方向:</h4>
+								<h4 class="item_tit">{{$t('SystemManage.DepartManage.user_table_direct')}}:</h4>
 								<span>{{userObj.direct.map(i=>i.join('/')).join('、')||'暂无'}}</span>
 							</li>
 							<li class="info_item">
-								<h4 class="item_tit">工作地点:</h4>
+								<h4 class="item_tit">{{$t('SystemManage.DepartManage.user_table_address')}}:</h4>
 								<span>{{userObj.city?userObj.province+' '+userObj.city:'暂无'}}</span>
 							</li>
 							<li class="info_item">
-								<h4 class="item_tit">管理权限:</h4>
+								<h4 class="item_tit">{{$t('SystemManage.DepartManage.user_table_manage_auth')}}:</h4>
 								<span>{{userObj.auth||'暂无'}}</span>
 							</li>
 							<li class="info_item">
-								<h4 class="item_tit">登录账号/密码:</h4>
+								<h4 class="item_tit">{{$t('SystemManage.DepartManage.user_table_login_text')}}:</h4>
 								<span>{{userObj.account+'/***'}}</span>
 							</li>
 						</ul>
 						<el-popover
 							placement="left"
-							:title="userObj.name+'权限'"
+							:title="userObj.name+$t('SystemManage.DepartManage.auth_text')"
 							width="560"
 							trigger="hover">
 							<div class="auth_cont" style="padding:30px 0;max-height: 70vh; overflow-y: auto;">
@@ -210,9 +210,9 @@
 										</div>
 									</div>
 								</template>
-								<span v-else style="fontSize:16px;color:#999;marginLeft:20px;">暂无权限</span>
+								<span v-else style="fontSize:16px;color:#999;marginLeft:20px;">{{$t('SystemManage.DepartManage.no_auth')}}</span>
 							</div>
-							<span slot="reference" style="fontSize:16px;color:#409EFF;cursior:pointer;">查看权限</span>
+							<span slot="reference" style="fontSize:16px;color:#409EFF;cursior:pointer;">{{$t('SystemManage.DepartManage.look_auth')}}</span>
 						</el-popover>
 						<img src="~@/assets/img/ppt_m/close.png" alt="" class="close_btn" @click="closeShadow">
 					</div>
@@ -254,14 +254,14 @@
 		width="30%"
 		v-dialogDrag>
 			<div slot="title" style="display:flex;alignItems:center;">
-				<img :src="groupForm.title=='添加分组'?$icons.add:$icons.edit" style="color:#fff;width:16px;height:16px;marginRight:5px;">
+				<img :src="groupForm.title==$t('SystemManage.DepartManage.group_add')?$icons.add:$icons.edit" style="color:#fff;width:16px;height:16px;marginRight:5px;">
 				<span style="fontSize:16px;">{{groupForm.title}}</span>
 			</div>
-			<el-form @submit.native.prevent :model="groupForm" :rules="groupRule" ref="groupForm" label-width="100px" class="demo-ruleForm" style="marginTop:15px;">
-				<el-form-item label="部门" prop="depart">
+			<el-form @submit.native.prevent :model="groupForm" :rules="groupRule" ref="groupForm" label-width="110px" class="demo-ruleForm" style="marginTop:15px;">
+				<el-form-item :label="$t('SystemManage.DepartManage.depart')" prop="depart">
 					<span style="fontSize:16px;">{{groupForm.depart}}</span>
 				</el-form-item>
-				<el-form-item label="分组" prop="group">
+				<el-form-item :label="$t('SystemManage.DepartManage.group')" prop="group">
 					<el-tag
 					:key="tag"
 					v-for="tag in groupForm.group"
@@ -274,7 +274,7 @@
 					class="input-new-tag"
 					v-if="inputVisible"
 					v-model="inputValue"
-					placeholder="分组名"
+					:placeholder="$t('SystemManage.DepartManage.group_name')"
 					ref="saveTagInput"
 					size="small"
 					style="width:120px"
@@ -282,7 +282,7 @@
 					@blur="handleInputConfirm"
 					>
 					</el-input>
-					<el-button v-else class="button-new-tag" size="small" @click="showInput">+添加分组</el-button>
+					<el-button v-else class="button-new-tag" size="small" @click="showInput">+{{$t('SystemManage.DepartManage.group_add')}}</el-button>
 				</el-form-item>
 			</el-form>	
 			<div style="display:flex;justify-content:center;margin:75px 0 26px;">
@@ -292,7 +292,7 @@
 		</el-dialog>
 		<!-- 编辑分组 -->
 		<el-dialog
-		title="编辑分组"
+		:title="$t('SystemManage.DepartManage.group_edit')"
 		:visible.sync="isEditGroup"
 		:close-on-click-modal="false"
 		:modal-append-to-body='false'
@@ -301,7 +301,7 @@
 		width="30%">
 			<div slot="title" style="display:flex;alignItems:center;">
 				<img :src="$icons.edit" style="color:#fff;width:16px;height:16px;marginRight:5px;">
-				<span style="fontSize:16px;">编辑分组</span>
+				<span style="fontSize:16px;">{{$t('SystemManage.DepartManage.group_edit')}}</span>
 			</div>
 			<el-form :model="editGroupForm"  ref="editGroupForm" label-width="100px" class="demo-ruleForm" style="marginTop:15px;">
 				<!-- <el-form-item label="部门" prop="depart">
@@ -314,13 +314,13 @@
 						</el-option>
 					</el-select>
 				</el-form-item> -->
-				<el-form-item label="分组" prop="group">
-					<el-input v-model="editGroupForm.group" placeholder="请填写分组名称" style="width: 90%"></el-input>
+				<el-form-item :label="$t('SystemManage.DepartManage.group')" prop="group">
+					<el-input v-model="editGroupForm.group" :placeholder="$t('SystemManage.DepartManage.group_name_placeholder')" style="width: 90%"></el-input>
 				</el-form-item>
 			</el-form>	
 			<div style="display:flex;justify-content:center;margin:75px 0 26px;">
-				<el-button type="primary" style="width:80px;marginRight:24px;" @click="editGroupOver">保存</el-button>
-				<el-button  style="width:80px;" @click="cancelHandle(4)">取消</el-button>
+				<el-button type="primary" style="width:80px;marginRight:24px;" @click="editGroupOver">{{$t('Dialog.confirm_save_btn')}}</el-button>
+				<el-button  style="width:80px;" @click="cancelHandle(4)">{{$t('Dialog.cancel_btn')}}</el-button>
 			</div>
 		</el-dialog>
 		<!-- 添加用户弹窗 -->
@@ -340,33 +340,33 @@
 		<!-- 重置密码 -->
 		<el-dialog
 			class="custom-dialog"
-			title="重置密码"
+			:title="$t('SystemManage.DepartManage.user_table_reset_pwd')"
 			:visible.sync="isResetPasswordShow"
 			:close-on-click-modal="false" 
 			:modal-append-to-body="false"
-			@close="isResetPasswordShow=false" center width="460px" v-dialogDrag
+			@close="isResetPasswordShow=false" center width="560px" v-dialogDrag
 		>
 			<div class="dialog-container">
-				<el-form ref="resetForm" :model="resetForm" :rules="resetRules" label-width="100px">
-					<el-form-item label="账号">
+				<el-form ref="resetForm" :model="resetForm" :rules="resetRules" label-width="155px">
+					<el-form-item :label="$t('SystemManage.DepartManage.user_table_account')">
 						<span>{{modifyAdminName}}</span>
 					</el-form-item>
-					<el-form-item label="新密码" prop="password">
+					<el-form-item :label="$t('SystemManage.DepartManage.new_pwd')" prop="password">
 						<el-input v-model="resetForm.password" style="width:100%" :show-password="true"></el-input>
 					</el-form-item>
-					<el-form-item label="确认新密码" prop="check" style="margin-bottom: 40px;">
+					<el-form-item :label="$t('SystemManage.DepartManage.confirm_pwd')" prop="check" style="margin-bottom: 40px;">
 						<el-input v-model="resetForm.check" style="width:100%" :show-password="true"></el-input>
 					</el-form-item>
 				</el-form>
 				<div style="display:flex;justify-content:center;margin:26px 0">
-					<el-button type="primary" style="width:80px;margin-right:24px;" @click="resetPassWord(_,'execute')">保存</el-button>
-					<el-button style="width:80px;" @click="isResetPasswordShow=false">取消</el-button>
+					<el-button type="primary" style="width:80px;margin-right:24px;" @click="resetPassWord(_,'execute')">{{$t('Dialog.confirm_save_btn')}}</el-button>
+					<el-button style="width:80px;" @click="isResetPasswordShow=false">{{$t('Dialog.cancel_btn')}}</el-button>
 				</div>
 			</div>
 		</el-dialog>
 		<!-- 移动分组 -->
 		<el-dialog
-			title="移动分组"
+			:title="$t('SystemManage.DepartManage.user_table_move_group')"
 			:visible.sync="isMoveDepartShow"
 			:close-on-click-modal="false" 
 			:modal-append-to-body="false"
@@ -374,18 +374,18 @@
 		>
 			<div class="dialog-cotainer">
 				<div class="form-item" style="display: flex;align-items: center;margin-bottom:20px">
-					<p style="width:90px">账号</p>
+					<p style="width:120px">{{$t('SystemManage.DepartManage.user_table_account')}}</p>
 					<span>{{modifyAdminName}}</span>
 				</div>
 				<div class="form-item" style="display: flex;align-items: center;">
-					<p style="width:90px">选择分组</p>
+					<p style="width:120px">{{$t('SystemManage.DepartManage.group_select')}}</p>
 					<el-cascader :options="departArr" v-model="resetDepart" :props="form_departProp" style="width:100%"
-						placeholder="请选择部门分组">
+						:placeholder="$t('SystemManage.DepartManage.group_select_placeholer')">
 					</el-cascader>
 				</div>
 				<div style="display:flex;justify-content:center;margin:26px 0">
-					<el-button type="primary" style="width:80px;margin-right:24px;" @click="moveDepart(_,'execute')">保存</el-button>
-					<el-button style="width:80px;" @click="isMoveDepartShow=false">取消</el-button>
+					<el-button type="primary" style="width:80px;margin-right:24px;" @click="moveDepart(_,'execute')">{{$t('Dialog.confirm_save_btn')}}</el-button>
+					<el-button style="width:80px;" @click="isMoveDepartShow=false">{{$t('Dialog.cancel_btn')}}</el-button>
 				</div>
 			</div>
 		</el-dialog>
@@ -770,7 +770,7 @@ export default {
 					DepartmentId:data.DepartmentId
 				}).then(res =>{
 					if(res.Ret === 200) {
-						this.$message.success('删除部门成功')
+						this.$message.success(this.$t('SystemManage.DepartManage.depart_del_success'))
 						this.getDepartArr();
 					}
 				})
@@ -780,7 +780,7 @@ export default {
 					GroupId:data.DepartmentId
 				}).then(res =>{
 					if(res.Ret === 200) {
-						this.$message.success('删除分组成功')
+						this.$message.success(this.$t('SystemManage.DepartManage.group_del_success'))
 						this.getDepartArr();
 					}
 				})
@@ -789,7 +789,7 @@ export default {
 					TeamId:data.DepartmentId
 				}).then(res =>{
 					if(res.Ret === 200) {
-						this.$message.success('删除成功')
+						this.$message.success(this.$t('MsgPrompt.delete_msg'))
 						this.getDepartArr();
 					}
 				})
@@ -971,7 +971,7 @@ export default {
 			this.isAddUser = true;
 			this.hasEmployeeNo=false
 			this.userForm = {
-				title:'添加用户',
+				title:this.$t('SystemManage.DepartManage.user_add_btn'),
 				account:'',
 				pwd:'',
 				employeeNumber:'',
@@ -1023,7 +1023,7 @@ export default {
 			this.$refs.addUserDialog.$refs.userForm.validate((valid) => {
 				if (valid) {
 					/* 新增 */
-					if(this.userForm.title == '添加用户') {				
+					if(this.userForm.title == this.$t('SystemManage.DepartManage.user_add_btn')) {				
 						let params = {
 							AdminName: this.userForm.account,
 							Password: new http.Base64().encode(this.userForm.pwd),
@@ -1049,7 +1049,7 @@ export default {
 								this.$message.success(res.Msg);
 								this.isAddUser = false;
 								this.userForm = {
-									title:'添加用户',
+									title:this.$t('SystemManage.DepartManage.user_add_btn'),
 									account:'',
 									pwd:'',
 									employeeNumber:'',
@@ -1098,10 +1098,10 @@ export default {
 						//console.log('testEdit',params)
 						departInterence.editUser(params).then(res => {
 							if(res.Ret === 200) {
-								this.$message.success('编辑成功');
+								this.$message.success(this.$t('MsgPrompt.edit_msg'));
 								this.isAddUser = false;
 								this.userForm = {
-									title:'添加用户',
+									title:this.$t('SystemManage.DepartManage.user_add_btn'),
 									account:'',
 									pwd:'',
 									employeeNumber:'',
@@ -1142,7 +1142,7 @@ export default {
 				this.isAddGroup = false;
 			}else if(type === 3) {
 				this.userForm = {
-					title:'添加用户',
+					title:this.$t('SystemManage.DepartManage.user_add_btn'),
 					account:'',
 					pwd:'',
 					employeeNumber:'',
@@ -1235,7 +1235,7 @@ export default {
 				this.isExtraUserFormItemShow = false
 			} */
 			this.userForm = {
-				title:'编辑用户',
+				title:this.$t('SystemManage.DepartManage.user_edit_btn'),
 				admin_id:item.AdminId,
 				account:item.AdminName,
 				pwd:item.Password,
@@ -1262,14 +1262,14 @@ export default {
 		},
 		/* 删除用户 */
 		delUser(item) {
-			this.$confirm(`是否确认删除用户【${item.AdminName}】`,'提示',{
+			this.$confirm(`${this.$t('SystemManage.DepartManage.del_msg')}【${item.AdminName}】`,this.$t('Confirm.prompt'),{
 				type:'warning'
 			}).then(() => {
 				departInterence.delUser({
 					AdminId:item.AdminId
 				}).then(res => {
 					if(res.Ret === 200) {
-						this.$message.success('删除成功')
+						this.$message.success(this.$t('MsgPrompt.delete_msg'))
 						this.getTableUser();
 					}
 				})