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 | 71 +++++++++++++++++++++++++++++++----
1 files changed, 63 insertions(+), 8 deletions(-)
diff --git a/src/views/cockpitPage/components/CountView.vue b/src/views/cockpitPage/components/CountView.vue
index 29898ae..ca11420 100644
--- a/src/views/cockpitPage/components/CountView.vue
+++ b/src/views/cockpitPage/components/CountView.vue
@@ -3,10 +3,15 @@
<div class="box">
<div class="left">
<div class="title-view">
- <div>寮�鏈哄彴鏁�</div>
+ <div>鑷湁寮�鏈哄彴鏁�</div>
</div>
<div class="value-view">
- <div class="title-margin-left">200鍙�</div>
+ <div class="title-margin-left">
+ <span class="value-span">
+ {{ totalObject.InternalDeviceRunningAmount + "" }}
+ </span>
+ <span class="unit-span">鍙�</span>
+ </div>
</div>
</div>
<div class="right">
@@ -14,7 +19,12 @@
<div>澶栧姞宸ュ彴鏁�</div>
</div>
<div class="value-view">
- <div class="title-margin-left">500鍙�</div>
+ <div class="title-margin-left">
+ <span class="value-span">{{
+ totalObject.ExternalDeviceRunningAmount
+ }}</span>
+ <span>鍙�</span>
+ </div>
</div>
</div>
</div>
@@ -24,7 +34,12 @@
<div>璁″垝澶栧姞宸ユ暟</div>
</div>
<div class="value-view">
- <div class="title-margin-left">4000浠�</div>
+ <div class="title-margin-left">
+ <span class="value-span">{{
+ totalObject.OutPlanProductionAmount
+ }}</span>
+ <span>浠�</span>
+ </div>
</div>
</div>
<div class="right">
@@ -32,7 +47,12 @@
<div>璁″垝鐢熶骇鏁�</div>
</div>
<div class="value-view">
- <div class="title-margin-left">2000浠�</div>
+ <div class="title-margin-left">
+ <span class="value-span">{{
+ totalObject.PlanProductionAmount
+ }}</span>
+ <span>浠�</span>
+ </div>
</div>
</div>
</div>
@@ -42,7 +62,12 @@
<div>瀹為檯澶栧姞宸ユ暟</div>
</div>
<div class="value-view">
- <div class="title-margin-left">4000浠�</div>
+ <div class="title-margin-left">
+ <span class="value-span">{{
+ totalObject.RealExternalProductionAmount
+ }}</span>
+ <span>浠�</span>
+ </div>
</div>
</div>
<div class="right">
@@ -50,7 +75,12 @@
<div>瀹為檯鐢熶骇鏁�</div>
</div>
<div class="value-view">
- <div class="title-margin-left">2000浠�</div>
+ <div class="title-margin-left">
+ <span class="value-span">{{
+ totalObject.RealProductionAmount
+ }}</span>
+ <span>浠�</span>
+ </div>
</div>
</div>
</div>
@@ -60,7 +90,21 @@
<script>
export default {
components: {},
- props: {},
+ props: {
+ totalObject: {
+ type: Object,
+ default: () => {
+ return {
+ InternalDeviceRunningAmount: 0,
+ ExternalDeviceRunningAmount: 0,
+ OutPlanProductionAmount: 0,
+ PlanProductionAmount: 0,
+ RealExternalProductionAmount: 0,
+ RealProductionAmount: 0,
+ };
+ },
+ },
+ },
data() {
return {};
},
@@ -121,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