From e8e01f187af137a0a5ba74e00aa211e2e66fe3ae Mon Sep 17 00:00:00 2001
From: lxl <lixuliang_hd@126.com>
Date: 星期三, 21 九月 2022 10:55:00 +0800
Subject: [PATCH] 用户管理
---
src/assets/lang/zh.js | 8
src/views/userManage/orgManage.vue | 307 ++++++++++
src/views/userManage/userAuditing.vue | 307 ++++++++++
src/assets/lang/en.js | 7
src/views/userManage/userInfoManage.vue | 307 ++++++++++
src/components/navMenu.vue | 27
src/views/userManage/roleManage.vue | 308 +++++++++++
src/router/index.js | 64 +
src/views/userManage/groupManage.vue | 307 ++++++++++
9 files changed, 1,624 insertions(+), 18 deletions(-)
diff --git a/src/assets/lang/en.js b/src/assets/lang/en.js
index 9e70448..d59b537 100644
--- a/src/assets/lang/en.js
+++ b/src/assets/lang/en.js
@@ -233,6 +233,13 @@
creationtime: 'Creation Time',
state: 'State',
},
+ userManage: {
+ userInfoManage: 'userInfoManage',
+ orgManage: 'orgManage',
+ userAuditing: 'userAuditing',
+ roleManage: 'roleManage',
+ groupManage: 'groupManage',
+ }
};
export default en;
diff --git a/src/assets/lang/zh.js b/src/assets/lang/zh.js
index 9e192ef..689f940 100644
--- a/src/assets/lang/zh.js
+++ b/src/assets/lang/zh.js
@@ -233,6 +233,14 @@
creationtime: '鍒涘缓鏃堕棿',
state: '鐘舵��',
},
+ userManage:{
+ userManage: '鐢ㄦ埛绠＄悊',
+ userInfoManage: '鐢ㄦ埛淇℃伅绠＄悊',
+ orgManage: '缁勭粐鏈烘瀯绠＄悊',
+ userAuditing: '鐢ㄦ埛瀹℃牳',
+ roleManage: '瑙掕壊绠＄悊',
+ groupManage: '缇ょ粍绠＄悊',
+ }
};
export default zh;
diff --git a/src/components/navMenu.vue b/src/components/navMenu.vue
index 504277f..352c7e3 100644
--- a/src/components/navMenu.vue
+++ b/src/components/navMenu.vue
@@ -63,9 +63,6 @@
<template slot="title">
<span>{{ $t("operatManage.operatManage") }}</span>
</template>
- <el-menu-item index="userManagement">{{
- $t("operatManage.userManagement")
- }}</el-menu-item>
<el-submenu index="2-2">
<template slot="title">{{
$t("operatManage.systemLayout")
@@ -112,10 +109,26 @@
</el-submenu>
</el-submenu>
- <!-- <el-submenu index="4" class="faSub">
- <template slot="title">鏁版嵁璐ㄦ</template>
- <el-menu-item index="4-1">鏁版嵁璐ㄦ</el-menu-item>
- </el-submenu> -->
+ <el-submenu index="4" class="faSub">
+ <template slot="title">
+ <span>{{ $t("userManage.userManage") }}</span>
+ </template>
+ <el-menu-item index="userInfoManage">{{
+ $t("userManage.userInfoManage")
+ }}</el-menu-item>
+ <el-menu-item index="orgManage">{{
+ $t("userManage.orgManage")
+ }}</el-menu-item>
+ <el-menu-item index="userAuditing">{{
+ $t("userManage.userAuditing")
+ }}</el-menu-item>
+ <el-menu-item index="roleManage">{{
+ $t("userManage.roleManage")
+ }}</el-menu-item>
+ <el-menu-item index="groupManage">{{
+ $t("userManage.groupManage")
+ }}</el-menu-item>
+ </el-submenu>
<!-- <el-submenu index="5" class="faSub">
<template slot="title">鏁版嵁浜ゆ崲</template>
<el-menu-item index="5-1">鏁版嵁鍒嗗彂</el-menu-item>
diff --git a/src/router/index.js b/src/router/index.js
index 29d9e48..91d2d47 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -5,7 +5,6 @@
import Synthesis from "../views/Synthesis/index.vue"; //缁煎悎灞曠ず
import Thematic from "../views/Thematic/index.vue"; //涓撻鍦板浘
import Archive from "../views/Archive/index.vue"; //璧勬枡棣�
-import userManagement from "@/views/maintenance/userManagement.vue"; //鐢ㄦ埛绠＄悊
import menuSettings from "@/views/maintenance/menuSettings.vue"; //鑿滃崟璁剧疆
import rests from "@/views/maintenance/rests.vue"; //鍏朵粬
import authorityManagement from "@/views/maintenance/authorityManagement.vue"; //鏉冮檺绠＄悊
@@ -21,7 +20,6 @@
//鏁版嵁绠＄悊妯″潡
import catalogueManage from '../views/datamanage/catalogueManage.vue'; //鏁版嵁绠＄悊-鐩綍绠＄悊
-
import dataUpdata from '../views/datamanage/dataUpdata.vue'; //鏁版嵁绠＄悊-鏁版嵁涓婁紶
import dataLoading from '../views/datamanage/dataLoading.vue'; //鏁版嵁绠＄悊-鏁版嵁鍏ュ簱
import metadataManage from '../views/datamanage/metadataManage.vue'; //鏁版嵁绠＄悊-鍏冩暟鎹鐞�
@@ -31,6 +29,13 @@
import styleManage from '../views/datamanage/styleManage.vue'; //鏁版嵁绠＄悊-鏍峰紡绠＄悊
import addStyle from '../views/datamanage/addStyle.vue'; //鏁版嵁绠＄悊-鏍峰紡绠＄悊-娣诲姞鏍峰紡
+import userInfoManage from '../views/userManage/userInfoManage.vue'// 鐢ㄦ埛绠＄悊妯″潡
+import orgManage from '../views/userManage/orgManage.vue'// 鐢ㄦ埛绠＄悊妯″潡
+import userAuditing from '../views/userManage/userAuditing.vue'// 鐢ㄦ埛绠＄悊妯″潡
+import roleManage from '../views/userManage/roleManage.vue'// 鐢ㄦ埛绠＄悊妯″潡
+import groupManage from '../views/userManage/groupManage.vue'// 鐢ㄦ埛绠＄悊妯″潡
+
+// 缇ょ粍绠＄悊
Vue.use(VueRouter);
const routes = [
@@ -154,15 +159,7 @@
requireAuth: true, // 鏍囪瘑璇ヨ矾鐢辨槸鍚﹂渶瑕佺櫥褰�
},
},
- {
- path: '/userManagement',
- component: userManagement,
- name: 'userManagement',
- meta: {
- title: '鐢ㄦ埛绠＄悊',
- requireAuth: true, // 鏍囪瘑璇ヨ矾鐢辨槸鍚﹂渶瑕佺櫥褰�
- },
- },
+
{
path: '/menuSettings',
component: menuSettings,
@@ -273,6 +270,51 @@
requireAuth: true, // 鏍囪瘑璇ヨ矾鐢辨槸鍚﹂渶瑕佺櫥褰�
},
},
+ {
+ path: '/userInfoManage',
+ component: userInfoManage,
+ name: 'userInfoManage',
+ meta: {
+ title: '鐢ㄦ埛淇℃伅绠＄悊',
+ requireAuth: true, // 鏍囪瘑璇ヨ矾鐢辨槸鍚﹂渶瑕佺櫥褰�
+ },
+ },
+ {
+ path: '/orgManage',
+ component: orgManage,
+ name: 'orgManage',
+ meta: {
+ title: '缁勭粐鏈烘瀯绠＄悊',
+ requireAuth: true, // 鏍囪瘑璇ヨ矾鐢辨槸鍚﹂渶瑕佺櫥褰�
+ },
+ },
+ {
+ path: '/userAuditing',
+ component: userAuditing,
+ name: 'userAuditing',
+ meta: {
+ title: '鐢ㄦ埛瀹℃牳',
+ requireAuth: true, // 鏍囪瘑璇ヨ矾鐢辨槸鍚﹂渶瑕佺櫥褰�
+ },
+ },
+ {
+ path: '/roleManage',
+ component: roleManage,
+ name: 'roleManage',
+ meta: {
+ title: '瑙掕壊绠＄悊',
+ requireAuth: true, // 鏍囪瘑璇ヨ矾鐢辨槸鍚﹂渶瑕佺櫥褰�
+ },
+ },
+ {
+ path: '/groupManage',
+ component: groupManage,
+ name: 'groupManage',
+ meta: {
+ title: '缇ょ粍绠＄悊',
+ requireAuth: true, // 鏍囪瘑璇ヨ矾鐢辨槸鍚﹂渶瑕佺櫥褰�
+ },
+ },
],
},
];
diff --git a/src/views/userManage/groupManage.vue b/src/views/userManage/groupManage.vue
new file mode 100644
index 0000000..d971cb8
--- /dev/null
+++ b/src/views/userManage/groupManage.vue
@@ -0,0 +1,307 @@
+<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"
+ >
+ <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-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-pagination>
+ </div>
+ </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: "",
+ },
+ 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",
+ },
+ ],
+ };
+ },
+ methods: {
+ handleSizeChange(val) {
+ console.log(`姣忛〉 ${val} 鏉);
+ },
+ handleCurrentChange(val) {
+ console.log(`褰撳墠椤�: ${val}`);
+ },
+ onSubmit() {
+ console.log("submit!");
+ },
+ 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%;
+ 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;
+ }
+ }
+ </style>
+
\ No newline at end of file
diff --git a/src/views/userManage/orgManage.vue b/src/views/userManage/orgManage.vue
new file mode 100644
index 0000000..d971cb8
--- /dev/null
+++ b/src/views/userManage/orgManage.vue
@@ -0,0 +1,307 @@
+<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"
+ >
+ <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-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-pagination>
+ </div>
+ </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: "",
+ },
+ 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",
+ },
+ ],
+ };
+ },
+ methods: {
+ handleSizeChange(val) {
+ console.log(`姣忛〉 ${val} 鏉);
+ },
+ handleCurrentChange(val) {
+ console.log(`褰撳墠椤�: ${val}`);
+ },
+ onSubmit() {
+ console.log("submit!");
+ },
+ 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%;
+ 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;
+ }
+ }
+ </style>
+
\ No newline at end of file
diff --git a/src/views/userManage/roleManage.vue b/src/views/userManage/roleManage.vue
new file mode 100644
index 0000000..909c7ef
--- /dev/null
+++ b/src/views/userManage/roleManage.vue
@@ -0,0 +1,308 @@
+
+<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"
+ >
+ <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-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-pagination>
+ </div>
+ </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: "",
+ },
+ 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",
+ },
+ ],
+ };
+ },
+ methods: {
+ handleSizeChange(val) {
+ console.log(`姣忛〉 ${val} 鏉);
+ },
+ handleCurrentChange(val) {
+ console.log(`褰撳墠椤�: ${val}`);
+ },
+ onSubmit() {
+ console.log("submit!");
+ },
+ 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%;
+ 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;
+ }
+ }
+ </style>
+
\ No newline at end of file
diff --git a/src/views/userManage/userAuditing.vue b/src/views/userManage/userAuditing.vue
new file mode 100644
index 0000000..d971cb8
--- /dev/null
+++ b/src/views/userManage/userAuditing.vue
@@ -0,0 +1,307 @@
+<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"
+ >
+ <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-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-pagination>
+ </div>
+ </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: "",
+ },
+ 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",
+ },
+ ],
+ };
+ },
+ methods: {
+ handleSizeChange(val) {
+ console.log(`姣忛〉 ${val} 鏉);
+ },
+ handleCurrentChange(val) {
+ console.log(`褰撳墠椤�: ${val}`);
+ },
+ onSubmit() {
+ console.log("submit!");
+ },
+ 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%;
+ 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;
+ }
+ }
+ </style>
+
\ No newline at end of file
diff --git a/src/views/userManage/userInfoManage.vue b/src/views/userManage/userInfoManage.vue
new file mode 100644
index 0000000..d971cb8
--- /dev/null
+++ b/src/views/userManage/userInfoManage.vue
@@ -0,0 +1,307 @@
+<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"
+ >
+ <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-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-pagination>
+ </div>
+ </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: "",
+ },
+ 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",
+ },
+ ],
+ };
+ },
+ methods: {
+ handleSizeChange(val) {
+ console.log(`姣忛〉 ${val} 鏉);
+ },
+ handleCurrentChange(val) {
+ console.log(`褰撳墠椤�: ${val}`);
+ },
+ onSubmit() {
+ console.log("submit!");
+ },
+ 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%;
+ 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;
+ }
+ }
+ </style>
+
\ No newline at end of file
--
Gitblit v1.9.3