From 34b348ecbdaa67d3e419ca0c80e209e6f77022e1 Mon Sep 17 00:00:00 2001 From: lxl <lixuliang_hd@126.com> Date: 星期三, 21 九月 2022 18:04:54 +0800 Subject: [PATCH] 1 --- src/assets/lang/zh.js | 141 +++-- src/views/userManage/userAuditing.vue | 480 ++++++++------------ src/assets/lang/en.js | 129 +++-- src/views/userManage/userInfoManage.vue | 624 ++++++++++++++------------ src/views/userManage/roleManage.vue | 2 src/views/userManage/groupManage.vue | 2 6 files changed, 685 insertions(+), 693 deletions(-) diff --git a/src/assets/lang/en.js b/src/assets/lang/en.js index 48adb8d..df864d2 100644 --- a/src/assets/lang/en.js +++ b/src/assets/lang/en.js @@ -11,6 +11,8 @@ selectdate: 'Please select a date', pleaseInput: 'Please input', update: 'Modify', + append: 'Append', + operate: 'Operate', }, dataManage: { dataManage: 'Data Manage', @@ -38,11 +40,11 @@ search: 'search', reset: 'reset', all: 'all', - one: "A picture", - add: "add", - delete: "delete", - edit: "edit", - query: "query", + one: 'A picture', + add: 'add', + delete: 'delete', + edit: 'edit', + query: 'query', please: 'please choose', usernameInfo: 'username,Chinese name,or phonetic initial', index: 'index', @@ -60,41 +62,42 @@ operationMonitoring: 'Operation Monitoring', systemMonitoring: 'System Monitoring', systemMonitoringObj: { - totalMemory: "totalMemory", - haveBeenUsed: "haveBeenUsed", - usageRate: "usageRate", - systemMemory: "systemMemory", - CPUusage: "CPUusage", - CPUsystemUsage: "CPUsystemUsage", - numberOfExceptions: "numberOfExceptions", - numberOfAbnormalSystems: "numberOfAbnormalSystems", - serviceAarm: "serviceAarm", - serviceResourceAlarm: "serviceResourceAlarm", - serviceResourceStatus: "serviceResourceStatus", - userOperationBehavior: "userOperationBehavior", - resourceInvocationStatus: "resourceInvocationStatus", - resourceCallStatistics: "resourceCallStatistics", - inquire: "inquire", - EnterTheUserName: "Enter The UserName", - EnterTheResourceID: "Enter The Resource ID", - EnterTheUserChineseName: "Enter the user name, Chinese name or Pinyin first letter query", - onlinePersonnel: "onlinePersonnel", - userID: "userID", - username: "username", - onlineTime: "onlineTime", - abnormalResources: "abnormalResources", - resourceID: "resourceID", - resourceName: "resourceName", - resourceState: "resourceState", - abnormaltime: "abnormaltime", + totalMemory: 'totalMemory', + haveBeenUsed: 'haveBeenUsed', + usageRate: 'usageRate', + systemMemory: 'systemMemory', + CPUusage: 'CPUusage', + CPUsystemUsage: 'CPUsystemUsage', + numberOfExceptions: 'numberOfExceptions', + numberOfAbnormalSystems: 'numberOfAbnormalSystems', + serviceAarm: 'serviceAarm', + serviceResourceAlarm: 'serviceResourceAlarm', + serviceResourceStatus: 'serviceResourceStatus', + userOperationBehavior: 'userOperationBehavior', + resourceInvocationStatus: 'resourceInvocationStatus', + resourceCallStatistics: 'resourceCallStatistics', + inquire: 'inquire', + EnterTheUserName: 'Enter The UserName', + EnterTheResourceID: 'Enter The Resource ID', + EnterTheUserChineseName: + 'Enter the user name, Chinese name or Pinyin first letter query', + onlinePersonnel: 'onlinePersonnel', + userID: 'userID', + username: 'username', + onlineTime: 'onlineTime', + abnormalResources: 'abnormalResources', + resourceID: 'resourceID', + resourceName: 'resourceName', + resourceState: 'resourceState', + abnormaltime: 'abnormaltime', }, logLog: 'ConLog', operationLog: 'Operation Log', databaseMonitoring: 'Database Monitoring', - blackwhiteList: "Black/White List", + blackwhiteList: 'Black/White List', BWL: { - blackList: "blackList", - whiteList: "whiteList", + blackList: 'blackList', + whiteList: 'whiteList', blackListIP: 'blackListIP', whiteListIP: 'whiteListIP', listIPInfo: 'listIPInfo', @@ -110,7 +113,7 @@ change: 'change', search: 'search', reset: 'reset', - index: "index", + index: 'index', serviceName: 'serviceName', accessSourceSystem: 'accessSourceSystem', IPRequest: 'IPRequest', @@ -119,9 +122,9 @@ serviceSystemRequest: 'serviceSystemRequest', blackListStatus: 'blackListStatus', operate: 'operate', - effectiveDate: "effectiveDate", - requestUser: "requestUser", - tokenInfo: "tokenInfo", + effectiveDate: 'effectiveDate', + requestUser: 'requestUser', + tokenInfo: 'tokenInfo', whiteListStatus: 'whiteListStatus', }, tokentool: 'Token Tool', @@ -265,17 +268,46 @@ userManage: { userManage: 'User Manage', userInfoManage: 'User Information Manage', + userInfoObj: { + userStatus: 'User Status', + all: 'All', + normal: 'Normal', + disable: 'Disable', + delete: 'Delete', + apply: 'Apply', + rejection: 'Rejection', + companyName: 'Company name', + userexport: 'Excel user export', + userinput: 'Excel user input', + chineseName: 'Chinese Name [User Name]', + affiliatedUnit: 'Affiliated unit [on-the-job]', + mobileNumber: 'Mobile number [receive SMS]', + state: 'State', + post: 'Post', + addtime: 'Add Time', + }, orgManage: 'Org Manage', userAuditing: 'User Auditing', UA: { - userName: "userName", - userState: "userState", - unitName: "unitName", - pass: "pass", - deny: "deny", - query: "query", - reset: "reset", - ChineseName: "ChineseName銆恥sername銆�" + userName: "User Name", + usernameInfo: '', + all: "all", + approvalPassed: "The Approval Passed", + disable: "The disabled", + delete: "The deleted", + pendingReview: "Pending Review", + auditFailed: "The Audit Failed", + userState: "User State", + unitName: "Unit Name", + pass: "Pass", + deny: "Deny", + query: "Query", + reset: "Reset", + ChineseName: "ChineseName銆恥sername銆�", + affiliatedUnit: 'Affiliated Unit', + auditUser: 'Audit User', + auditDate: 'Audit Date', + state: 'State', }, roleManage: 'Role Manage', RM: { @@ -288,7 +320,6 @@ Permission: "Permission", resourcePermission: "Resource Permission", groupSetting: "groupSetting", - operate: 'operate', one: 'one', }, groupManage: 'groupManage', @@ -302,11 +333,9 @@ applicationName: "applicationName", userSetting: "userSetting", roleSetting: "roleSetting", - operate: 'operate', one: 'A picture', }, }, - }; export default en; diff --git a/src/assets/lang/zh.js b/src/assets/lang/zh.js index 16958c1..6c1ba96 100644 --- a/src/assets/lang/zh.js +++ b/src/assets/lang/zh.js @@ -11,6 +11,8 @@ selectdate: '璇烽�夋嫨鏃ユ湡', pleaseInput: '璇疯緭鍏�', update: '淇敼', + append: '鏂板', + operate: '鎿嶄綔', }, dataManage: { dataManage: '鏁版嵁绠$悊', @@ -38,11 +40,11 @@ search: '鎼滅储', reset: '閲嶇疆', all: '鍏ㄩ儴', - one: "涓�寮犲浘", - add: "鏂板", - delete: "鍒犻櫎", - edit: "淇敼", - query: "鏌ヨ", + one: '涓�寮犲浘', + add: '鏂板', + delete: '鍒犻櫎', + edit: '淇敼', + query: '鏌ヨ', please: '璇烽�夋嫨', usernameInfo: '杈撳叆鐢ㄦ埛鍚嶃�佷腑鏂囧悕鎴栨嫾闊抽瀛楁瘝鏌ヨ', index: '搴忓彿', @@ -60,41 +62,41 @@ operationMonitoring: '杩愯鐩戞帶', systemMonitoring: '鏈嶅姟璧勬簮瀹炴椂鐩戞帶', systemMonitoringObj: { - totalMemory: "鎬诲唴瀛�", - haveBeenUsed: "宸蹭娇鐢�", - usageRate: "浣跨敤鐜�", - systemMemory: "绯荤粺鍐呭瓨", - CPUusage: "CPU鐢ㄩ噺", - CPUsystemUsage: "cpu绯荤粺鐢ㄩ噺", - numberOfExceptions: "寮傚父涓暟", - numberOfAbnormalSystems: "寮傚父绯荤粺涓暟", - serviceAarm: "鏈嶅姟鍛婅", - serviceResourceAlarm: "鏈嶅姟璧勬簮鍛婅", - serviceResourceStatus: "鏈嶅姟璧勬簮鐘舵��", - userOperationBehavior: "鐢ㄦ埛鎿嶄綔琛屼负", - resourceInvocationStatus: "璧勬簮璋冪敤鐘舵��", - resourceCallStatistics: "璧勬簮璋冪敤缁熻", - inquire: "鏌ヨ", - EnterTheUserName: "杈撳叆鐢ㄦ埛鍚嶇О鏌ヨ", - EnterTheResourceID: "杈撳叆璧勬簮id", - EnterTheUserChineseName: "杈撳叆鐢ㄦ埛鍚嶏紝涓枃鍚嶆垨鑰呮嫾闊抽瀛楁瘝鏌ヨ", - onlinePersonnel: "鍦ㄧ嚎浜哄憳", - userID: "鐢ㄦ埛ID", - username: "鐢ㄦ埛鍚�", - onlineTime: "涓婄嚎鏃堕棿", - abnormalResources: "寮傚父璧勬簮", - resourceID: "璧勬簮ID", - resourceName: "璧勬簮鍚嶇О", - resourceState: "璧勬簮鐘舵��", - abnormaltime: "寮傚父鏃堕棿", + totalMemory: '鎬诲唴瀛�', + haveBeenUsed: '宸蹭娇鐢�', + usageRate: '浣跨敤鐜�', + systemMemory: '绯荤粺鍐呭瓨', + CPUusage: 'CPU鐢ㄩ噺', + CPUsystemUsage: 'cpu绯荤粺鐢ㄩ噺', + numberOfExceptions: '寮傚父涓暟', + numberOfAbnormalSystems: '寮傚父绯荤粺涓暟', + serviceAarm: '鏈嶅姟鍛婅', + serviceResourceAlarm: '鏈嶅姟璧勬簮鍛婅', + serviceResourceStatus: '鏈嶅姟璧勬簮鐘舵��', + userOperationBehavior: '鐢ㄦ埛鎿嶄綔琛屼负', + resourceInvocationStatus: '璧勬簮璋冪敤鐘舵��', + resourceCallStatistics: '璧勬簮璋冪敤缁熻', + inquire: '鏌ヨ', + EnterTheUserName: '杈撳叆鐢ㄦ埛鍚嶇О鏌ヨ', + EnterTheResourceID: '杈撳叆璧勬簮id', + EnterTheUserChineseName: '杈撳叆鐢ㄦ埛鍚嶏紝涓枃鍚嶆垨鑰呮嫾闊抽瀛楁瘝鏌ヨ', + onlinePersonnel: '鍦ㄧ嚎浜哄憳', + userID: '鐢ㄦ埛ID', + username: '鐢ㄦ埛鍚�', + onlineTime: '涓婄嚎鏃堕棿', + abnormalResources: '寮傚父璧勬簮', + resourceID: '璧勬簮ID', + resourceName: '璧勬簮鍚嶇О', + resourceState: '璧勬簮鐘舵��', + abnormaltime: '寮傚父鏃堕棿', }, logLog: '鐧诲綍鏃ュ織', operationLog: '鎿嶄綔鏃ュ織', databaseMonitoring: '鏁版嵁搴撶洃鎺�', - blackwhiteList: "榛�/鐧藉悕鍗�", + blackwhiteList: '榛�/鐧藉悕鍗�', BWL: { - blackList: "榛戝悕鍗�", - whiteList: "鐧藉悕鍗�", + blackList: '榛戝悕鍗�', + whiteList: '鐧藉悕鍗�', blackListIP: '榛戝悕鍗旾P', whiteListIP: '鐧藉悕鍗旾P', listIPInfo: '杈撳叆IP鏌ヨ', @@ -110,7 +112,7 @@ change: '淇敼', search: '鎼滅储', reset: '閲嶇疆', - index: "搴忓彿", + index: '搴忓彿', serviceName: '鏈嶅姟鍚嶇О', accessSourceSystem: '璁块棶鏉ユ簮绯荤粺', IPRequest: '鐢宠IP', @@ -119,9 +121,9 @@ serviceSystemRequest: '鐢宠鏈嶅姟绯荤粺', blackListStatus: '榛戝悕鍗曠姸鎬�', operate: '鎿嶄綔', - effectiveDate: "鐢熸晥鏃ユ湡", - requestUser: "鐢宠浜�", - tokenInfo: "token淇℃伅", + effectiveDate: '鐢熸晥鏃ユ湡', + requestUser: '鐢宠浜�', + tokenInfo: 'token淇℃伅', whiteListStatus: '鐧藉悕鍗曠姸鎬�', }, tokentool: 'Token宸ュ叿', @@ -265,48 +267,77 @@ userManage: { userManage: '鐢ㄦ埛绠$悊', userInfoManage: '鐢ㄦ埛淇℃伅绠$悊', + userInfoObj: { + userStatus: '鐢ㄦ埛鐘舵��', + all: '鍏ㄩ儴', + normal: '姝e父', + disable: '绂佺敤', + delete: '鍒犻櫎', + apply: '鐢宠', + rejection: '鎷掓壒', + companyName: '鍗曚綅鍚嶇О', + userexport: 'Excel鐢ㄦ埛瀵煎嚭', + userinput: 'Excel鐢ㄦ埛瀵煎叆', + chineseName: '涓枃鍚峓鐢ㄦ埛鍚峕', + affiliatedUnit: '鎵�灞炲崟浣峓鍦ㄨ亴]', + mobileNumber: '鎵嬫満鍙穂鎺ユ敹鐭俊]', + state: '鐘舵��', + post: '鑱屽姟', + addtime: '娣诲姞鏃堕棿', + }, orgManage: '缁勭粐鏈烘瀯绠$悊', userAuditing: '鐢ㄦ埛瀹℃牳', UA: { userName: "鐢ㄦ埛鍚嶇О", + usernameInfo: '杈撳叆鐢ㄦ埛鍚嶃�佷腑鏂囧悕鎴栨嫾闊抽瀛楁瘝鏌ヨ', + all: "鍏ㄩ儴", + approvalPassed: "瀹℃牳宸查�氳繃", + disable: "绂佺敤", + delete: "鍒犻櫎", + pendingReview: "寰呭鏍�", + auditFailed: "瀹℃牳涓嶉�氳繃", userState: "鐢ㄦ埛鐘舵��", unitName: "鍗曚綅鍚嶇О", pass: "閫氳繃", deny: "涓嶉�氳繃", query: "鏌ヨ", reset: "娓呴櫎", - ChineseName:"涓枃鍚嶃�愮敤鎴峰悕銆�" + ChineseName: "涓枃鍚嶃�愮敤鎴峰悕銆�", + affiliatedUnit: '鎵�灞炲崟浣嶏紙鍦ㄨ亴锛�', + auditUser: '瀹℃牳浜�', + auditDate: '瀹℃牳鏃堕棿', + state: '鐘舵��', + operate: '鎿嶄綔', }, roleManage: '瑙掕壊绠$悊', RM: { - roleName: "瑙掕壊鍚嶇О", + roleName: '瑙掕壊鍚嶇О', ownedSystem: '鎵�灞炵郴缁�', add: '鏂板', - query: "鏌ヨ", - reset: "娓呴櫎", - index: "搴忓彿", - Permission: "鏉冮檺", - resourcePermission: "璧勬簮鏉冮檺", - groupSetting: "缇ょ粍璁剧疆", + query: '鏌ヨ', + reset: '娓呴櫎', + index: '搴忓彿', + Permission: '鏉冮檺', + resourcePermission: '璧勬簮鏉冮檺', + groupSetting: '缇ょ粍璁剧疆', operate: '鎿嶄綔', one: '涓�寮犲浘', }, groupManage: '缇ょ粍绠$悊', GM: { - groupName: "缇ょ粍鍚嶇О", + groupName: '缇ょ粍鍚嶇О', ownedSystem: '鎵�灞炵郴缁�', add: '鏂板', - query: "鏌ヨ", - reset: "娓呴櫎", - index: "搴忓彿", - applicationName: "搴旂敤绯荤粺鍚嶇О", - userSetting: "鐢ㄦ埛璁剧疆", - roleSetting: "瑙掕壊璁剧疆", + query: '鏌ヨ', + reset: '娓呴櫎', + index: '搴忓彿', + applicationName: '搴旂敤绯荤粺鍚嶇О', + userSetting: '鐢ㄦ埛璁剧疆', + roleSetting: '瑙掕壊璁剧疆', operate: '鎿嶄綔', one: '涓�寮犲浘', }, }, - }; export default zh; diff --git a/src/views/userManage/groupManage.vue b/src/views/userManage/groupManage.vue index 2e9301b..3963e48 100644 --- a/src/views/userManage/groupManage.vue +++ b/src/views/userManage/groupManage.vue @@ -75,7 +75,7 @@ /> <el-table-column fixed="right" - :label="$t('userManage.GM.operate')" + :label="$t('common.operate')" width="300" > <template #default> diff --git a/src/views/userManage/roleManage.vue b/src/views/userManage/roleManage.vue index bb43f89..2cff3e6 100644 --- a/src/views/userManage/roleManage.vue +++ b/src/views/userManage/roleManage.vue @@ -80,7 +80,7 @@ /> <el-table-column fixed="right" - :label="$t('userManage.RM.operate')" + :label="$t('common.operate')" width="300" > <template #default> diff --git a/src/views/userManage/userAuditing.vue b/src/views/userManage/userAuditing.vue index d971cb8..f286c6d 100644 --- a/src/views/userManage/userAuditing.vue +++ b/src/views/userManage/userAuditing.vue @@ -1,307 +1,205 @@ <template> - <div class="logLog_box"> - <My-bread - :list="[ - `${$t('operatManage.operatManage')}`, - `${$t('operatManage.eventlogManage')}`, - ]" - ></My-bread> - <el-divider /> - <div class="inquire"> - <el-form ref="ruleForm" :model="form" :inline="true"> - <el-form-item :label="$t('operatManage.ELM.username')" prop="username"> - <el-input - v-model="form.username" - :placeholder="$t('operatManage.ELM.usernameInfo')" - /> - </el-form-item> - <el-form-item - :label="$t('operatManage.ELM.ownedSystem')" - prop="ownedSystem" + <div class="logLog_box"> + <My-bread + :list="[ + `${$t('userManage.userManage')}`, + `${$t('userManage.userAuditing')}`, + ]" + ></My-bread> + <el-divider /> + <div class="inquire"> + <el-form ref="ruleForm" :model="form" :inline="true"> + <el-form-item :label="$t('userManage.UA.userName')" prop="username"> + <el-input + v-model="form.username" + :placeholder="$t('userManage.UA.usernameInfo')" + /> + </el-form-item> + <el-form-item :label="$t('userManage.UA.userState')" prop="userState"> + <el-select v-model="form.userState"> + <el-option :label="$t('userManage.UA.all')" value="1" /> + <el-option :label="$t('userManage.UA.approvalPassed')" value="2" /> + <el-option :label="$t('userManage.UA.disable')" value="3" /> + <el-option :label="$t('userManage.UA.delete')" value="4" /> + <el-option :label="$t('userManage.UA.pendingReview')" value="5" /> + <el-option :label="$t('userManage.UA.auditFailed')" value="6" /> + </el-select> + </el-form-item> + + <el-form-item :label="$t('userManage.UA.unitName')" prop="unitName"> + <el-input v-model="form.unitName" /> + </el-form-item> + <br /> + <el-form-item> + <el-button @click="onSubmit" type="success">{{ + $t("userManage.UA.pass") + }}</el-button> + </el-form-item> + <el-form-item> + <el-button @click="onSubmit" type="danger"> + {{ $t("userManage.UA.deny") }}</el-button > - <el-select - v-model="form.ownedSystem" - :placeholder="$t('operatManage.ELM.please')" - > - <el-option :label="$t('operatManage.ELM.all')" value="all" /> - <el-option :label="$t('operatManage.ELM.one')" value="one" /> - </el-select> - </el-form-item> - <el-form-item - :label="$t('operatManage.ELM.operationType')" - prop="operationType" + </el-form-item> + <el-form-item> + <el-button @click="onSubmit" + ><i class="el-icon-search"></i> {{ + $t("userManage.UA.query") + }}</el-button > - <el-select - v-model="form.operationType" - :placeholder="$t('operatManage.ELM.please')" - > - <el-option :label="$t('operatManage.ELM.all')" value="all" /> - <el-option :label="$t('operatManage.ELM.add')" value="add" /> - <el-option :label="$t('operatManage.ELM.delete')" value="delete" /> - <el-option :label="$t('operatManage.ELM.edit')" value="edit" /> - <el-option :label="$t('operatManage.ELM.query')" value="query" /> - </el-select> - </el-form-item> - <el-form-item :label="$t('operatManage.ELM.date')" prop="date"> - <el-date-picker - v-model="form.date" - type="daterange" - align="right" - unlink-panels - :range-separator="$t('operatManage.ELM.to')" - :start-placeholder="$t('operatManage.ELM.startDate')" - :end-placeholder="$t('operatManage.ELM.endDate')" - > - </el-date-picker> - </el-form-item> - <el-form-item :label="$t('operatManage.ELM.ip')" prop="requestIp"> - <el-input v-model="form.requestIp" placeholder="璇疯緭鍏�" /> - </el-form-item> - <el-form-item> - <el-button @click="onSubmit" - ><i class="el-icon-search"></i> {{ - $t("operatManage.ELM.search") - }}</el-button - > - </el-form-item> - <el-form-item> - <el-button @click="resetForm('ruleForm')" - ><i class="el-icon-delete"></i> {{ - $t("operatManage.ELM.reset") - }}</el-button - > - </el-form-item> - </el-form> - </div> - <div class="table_box"> - <el-table :data="tableData" stripe style="width: 100%" height="99%"> - <el-table-column - align="center" - type="index" - :label="$t('operatManage.ELM.index')" - width="70px" - /> - <el-table-column - align="center" - prop="username" - :label="$t('operatManage.ELM.username')" - /> - <el-table-column - align="center" - prop="ip" - :label="$t('operatManage.ELM.ip')" - /> - <el-table-column - align="center" - prop="ownedSystem" - :label="$t('operatManage.ELM.ownedSystem')" - /> - <el-table-column - align="center" - prop="largeModuleName" - :label="$t('operatManage.ELM.largeModuleName')" - /> - <el-table-column - align="center" - prop="smallModuleName" - :label="$t('operatManage.ELM.smallModuleName')" - /> - <el-table-column - align="center" - prop="resourceName" - :label="$t('operatManage.ELM.resourceName')" - /> - <el-table-column - align="center" - prop="date" - :label="$t('operatManage.ELM.date')" - /> - <el-table-column - align="center" - prop="operationType" - :label="$t('operatManage.ELM.operationType')" - /> - </el-table> - <div style="margin-top: 40px" class="pagination_box"> - <el-pagination - @size-change="handleSizeChange" - @current-change="handleCurrentChange" - :current-page="currentPage" - :page-sizes="[10, 20, 30, 40]" - :page-size="10" - layout="total, sizes, prev, pager, next, jumper" - :total="9" + </el-form-item> + <el-form-item> + <el-button @click="resetForm('ruleForm')" + ><i class="el-icon-delete"></i> {{ + $t("userManage.UA.reset") + }}</el-button > - </el-pagination> - </div> + </el-form-item> + </el-form> + </div> + <div class="table_box"> + <el-table + :data="tableData" + stripe + style="width: 100%" + height="99%" + @selection-change="handleSelectionChange" + > + <el-table-column type="selection" width="55"> </el-table-column> + + <el-table-column + align="center" + prop="username" + :label="$t('userManage.UA.ChineseName')" + /> + <el-table-column + align="center" + prop="affiliatedUnit" + :label="$t('userManage.UA.affiliatedUnit')" + /> + <el-table-column + align="center" + prop="state" + :label="$t('userManage.UA.state')" + /> + <el-table-column + align="center" + prop="auditUser" + :label="$t('userManage.UA.auditUser')" + /> + <el-table-column + align="center" + prop="auditDate" + :label="$t('userManage.UA.auditDate')" + /> + + <el-table-column + fixed="right" + :label="$t('common.operate')" + width="300" + > + <template #default> + <el-button type="warning" size="small">{{ + $t("common.update") + }}</el-button> + <el-button type="danger" size="small">{{ + $t("common.delete") + }}</el-button> + </template> + </el-table-column> + </el-table> + <div style="margin-top: 40px" class="pagination_box"> + <el-pagination + @size-change="handleSizeChange" + @current-change="handleCurrentChange" + :current-page="currentPage" + :page-sizes="[10, 20, 30, 40]" + :page-size="10" + layout="total, sizes, prev, pager, next, jumper" + :total="0" + > + </el-pagination> </div> </div> - </template> + </div> +</template> <script> - import MyBread from "../../components/MyBread.vue"; - - export default { - //import寮曞叆鐨勭粍浠堕渶瑕佹敞鍏ュ埌瀵硅薄涓墠鑳戒娇鐢� - components: { - MyBread, +import MyBread from "../../components/MyBread.vue"; + +export default { + //import寮曞叆鐨勭粍浠堕渶瑕佹敞鍏ュ埌瀵硅薄涓墠鑳戒娇鐢� + components: { + MyBread, + }, + + data() { + return { + currentPage: 1, + form: { + username: "", + state: "", + requestIp: "", + userState: "", + date: "", + }, + multipleSelection: [], + tableData: [], + }; + }, + methods: { + handleSizeChange(val) { + console.log(`姣忛〉 ${val} 鏉); }, - - data() { - return { - currentPage: 1, - form: { - username: "", - ownedSystem: "", - requestIp: "", - operationType: "", - date: "", - }, - tableData: [ - { - username: "绠$悊鍛�", - ip: "221.182.31.12", - date: "2022-08-05", - ownedSystem: "", - largeModuleName: "杩愮淮鐩戞帶", - smallModuleName: "璧勬簮鎿嶄綔鏃ュ織", - resourceName: "", - operationType: "鏌ヨ", - }, - { - date: "2022-08-05", - username: "绠$悊鍛�", - ownedSystem: "", - largeModuleName: "杩愮淮鐩戞帶", - smallModuleName: "璧勬簮鎿嶄綔鏃ュ織", - resourceName: "", - operationType: "鏌ヨ", - ip: "221.182.31.12", - }, - { - date: "2022-08-05", - username: "绠$悊鍛�", - ownedSystem: "", - largeModuleName: "杩愮淮鐩戞帶", - smallModuleName: "璧勬簮鎿嶄綔鏃ュ織", - resourceName: "", - operationType: "鏌ヨ", - ip: "221.182.31.12", - }, - { - date: "2022-08-05", - username: "绠$悊鍛�", - ownedSystem: "", - largeModuleName: "杩愮淮鐩戞帶", - smallModuleName: "璧勬簮鎿嶄綔鏃ュ織", - resourceName: "", - operationType: "鏌ヨ", - ip: "221.182.31.12", - }, - { - date: "2022-08-05", - username: "绠$悊鍛�", - ownedSystem: "", - largeModuleName: "杩愮淮鐩戞帶", - smallModuleName: "璧勬簮鎿嶄綔鏃ュ織", - resourceName: "", - operationType: "鏌ヨ", - ip: "221.182.31.12", - }, - { - date: "2022-08-05", - username: "绠$悊鍛�", - ownedSystem: "", - largeModuleName: "杩愮淮鐩戞帶", - smallModuleName: "璧勬簮鎿嶄綔鏃ュ織", - resourceName: "", - operationType: "鏌ヨ", - ip: "221.182.31.12", - }, - { - date: "2022-08-05", - username: "绠$悊鍛�", - ownedSystem: "", - largeModuleName: "杩愮淮鐩戞帶", - smallModuleName: "璧勬簮鎿嶄綔鏃ュ織", - resourceName: "", - operationType: "鏌ヨ", - ip: "221.182.31.12", - }, - { - date: "2022-08-05", - username: "绠$悊鍛�", - ownedSystem: "", - largeModuleName: "杩愮淮鐩戞帶", - smallModuleName: "璧勬簮鎿嶄綔鏃ュ織", - resourceName: "", - operationType: "鏌ヨ", - ip: "221.182.31.12", - }, - { - date: "2022-08-05", - username: "绠$悊鍛�", - ownedSystem: "", - largeModuleName: "杩愮淮鐩戞帶", - smallModuleName: "璧勬簮鎿嶄綔鏃ュ織", - resourceName: "", - operationType: "鏌ヨ", - ip: "221.182.31.12", - }, - ], - }; + handleCurrentChange(val) { + console.log(`褰撳墠椤�: ${val}`); }, - methods: { - handleSizeChange(val) { - console.log(`姣忛〉 ${val} 鏉); - }, - handleCurrentChange(val) { - console.log(`褰撳墠椤�: ${val}`); - }, - onSubmit() { - console.log("submit!"); - }, - resetForm(formName) { - this.$refs[formName].resetFields(); - }, + onSubmit() { + console.log("submit!"); }, - created() {}, - }; - </script> + resetForm(formName) { + this.$refs[formName].resetFields(); + }, + handleSelectionChange(val) { + this.multipleSelection = val; + }, + }, + created() {}, +}; +</script> <style lang="less" scoped> - //@import url(); 寮曞叆鍏叡css绫� - .logLog_box { - background: rgb(240, 242, 245); - border-radius: 10px; - height: 100%; +//@import url(); 寮曞叆鍏叡css绫� +.logLog_box { + background: rgb(240, 242, 245); + border-radius: 10px; + height: 100%; + padding: 10px; + box-sizing: border-box; + .el-input { + width: 300px; + } + .inquire { + height: 110px; + overflow: auto; padding: 10px; - box-sizing: border-box; - .el-input { - width: 300px; - } - .inquire { - height: 110px; - overflow: auto; - padding: 10px; - margin-top: 20px; - background: #fff; - border-radius: 5px; - border: 1px solid rgb(202, 201, 204); - margin-bottom: 20px; - .el-form-item { - margin: 7px; - } - } - .table_box { - height: 65%; - padding: 10px; - background: #fff; - border-radius: 5px; - border: 1px solid rgb(202, 201, 204); - } - .text-center { - text-align: center; + margin-top: 20px; + background: #fff; + border-radius: 5px; + border: 1px solid rgb(202, 201, 204); + margin-bottom: 20px; + .el-form-item { + margin: 7px; } } - </style> + .table_box { + height: 65%; + padding: 10px; + background: #fff; + border-radius: 5px; + border: 1px solid rgb(202, 201, 204); + } + .text-center { + text-align: center; + } +} +</style> \ No newline at end of file diff --git a/src/views/userManage/userInfoManage.vue b/src/views/userManage/userInfoManage.vue index d971cb8..221cec0 100644 --- a/src/views/userManage/userInfoManage.vue +++ b/src/views/userManage/userInfoManage.vue @@ -1,307 +1,341 @@ <template> - <div class="logLog_box"> - <My-bread - :list="[ - `${$t('operatManage.operatManage')}`, - `${$t('operatManage.eventlogManage')}`, - ]" - ></My-bread> - <el-divider /> - <div class="inquire"> - <el-form ref="ruleForm" :model="form" :inline="true"> - <el-form-item :label="$t('operatManage.ELM.username')" prop="username"> - <el-input - v-model="form.username" - :placeholder="$t('operatManage.ELM.usernameInfo')" + <div class="logLog_box"> + <My-bread + :list="[ + `${$t('userManage.userManage')}`, + `${$t('userManage.userInfoManage')}`, + ]" + ></My-bread> + <el-divider /> + <div class="inquire"> + <el-form ref="ruleForm" :model="form" :inline="true"> + <el-form-item :label="$t('operatManage.ELM.username')" prop="username"> + <el-input + v-model="form.username" + :placeholder="$t('operatManage.ELM.usernameInfo')" + /> + </el-form-item> + <el-form-item + :label="$t('userManage.userInfoObj.userStatus')" + prop="ownedSystem" + > + <el-select + v-model="form.ownedSystem" + :placeholder="$t('userManage.userInfoObj.userStatus')" + > + <el-option :label="$t('userManage.userInfoObj.all')" value="all" /> + <el-option + :label="$t('userManage.userInfoObj.normal')" + value="normal" /> - </el-form-item> - <el-form-item - :label="$t('operatManage.ELM.ownedSystem')" - prop="ownedSystem" + <el-option + :label="$t('userManage.userInfoObj.disable')" + value="disable" + /> + <el-option + :label="$t('userManage.userInfoObj.delete')" + value="delete" + /> + <el-option + :label="$t('userManage.userInfoObj.apply')" + value="apply" + /> + <el-option + :label="$t('userManage.userInfoObj.rejection')" + value="rejection" + /> + </el-select> + </el-form-item> + <el-form-item + :label="$t('userManage.userInfoObj.companyName')" + prop="requestIp" + > + <el-input + v-model="form.requestIp" + :placeholder="$t('common.pleaseInput')" + /> + </el-form-item> + <br /> + <el-form-item> + <el-button type="success" size="small" + ><i class="el-icon-plus"></i> {{ + $t('common.append') + }}</el-button > - <el-select - v-model="form.ownedSystem" - :placeholder="$t('operatManage.ELM.please')" - > - <el-option :label="$t('operatManage.ELM.all')" value="all" /> - <el-option :label="$t('operatManage.ELM.one')" value="one" /> - </el-select> - </el-form-item> - <el-form-item - :label="$t('operatManage.ELM.operationType')" - prop="operationType" + <el-button type="primary" size="small"> + {{ $t('userManage.userInfoObj.userinput') }}</el-button > - <el-select - v-model="form.operationType" - :placeholder="$t('operatManage.ELM.please')" - > - <el-option :label="$t('operatManage.ELM.all')" value="all" /> - <el-option :label="$t('operatManage.ELM.add')" value="add" /> - <el-option :label="$t('operatManage.ELM.delete')" value="delete" /> - <el-option :label="$t('operatManage.ELM.edit')" value="edit" /> - <el-option :label="$t('operatManage.ELM.query')" value="query" /> - </el-select> - </el-form-item> - <el-form-item :label="$t('operatManage.ELM.date')" prop="date"> - <el-date-picker - v-model="form.date" - type="daterange" - align="right" - unlink-panels - :range-separator="$t('operatManage.ELM.to')" - :start-placeholder="$t('operatManage.ELM.startDate')" - :end-placeholder="$t('operatManage.ELM.endDate')" - > - </el-date-picker> - </el-form-item> - <el-form-item :label="$t('operatManage.ELM.ip')" prop="requestIp"> - <el-input v-model="form.requestIp" placeholder="璇疯緭鍏�" /> - </el-form-item> - <el-form-item> - <el-button @click="onSubmit" - ><i class="el-icon-search"></i> {{ - $t("operatManage.ELM.search") - }}</el-button - > - </el-form-item> - <el-form-item> - <el-button @click="resetForm('ruleForm')" - ><i class="el-icon-delete"></i> {{ - $t("operatManage.ELM.reset") - }}</el-button - > - </el-form-item> - </el-form> - </div> - <div class="table_box"> - <el-table :data="tableData" stripe style="width: 100%" height="99%"> - <el-table-column - align="center" - type="index" - :label="$t('operatManage.ELM.index')" - width="70px" - /> - <el-table-column - align="center" - prop="username" - :label="$t('operatManage.ELM.username')" - /> - <el-table-column - align="center" - prop="ip" - :label="$t('operatManage.ELM.ip')" - /> - <el-table-column - align="center" - prop="ownedSystem" - :label="$t('operatManage.ELM.ownedSystem')" - /> - <el-table-column - align="center" - prop="largeModuleName" - :label="$t('operatManage.ELM.largeModuleName')" - /> - <el-table-column - align="center" - prop="smallModuleName" - :label="$t('operatManage.ELM.smallModuleName')" - /> - <el-table-column - align="center" - prop="resourceName" - :label="$t('operatManage.ELM.resourceName')" - /> - <el-table-column - align="center" - prop="date" - :label="$t('operatManage.ELM.date')" - /> - <el-table-column - align="center" - prop="operationType" - :label="$t('operatManage.ELM.operationType')" - /> - </el-table> - <div style="margin-top: 40px" class="pagination_box"> - <el-pagination - @size-change="handleSizeChange" - @current-change="handleCurrentChange" - :current-page="currentPage" - :page-sizes="[10, 20, 30, 40]" - :page-size="10" - layout="total, sizes, prev, pager, next, jumper" - :total="9" + <el-button type="primary" size="small"> + {{ $t('userManage.userInfoObj.userexport') }}</el-button > - </el-pagination> - </div> + </el-form-item> + <el-form-item style="margin-left: 60%"> + <el-button @click="onSubmit" + ><i class="el-icon-search"></i> {{ + $t('operatManage.ELM.search') + }}</el-button + > + </el-form-item> + <el-form-item> + <el-button @click="resetForm('ruleForm')" + ><i class="el-icon-delete"></i> {{ + $t('operatManage.ELM.reset') + }}</el-button + > + </el-form-item> + </el-form> + </div> + <div class="table_box"> + <el-table :data="tableData" stripe style="width: 100%" height="99%"> + <el-table-column + align="center" + type="index" + :label="$t('operatManage.ELM.index')" + width="70px" + /> + <el-table-column + align="center" + prop="username" + width="220px" + :label="$t('userManage.userInfoObj.chineseName')" + /> + <el-table-column + align="center" + prop="ip" + width="220px" + :label="$t('userManage.userInfoObj.affiliatedUnit')" + /> + <el-table-column + align="center" + prop="ownedSystem" + width="230px" + :label="$t('userManage.userInfoObj.mobileNumber')" + /> + <el-table-column + align="center" + prop="largeModuleName" + :label="$t('userManage.userInfoObj.state')" + > + <template scope="scope"> + <el-tag v-if="scope.row.largeModuleName == '姝e父'" type="success">{{ + scope.row.largeModuleName + }}</el-tag> + <el-tag v-if="scope.row.largeModuleName == '寮傚父'" type="danger">{{ + scope.row.largeModuleName + }}</el-tag> + </template> + </el-table-column> + <el-table-column + align="center" + prop="smallModuleName" + :label="$t('userManage.userInfoObj.post')" + /> + <el-table-column + align="center" + prop="resourceName" + :label="$t('userManage.userInfoObj.addtime')" + /> + <el-table-column + fixed="right" + :label="$t('common.operate')" + width="200" + > + <template #default> + <!-- <el-button type="primary" size="small">淇敼</el-button> --> + + <el-button type="warning" size="small">{{ + $t('common.edit') + }}</el-button> + <el-button type="danger" size="small">{{ + $t('common.delete') + }}</el-button> + </template> + </el-table-column> + </el-table> + <div style="margin-top: 40px" class="pagination_box"> + <el-pagination + @size-change="handleSizeChange" + @current-change="handleCurrentChange" + :current-page="currentPage" + :page-sizes="[10, 20, 30, 40]" + :page-size="10" + layout="total, sizes, prev, pager, next, jumper" + :total="9" + > + </el-pagination> </div> </div> - </template> - - <script> - import MyBread from "../../components/MyBread.vue"; - - export default { - //import寮曞叆鐨勭粍浠堕渶瑕佹敞鍏ュ埌瀵硅薄涓墠鑳戒娇鐢� - components: { - MyBread, - }, - - data() { - return { - currentPage: 1, - form: { - username: "", - ownedSystem: "", - requestIp: "", - operationType: "", - date: "", + </div> +</template> + +<script> +import MyBread from '../../components/MyBread.vue'; + +export default { + //import寮曞叆鐨勭粍浠堕渶瑕佹敞鍏ュ埌瀵硅薄涓墠鑳戒娇鐢� + components: { + MyBread, + }, + + data() { + return { + currentPage: 1, + form: { + username: '', + ownedSystem: 'all', + requestIp: '', + operationType: '', + date: '', + }, + tableData: [ + { + username: '绠$悊鍛�', + ip: '221.182.31.12', + date: '2022-08-05', + ownedSystem: '', + largeModuleName: '姝e父', + smallModuleName: '璧勬簮鎿嶄綔鏃ュ織', + resourceName: '', + operationType: '鏌ヨ', }, - tableData: [ - { - username: "绠$悊鍛�", - ip: "221.182.31.12", - date: "2022-08-05", - ownedSystem: "", - largeModuleName: "杩愮淮鐩戞帶", - smallModuleName: "璧勬簮鎿嶄綔鏃ュ織", - resourceName: "", - operationType: "鏌ヨ", - }, - { - date: "2022-08-05", - username: "绠$悊鍛�", - ownedSystem: "", - largeModuleName: "杩愮淮鐩戞帶", - smallModuleName: "璧勬簮鎿嶄綔鏃ュ織", - resourceName: "", - operationType: "鏌ヨ", - ip: "221.182.31.12", - }, - { - date: "2022-08-05", - username: "绠$悊鍛�", - ownedSystem: "", - largeModuleName: "杩愮淮鐩戞帶", - smallModuleName: "璧勬簮鎿嶄綔鏃ュ織", - resourceName: "", - operationType: "鏌ヨ", - ip: "221.182.31.12", - }, - { - date: "2022-08-05", - username: "绠$悊鍛�", - ownedSystem: "", - largeModuleName: "杩愮淮鐩戞帶", - smallModuleName: "璧勬簮鎿嶄綔鏃ュ織", - resourceName: "", - operationType: "鏌ヨ", - ip: "221.182.31.12", - }, - { - date: "2022-08-05", - username: "绠$悊鍛�", - ownedSystem: "", - largeModuleName: "杩愮淮鐩戞帶", - smallModuleName: "璧勬簮鎿嶄綔鏃ュ織", - resourceName: "", - operationType: "鏌ヨ", - ip: "221.182.31.12", - }, - { - date: "2022-08-05", - username: "绠$悊鍛�", - ownedSystem: "", - largeModuleName: "杩愮淮鐩戞帶", - smallModuleName: "璧勬簮鎿嶄綔鏃ュ織", - resourceName: "", - operationType: "鏌ヨ", - ip: "221.182.31.12", - }, - { - date: "2022-08-05", - username: "绠$悊鍛�", - ownedSystem: "", - largeModuleName: "杩愮淮鐩戞帶", - smallModuleName: "璧勬簮鎿嶄綔鏃ュ織", - resourceName: "", - operationType: "鏌ヨ", - ip: "221.182.31.12", - }, - { - date: "2022-08-05", - username: "绠$悊鍛�", - ownedSystem: "", - largeModuleName: "杩愮淮鐩戞帶", - smallModuleName: "璧勬簮鎿嶄綔鏃ュ織", - resourceName: "", - operationType: "鏌ヨ", - ip: "221.182.31.12", - }, - { - date: "2022-08-05", - username: "绠$悊鍛�", - ownedSystem: "", - largeModuleName: "杩愮淮鐩戞帶", - smallModuleName: "璧勬簮鎿嶄綔鏃ュ織", - resourceName: "", - operationType: "鏌ヨ", - ip: "221.182.31.12", - }, - ], - }; + { + date: '2022-08-05', + username: '绠$悊鍛�', + ownedSystem: '', + largeModuleName: '姝e父', + smallModuleName: '璧勬簮鎿嶄綔鏃ュ織', + resourceName: '', + operationType: '鏌ヨ', + ip: '221.182.31.12', + }, + { + date: '2022-08-05', + username: '绠$悊鍛�', + ownedSystem: '', + largeModuleName: '寮傚父', + smallModuleName: '璧勬簮鎿嶄綔鏃ュ織', + resourceName: '', + operationType: '鏌ヨ', + ip: '221.182.31.12', + }, + { + date: '2022-08-05', + username: '绠$悊鍛�', + ownedSystem: '', + largeModuleName: '姝e父', + smallModuleName: '璧勬簮鎿嶄綔鏃ュ織', + resourceName: '', + operationType: '鏌ヨ', + ip: '221.182.31.12', + }, + { + date: '2022-08-05', + username: '绠$悊鍛�', + ownedSystem: '', + largeModuleName: '寮傚父', + smallModuleName: '璧勬簮鎿嶄綔鏃ュ織', + resourceName: '', + operationType: '鏌ヨ', + ip: '221.182.31.12', + }, + { + date: '2022-08-05', + username: '绠$悊鍛�', + ownedSystem: '', + largeModuleName: '寮傚父', + smallModuleName: '璧勬簮鎿嶄綔鏃ュ織', + resourceName: '', + operationType: '鏌ヨ', + ip: '221.182.31.12', + }, + { + date: '2022-08-05', + username: '绠$悊鍛�', + ownedSystem: '', + largeModuleName: '姝e父', + smallModuleName: '璧勬簮鎿嶄綔鏃ュ織', + resourceName: '', + operationType: '鏌ヨ', + ip: '221.182.31.12', + }, + { + date: '2022-08-05', + username: '绠$悊鍛�', + ownedSystem: '', + largeModuleName: '姝e父', + smallModuleName: '璧勬簮鎿嶄綔鏃ュ織', + resourceName: '', + operationType: '鏌ヨ', + ip: '221.182.31.12', + }, + { + date: '2022-08-05', + username: '绠$悊鍛�', + ownedSystem: '', + largeModuleName: '姝e父', + smallModuleName: '璧勬簮鎿嶄綔鏃ュ織', + resourceName: '', + operationType: '鏌ヨ', + ip: '221.182.31.12', + }, + ], + }; + }, + methods: { + handleSizeChange(val) { + console.log(`姣忛〉 ${val} 鏉); }, - methods: { - handleSizeChange(val) { - console.log(`姣忛〉 ${val} 鏉); - }, - handleCurrentChange(val) { - console.log(`褰撳墠椤�: ${val}`); - }, - onSubmit() { - console.log("submit!"); - }, - resetForm(formName) { - this.$refs[formName].resetFields(); - }, + handleCurrentChange(val) { + console.log(`褰撳墠椤�: ${val}`); }, - created() {}, - }; - </script> - <style lang="less" scoped> - //@import url(); 寮曞叆鍏叡css绫� - .logLog_box { - background: rgb(240, 242, 245); - border-radius: 10px; - height: 100%; - padding: 10px; - box-sizing: border-box; - .el-input { - width: 300px; - } - .inquire { - height: 110px; - overflow: auto; - padding: 10px; - margin-top: 20px; - background: #fff; - border-radius: 5px; - border: 1px solid rgb(202, 201, 204); - margin-bottom: 20px; - .el-form-item { - margin: 7px; - } - } - .table_box { - height: 65%; - padding: 10px; - background: #fff; - border-radius: 5px; - border: 1px solid rgb(202, 201, 204); - } - .text-center { - text-align: center; + onSubmit() { + console.log('submit!'); + }, + resetForm(formName) { + this.$refs[formName].resetFields(); + }, + }, + created() {}, +}; +</script> +<style> +/deep/ .el-table__fixed-right { + height: 100% !important; +} +</style> +<style lang="less" scoped> +//@import url(); 寮曞叆鍏叡css绫� +.logLog_box { + background: rgb(240, 242, 245); + border-radius: 10px; + height: 100%; + padding: 10px; + box-sizing: border-box; + .el-input { + width: 300px; + } + .inquire { + height: 110px; + overflow: auto; + padding: 8px; + margin-top: 20px; + background: #fff; + border-radius: 5px; + border: 1px solid rgb(202, 201, 204); + margin-bottom: 20px; + .el-form-item { + margin: 5px; } } - </style> - \ No newline at end of file + .table_box { + height: 65%; + padding: 10px; + background: #fff; + border-radius: 5px; + border: 1px solid rgb(202, 201, 204); + } + .text-center { + text-align: center; + } +} +</style> -- Gitblit v1.9.3