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/systemMonitoring.vue | 109 +++++++++++-------------------------------------------
1 files changed, 22 insertions(+), 87 deletions(-)
diff --git a/src/views/maintenance/systemMonitoring.vue b/src/views/maintenance/systemMonitoring.vue
index 5be51ea..456cc7f 100644
--- a/src/views/maintenance/systemMonitoring.vue
+++ b/src/views/maintenance/systemMonitoring.vue
@@ -6,8 +6,8 @@
]"></My-bread>
<el-divider />
<div class="content_Box">
- <div class="cloumn_Box1">
- <div class="flex_Box1">
+ <div class="cloumn_Box1">
+ <div class="flex_Box1 subpage_Div">
<el-tabs
v-model="activeName"
@tab-click="handleClick"
@@ -78,7 +78,7 @@
</el-tab-pane>
</el-tabs>
</div>
- <div class="flex_Box">
+ <div class="flex_Box subpage_Div">
<div>
<div
style="line-height: 32px"
@@ -118,7 +118,7 @@
</div>
</div>
<div class="cloumn_Box">
- <div class="flex_Box">
+ <div class="flex_Box subpage_Div">
<div style="width: 100%; height: 20px">
<div class="image1"></div>
<div class="imageTitle">
@@ -168,7 +168,7 @@
</div>
</div>
</div>
- <div class="flex_Box">
+ <div class="flex_Box subpage_Div">
<div>
<div class="image2"></div>
<div
@@ -183,7 +183,7 @@
style="width: 100%; height: 86%; margin-top: 8%"
></div>
</div>
- <div class="flex_Box">
+ <div class="flex_Box subpage_Div">
<div style="width: 100%; height: 34px">
<div class="image3"></div>
<div
@@ -666,7 +666,6 @@
toolbox: {
show: true,
feature: {
-
saveAsImage: { show: true }
}
},
@@ -675,7 +674,7 @@
left: 'center',
textStyle: {
fontSize: 18, //瀛椾綋澶у皬
- color: '#ffffff', //瀛椾綋棰滆壊
+
},
},
series: [
@@ -869,11 +868,11 @@
height: 98%;
width: 98%;
padding: 1%;
- position: absolute;
+
.content_Box {
- width: 97%;
- height: 85%;
- position: absolute;
+ width: 100%;
+ height: 90%;
+
display: flex;
flex-direction: column;
justify-content: space-around;
@@ -886,10 +885,10 @@
.flex_Box {
width: 30.5%;
height: 88%;
- border: 1px solid rgb(202, 201, 204);
+
border-radius: 5px;
padding: 1%;
- background: rgb(21, 20, 20);
+
.image1 {
width: 46px;
@@ -936,7 +935,7 @@
}
.imageTitle {
float: left;
- color: white;
+
margin-left: 10px;
}
.ycTltle {
@@ -982,11 +981,9 @@
.height_title {
width: 100%;
height: 48%;
- label {
- color: white;
- }
+
p {
- color: white;
+
margin-top: 3%;
font-size: 24px;
}
@@ -1009,83 +1006,21 @@
width: 64%;
height: 92%;
padding: 1%;
- border: 1px solid rgb(202, 201, 204);
+
border-radius: 5px;
- background: rgb(21, 20, 20);
+
}
.flex_Box {
width: 30.5%;
height: 92%;
- border: 1px solid rgb(202, 201, 204);
+
border-radius: 5px;
padding: 1%;
- background: rgb(21, 20, 20);
+
}
}
}
- /deep/.el-tabs__item {
- color: white;
- }
- /deep/.el-tabs__item.is-active {
- color: #009cff;
- }
- /*淇敼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;
- }
- }
+
+
}
</style>
--
Gitblit v1.9.3