From 98a2b24c89e81a5aacdcbd6b739fef422adf17dd Mon Sep 17 00:00:00 2001
From: surprise <15810472099@163.com>
Date: 星期五, 29 三月 2024 09:57:55 +0800
Subject: [PATCH] 代码更新
---
src/views/maintenance/eventlogManage.vue | 104 +++++++++++++++++++++++++++++++++------------------
1 files changed, 67 insertions(+), 37 deletions(-)
diff --git a/src/views/maintenance/eventlogManage.vue b/src/views/maintenance/eventlogManage.vue
index c15e925..44fae20 100644
--- a/src/views/maintenance/eventlogManage.vue
+++ b/src/views/maintenance/eventlogManage.vue
@@ -5,17 +5,21 @@
`${$t('operatManage.ResourceLog')}`,
]"></My-bread>
<el-divider />
- <div class="inquire subpage_Div">
+ <div class="inquire subpage_Div" ref="container">
<el-form
:inline="true"
ref="sizeForm"
:model="sizeForm"
>
- <el-form-item
+ <div class="flex_box">
+ <div style="margin-right: auto">
+ <el-form-item
prop="uname"
:label="$t('operatManage.operationLogObj.username')"
>
<el-input
+ style="width:200px"
+ size="small"
v-model="sizeForm.uname"
:placeholder="$t('operatManage.operationLogObj.pleaseInput')"
/>
@@ -25,10 +29,12 @@
:label="$t('operatManage.operationLogObj.operationType')"
>
<el-select
+ style="width:200px"
+ size="small"
:popper-append-to-body="false"
clearable
v-model="sizeForm.type"
- :placeholder="$t('operatManage.operationLogObj.pleaseSelect')"
+ :placeholder="$t('operatManage.operationLogObj.operationTypeHolder')"
>
<el-option
:label="$t('operatManage.operationLogObj.check')"
@@ -61,12 +67,13 @@
:label="$t('operatManage.operationLogObj.startTime')"
>
<el-date-picker
+ size="small"
format="yyyy-MM-dd HH:mm:ss"
value-format="yyyy-MM-dd HH:mm:ss"
v-model="sizeForm.start"
- style="width: 100%"
+ style="width:200px"
type="datetime"
- :placeholder="$t('operatManage.operationLogObj.optionDate')"
+ :placeholder="$t('operatManage.operationLogObj.startTimeHolder')"
></el-date-picker>
</el-form-item>
<el-form-item
@@ -74,17 +81,19 @@
:label="$t('operatManage.operationLogObj.endTime')"
>
<el-date-picker
+ size="small"
format="yyyy-MM-dd HH:mm:ss"
value-format="yyyy-MM-dd HH:mm:ss"
v-model="sizeForm.end"
- style="width: 100%"
+ style="width:200px"
type="datetime"
- :placeholder="$t('operatManage.operationLogObj.optionDate')"
+ :placeholder="$t('operatManage.operationLogObj.endTimeHolder')"
>
</el-date-picker>
</el-form-item>
-
- <el-form-item>
+ </div>
+ <div>
+ <el-form-item>
<el-button
@click="onSubmit"
icon="el-icon-search"
@@ -98,19 +107,26 @@
size="small"
>{{ $t("operatManage.operationLogObj.empty") }}</el-button>
</el-form-item>
+ </div>
+ </div>
+
+
+
</el-form>
</div>
- <div class="table_box subpage_Div">
+ <div class="dividing-line"></div>
+ <div class="table_box subpage_Div" :style="styleVar">
<el-table
:data="tableData"
style="width: 100%"
- height="84%"
+ border
+ height="calc(100% - 45px)"
>
<el-table-column
align="center"
type="index"
:label="$t('operatManage.ELM.index')"
- width="70px"
+ height="calc(100% - 57px)"
/>
<el-table-column
align="center"
@@ -141,15 +157,12 @@
:label="$t('operatManage.ELM.operationType')"
/>
</el-table>
- <div
- style="margin-top: 10px"
- class="pagination_box"
- >
+ <div class="pagination_box" style="margin-top: 10px">
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="listData.pageIndex"
- :page-sizes="[10, 20, 30, 40]"
+ :page-sizes="[10, 20, 50, 100]"
:page-size="listData.pageSize"
layout="total, sizes, prev, pager, next, jumper"
:total="count"
@@ -184,9 +197,27 @@
pageSize: 10,
},
count: 0,
+ tableHeight: 0,
+ timer: 0,
+ styleVar: {
+ "height": "calc(100% - 109px)",
+ },
};
},
methods: {
+ onResize() {
+ this.timer && clearTimeout(this.timer);
+ this.timer = setTimeout(() => {
+ this.calHeight();
+ }, 500);
+ },
+ calHeight() {
+ this.$nextTick(() => {
+ const rect = this.$refs.container.getBoundingClientRect();
+ this.tableHeight = `${rect.height + 97}px`;
+ this.styleVar["height"] = `calc(100% - ${rect.height + 30}px)`;
+ });
+ },
//鏍煎紡鍖栨椂闂�
add0(m) {
return m < 10 ? "0" + m : m;
@@ -266,13 +297,21 @@
async getList() {
const data = await resOpSelectByPageAndCount(this.listData);
- console.log(data);
+
if (data.code != 200) {
return this.$message.error("鍒楄〃璋冪敤澶辫触");
}
this.tableData = data.result;
this.count = data.count;
},
+ },
+ beforeDestroy() {
+ this.timer && clearTimeout(this.timer);
+ window.removeEventListener("resize", this.onResize);
+ },
+ mounted() {
+ window.addEventListener("resize", this.onResize);
+ this.calHeight()
},
created() {
this.getList();
@@ -284,34 +323,25 @@
.logLog_box {
height: 98%;
width: 98%;
- padding: 1%;
-
+ padding: 0.5% 1%;
+
.el-input {
width: 300px;
}
.inquire {
-
- padding: 10px;
- margin-top: 20px;
+
+ padding: 0 8px;
+ //margin-top: 20px;
border-radius: 5px;
-
- margin-bottom: 20px;
+
+ //margin-bottom: 20px;
.el-form-item {
- margin: 7px;
+ margin: 5px;
}
-
+
}
- .table_box {
- overflow: auto;
- padding: 10px;
- border-radius: 5px;
-
- height: 57%;
- /*淇敼table 琛ㄤ綋鐨勮儗鏅鑹插拰鏂囧瓧棰滆壊*/
-
-
- }
+
.text-center {
text-align: center;
}
--
Gitblit v1.9.3