From de8af9f03dc11d709d54f4b63345b80c01d9ea2b Mon Sep 17 00:00:00 2001
From: xiangxy <shione_xxy@163.com>
Date: Fri, 16 Jun 2023 17:57:40 +0800
Subject: [PATCH] chagne

---
 src/pages/modules/firedry/one.vue        | 146 ++++++++++++++++++++++-
 src/pages/modules/hunniankunliao/two.vue |   3 +-
 2 files changed, 144 insertions(+), 5 deletions(-)

diff --git a/src/pages/modules/firedry/one.vue b/src/pages/modules/firedry/one.vue
index 7c5a7c7..ff7ac7b 100644
--- a/src/pages/modules/firedry/one.vue
+++ b/src/pages/modules/firedry/one.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="n_container">
+    <div @click.stop="closeModal" class="n_container">
         <div class="n_header">
             <div class="n_header_h1">
                 <h1>晟华生产数</h1>
@@ -63,15 +63,116 @@
                         </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">
+                        <div v-for="(e,i) in FinishedProductShelfList.slice(0, 26)" :key="i" class="mtp" @click.stop="getInfo1(e, i)">
                           <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="">
+                          <!-- <img v-show="String(e.point_status) === '1'" src="../../../images/workshop/mtp.png" alt=""> -->
+                          <div :class="hightlight"><img v-show="String(e.point_status) === '1'" src="../../../images/workshop/mtp.png" alt=""></div>
+                          <div v-if="pkId === e.point_code" class="popup_block_wraper" :class="youModel" :style="{'top': top, 'left': left}">
+                            <div class="foldline foldline_left" :class="foldlineStyle" style="display: none;"></div>
+                            <div class="popup_bg">
+                              <div class="popup_block">
+                                <div class="pop_header">
+                                  <div class="pop_name">{{pkObj.point_code + '/' + pkObj.point_name}}</div>
+                                  <div class="pop_status">
+                                    <!-- <div class="pop_status_dot" :class="{green:pkObj.status ==='2',red:pkObj.status ==='5',yellow:(pkObj.status ==='3' || pkObj.status ==='4')}"></div>
+                                    <div class="pop_status_text fgray">{{pkObj.stand_status_name}}</div> -->
+                                  </div>
+                                </div>
+                                <div class="pop_content">
+                                  <div class="pop_item">
+                                    <div class="pop_label">状态</div>
+                                    <div class="pop_val">{{pkObj.point_status_name}}</div>
+                                  </div>
+                                  <div class="pop_item">
+                                    <div class="pop_label">载具</div>
+                                    <div class="pop_val pop_val_s">{{ pkObj.vehicle_code }}</div>
+                                  </div>
+                                  <div class="pop_item">
+                                    <div class="pop_label">BOM号</div>
+                                    <div class="pop_val pop_val_s">{{ pkObj.bom }}</div>
+                                  </div>
+                                  <div class="pop_item">
+                                    <div class="pop_label">物料编码</div>
+                                    <div class="pop_val pop_val_s">{{ pkObj.material_code }}</div>
+                                  </div>
+                                  <div class="pop_item">
+                                    <div class="pop_label">数量</div>
+                                    <div class="pop_val pop_val_s">{{ pkObj.qty }}</div>
+                                    <div class="pop_unit">块</div>
+                                  </div>
+                                  <div class="pop_item">
+                                    <div class="pop_label">机台</div>
+                                    <div class="pop_val pop_val_s">{{ pkObj.device_name }}</div>
+                                  </div>
+                                  <div class="pop_item">
+                                    <div class="pop_label">碾次</div>
+                                    <div class="pop_val pop_val_s">{{ pkObj.mix_num }}</div>
+                                  </div>
+                                  <div class="pop_item">
+                                    <div class="pop_label">入库时间</div>
+                                    <div class="pop_val pop_val_s">{{ pkObj.instorage_time }}</div>
+                                  </div>
+                                </div>
+                              </div>
+                            </div>
+                            <div class="iconfont icon-guanbi close_btn" @click.stop="closeModal"></div>
+                          </div>
                         </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">
+                        <div v-for="(e,i) in FinishedProductShelfList.slice(26)" :key="i" class="mtp" @click.stop="getInfo1(e, i)">
                           <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 v-if="pkId === e.point_code" class="popup_block_wraper" :class="youModel" :style="{'top': top, 'left': left}">
