From 14101bd42ce17dfb9d951d0738abe9d303fb3fe5 Mon Sep 17 00:00:00 2001 From: yangfeng <wanwan926_4@163.com> Date: 星期一, 11 十二月 2023 10:41:39 +0800 Subject: [PATCH] 机器开机率、人员技能比饼图优化 --- src/views/cockpitPage/components/CountView.vue | 102 ++++++++++++++++++++++++++++++++++++-------------- 1 files changed, 73 insertions(+), 29 deletions(-) diff --git a/src/views/cockpitPage/components/CountView.vue b/src/views/cockpitPage/components/CountView.vue index 9fc582d..c967bb7 100644 --- a/src/views/cockpitPage/components/CountView.vue +++ b/src/views/cockpitPage/components/CountView.vue @@ -3,10 +3,14 @@ <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> + </div> </div> </div> <div class="right"> @@ -14,43 +18,63 @@ <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 + > + </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">4000浠�</div> - </div> - </div> - <div class="right"> <div class="title-view"> <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 + > + </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> </div> <div class="box"> <div class="left"> <div class="title-view"> - <div>瀹為檯澶栧姞宸ユ暟</div> + <div>瀹為檯鐢熶骇鏁�</div> </div> <div class="value-view"> - <div class="title-margin-left">4000浠�</div> + <div class="title-margin-left"> + <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">2000浠�</div> + <div class="title-margin-left"> + <span class="value-span" + >{{ totalObject.RealExternalProductionAmount }}浠�</span + > + </div> </div> </div> </div> @@ -60,18 +84,23 @@ <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 { - allList: [ - { title: "寮�鏈哄彴鏁�", value: 200 }, - { title: "鎬讳骇閲�", value: 1200 }, - { title: "鐢熶骇宸ュ崟鏁�", value: 200 }, - { title: "寤舵湡浜や粯", value: 20 }, - { title: "鐗╂枡涓嶈冻", value: 10 }, - { title: "璁″垝杈炬垚鐜�", value: 2 }, - ], - }; + return {}; }, mounted() {}, watch: {}, @@ -121,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; @@ -129,7 +158,22 @@ align-items: center; border-radius: 5px; .title-margin-left { - margin-left: 45px; + margin-left: 40px; + // white-space: nowrap; + display: flex; + align-items: center; + // .value-span1 { + // margin-top: 5px; + // height: 100%; + // max-width: 3em; + // } + // .value-span { + // height: 100%; + // max-width: 3em; + // overflow: hidden; + // white-space: nowrap; + // text-overflow: ellipsis; + // } } } } -- Gitblit v1.8.0