From 83bff199d22d380fc7e1b83bb2db0f0814385530 Mon Sep 17 00:00:00 2001 From: yangfeng <wanwan926_4@163.com> Date: 星期四, 07 十二月 2023 16:11:34 +0800 Subject: [PATCH] 饼图背景优化、统计数量字体和位置调整、订单完成比率背景和颜色调整、工单进度列表修改 --- src/views/cockpitPage/components/CountView.vue | 74 +++++++++++++++++-------------------- 1 files changed, 34 insertions(+), 40 deletions(-) diff --git a/src/views/cockpitPage/components/CountView.vue b/src/views/cockpitPage/components/CountView.vue index c2c6da9..c967bb7 100644 --- a/src/views/cockpitPage/components/CountView.vue +++ b/src/views/cockpitPage/components/CountView.vue @@ -7,10 +7,9 @@ </div> <div class="value-view"> <div class="title-margin-left"> - <span class="value-span1"> - {{ totalObject.InternalDeviceRunningAmount + "" }} + <span class="value-span"> + {{ totalObject.InternalDeviceRunningAmount }}鍙� </span> - <span class="unit-span">鍙�</span> </div> </div> </div> @@ -20,38 +19,35 @@ </div> <div class="value-view"> <div class="title-margin-left"> - <span class="value-span1">{{ - totalObject.ExternalDeviceRunningAmount - }}</span> - <span>鍙�</span> + <span class="value-span" + >{{ totalObject.ExternalDeviceRunningAmount }}鍙�</span + > </div> </div> </div> </div> <div class="box"> <div class="left"> - <div class="title-view"> - <div>璁″垝澶栧姞宸ユ暟</div> - </div> - <div class="value-view"> - <div class="title-margin-left"> - <span class="value-span">{{ - totalObject.OutPlanProductionAmount - }}</span> - <span>浠�</span> - </div> - </div> - </div> - <div class="right"> <div class="title-view"> <div>璁″垝鐢熶骇鏁�</div> </div> <div class="value-view"> <div class="title-margin-left"> - <span class="value-span">{{ - totalObject.PlanProductionAmount - }}</span> - <span>浠�</span> + <span class="value-span" + >{{ totalObject.PlanProductionAmount }}浠�</span + > + </div> + </div> + </div> + <div class="right"> + <div class="title-view"> + <div>璁″垝澶栧姞宸ユ暟</div> + </div> + <div class="value-view"> + <div class="title-margin-left"> + <span class="value-span" + >{{ totalObject.OutPlanProductionAmount }}浠�</span + > </div> </div> </div> @@ -59,27 +55,25 @@ <div class="box"> <div class="left"> <div class="title-view"> - <div>瀹為檯澶栧姞宸ユ暟</div> + <div>瀹為檯鐢熶骇鏁�</div> </div> <div class="value-view"> <div class="title-margin-left"> - <span class="value-span">{{ - totalObject.RealExternalProductionAmount - }}</span> - <span>浠�</span> + <span class="value-span" + >{{ totalObject.RealProductionAmount }}浠�</span + > </div> </div> </div> <div class="right"> <div class="title-view"> - <div>瀹為檯鐢熶骇鏁�</div> + <div>瀹為檯澶栧姞宸ユ暟</div> </div> <div class="value-view"> <div class="title-margin-left"> - <span class="value-span">{{ - totalObject.RealProductionAmount - }}</span> - <span>浠�</span> + <span class="value-span" + >{{ totalObject.RealExternalProductionAmount }}浠�</span + > </div> </div> </div> @@ -156,7 +150,7 @@ left; background-size: 100% 100%; background-repeat: no-repeat; - font-size: 20px; + font-size: 17px; color: #01f7fd; font-family: "Arial Normal", "Arial"; font-weight: 400; @@ -168,11 +162,11 @@ // white-space: nowrap; display: flex; align-items: center; - .value-span1 { - margin-top: 5px; - // height: 100%; - // max-width: 3em; - } + // .value-span1 { + // margin-top: 5px; + // height: 100%; + // max-width: 3em; + // } // .value-span { // height: 100%; // max-width: 3em; -- Gitblit v1.8.0