From 5e2aafeede13d337380f736567caf74f49713be7 Mon Sep 17 00:00:00 2001
From: linwe <872216996@qq.com>
Date: Fri, 09 Aug 2024 14:38:32 +0800
Subject: [PATCH] 代码优化
---
src/styles/avue-ui.scss | 229 ++++++++++++++++++++++++++++++++++-----------------------
1 files changed, 137 insertions(+), 92 deletions(-)
diff --git a/src/styles/avue-ui.scss b/src/styles/avue-ui.scss
index 48e52a6..b75931a 100644
--- a/src/styles/avue-ui.scss
+++ b/src/styles/avue-ui.scss
@@ -1,122 +1,167 @@
body {
- .avue--disabled {
- color: #777 !important;
- cursor: not-allowed;
- }
+ .avue--disabled {
+ color: #777 !important;
+ cursor: not-allowed;
+ }
}
.place-info-box {
- .el-dialog {
+ .el-dialog {
+ display: flex;
+ flex-direction: column;
+ height: 72% !important;
+
+ .el-dialog__header {
+ padding-top: 10px !important;
+ padding-bottom: 10px !important;
+
+ .el-dialog__headerbtn {
+ top: 10px !important;
+ }
+ }
+
+ .el-dialog__body {
+ padding: 0px !important;
+ padding-bottom: 10px !important;
+ height: 0 !important;
+ flex: 1;
+
+ .el-tabs {
display: flex;
flex-direction: column;
- height: 72% !important;
+ height: 100% !important;
- .el-dialog__header {
- padding-top: 10px !important;
- padding-bottom: 10px !important;
-
- .el-dialog__headerbtn {
- top: 10px !important;
- }
+ .el-tabs__content {
+ flex: 1;
}
-
- .el-dialog__body {
- padding: 0px !important;
- padding-bottom: 10px !important;
- height: 0 !important;
- flex: 1;
-
- .el-tabs {
- display: flex;
- flex-direction: column;
- height: 100% !important;
-
- .el-tabs__content {
- flex: 1;
- }
- }
- }
+ }
}
+ }
}
.audit-info-box {
- .el-dialog {
- height: auto !important;
- }
+ .el-dialog {
+ height: auto !important;
+ }
}
.turn-over-popup {
- .el-dialog {
- width: 520px !important;
- }
+ .el-dialog {
+ width: 520px !important;
+ }
}
.cur-house-hold-box {
- .avue-crud__left {
- flex: 1;
- }
+ .avue-crud__left {
+ flex: 1;
+ }
}
-.cur-resident-supervision-page,
-.cur-house-hold-supervision-page {
- margin: 10px !important;
- margin-top: 0 !important;
- padding: 0 !important;
+.cur-resident-supervision-page {
+ .echarts-wrap {
+ display: flex;
+ flex-wrap: wrap;
+ padding: 0 0 10px 0;
+ justify-content: space-between;
- .echarts-wrap {
- display: flex;
- flex-wrap: wrap;
- padding: 0;
- justify-content: space-between;
+ .echarts-cell {
+ // margin: 0 5px;
+ height: 300px;
+ width: calc(25% - 10px);
+ display: flex;
+ flex-direction: column;
+ background: #fff;
-
- // .echarts-cell:nth-child(1),
- // .echarts-cell:nth-child(2) {
- // height: 300px;
- // width: calc(50% - 5px);
- // }
-
- // .echarts-cell:nth-child(3),
- // .echarts-cell:nth-child(4),
- // .echarts-cell:nth-child(5) {
- // margin-top: 10px;
- // height: 300px;
- // width: calc((100% / 3) - 6.66px);
- // }
-
- .echarts-cell {
- margin: 0 5px;
- height: 300px;
- width: calc(20% - 10px);
- display: flex;
- flex-direction: column;
- background: #fff;
-
- .echarts-item {
- padding: 10px;
- width: 100%;
- height: 0;
- flex: 1;
- }
- }
-
- }
-
- .cur-from-box {
- margin-top: 10px;
+ .echarts-item {
+ box-sizing: border-box;
padding: 10px;
- background: #fff;
+ width: 100%;
+ height: 0;
+ flex: 1;
+ }
}
+
+ }
+
+ .cur-from-box {
+ margin-top: 10px;
+ padding: 10px;
+ background: #fff;
+ }
+
+ .echarts-cell:first-child {
+ margin-left: 0;
+ }
+
+ .echarts-cell:last-child {
+ margin-right: 0;
+ }
}
.cur-house-hold-supervision-page {
- .echarts-cell:nth-child(1) {
- width: 0;
+ .echarts-wrap {
+ display: flex;
+ flex-wrap: wrap;
+ padding: 0;
+ justify-content: space-between;
+
+
+ // .echarts-cell:nth-child(1),
+ // .echarts-cell:nth-child(2) {
+ // height: 300px;
+ // width: calc(50% - 5px);
+ // }
+
+ // .echarts-cell:nth-child(3),
+ // .echarts-cell:nth-child(4),
+ // .echarts-cell:nth-child(5) {
+ // margin-top: 10px;
+ // height: 300px;
+ // width: calc((100% / 3) - 6.66px);
+ // }
+
+ .echarts-cell {
+ margin: 0 5px;
+ height: 300px;
+ width: calc(20% - 10px);
+ display: flex;
+ flex-direction: column;
+ background: #fff;
+
+ .echarts-item {
+ box-sizing: border-box;
+ padding: 10px;
+ width: 100%;
+ height: 0;
flex: 1;
+ }
}
- .echarts-cell:nth-child(2) {
- width: 0;
- flex: 2;
- }
-}
\ No newline at end of file
+ }
+
+ .cur-from-box {
+ margin-top: 10px;
+ padding: 10px;
+ background: #fff;
+ }
+
+ .echarts-cell:first-child {
+ margin-left: 0;
+ }
+
+ .echarts-cell:last-child {
+ margin-right: 0;
+ }
+}
+
+.cur-house-hold-supervision-page {
+ .echarts-cell:nth-child(1) {
+ width: 0;
+ flex: 1;
+ }
+
+ .echarts-cell:nth-child(2) {
+ width: 0;
+ flex: 2;
+ }
+}
--
Gitblit v1.9.3