+                            <div class="foldline foldline_left" :class="foldlineStyle" style="display: none;"></div>
+                            <div class="popup_bg">
+                              <div class="popup_block">
+                                <div class="pop_header">
+                                  <div class="pop_name">{{pkObj.point_code + '/' + pkObj.point_name}}</div>
+                                  <div class="pop_status">
+                                    <!-- <div class="pop_status_dot" :class="{green:pkObj.status ==='2',red:pkObj.status ==='5',yellow:(pkObj.status ==='3' || pkObj.status ==='4')}"></div>
+                                    <div class="pop_status_text fgray">{{pkObj.stand_status_name}}</div> -->
+                                  </div>
+                                </div>
+                                <div class="pop_content">
+                                  <div class="pop_item">
+                                    <div class="pop_label">状态</div>
+                                    <div class="pop_val">{{pkObj.point_status_name}}</div>
+                                  </div>
+                                  <div class="pop_item">
+                                    <div class="pop_label">载具</div>
+                                    <div class="pop_val pop_val_s">{{ pkObj.vehicle_code }}</div>
+                                  </div>
+                                  <div class="pop_item">
+                                    <div class="pop_label">BOM号</div>
+                                    <div class="pop_val pop_val_s">{{ pkObj.bom }}</div>
+                                  </div>
+                                  <div class="pop_item">
+                                    <div class="pop_label">物料编码</div>
+                                    <div class="pop_val pop_val_s">{{ pkObj.material_code }}</div>
+                                  </div>
+                                  <div class="pop_item">
+                                    <div class="pop_label">数量</div>
+                                    <div class="pop_val pop_val_s">{{ pkObj.qty }}</div>
+                                    <div class="pop_unit">块</div>
+                                  </div>
+                                  <div class="pop_item">
+                                    <div class="pop_label">机台</div>
+                                    <div class="pop_val pop_val_s">{{ pkObj.device_name }}</div>
+                                  </div>
+                                  <div class="pop_item">
+                                    <div class="pop_label">碾次</div>
+                                    <div class="pop_val pop_val_s">{{ pkObj.mix_num }}</div>
+                                  </div>
+                                  <div class="pop_item">
+                                    <div class="pop_label">入库时间</div>
+                                    <div class="pop_val pop_val_s">{{ pkObj.instorage_time }}</div>
+                                  </div>
+                                </div>
+                              </div>
+                            </div>
+                            <div class="iconfont icon-guanbi close_btn" @click.stop="closeModal"></div>
+                          </div>
                         </div>
                       </div>
                     </div>
@@ -87,6 +188,16 @@ export default {
   name: 'one',
   data () {
     return {
+      hightlight: '',
+      top: '',
+      left: '',
+      youModel: '',
+      foldlineStyle: '',
+      pkId: '',
+      pkObj: {
+        aaa: 'aaa',
+        num: '3'
+      },
       FinishedProductShelfList: []
     }
   },
@@ -94,6 +205,14 @@ export default {
     this.initData()
   },
   methods: {
+    getInfo1 (e, i) {
+      this.pkId = e.point_code
+      this.pkObj = e
+    },
+    closeModal () {
+      this.pkId = ''
+      this.pkObj = {}
+    },
     async initData () {
       let res = await firingAndDryingPopover()
       this.FinishedProductShelfList = res.result.FinishedProductShelfList
@@ -175,6 +294,10 @@ export default {
   left 1%
   .mtp
     width 100%
+    .hightlight
+      width 100%
+      height 100%
+      background #ff0
     img
       _wh(100%, auto)
 .gtssj_wrap_1
@@ -246,4 +369,19 @@ export default {
 .mtp_wrap_5
   // top 105%
   top 145%
+.popup_block_wraper
+  position absolute
+  top: 706%;
+  left: -27%;
+  z-index 10
+  transform rotate(90deg)
+.popup_block_wraper2
+  position absolute
+  top: 445%;
+  left: -287%;
+  z-index 10
+  transform rotate(90deg)
+.foldline_left2
+  left 530px
+  transform rotateY(0)
 </style>
diff --git a/src/pages/modules/hunniankunliao/two.vue b/src/pages/modules/hunniankunliao/two.vue
index c25e332..15ca3bc 100644
--- a/src/pages/modules/hunniankunliao/two.vue
+++ b/src/pages/modules/hunniankunliao/two.vue
@@ -268,7 +268,8 @@
                                     <vue-seamless-scroll :data="array1" :class-option="defaultOption1">
                                         <ul class="scroll-ul_1">
                                             <li v-for="(e, i) in array1" :key="i">
-                                                <div class="scroll-ul_1_div" :class="['c_gray', 'c_yellow', 'c_green', 'c_red'][Number(e.stand_status_color)]">{{e.point_name}}</div>
+                                                <!-- <div class="scroll-ul_1_div" :class="['c_gray', 'c_yellow', 'c_green', 'c_red'][Number(e.stand_status_color)]">{{e.point_name}}</div> -->
+                                                <div class="scroll-ul_1_div">{{e.point_name}}</div>
                                                 <div class="scroll-ul_1_div">{{e.bom}}</div>
                                                 <div class="scroll-ul_1_div">{{e.material_code}}</div>
                                                 <div class="scroll-ul_1_div">{{e.weight}}</div>