From 382526b8d64bffe687ac57d3b51face476def388 Mon Sep 17 00:00:00 2001
From: yangfeng <wanwan926_4@163.com>
Date: 星期一, 04 十二月 2023 16:29:18 +0800
Subject: [PATCH] 工单进度统计-延期预警小于零绿色
---
src/components/cockpitPage/BackgroundBoardLayout.vue | 33 +++++++++++++++------------------
1 files changed, 15 insertions(+), 18 deletions(-)
diff --git a/src/components/cockpitPage/BackgroundBoardLayout.vue b/src/components/cockpitPage/BackgroundBoardLayout.vue
index bd0f3a4..08c04fc 100644
--- a/src/components/cockpitPage/BackgroundBoardLayout.vue
+++ b/src/components/cockpitPage/BackgroundBoardLayout.vue
@@ -19,10 +19,10 @@
</div>
<div class="left-bottom-right-block">
<div class="right-bottom-top-block">
- <slot name="leftBlock2"></slot>
+ <slot name="leftBlock5"></slot>
</div>
<div class="right-bottom-bottom-block">
- <slot name="leftBlock3"></slot>
+ <slot name="leftBlock6"></slot>
</div>
</div>
</div>
@@ -55,19 +55,23 @@
// 涓婅竟鍥哄畾楂�
$topBlockHeight: 100px;
// 宸︿晶澶撮儴鏁版嵁楂樺害
-$leftHeaderHeight: 85px;
+$leftHeaderHeight: 8%;
+// 宸︿晶鍏叡鍙宠竟璺�
+$leftMarginRight: 25px;
// 鏁翠綋鍐呭宸﹁竟璺�
$leftMargin: 80px;
// 鏁翠綋鍐呭鍙宠竟璺�
$rightMargin: 65px;
// 宸︿晶甯冨眬鍧楅珮搴�
-$leftBlockHeight: calc(100vh - 225px);
+$leftBlockHeight: calc(100vh - 245px);
// 鍙充晶甯冨眬鍧楅珮搴�
$rightBlockHeight: calc(100vh - 120px);
+// 宸︿笅涓婅竟璺�
+$leftBottomMarginTop: 40px;
// 宸︿笅宸︿晶鍖哄煙瀹�
-$leftBottomLeftWidth: 35%;
+$leftBottomLeftWidth: 37%;
// 宸︿笅鍙充晶鍖哄煙瀹�
-$leftBottomRightWidth: 65%;
+$leftBottomRightWidth: 63%;
.dashboard-layout {
background-image: url("/cockpit-bg.jpg");
@@ -116,38 +120,34 @@
.left-header-block {
height: $leftHeaderHeight;
margin-top: $topBlockHeight;
- background: #dd3535;
+ padding-right: $leftMarginRight;
}
.left-bottom-block {
- margin-top: 20px;
+ margin-top: $leftBottomMarginTop;
height: $leftBlockHeight;
display: flex;
.left-bottom-left-block {
width: $leftBottomLeftWidth;
height: 100%;
.left-bottom-top-block {
- height: 40%;
- background: #9135dd;
+ height: 41%;
}
.left-bottom-middle-block {
height: 25%;
- background: #dd35a5;
}
.left-bottom-bottom-block {
- height: 35%;
- background: #dd355f;
+ height: 34%;
}
}
.left-bottom-right-block {
width: $leftBottomRightWidth;
height: 100%;
+ padding-right:20px;
.right-bottom-top-block {
height: 60%;
- background: #35ddc7;
}
.right-bottom-bottom-block {
height: 40%;
- background: #35dd8f;
}
}
}
@@ -158,14 +158,11 @@
}
.right-top-block {
height: 30%;
- background: #9135dd;
}
.right-middle-block {
height: 35%;
- background: #dd35a5;
}
.right-bottom-block {
height: 35%;
- background: #dd355f;
}
</style>
--
Gitblit v1.8.0