From b4b2f1a1982c3bb6fd5b1ca880f76a94575ad9f6 Mon Sep 17 00:00:00 2001
From: lxl <lixuliang_hd@126.com>
Date: 星期三, 21 九月 2022 14:05:33 +0800
Subject: [PATCH] 管理
---
src/assets/lang/zh.js | 87 +++--
src/assets/lang/en.js | 72 ++--
src/views/userManage/roleManage.vue | 460 +++++++++++-------------------
src/views/userManage/groupManage.vue | 227 +++-----------
4 files changed, 317 insertions(+), 529 deletions(-)
diff --git a/src/assets/lang/en.js b/src/assets/lang/en.js
index c124a70..9e4e5ec 100644
--- a/src/assets/lang/en.js
+++ b/src/assets/lang/en.js
@@ -38,7 +38,7 @@
search: 'search',
reset: 'reset',
all: 'all',
- one: "one",
+ one: "A picture",
add: "add",
delete: "delete",
edit: "edit",
@@ -59,34 +59,34 @@
safetyManagement: 'Safety Management',
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",
+ 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",
},
logLog: 'ConLog',
operationLog: 'Operation Log',
@@ -268,7 +268,19 @@
userAuditing: 'userAuditing',
roleManage: 'roleManage',
groupManage: 'groupManage',
- }
+ GM: {
+ groupName: "groupName",
+ ownedSystem: 'ownedSystem',
+ add: 'add',
+ 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 9dd9a04..c0d5970 100644
--- a/src/assets/lang/zh.js
+++ b/src/assets/lang/zh.js
@@ -59,34 +59,34 @@
safetyManagement: '瀹夊叏绠＄悊',
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:"寮傚父鏃堕棿",
+ 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: "寮傚父鏃堕棿",
},
logLog: '鐧诲綍鏃ュ織',
operationLog: '鎿嶄綔鏃ュ織',
@@ -262,14 +262,41 @@
creationtime: '鍒涘缓鏃堕棿',
state: '鐘舵��',
},
- userManage:{
+ userManage: {
userManage: '鐢ㄦ埛绠＄悊',
userInfoManage: '鐢ㄦ埛淇℃伅绠＄悊',
orgManage: '缁勭粐鏈烘瀯绠＄悊',
userAuditing: '鐢ㄦ埛瀹℃牳',
roleManage: '瑙掕壊绠＄悊',
+ RM: {
+ roleName: "瑙掕壊鍚嶇О",
+ ownedSystem: '鎵�灞炵郴缁�',
+ add: '鏂板',
+ query: "鏌ヨ",
+ reset: "娓呴櫎",
+ index: "搴忓彿",
+ Permission: "鏉冮檺",
+ resourcePermission: "璧勬簮鏉冮檺",
+ groupSetting: "缇ょ粍璁剧疆",
+ operate: '鎿嶄綔',
+ one: '涓�寮犲浘',
+ },
groupManage: '缇ょ粍绠＄悊',
- }
+ GM: {
+ groupName: "缇ょ粍鍚嶇О",
+ ownedSystem: '鎵�灞炵郴缁�',
+ add: '鏂板',
+ 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 276965f..a5b1ea5 100644
--- a/src/views/userManage/groupManage.vue
+++ b/src/views/userManage/groupManage.vue
@@ -2,72 +2,43 @@
<div class="logLog_box">
<My-bread
:list="[
- `${$t('operatManage.operatManage')}`,
- `${$t('operatManage.eventlogManage')}`,
+ `${$t('userManage.userManage')}`,
+ `${$t('userManage.groupManage')}`,
]"
></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 ref="ruleForm" :model="groupForm" :inline="true">
+ <el-form-item :label="$t('userManage.GM.groupName')" prop="username">
+ <el-input v-model="groupForm.username" />
</el-form-item>
<el-form-item
- :label="$t('operatManage.ELM.ownedSystem')"
+ :label="$t('userManage.GM.ownedSystem')"
prop="ownedSystem"
>
- <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 v-model="groupForm.ownedSystem">
+ <el-option :label="$t('userManage.GM.one')" value="one" />
</el-select>
</el-form-item>
- <el-form-item
- :label="$t('operatManage.ELM.operationType')"
- prop="operationType"
- >
- <el-select
- v-model="form.operationType"
- :placeholder="$t('operatManage.ELM.please')"
+ <br />
+ <el-form-item>
+ <el-button
+ ><i class="el-icon-circle-plus-outline"></i> {{
+ $t("userManage.GM.add")
+ }}</el-button
>
- <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"
+ <el-button
><i class="el-icon-search"></i> {{
- $t("operatManage.ELM.search")
+ $t("userManage.GM.query")
}}</el-button
>
</el-form-item>
<el-form-item>
<el-button @click="resetForm('ruleForm')"
><i class="el-icon-delete"></i> {{
- $t("operatManage.ELM.reset")
+ $t("userManage.GM.reset")
}}</el-button
>
</el-form-item>
@@ -78,49 +49,44 @@
<el-table-column
align="center"
type="index"
- :label="$t('operatManage.ELM.index')"
+ :label="$t('userManage.GM.index')"
width="70px"
/>
<el-table-column
align="center"
prop="username"
- :label="$t('operatManage.ELM.username')"
+ :label="$t('userManage.GM.groupName')"
+ />
+
+ <el-table-column
+ align="center"
+ prop="applicationName"
+ :label="$t('userManage.GM.applicationName')"
/>
<el-table-column
align="center"
- prop="ip"
- :label="$t('operatManage.ELM.ip')"
+ prop="userSetting"
+ :label="$t('userManage.GM.userSetting')"
/>
<el-table-column
align="center"
- prop="ownedSystem"
- :label="$t('operatManage.ELM.ownedSystem')"
+ prop="roleSetting"
+ :label="$t('userManage.GM.roleSetting')"
/>
<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')"
- />
+ fixed="right"
+ :label="$t('userManage.GM.operate')"
+ 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>
+ </template>
+ </el-table-column>
</el-table>
<div style="margin-top: 40px" class="pagination_box">
<el-pagination
@@ -130,15 +96,15 @@
:page-sizes="[10, 20, 30, 40]"
:page-size="10"
layout="total, sizes, prev, pager, next, jumper"
- :total="9"
+ :total="0"
>
</el-pagination>
</div>
</div>
</div>
</template>
-
-<script>
+
+ <script>
import MyBread from "../../components/MyBread.vue";
export default {
@@ -150,105 +116,11 @@
data() {
return {
currentPage: 1,
- form: {
- username: "",
+ groupForm: {
+ groupName: "",
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",
- },
- ],
+ tableData: [],
};
},
methods: {
@@ -268,7 +140,7 @@
created() {},
};
</script>
-<style lang="less" scoped>
+ <style lang="less" scoped>
//@import url(); 寮曞叆鍏叡css绫�
.logLog_box {
background: rgb(240, 242, 245);
@@ -304,3 +176,4 @@
}
}
</style>
+
\ No newline at end of file
diff --git a/src/views/userManage/roleManage.vue b/src/views/userManage/roleManage.vue
index 909c7ef..3a23e71 100644
--- a/src/views/userManage/roleManage.vue
+++ b/src/views/userManage/roleManage.vue
@@ -1,308 +1,184 @@
-
<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.roleManage')}`,
+ ]"
+ ></My-bread>
+ <el-divider />
+ <div class="inquire">
+ <el-form ref="ruleForm" :model="roleForm" :inline="true">
+ <el-form-item :label="$t('userManage.RM.roleName')" prop="username">
+ <el-input v-model="roleForm.username" />
+ </el-form-item>
+ <el-form-item
+ :label="$t('userManage.RM.ownedSystem')"
+ prop="ownedSystem"
+ >
+ <el-select v-model="roleForm.ownedSystem">
+ <el-option :label="$t('userManage.RM.one')" value="one" />
+ </el-select>
+ </el-form-item>
+ <br />
+ <el-form-item>
+ <el-button
+ ><i class="el-icon-circle-plus-outline"></i> {{
+ $t("userManage.RM.add")
+ }}</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
+ ><i class="el-icon-search"></i> {{
+ $t("userManage.RM.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.RM.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%">
+ <el-table-column
+ align="center"
+ type="index"
+ :label="$t('userManage.RM.index')"
+ width="70px"
+ />
+ <el-table-column
+ align="center"
+ prop="roleName"
+ :label="$t('userManage.RM.roleName')"
+ />
+
+ <el-table-column
+ align="center"
+ prop="ownedSystem"
+ :label="$t('userManage.RM.ownedSystem')"
+ />
+ <el-table-column
+ align="center"
+ prop="Permission"
+ :label="$t('userManage.RM.Permission')"
+ />
+ <el-table-column
+ align="center"
+ prop="resourcePermission"
+ :label="$t('userManage.RM.resourcePermission')"
+ />
+ <el-table-column
+ align="center"
+ prop="roleSetting"
+ :label="$t('userManage.RM.groupSetting')"
+ />
+ <el-table-column
+ fixed="right"
+ :label="$t('userManage.RM.operate')"
+ 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>
+ </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,
+ roleForm: {
+ groupName: "",
+ ownedSystem: "",
+ },
+ 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();
+ },
+ },
+ 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
--
Gitblit v1.9.3