From 4e3d77dcbe421a4d6611ebcdd1ac3165cb36ad4b Mon Sep 17 00:00:00 2001
From: Surpriseplus <845948745@qq.com>
Date: 星期一, 06 二月 2023 14:59:33 +0800
Subject: [PATCH] 系统界面翻新，回车登录，综合展示菜单重复
---
src/views/maintenance/operationLog.vue | 145 ++++++++---------------------------------------
1 files changed, 26 insertions(+), 119 deletions(-)
diff --git a/src/views/maintenance/operationLog.vue b/src/views/maintenance/operationLog.vue
index ca698d8..6bde5ba 100644
--- a/src/views/maintenance/operationLog.vue
+++ b/src/views/maintenance/operationLog.vue
@@ -1,15 +1,17 @@
<template>
<div class="operationLog_box">
- <My-bread
- :list="[
+ <My-bread :list="[
`${$t('operatManage.operatManage')}`,
`${$t('operatManage.operationLog')}`,
- ]"
- ></My-bread>
+ ]"></My-bread>
<el-divider />
- <div class="inquire">
-
- <el-form :inline="true" ref="sizeForm" :model="sizeForm">
+ <div class="inquire subpage_Div">
+
+ <el-form
+ :inline="true"
+ ref="sizeForm"
+ :model="sizeForm"
+ >
<el-form-item
prop="uname"
:label="$t('operatManage.operationLogObj.username')"
@@ -90,20 +92,24 @@
<el-button
@click="onSubmit"
icon="el-icon-search"
- size="small" type="primary"
- >{{ $t("operatManage.operationLogObj.inquire") }}</el-button
- >
+ size="small"
+ type="primary"
+ >{{ $t("operatManage.operationLogObj.inquire") }}</el-button>
<el-button
@click="onEmpty('sizeForm')"
icon="el-icon-delete"
- type="info" size="small"
- >{{ $t("operatManage.operationLogObj.empty") }}</el-button
- >
+ type="info"
+ size="small"
+ >{{ $t("operatManage.operationLogObj.empty") }}</el-button>
</el-form-item>
</el-form>
</div>
- <div class="table_box">
- <el-table :data="tableData" style="width: 100%" height="79%">
+ <div class="table_box subpage_Div">
+ <el-table
+ :data="tableData"
+ style="width: 100%"
+ height="79%"
+ >
<!-- <el-table-column type="selection" width="55" /> -->
<el-table-column
:label="$t('operatManage.operationLogObj.num')"
@@ -161,7 +167,10 @@
</template>
</el-table-column> -->
</el-table>
- <div style="margin-top: 40px" class="pagination_box">
+ <div
+ style="margin-top: 40px"
+ class="pagination_box"
+ >
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
@@ -302,121 +311,19 @@
height: 98%;
width: 98%;
padding: 1%;
- position: absolute;
.inquire {
padding: 10px;
margin-top: 20px;
border-radius: 5px;
- border: 1px solid rgb(202, 201, 204);
+
margin-bottom: 20px;
- .herder_box {
- padding: 10px;
- border-bottom: 1px solid #ccc;
- margin-bottom: 20px;
- font-size: 14px;
- }
- /deep/.el-form-item__label {
- color: white;
- }
- /deep/ .el-input__inner {
- background-color: transparent !important;
- border: 1px solid;
- color: white;
- }
}
.table_box {
padding: 10px;
border-radius: 5px;
overflow: auto;
height: 60%;
- /*淇敼table 琛ㄤ綋鐨勮儗鏅鑹插拰鏂囧瓧棰滆壊*/
- /deep/ .el-table {
- background-color: transparent;
-
- th,
- td {
- background-color: transparent;
- }
- .el-table__expanded-cell {
- background-color: transparent !important;
- }
-
- // 琛ㄥご鑳屾櫙鑹�
- th.el-table__cell {
- background-color: #303030;
- color: #fff;
- }
- tr > td {
- background-color: #303030;
- color: #fff;
- }
-
- // hover鏁堟灉
- tr:hover > td {
- background-color: rgba(255, 255, 255, 0.3) !important;
- }
-
- tbody tr:hover {
- background-color: rgba(255, 255, 255, 0.3) !important;
- // text-align: center;
- }
-
- // 婊氬姩鏉″楂�
- .el-table__body-wrapper::-webkit-scrollbar {
- width: 5px;
- height: 5px;
- }
-
- .el-table__body-wrapper::-webkit-scrollbar {
- width: 5px;
- /*婊氬姩鏉″搴�*/
- height: 10px;
- /*婊氬姩鏉￠珮搴�*/
- }
- /*瀹氫箟婊氬姩鏉¤建閬� 鍐呴槾褰�+鍦嗚*/
- .el-table__body-wrapper::-webkit-scrollbar-track {
- box-shadow: 0px 1px 3px #216fe6 inset;
- /*婊氬姩鏉＄殑鑳屾櫙鍖哄煙鐨勫唴闃村奖*/
- border-radius: 10px;
- }
-
- /*瀹氫箟婊戝潡 鍐呴槾褰�+鍦嗚*/
- .el-table__body-wrapper::-webkit-scrollbar-thumb {
- box-shadow: 0px 1px 3px #216fe6 inset;
- border-radius: 6px;
- background-color: #216fe6;
- }
- }
- .pagination_box {
- /deep/.el-input__inner {
- background-color: transparent !important;
- border: 1px solid;
- color: white;
- }
- /deep/.el-pagination__total {
- color: white;
- }
- /deep/.el-pagination__jump {
- color: white;
- }
- /deep/.el-pager li.active {
- color: #1890ff;
- }
- /deep/.el-pager li {
- color: white;
- background: transparent;
- }
- /deep/.el-pager li {
- color: white;
- }
- /deep/.btn-prev {
- background: transparent;
- }
- /deep/.btn-next {
- background: transparent;
- }
- }
}
.text-center {
text-align: center;
--
Gitblit v1.9.3