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