From c581a9764968dccd0c6ebc2c02bd82ed5f753b8e Mon Sep 17 00:00:00 2001
From: xiangxy <shione_xxy@163.com>
Date: Thu, 15 Jun 2023 18:04:58 +0800
Subject: [PATCH] =?UTF-8?q?=E5=B9=B2=E7=87=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/modules/firedry/one.vue | 89 ++++++++++++++++++++++++++-----
 1 file changed, 76 insertions(+), 13 deletions(-)

diff --git a/src/pages/modules/firedry/one.vue b/src/pages/modules/firedry/one.vue
index 4e90a0d..7c5a7c7 100644
--- a/src/pages/modules/firedry/one.vue
+++ b/src/pages/modules/firedry/one.vue
@@ -26,7 +26,7 @@
                             <div class="status_name">故障</div>
                         </div>
                     </div>
-                    <div class="machine_wrap yao_wrap">
+                    <!-- <div class="machine_wrap yao_wrap">
                       <div class="yaosb">
                         <img src="../../../images/workshop/yao.png" alt="">
                       </div>
@@ -46,6 +46,34 @@
                           <img src="../../../images/workshop/mtp.png" alt="">
                         </div>
                       </div>
+                    </div> -->
+                    <div class="machine_wrap yao_wrap">
+                      <div class="yaosb">
+                        <img src="../../../images/workshop/yao.png" alt="">
+                      </div>
+                      <div class="sh_machine yjbyx_1">
+                        <img src="../../../images/workshop/yjbyx.png" alt="">
+                      </div>
+                      <div class="sh_machine yjbyx_2">
+                        <img src="../../../images/workshop/yjbyx.png" alt="">
+                      </div>
+                      <div class="machine_wrap mtp_wrap_3">
+                        <div v-for="(e,i) in [1,2,3,4]" :key="i" class="mtp">
+                          <img src="../../../images/workshop/mtp.png" alt="">
+                        </div>
+                      </div>
+                      <div v-if="FinishedProductShelfList.length > 0" class="machine_wrap mtp_wrap_3 mtp_wrap_4">
+                        <div v-for="(e,i) in FinishedProductShelfList.slice(0, 26)" :key="i" class="mtp">
+                          <img v-show="String(e.point_status) === '0'" src="../../../images/workshop/ktp_gray.png" alt="">
+                          <img v-show="String(e.point_status) === '1'" src="../../../images/workshop/mtp.png" alt="">
+                        </div>
+                      </div>
+                      <div class="machine_wrap mtp_wrap_3 mtp_wrap_4 mtp_wrap_5">
+                        <div v-for="(e,i) in FinishedProductShelfList.slice(26)" :key="i" class="mtp">
+                          <img v-show="String(e.point_status) === '0'" src="../../../images/workshop/ktp_gray.png" alt="">
+                          <img v-show="String(e.point_status) === '1'" src="../../../images/workshop/mtp.png" alt="">
+                        </div>
+                      </div>
                     </div>
                 </div>
             </div>
@@ -54,15 +82,22 @@
 </template>
 
 <script>
+import { firingAndDryingPopover } from '@js/getData0'
 export default {
   name: 'one',
   data () {
     return {
+      FinishedProductShelfList: []
     }
   },
   mounted () {
+    this.initData()
   },
   methods: {
+    async initData () {
+      let res = await firingAndDryingPopover()
+      this.FinishedProductShelfList = res.result.FinishedProductShelfList
+    }
   }
 }
 </script>
@@ -136,19 +171,43 @@ export default {
     _wh(100%, auto)
 .mtp_wrap_1
   width 2.5%
-  top 9%
-  left 3%
+  top 39%
+  left 1%
   .mtp
     width 100%
     img
       _wh(100%, auto)
-.mtp_wrap_2
-  top 35%
+.gtssj_wrap_1
+  width 2.5%
+  top 39%
+  left 7.6%
+  .gtssj
+    width 100%
+    img
+      _wh(100%, auto)
+.cpj_wrap_1
+  width: 4%;
+  top: 42%;
+  left: 6.3%;
+  .cpj
+    width 100%
+    img
+      _wh(100%, auto)
+.cdz_wrap_1
+  width: 3%;
+  top: 9%;
+  left: 3.5%;
+  .cdz
+    width 100%
+    img
+      _wh(100%, auto)
+.cdz_wrap_2
+  top: 16%;
 .yao_wrap
-  width 80%
-  top 18%
+  width 90%
+  top 7%
   left auto
-  right 10%
+  right 6%
   background-color #676767
   .yaosb
     width 100%
@@ -170,10 +229,9 @@ export default {
 .mtp_wrap_3
   width: 3.5%;
   height: 10%;
-  // top: 84%;
-  // left: -0.8%;
-  top: 134%;
-  left: 0.5%;
+  // top: 85%;
+  top: 125%;
+  left: -0.8%;
   transform rotate(-90deg)
   z-index 4
   .mtp
@@ -182,5 +240,10 @@ export default {
     img
       _wh(100%, auto)
 .mtp_wrap_4
-  left 13%
+  left 18.3%
+  // top: 87%
+  top: 127%
+.mtp_wrap_5
+  // top 105%
+  top 145%
 </style>