From e3a8cfa1f235815519d281a2f74590c432818a26 Mon Sep 17 00:00:00 2001
From: Surpriseplus <845948745@qq.com>
Date: 星期六, 12 十一月 2022 09:36:48 +0800
Subject: [PATCH] 123
---
src/views/maintenance/operationLog.vue | 142 +++++++++++++++++++++++++++++++++++++++--------
1 files changed, 117 insertions(+), 25 deletions(-)
diff --git a/src/views/maintenance/operationLog.vue b/src/views/maintenance/operationLog.vue
index c0bb9ec..952b642 100644
--- a/src/views/maintenance/operationLog.vue
+++ b/src/views/maintenance/operationLog.vue
@@ -9,7 +9,7 @@
<el-divider />
<div class="inquire">
<div class="herder_box">
- {{ $t("operatManage.operationLogObj.queryRegion") }}
+ {{ $t('operatManage.operationLogObj.queryRegion') }}
</div>
<el-form ref="formData3" :model="form" :inline="true">
<el-form-item
@@ -91,16 +91,16 @@
</el-form-item>
<el-form-item>
<el-button @click="onSubmit" icon="el-icon-search">{{
- $t("operatManage.operationLogObj.inquire")
+ $t('operatManage.operationLogObj.inquire')
}}</el-button>
<el-button @click="onEmpty('formData3')" icon="el-icon-delete">{{
- $t("operatManage.operationLogObj.empty")
+ $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="85%">
+ <el-table :data="tableData" style="width: 100%" height="85%">
<!-- <el-table-column type="selection" width="55" /> -->
<el-table-column
:label="$t('operatManage.operationLogObj.num')"
@@ -175,8 +175,8 @@
</template>
<script>
-import MyBread from "../../components/MyBread.vue";
-import { operateSelectByPageAndCount } from "../../api/api";
+import MyBread from '../../components/MyBread.vue';
+import { operateSelectByPageAndCount } from '../../api/api';
export default {
//import寮曞叆鐨勭粍浠堕渶瑕佹敞鍏ュ埌瀵硅薄涓墠鑳戒娇鐢�
components: {
@@ -198,7 +198,7 @@
methods: {
//鏍煎紡鍖栨椂闂�
add0(m) {
- return m < 10 ? "0" + m : m;
+ return m < 10 ? '0' + m : m;
},
//鏍煎紡鍖栨椂闂�
format(shijianchuo) {
@@ -211,7 +211,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) +
// ":" +
@@ -233,25 +233,25 @@
let data;
switch (row[column.property]) {
case 0:
- data = "鍏跺畠";
+ data = '鍏跺畠';
break;
case 1:
- data = "鏌ョ湅";
+ data = '鏌ョ湅';
break;
case 2:
- data = "鏂板";
+ data = '鏂板';
break;
case 3:
- data = "淇敼";
+ data = '淇敼';
break;
case 4:
- data = "鍒犻櫎";
+ data = '鍒犻櫎';
break;
case 5:
- data = "涓婁紶";
+ data = '涓婁紶';
break;
case 6:
- data = "涓嬭浇";
+ data = '涓嬭浇';
break;
}
return data;
@@ -267,8 +267,8 @@
onEmpty(formData1) {
this.$refs[formData1].resetFields(); //閲嶇疆琛ㄥ崟鏁版嵁
// this.form = {}
- this.form.start =null
- this.form.end =null
+ this.form.start = null;
+ this.form.end = null;
},
onSubmit() {
this.listData = { ...this.listData, ...this.form };
@@ -277,9 +277,9 @@
},
async getList() {
const data = await operateSelectByPageAndCount(this.listData);
-
+
if (data.code != 200) {
- return this.$message.error("鍒楄〃璋冪敤澶辫触");
+ return this.$message.error('鍒楄〃璋冪敤澶辫触');
}
this.tableData = data.result;
this.count = data.count;
@@ -293,16 +293,13 @@
<style lang="less" scoped>
//@import url(); 寮曞叆鍏叡css绫�
.operationLog_box {
- background: rgb(240, 242, 245);
border-radius: 10px;
height: 100%;
- padding: 10px;
box-sizing: border-box;
.inquire {
padding: 10px;
margin-top: 20px;
- background: #fff;
border-radius: 5px;
border: 1px solid rgb(202, 201, 204);
margin-bottom: 20px;
@@ -312,14 +309,109 @@
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;
- background: #fff;
+
border-radius: 5px;
- border: 1px solid rgb(202, 201, 204);
+
overflow: auto;
- height: 70%;
+ height: 480px;
+ /*淇敼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