From 9660afd3e2ed1b9bd87c9316f8b24c63ad4c9a4e Mon Sep 17 00:00:00 2001
From: 584911253@qq.com <584911253@qq.com>
Date: 星期六, 25 二月 2023 17:28:22 +0800
Subject: [PATCH] 运维管理样式修改
---
src/views/maintenance/logLog.vue | 28 +++++++++++++++++-----------
1 files changed, 17 insertions(+), 11 deletions(-)
diff --git a/src/views/maintenance/logLog.vue b/src/views/maintenance/logLog.vue
index 560cfc8..244374c 100644
--- a/src/views/maintenance/logLog.vue
+++ b/src/views/maintenance/logLog.vue
@@ -16,6 +16,7 @@
:label="$t('operatManage.operationLogObj.username')"
>
<el-input
+ size="small"
style="width: 200px"
v-model="sizeForm.uname"
:placeholder="$t('operatManage.operationLogObj.pleaseInput')"
@@ -26,10 +27,11 @@
:label="$t('operatManage.operationLogObj.operationType')"
>
<el-select
+ size="small"
style="width: 200px"
:popper-append-to-body="false"
v-model="sizeForm.type"
- :placeholder="$t('operatManage.operationLogObj.pleaseSelect')"
+ :placeholder="$t('operatManage.operationLogObj.operationTypeHolder')"
>
<el-option :label="$t('loglog.login')" value="1" />
<el-option :label="$t('loglog.checkout')" value="2" />
@@ -41,12 +43,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: 200px"
type="datetime"
- :placeholder="$t('operatManage.operationLogObj.optionDate')"
+ :placeholder="$t('operatManage.operationLogObj.startTimeHolder')"
></el-date-picker>
</el-form-item>
<el-form-item
@@ -54,12 +57,13 @@
: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: 200px"
type="datetime"
- :placeholder="$t('operatManage.operationLogObj.optionDate')"
+ :placeholder="$t('operatManage.operationLogObj.endTimeHolder')"
>
</el-date-picker>
</el-form-item>
@@ -85,9 +89,10 @@
</div>
</el-form>
</div>
+ <div class="dividing-line"></div>
<!-- 琛ㄦ牸鏄剧ず -->
<div class="table_box subpage_Div" :style="styleVar">
- <el-table :data="tableData" style="width: 100%" height="calc(100% - 57px)">
+ <el-table :data="tableData" style="width: 100%" height="calc(100% - 45px)">
<el-table-column
width="150"
type="index"
@@ -118,7 +123,7 @@
/>
</el-table>
<!-- 鍒嗛〉 -->
- <div style="margin-top: 25px" class="pagination_box">
+ <div style="margin-top: 10px" class="pagination_box">
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
@@ -180,7 +185,8 @@
this.$nextTick(() => {
const rect = this.$refs.container.getBoundingClientRect();
this.tableHeight = `${rect.height + 97}px`;
- this.styleVar["height"] = `calc(100% - ${rect.height + 97}px)`;
+ this.styleVar["height"] = `calc(100% - ${rect.height + 30}px)`;
+ // this.styleVar["height"] = `calc(100% - ${rect.height + 97}px)`;
});
},
//鏍煎紡鍖栧垪琛�
@@ -305,16 +311,16 @@
.logLog_box {
height: 98%;
width: 98%;
- padding: 1%;
+ padding: 0.5% 1%;
.inquire {
-
- padding: 8px;
- margin-top: 20px;
+
+ padding: 0 8px;
+ //margin-top: 20px;
border-radius: 5px;
- margin-bottom: 20px;
+ //margin-bottom: 20px;
.el-form-item {
margin-bottom: 5px;
}
--
Gitblit v1.9.3