From 1b352f5f7952dd12e3e7173cda515315458a0853 Mon Sep 17 00:00:00 2001
From: lxl <lixuliang_hd@126.com>
Date: 星期三, 12 十月 2022 11:02:45 +0800
Subject: [PATCH] 1
---
src/views/maintenance/eventlogManage.vue | 141 +++++++++++++++++++++++++++-------------------
1 files changed, 82 insertions(+), 59 deletions(-)
diff --git a/src/views/maintenance/eventlogManage.vue b/src/views/maintenance/eventlogManage.vue
index aaeca4e..cbb6347 100644
--- a/src/views/maintenance/eventlogManage.vue
+++ b/src/views/maintenance/eventlogManage.vue
@@ -8,73 +8,93 @@
></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-form ref="formData2" :model="form" :inline="true">
+ <el-form-item
+ :label="$t('operatManage.operationLogObj.username')"
+ prop="uname"
+ >
<el-input
- v-model="form.username"
- :placeholder="$t('operatManage.ELM.usernameInfo')"
+ v-model="form.uname"
+ :placeholder="$t('operatManage.operationLogObj.pleaseInput')"
/>
</el-form-item>
+
<el-form-item
- :label="$t('operatManage.ELM.ownedSystem')"
- prop="ownedSystem"
+ :label="$t('operatManage.operationLogObj.operationType')"
+ prop="type"
>
<el-select
- v-model="form.ownedSystem"
- :placeholder="$t('operatManage.ELM.please')"
+ clearable
+ v-model="form.type"
+ :placeholder="$t('operatManage.operationLogObj.pleaseSelect')"
>
- <el-option :label="$t('operatManage.ELM.all')" value="all" />
- <el-option :label="$t('operatManage.ELM.one')" value="one" />
+ <el-option
+ :label="$t('operatManage.operationLogObj.check')"
+ value="1"
+ />
+ <el-option
+ :label="$t('operatManage.operationLogObj.added')"
+ value="2"
+ />
+ <el-option
+ :label="$t('operatManage.operationLogObj.modification')"
+ value="3"
+ />
+ <el-option
+ :label="$t('operatManage.operationLogObj.delete')"
+ value="4"
+ />
+ <el-option
+ :label="$t('operatManage.operationLogObj.uploading')"
+ value="5"
+ />
+ <el-option
+ :label="$t('operatManage.operationLogObj.download')"
+ value="6"
+ />
+
</el-select>
</el-form-item>
<el-form-item
- :label="$t('operatManage.ELM.operationType')"
- prop="operationType"
+ prop="start"
+ :label="$t('operatManage.operationLogObj.startTime')"
>
- <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')"
+ 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 :label="$t('operatManage.ELM.ip')" prop="requestIp">
- <el-input v-model="form.requestIp" placeholder="璇疯緭鍏�" />
+ <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"
- ><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-button @click="onSubmit" icon="el-icon-search">{{
+ $t("operatManage.operationLogObj.inquire")
+ }}</el-button>
+ <el-button @click="onEmpty('formData2')" 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%" height="99%">
+ <el-table :data="tableData" stripe style="width: 100%" height="85%">
<el-table-column
align="center"
type="index"
@@ -83,7 +103,7 @@
/>
<el-table-column
align="center"
- prop="userid"
+ prop="uname"
:label="$t('operatManage.ELM.username')"
/>
<el-table-column
@@ -91,7 +111,7 @@
prop="ip"
:label="$t('operatManage.ELM.ip')"
/>
-
+
<el-table-column
align="center"
prop="resid"
@@ -104,7 +124,7 @@
:label="$t('operatManage.ELM.date')"
/>
<el-table-column
- :formatter="formatType"
+ :formatter="formatType"
align="center"
prop="type"
:label="$t('operatManage.ELM.operationType')"
@@ -138,13 +158,7 @@
data() {
return {
currentPage: 1,
- form: {
- username: "",
- ownedSystem: "",
- requestIp: "",
- operationType: "",
- date: "",
- },
+ form: {},
tableData: [],
listData: {
pageIndex: 1,
@@ -154,7 +168,7 @@
};
},
methods: {
- //鏍煎紡鍖栨椂闂�
+ //鏍煎紡鍖栨椂闂�
add0(m) {
return m < 10 ? "0" + m : m;
},
@@ -223,7 +237,15 @@
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;
},
resetForm(formName) {
this.$refs[formName].resetFields();
@@ -268,7 +290,8 @@
}
}
.table_box {
- height: 65%;
+ overflow: auto;
+ height: 70%;
padding: 10px;
background: #fff;
border-radius: 5px;
--
Gitblit v1.9.3