From 74e4582ba8bb37d0ca06ee859c69bab985930959 Mon Sep 17 00:00:00 2001
From: birt <2499248221@qq.com>
Date: 星期一, 14 四月 2025 16:06:11 +0800
Subject: [PATCH] style
---
zhitan-vue/src/assets/styles/page.scss | 215 +++++++++++++++++++++++++++++++++++++++++++++++++----
1 files changed, 196 insertions(+), 19 deletions(-)
diff --git a/zhitan-vue/src/assets/styles/page.scss b/zhitan-vue/src/assets/styles/page.scss
index c4c8e50..d13a18a 100644
--- a/zhitan-vue/src/assets/styles/page.scss
+++ b/zhitan-vue/src/assets/styles/page.scss
@@ -4,9 +4,35 @@
display: flex;
.page-container-left {
- width: 280px;
- min-height: calc(100vh - 120px);
+ width: 220px;
+ min-height: calc(100vh - 148px);
border-right: 1px solid #1a235d;
+ background: #08234F;
+
+ .el-tree {
+ &.el-tree--highlight-current,
+ &:not(.el-tree--highlight-current) {
+ .el-tree-node {
+ .el-tree-node__content {
+ .el-tree-node__label,
+ span {
+ font-size: 14px !important;
+ }
+ }
+
+ .el-tree-node__expand-icon {
+ font-size: 14px !important;
+ }
+ }
+ }
+ }
+
+ .tree-container, .tree {
+ .el-tree-node__label,
+ .el-tree-node__content span {
+ font-size: 14px !important;
+ }
+ }
.tree {
height: calc(100vh - 170px);
@@ -14,6 +40,7 @@
overflow-y: auto;
}
}
+
.page-container-right {
flex: 1;
@@ -24,16 +51,76 @@
}
.form-card {
- background: #1a235d;
- border-radius: 0px 0px 0px 0px;
- border: 1px solid #000000;
- padding: 18px 0 0 15px;
+ background: #08234F;
+ border-radius: 0px;
+ height: 52px;
+ line-height: 52px;
+ margin: 0 16px;
+ display: flex;
+ align-items: center;
+
+ .el-form.el-form--inline {
+ margin-left: 10px;
+ display: flex;
+ align-items: center;
+ flex-wrap: nowrap;
+ width: 100%;
+
+ .el-form-item {
+ margin-right: 15px;
+ margin-bottom: 0;
+ height: 32px;
+ display: flex;
+ align-items: center;
+
+ &.is-required {
+ .el-form-item__label::before {
+ vertical-align: middle;
+ }
+ }
+
+ .el-form-item__label {
+ height: 32px;
+ line-height: 32px;
+ color: #ffffff;
+ }
+
+ .el-form-item__content {
+ display: flex;
+ align-items: center;
+ height: 32px;
+ line-height: 32px;
+
+ .el-input, .el-select, .el-date-editor {
+ height: 32px;
+ line-height: 32px;
+ }
+
+ .el-input__wrapper {
+ height: 32px;
+ }
+
+ .el-button {
+ height: 32px;
+ line-height: 32px;
+ padding-top: 0;
+ padding-bottom: 0;
+ }
+ }
+ }
+ }
+ }
+
+ .table-bg-style {
+ margin-top: 12px;
+ .theme-dark-mt20 {
+ margin-top: 20px;
+ }
}
.tree {
// padding: 20px;
- margin-top: 25px;
- // margin-left: 20px;
+ margin-top: 2px;
overflow: hidden;
}
}
@@ -41,6 +128,7 @@
.chart-box {
width: 100%;
height: 320px;
+ padding-top: 12px;
div {
width: 100%;
@@ -49,7 +137,7 @@
}
.table-box {
- margin: 20px;
+ margin: 0;
.table-title-box {
font-weight: bold;
@@ -75,12 +163,39 @@
display: flex;
.page-container-left {
- width: 280px;
+ width: 220px;
+ min-height: calc(100vh - 148px);
+ border-right: 1px solid #e8e8e8;
+ background: #f1f4fa;
+
+ .el-tree {
+ &.el-tree--highlight-current,
+ &:not(.el-tree--highlight-current) {
+ .el-tree-node {
+ .el-tree-node__content {
+ .el-tree-node__label,
+ span {
+ font-size: 14px !important;
+ }
+ }
+
+ .el-tree-node__expand-icon {
+ font-size: 14px !important;
+ }
+ }
+ }
+ }
- // border-right: 1px solid #1a235d;
+ .tree-container, .tree {
+ .el-tree-node__label,
+ .el-tree-node__content span {
+ font-size: 14px !important;
+ }
+ }
+
.tree {
- height: calc(100vh - 170px) !important;
- max-height: calc(100vh - 170px) !important;
+ height: calc(100vh - 170px);
+ max-height: calc(100vh - 170px);
overflow-y: auto;
}
}
@@ -96,15 +211,67 @@
.form-card {
background: #fff;
- border-radius: 0px 0px 0px 0px;
- // border: 1px solid #000000;
- padding: 18px 0 0 15px;
+ border-radius: 0px;
+ height: 52px;
+ line-height: 52px;
+ margin: 0 16px;
+ display: flex;
+ align-items: center;
+
+ .el-form.el-form--inline {
+ margin-left: 10px;
+ display: flex;
+ align-items: center;
+ flex-wrap: nowrap;
+ width: 100%;
+
+ .el-form-item {
+ margin-right: 15px;
+ margin-bottom: 0;
+ height: 32px;
+ display: flex;
+ align-items: center;
+
+ .el-form-item__label {
+ height: 32px;
+ line-height: 32px;
+ }
+
+ .el-form-item__content {
+ display: flex;
+ align-items: center;
+ height: 32px;
+ line-height: 32px;
+
+ .el-input, .el-select, .el-date-editor {
+ height: 32px;
+ line-height: 32px;
+ }
+
+ .el-input__wrapper {
+ height: 32px;
+ }
+
+ .el-button {
+ height: 32px;
+ line-height: 32px;
+ padding-top: 0;
+ padding-bottom: 0;
+ }
+ }
+ }
+ }
+ }
+
+ .table-bg-style {
+ background-color: #fff;
+ padding-top: 12px;
+ margin-top: 12px;
}
.tree {
// padding: 20px;
- margin-top: 25px;
- // margin-left: 20px;
+ margin-top: 2px;
overflow: hidden;
}
}
@@ -112,6 +279,7 @@
.chart-box {
width: 100%;
height: 320px;
+ padding-top: 12px;
div {
width: 100%;
@@ -120,7 +288,7 @@
}
.table-box {
- margin: 20px;
+ margin: 10px 20px;
.table-title-box {
font-weight: bold;
@@ -140,6 +308,15 @@
}
+// 鍒犻櫎涔嬪墠娣诲姞鐨勫叏灞�鏍峰紡瑕嗙洊锛岄伩鍏嶅奖鍝嶅叏灞�
+// 淇濈暀璋冭瘯寤鸿
+/*
+鎮ㄥ彲浠ュ湪娴忚鍣ㄤ腑浣跨敤浠ヤ笅鍐呰仈鏍峰紡杩涜璋冭瘯:
+document.querySelectorAll('.page-container-left .el-tree-node__label').forEach(el => {
+ el.style.cssText = 'font-size: 14px !important';
+});
+*/
+
.padding {
padding: 15px;
}
\ No newline at end of file
--
Gitblit v1.9.3