From f5976f38c33048020de1b116ffa004b0d889a14d Mon Sep 17 00:00:00 2001 From: yangfeng <wanwan926_4@163.com> Date: 星期二, 05 十二月 2023 17:38:45 +0800 Subject: [PATCH] 车间正品率、工单进度统计、其他样式处理 --- src/views/cockpitPage/components/CountView.vue | 41 +++++++++++++++++++++++++++++++++++------ 1 files changed, 35 insertions(+), 6 deletions(-) diff --git a/src/views/cockpitPage/components/CountView.vue b/src/views/cockpitPage/components/CountView.vue index f8c97b5..ca11420 100644 --- a/src/views/cockpitPage/components/CountView.vue +++ b/src/views/cockpitPage/components/CountView.vue @@ -7,7 +7,10 @@ </div> <div class="value-view"> <div class="title-margin-left"> - {{ totalObject.InternalDeviceRunningAmount + "鍙�" }} + <span class="value-span"> + {{ totalObject.InternalDeviceRunningAmount + "" }} + </span> + <span class="unit-span">鍙�</span> </div> </div> </div> @@ -17,7 +20,10 @@ </div> <div class="value-view"> <div class="title-margin-left"> - {{ totalObject.ExternalDeviceRunningAmount + "鍙�" }} + <span class="value-span">{{ + totalObject.ExternalDeviceRunningAmount + }}</span> + <span>鍙�</span> </div> </div> </div> @@ -29,7 +35,10 @@ </div> <div class="value-view"> <div class="title-margin-left"> - {{ totalObject.OutPlanProductionAmount + "浠�" }} + <span class="value-span">{{ + totalObject.OutPlanProductionAmount + }}</span> + <span>浠�</span> </div> </div> </div> @@ -39,7 +48,10 @@ </div> <div class="value-view"> <div class="title-margin-left"> - {{ totalObject.PlanProductionAmount + "浠�" }} + <span class="value-span">{{ + totalObject.PlanProductionAmount + }}</span> + <span>浠�</span> </div> </div> </div> @@ -51,7 +63,10 @@ </div> <div class="value-view"> <div class="title-margin-left"> - {{ totalObject.RealExternalProductionAmount + "浠�" }} + <span class="value-span">{{ + totalObject.RealExternalProductionAmount + }}</span> + <span>浠�</span> </div> </div> </div> @@ -61,7 +76,10 @@ </div> <div class="value-view"> <div class="title-margin-left"> - {{ totalObject.RealProductionAmount + "浠�" }} + <span class="value-span">{{ + totalObject.RealProductionAmount + }}</span> + <span>浠�</span> </div> </div> </div> @@ -147,6 +165,17 @@ border-radius: 5px; .title-margin-left { margin-left: 45px; + // white-space: nowrap; + display: flex; + align-items: center; + .value-span { + margin-top: 5px; + height: 100%; + max-width: 3em; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + } } } } -- Gitblit v1.8.0