From 12c2efa6921ce8ac0cf55fd795a552c640b7d7ce Mon Sep 17 00:00:00 2001
From: Surpriseplus <845948745@qq.com>
Date: 星期三, 21 九月 2022 14:36:47 +0800
Subject: [PATCH] 用户管理信息提交
---
src/assets/lang/zh.js | 137 +++++---
src/assets/lang/en.js | 121 ++++---
src/views/userManage/userInfoManage.vue | 624 +++++++++++++++++++++-------------------
src/views/userManage/roleManage.vue | 6
src/views/userManage/groupManage.vue | 6
5 files changed, 489 insertions(+), 405 deletions(-)
diff --git a/src/assets/lang/en.js b/src/assets/lang/en.js
index 9e4e5ec..73dee1d 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',
@@ -263,24 +266,42 @@
state: 'State',
},
userManage: {
- userInfoManage: 'userInfoManage',
- orgManage: 'orgManage',
- userAuditing: 'userAuditing',
- roleManage: 'roleManage',
- groupManage: 'groupManage',
+ userManage: 'User Management',
+ userInfoManage: 'User InfoManage',
+ 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: 'OrgManage',
+ userAuditing: 'User Auditing',
+ roleManage: 'Role Manage',
+ groupManage: 'Group Manage',
GM: {
- groupName: "groupName",
+ groupName: 'groupName',
ownedSystem: 'ownedSystem',
add: 'add',
- index: "index",
- applicationName: "applicationName",
- userSetting: "userSetting",
- roleSetting: "roleSetting",
+ index: 'index',
+ 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 c0d5970..ab38bab 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,38 +267,65 @@
userManage: {
userManage: '鐢ㄦ埛绠＄悊',
userInfoManage: '鐢ㄦ埛淇℃伅绠＄悊',
+ userInfoObj: {
+ userStatus: '鐢ㄦ埛鐘舵��',
+ all: '鍏ㄩ儴',
+ normal: '姝ｅ父',
+ disable: '绂佺敤',
+ delete: '鍒犻櫎',
+ apply: '鐢宠',
+ rejection: '鎷掓壒',
+ companyName: '鍗曚綅鍚嶇О',
+ userexport: 'Excel鐢ㄦ埛瀵煎嚭',
+ userinput: 'Excel鐢ㄦ埛瀵煎叆',
+ chineseName: '涓枃鍚峓鐢ㄦ埛鍚峕',
+ affiliatedUnit: '鎵�灞炲崟浣峓鍦ㄨ亴]',
+ mobileNumber: '鎵嬫満鍙穂鎺ユ敹鐭俊]',
+ state: '鐘舵��',
+ post: '鑱屽姟',
+ addtime: '娣诲姞鏃堕棿',
+ },
orgManage: '缁勭粐鏈烘瀯绠＄悊',
userAuditing: '鐢ㄦ埛瀹℃牳',
+ UA: {
+ userName: '鐢ㄦ埛鍚嶇О',
+ userState: '鐢ㄦ埛鐘舵��',
+ unitName: '鍗曚綅鍚嶇О',
+ pass: '閫氳繃',
+ deny: '涓嶉�氳繃',
+ query: '鏌ヨ',
+ reset: '娓呴櫎',
+ ChineseName: '涓枃鍚嶃�愮敤鎴峰悕銆�',
+ },
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 a5b1ea5..2e9301b 100644
--- a/src/views/userManage/groupManage.vue
+++ b/src/views/userManage/groupManage.vue
@@ -79,12 +79,12 @@
width="300"
>
<template #default>
- <el-button type="danger" size="small">{{
- $t("common.delete")
- }}</el-button>
<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>
diff --git a/src/views/userManage/roleManage.vue b/src/views/userManage/roleManage.vue
index 3a23e71..bb43f89 100644
--- a/src/views/userManage/roleManage.vue
+++ b/src/views/userManage/roleManage.vue
@@ -84,12 +84,12 @@
width="300"
>
<template #default>
- <el-button type="danger" size="small">{{
- $t("common.delete")
- }}</el-button>
<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>
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 == '姝ｅ父'" 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: '姝ｅ父',
+ 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: '姝ｅ父',
+ 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',
+ },
+ ],
+ };
+ },
+ 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