From 4aac1609c95a097de0e8da843a9ed2f211303d4e Mon Sep 17 00:00:00 2001
From: Surpriseplus <845948745@qq.com>
Date: 星期四, 27 十月 2022 14:21:37 +0800
Subject: [PATCH] 黑白名单，系统配置，综合展示权限管理添加
---
src/views/maintenance/logLog.vue | 139 ++++++++++++++++++++++++++++------------------
1 files changed, 84 insertions(+), 55 deletions(-)
diff --git a/src/views/maintenance/logLog.vue b/src/views/maintenance/logLog.vue
index 378f437..ce2b45a 100644
--- a/src/views/maintenance/logLog.vue
+++ b/src/views/maintenance/logLog.vue
@@ -9,62 +9,80 @@
<el-divider />
<div class="inquire">
<div class="herder_box">
- {{ $t("operatManage.operationLogObj.queryRegion") }}
+ {{ $t('operatManage.operationLogObj.queryRegion') }}
</div>
<el-form ref="formData1" :model="form" :inline="true">
- <!-- 鐢ㄦ埛鍚� -->
- <el-form-item :label="$t('common.username')" prop="name">
+ <el-form-item
+ :label="$t('operatManage.operationLogObj.username')"
+ prop="uname"
+ >
<el-input
- style="width: 300px"
- v-model="form.name"
- :placeholder="$t('common.pleaseInput')"
+ v-model="form.uname"
+ :placeholder="$t('operatManage.operationLogObj.pleaseInput')"
/>
</el-form-item>
- <!-- 鎵�灞炵郴缁� -->
- <el-form-item :label="$t('loglog.systematic')" prop="region">
- <el-select v-model="form.region" :placeholder="$t('common.choose')">
- <el-option label="Zone one" value="shanghai" />
- <el-option label="Zone two" value="beijing" />
+
+ <el-form-item
+ :label="$t('operatManage.operationLogObj.operationType')"
+ prop="type"
+ >
+ <el-select
+ clearable
+ v-model="form.type"
+ :placeholder="$t('operatManage.operationLogObj.pleaseSelect')"
+ >
+ <el-option :label="$t('loglog.login')" value="1" />
+ <el-option :label="$t('loglog.checkout')" value="2" />
+ <el-option :label="$t('loglog.logout')" value="3" />
</el-select>
</el-form-item>
- <!-- 鎿嶄綔鏃堕棿 -->
- <el-form-item :label="$t('loglog.operationtime')">
- <el-col :span="11">
- <el-date-picker
- type="date"
- :placeholder="$t('common.selectdate')"
- v-model="form.date1"
- style="width: 100%"
- ></el-date-picker>
- </el-col>
- <el-col class="line text-center" :span="2">-</el-col>
- <el-col :span="11">
- <el-date-picker
- type="date"
- :placeholder="$t('common.selectdate')"
- v-model="form.date2"
- style="width: 100%"
- ></el-date-picker>
- </el-col>
+ <el-form-item
+ prop="start"
+ :label="$t('operatManage.operationLogObj.startTime')"
+ >
+ <el-date-picker
+ format="yyyy-MM-dd HH:mm:ss"
+ value-format="yyyy-MM-dd HH:mm:ss"
+ v-model="form.start"
+ style="width: 100%"
+ type="datetime"
+ :placeholder="$t('operatManage.operationLogObj.optionDate')"
+ >
+ </el-date-picker>
</el-form-item>
- <!-- 鏌ヨ 娓呯┖ -->
+ <el-form-item
+ prop="end"
+ :label="$t('operatManage.operationLogObj.endTime')"
+ >
+ <el-date-picker
+ format="yyyy-MM-dd HH:mm:ss"
+ value-format="yyyy-MM-dd HH:mm:ss"
+ v-model="form.end"
+ style="width: 100%"
+ type="datetime"
+ :placeholder="$t('operatManage.operationLogObj.optionDate')"
+ >
+ </el-date-picker>
+ </el-form-item>
<el-form-item>
- <el-button @click="onSubmit">{{ $t("common.iquery") }}</el-button>
- <el-button @click="onEmpty('formData1')">{{
- $t("common.empty")
+ <el-button @click="onSubmit" icon="el-icon-search">{{
+ $t('operatManage.operationLogObj.inquire')
+ }}</el-button>
+ <el-button @click="onEmpty('formData1')" icon="el-icon-delete">{{
+ $t('operatManage.operationLogObj.empty')
}}</el-button>
</el-form-item>
</el-form>
</div>
<!-- 琛ㄦ牸鏄剧ず -->
<div class="table_box">
- <el-table :data="tableData" stripe style="width: 100%">
+ <el-table :data="tableData" stripe style="width: 100%" height="85%">
<el-table-column
width="150"
type="index"
:label="$t('loglog.serialnumber')"
/>
- <el-table-column prop="userid" :label="$t('loglog.username')" />
+ <el-table-column prop="uname" :label="$t('loglog.username')" />
<el-table-column
prop="appid"
:label="$t('loglog.applicationProgram')"
@@ -106,8 +124,8 @@
</template>
<script>
-import MyBread from "../../components/MyBread.vue";
-import { loginSelectByPageAndCount } from "../../api/api";
+import MyBread from '../../components/MyBread.vue';
+import { loginSelectByPageAndCount } from '../../api/api';
export default {
//import寮曞叆鐨勭粍浠堕渶瑕佹敞鍏ュ埌瀵硅薄涓墠鑳戒娇鐢�
components: {
@@ -117,11 +135,7 @@
data() {
return {
currentPage4: 1,
- form: {
- name: "",
- region: "",
- jurisdiction: "",
- },
+ form: {},
tableData: [],
listData: {
pageIndex: 1,
@@ -136,13 +150,13 @@
let data;
switch (row[column.property]) {
case 1:
- data = "鐧诲綍";
+ data = '鐧诲綍';
break;
case 2:
- data = "鏍￠獙";
+ data = '鏍￠獙';
break;
case 3:
- data = "鐧诲嚭";
+ data = '鐧诲嚭';
break;
}
return data;
@@ -151,10 +165,10 @@
let data;
switch (row[column.property]) {
case 1:
- data = "鎴愬姛";
+ data = '鎴愬姛';
break;
case 0:
- data = "澶辫触";
+ data = '澶辫触';
break;
}
return data;
@@ -163,17 +177,17 @@
let data;
switch (row[column.property]) {
case 1:
- data = "绠￠亾鍩虹澶ф暟鎹钩鍙�";
+ data = '绠￠亾鍩虹澶ф暟鎹钩鍙�';
break;
case 2:
- data = "澶栭儴绯荤粺闆嗘垚";
+ data = '澶栭儴绯荤粺闆嗘垚';
break;
}
return data;
},
//鏍煎紡鍖栨椂闂�
add0(m) {
- return m < 10 ? "0" + m : m;
+ return m < 10 ? '0' + m : m;
},
//鏍煎紡鍖栨椂闂�
format(shijianchuo) {
@@ -186,7 +200,7 @@
var mm = time.getMinutes();
var s = time.getSeconds();
return (
- y + "-" + this.add0(m) + "-" + this.add0(d)
+ y + '-' + this.add0(m) + '-' + this.add0(d)
// " " +
// this.add0(h) +
// ":" +
@@ -212,22 +226,35 @@
this.getList();
},
onSubmit() {
- console.log("submit!");
+ this.listData = { ...this.listData, ...this.form };
+ // console.log(this.listData)
+ this.getList();
},
onEmpty(formData1) {
this.$refs[formData1].resetFields(); //閲嶇疆琛ㄥ崟鏁版嵁
+ // this.form = {};
+ this.form.start = null;
+ this.form.end = null;
},
async getList() {
const data = await loginSelectByPageAndCount(this.listData);
- console.log(data);
+
if (data.code != 200) {
- this.$message.error("鍒楄〃璋冪敤澶辫触");
+ return this.$message.error('鍒楄〃璋冪敤澶辫触');
}
this.tableData = data.result;
this.count = data.count;
},
},
created() {
+ var val = this.$store.state.currentPerms;
+ var permsEntity = this.$store.state.permsEntity;
+ for (var i = 0; i < permsEntity.length; i++) {
+ if (permsEntity[i].perms == val) {
+ // this.showPermsMenu(permsEntity[i]);
+ console.log(permsEntity[i].tag);
+ }
+ }
this.getList();
},
};
@@ -259,6 +286,8 @@
background: #fff;
border-radius: 5px;
border: 1px solid rgb(202, 201, 204);
+ overflow: auto;
+ height: 70%;
}
.text-center {
text-align: center;
--
Gitblit v1.9.3