From 0f54cac3125f4b20e042b52cd43d8792133b7b96 Mon Sep 17 00:00:00 2001
From: wangfei <3597712270@qq.com>
Date: 星期二, 31 十二月 2024 14:20:40 +0800
Subject: [PATCH] 中理片笼状态显示更改逻辑

---
 UI-Project/src/views/Slicecage/slicecage.vue |  538 ++++++++++++++++++++++++++++++++++++++++------------------
 1 files changed, 368 insertions(+), 170 deletions(-)

diff --git a/UI-Project/src/views/Slicecage/slicecage.vue b/UI-Project/src/views/Slicecage/slicecage.vue
index 956f434..e2422ac 100644
--- a/UI-Project/src/views/Slicecage/slicecage.vue
+++ b/UI-Project/src/views/Slicecage/slicecage.vue
@@ -17,8 +17,16 @@
 const dialogFormVisiblea = ref(false)
 const dialogFormVisibleb = ref(false)
 const dialogFormVisiblec = ref(false)
+const dialogFormVisibled = ref(false)
+const dialogFormVisiblee = ref(false)
+const dialogFormVisiblef = ref(false)
 const dialogFormVisibles = ref(false)
-const tableData = ref([])
+const inkageEntity = ref('#911005');
+const requestEntity = ref('#911005');
+const mesReplyEntity = ref('#911005');
+const outInkageEntity = ref('#911005');
+const outRequestEntity = ref('#911005');
+const tableDataa = ref([])
 const tableDatagh = ref([])
 const tableDatab = ref([])
 const tableDatac = ref([])
@@ -27,9 +35,14 @@
 const tableDatae = ref([])
 const tableDatax = ref([])
 const tableDatas = ref([])
+const tableDatalack = ref([])
+const tableDataspecify = ref([])
+const tableDatacagedetails = ref([])
 const carPosition = ref([])
 const ganghua = ref('')
 const diaodu = ref('')
+const flowCardId = ref('')
+const filmsId = ref('')
 const adjustedRects = ref([]);
 const project = ref([]);
 const adjust = ref([]);
@@ -43,9 +56,9 @@
 const adjustedRectsg = ref([]);
 const adjustedRectsh = ref([]);
 const currentRow = reactive({}); // 褰撳墠琛岀殑鏁版嵁 
+const currentPage2 = ref(1)
 const inputValuesa = reactive({});
 const add = ref(false)
-const flowCardId = ref('');
 const gap = ref('');
 const glassId = ref('');
 const glassType = ref('');
@@ -65,70 +78,12 @@
 const cell7=ref(true);
 const cell8=ref(true);
 const cell9=ref(true);
+const canEdit = ref(true);
 const selectedRow = ref(null);
 const temperingtotal = ref(0);
 const glasstotal = ref(0);
 const fulltotals = ref(0);
 const temperingengineerId=ref('');
-    const currentPage = ref(1);
-    const itemsPerPage = computed(() => {
-      if (currentPage.value === 1) {
-        return 55;
-      } else if (currentPage.value === 2) {
-        return 55;
-      } else if (currentPage.value === 3) {
-        return 55;
-      } else if (currentPage.value === 4) {
-        return 55;
-      } else if (currentPage.value === 5) {
-        return 55;
-      } else if (currentPage.value === 6) {
-        return 25;
-      } else if (currentPage.value === 7) {
-        return 30;
-      } else if (currentPage.value === 8) {
-        return 25;
-      } else {
-        return 25; // 榛樿鍊硷紝鍙互鏍规嵁瀹為檯闇�姹備慨鏀�
-      }
-    });
-    // 璁$畻鍒嗛〉鍚庣殑鏁版嵁
-    const paginatedUsers = computed(() => {
-      const startIndex = calculateStartIndex();
-      const endIndex = startIndex + itemsPerPage.value;
-      return tableData.value.slice(startIndex, endIndex);
-    });
-    // 璁$畻褰撳墠椤电殑璧峰绱㈠紩
-    function calculateStartIndex() {
-      let index = 0;
-      for (let i = 1; i < currentPage.value; i++) {
-        if (i === 1) {
-          index += 55;
-        } else if (i === 2) {
-          index += 55;
-        } else if (i === 3) {
-          index += 55;
-        }else if (i === 4) {
-          index += 55;
-        }else if (i === 5) {
-          index += 55;
-        }else if (i === 6) {
-          index += 25;
-        }else if (i === 7) {
-          index += 30;
-        }else if (i === 8) {
-          index += 25;
-        } else {
-          index += 25;
-        }
-      }
-      return index;
-    }
-    function jumpToPage(page: number) {  
-  if (page >= 1 && page <= totalPages.value) {  
-    currentPage.value = page;  
-  }  
-}
 const printFlowCardId = ref('')
 const printLayer = ref('')
 const printGlassId = ref('')
@@ -179,36 +134,9 @@
     body.removeChild(style);
   }, 20);
 }
-    // 涓婁竴椤靛拰涓嬩竴椤垫柟娉�
-    const prevPage = () => {
-      if (currentPage.value > 1) {
-        currentPage.value--;
-      }
-    };
-    const nextPage = () => {
-      if (currentPage.value < totalPages.value) {
-        currentPage.value++;
-      }
-    };
-    // 鎬婚〉鏁拌绠�
-    const totalPages = computed(() => {
-      // let total = 0;
-      // for (let i = 1; i <= users.value.length; i++) {
-      //   if (i === 1) {
-      //     total += 1;
-      //   } else if (i === 2) {
-      //     total += 2;
-      //   } else if (i === 3) {
-      //     total += 5;
-      //   } else {
-      //     total += 10;
-      //   }
-      // }
-      return 9;
-    });
-    setInterval(() => {  
-    localStorage.clear(); // 娓呴櫎鎵�鏈塴ocalStorage鏁版嵁  
-}, 60000);
+//     setInterval(() => {  
+//     localStorage.clear(); // 娓呴櫎鎵�鏈塴ocalStorage鏁版嵁  
+// }, 60000);
 //  function cleanUp() {
 // }
 // // 鍋囪鎴戜滑姣�2鍒嗛挓鎵ц涓�娆℃竻鐞�  
@@ -225,6 +153,12 @@
     }
   }
 }
+const handlePageChange2 = (newPage) => {
+  currentPage2.value = newPage;
+  console.log(currentPage2.value);
+  window.localStorage.setItem('pagenumber', currentPage2.value)
+  fetchxiang(currentPage2.value);
+};
 const handleBindRack = (row) => {
   selectedRow.value = row; // 鏇存柊閫変腑鐨勮鏁版嵁  
   currentRow.deviceId  = row.deviceId; // 鐩存帴璁剧疆鍝嶅簲寮忓睘鎬�  
@@ -261,6 +195,22 @@
       }  
   row.enableState = newState;  
 }; 
+// 鏄惁鐮存崯
+const broken = async (row) => {
+  try  {
+  const newState = row.isDamage === 1 ? 0 : 1;
+  const response = await request.post('/cacheVerticalGlass/bigStorageCageDetails/bigStorageGlassDamageByGlassId', { glassId: row.glassId });  
+    if (response.code == 200) {
+      ElMessage.success(response.message);
+    } else {
+      ElMessage.error(response.message);
+    }
+  row.isDamage = newState;   
+}
+catch (error) {
+    console.error(error);
+  }
+}
  // 鍒犻櫎 
  const opena = async(row) => {  
   try {
@@ -276,7 +226,7 @@
     if (confirmResult === 'confirm') {
       const response = await request.post("/cacheVerticalGlass/bigStorageCageDetails/deleteBigStorageCageDetails",row)
     if (response.code === 200) {
-     tableData.value = response.data;
+     tableDataa.value = response.data;
      ElMessage.success(response.message);
       } else {
       ElMessage.error(response.message);
@@ -301,7 +251,7 @@
     if (confirmResult === 'confirm') {  
       const response = await request.post("/cacheVerticalGlass/bigStorageCageDetails/damageBigStorageCageDetails?status="+8, row)
     if (response.code === 200) {
-     tableData.value = response.data;
+     tableDataa.value = response.data;
      ElMessage.success(response.message);
       } else {  
       ElMessage.error(response.message);
@@ -326,7 +276,7 @@
     if (confirmResult === 'confirm') {  
       const response = await request.post("/cacheVerticalGlass/bigStorageCageDetails/damageBigStorageCageDetails?status="+9, row)
     if (response.code === 200) {
-     tableData.value = response.data;
+     tableDataa.value = response.data;
      ElMessage.success(response.message);
       } else {  
       ElMessage.error(response.message);
@@ -398,8 +348,8 @@
     ); 
     if (confirmResult === 'confirm') {  
       const response = await request.post("/cacheVerticalGlass/bigStorageCageDetails/TemperingGlass",{
-        engineerId: row.engineer_id,
-        temperingLayoutId: row.tempering_layout_id,
+        engineerId: row.engineerId,
+        temperingLayoutId: row.temperingLayoutId,
         temperingFeedSequence:temperingFeedSequence
     });
     if (response.code === 200) {
@@ -426,7 +376,7 @@
       } 
     ); 
     if (confirmResult === 'confirm') {  
-      const response = await request.post("/cacheVerticalGlass/bigStorageCageDetails/appointEngineerId",{
+      const response = await request.post("/cacheVerticalGlass/bigStorageCageDetails/appointTemperingEngineerId",{
         engineerId: row.engineer_id
     });
     if (response.code === 200) {
@@ -588,9 +538,9 @@
         deviceId: deviceId,
         slot: slot
       };  
-      const response = await request.post("/cacheVerticalGlass/bigStorageCageDetails/insertBigStorageCageDetails", dataToSend)
+  const response = await request.post("/cacheVerticalGlass/bigStorageCageDetails/insertBigStorageCageDetails", dataToSend)
     if (response.code === 200) {
-      tableData.value = response.data;
+      tableDataa.value = response.data;
       add.value = false;
       ElMessage.success(response.message);
       glassId.value = '';
@@ -612,11 +562,33 @@
   dialogFormVisiblec.value = true;
   fetchFlow(); 
 };
+const handlexiang = () => {
+  dialogFormVisiblea.value = true;
+  fetchxiang(1); 
+  currentPage2.value = 1;
+  window.localStorage.setItem('pagenumber', currentPage2.value)
+  filmsId.value = ''
+  flowCardId.value = ''
+};
+// 缂虹墖鏁伴噺
+const handlelack = (row) => {
+  const { engineerId, temperingLayoutId } = row;
+  fetchlack(engineerId, temperingLayoutId); 
+  dialogFormVisibled.value = true;
+};
+// 绗煎唴璇︽儏
+const handlecagedetails = (row) => {
+  const { engineerId, temperingLayoutId } = row;
+  fetchcagedetails(engineerId, temperingLayoutId); 
+  dialogFormVisiblef.value = true;
+};
 // 閽㈠寲鏌ヨ
 onMounted(async () => {  
   try {  
-    const response = await request.post('/cacheVerticalGlass/bigStorageCageDetails/selectTemperingGlass');
+    var url="/cacheVerticalGlass/bigStorageCageDetails/selectTemperingGlass?isTempering="+1;
+    const response = await request.post(url)
     if (response.code === 200) {  
+      ElMessage.success(response.message);
       tableDatagh.value = response.data
     } else {  
       ElMessage.warning(response.msg)
@@ -624,10 +596,49 @@
   } catch (error) {
   }
 }); 
+// 鐞嗙墖绗间俊鎭�
+const fetchxiang = async (page) => {
+  try {     
+    const response = await request.post('/cacheVerticalGlass/bigStorageCage/querybigStorageCageDetail',{
+        deviceId: page,
+        filmsId: filmsId.value,
+        flowCardId: flowCardId.value,
+    })
+    if (response.code === 200) {  
+      ElMessage.success(response.message);
+      tableDataa.value = response.data
+    } else {  
+      ElMessage.warning(response.msg)
+    }  
+  } catch (error) {
+  } 
+}
+const fetchxianga = async () => {
+  let page = window.localStorage.getItem('pagenumber')
+  try {     
+    const response = await request.post('/cacheVerticalGlass/bigStorageCage/querybigStorageCageDetail',{
+        deviceId: page,
+        filmsId: filmsId.value,
+        flowCardId: flowCardId.value,
+    })
+    if (response.code === 200) {  
+      ElMessage.success(response.message);
+      tableDataa.value = response.data
+      // filmsId.value = ''
+      // flowCardId.value = ''
+    } else {  
+      ElMessage.warning(response.msg)
+    }  
+  } catch (error) {
+  } 
+}
+// 闈為挗鍖栨祦绋嬪崱
 const fetchFlows = async () => {
   try {  
-    const response = await request.post('/cacheVerticalGlass/bigStorageCageDetails/selectFlowCardByCache');
+    var url="/cacheVerticalGlass/bigStorageCageDetails/selectTemperingGlass?isTempering="+0;
+    const response = await request.post(url)
     if (response.code === 200) {  
+      ElMessage.success(response.message);
       tableDatas.value = response.data
     } else {  
       ElMessage.warning(response.msg)
@@ -635,9 +646,50 @@
   } catch (error) {
   } 
 }
+// 缂虹墖鏁伴噺
+const fetchlack = async (engineerId, temperingLayoutId) => {
+  try  {
+    const response = await request.post('/cacheVerticalGlass/bigStorageCageDetails/queryLackGlassInfo',{
+        engineerId: engineerId,
+        temperingLayoutId: temperingLayoutId,
+    })
+    if (response.code == 200) {
+      ElMessage.success(response.message);
+      tableDatalack.value = response.data
+    } else {
+      ElMessage.error(response.message);
+    }
+}
+catch (error) {
+    // 澶勭悊閿欒
+    console.error(error);
+  }
+}
+// 绗煎唴璇︽儏
+const fetchcagedetails = async (engineerId, temperingLayoutId) => {
+  try  {
+    const response = await request.post('/cacheVerticalGlass/bigStorageCageDetails/queryRealGlassInfo',{
+        engineerId: engineerId,
+        temperingLayoutId: temperingLayoutId,
+    })
+    if (response.code == 200) {
+      console.log(response.data);
+      
+      ElMessage.success(response.message);
+      tableDatacagedetails.value = response.data
+    } else {
+      ElMessage.error(response.message);
+    }
+}
+catch (error) {
+    // 澶勭悊閿欒
+    console.error(error);
+  }
+}
 const fetchFlow = async () => {
   try  {
-    const response = await request.post('/cacheVerticalGlass/bigStorageCageDetails/selectTemperingGlass')
+    var url="/cacheVerticalGlass/bigStorageCageDetails/selectTemperingGlass?isTempering="+1;
+    const response = await request.post(url)
     if (response.code == 200) {
       ElMessage.success(response.message);
       tableDatagh.value = response.data
@@ -645,8 +697,8 @@
       let totalCount = 0;
       let fullCount = 0;
       response.data.forEach(item => { 
-        totalCount += item.count1 || 0;
-        if(item.count2-item.count1-item.count4==0){
+        totalCount += item.realCount || 0;
+        if(item.lackCount==0){
           fullCount+=1;
         }
       });
@@ -735,7 +787,22 @@
 let socket = null;
 const socketUrl = `ws://${WebSocketHost}:${host}/api/cacheVerticalGlass/api/talk/slicecage`;
 const handleMessage = (data) => {
-  if (data.scanGlass != null) {
+  if (data.inkageEntity != null) {
+    inkageEntity.value = data.inkageEntity[0] == true ? 'green' : '#911005';
+  }
+  if (data.requestEntity != null) {
+    requestEntity.value = data.requestEntity == 1 ? 'green' : '#911005';
+  }
+  if (data.mesReplyEntity != null) {
+    mesReplyEntity.value = data.mesReplyEntity == 1 ? 'green' : '#911005';
+  }
+  if (data.outInkageEntity != null) {
+    outInkageEntity.value = data.outInkageEntity[0] == true ? 'green' : '#911005';
+  }
+  if (data.outRequestEntity != null) {
+    outRequestEntity.value = data.outRequestEntity == 1 ? 'green' : '#911005';
+  }
+    if (data.scanGlass != null) {
     scanGlass.value = data.scanGlass[0];
     let width = scanGlass.value.width;
     let height = scanGlass.value.height;
@@ -751,12 +818,9 @@
   if(data.bigStorageCageDetailsOutTask!=null){
     temperingengineerId.value=data.temperingengineerId[0];
   }
-  // 鏇存柊 tableData 鐨勬暟鎹�
   if(data.bigStorageCageDetailsOutTask!=null){
     tableDatac.value = data.bigStorageCageDetailsOutTask[0]
-    console.log(data.bigStorageCageDetailsOutTask[0])
     adjusta.value = data.bigStorageCageDetailsOutTask[0].filter(rect => rect.slot !== null && rect.slot !== undefined);
-    // console.log(data.bigStorageCageDetailsOutTask[0]);
   } else {
     tableDatac.value = '',
     adjusta.value = ''
@@ -767,14 +831,8 @@
   }else{
     tableDatad.value = ''
       }
-if(data.bigStorageCageInfo!=null){
-  tableData.value = data.bigStorageCageInfo[0]
-}else{
-    tableData.value = ''
-   }
 if(data.temperingGlassInfoList!=null){
   tableDatab.value = data.temperingGlassInfoList[0]
-  console.log(tableDatab.value)
 }else{
     tableDatab.value = ''
       }
@@ -815,32 +873,7 @@
             ...rect, 
             height: 20/length,
             top: 29/length
-          })); 
-adjustedRectsd.value = data.bigStorageCageInfos[0][5].map(rect => ({  
-            ...rect, 
-            height: 20/length,
-            top: 29/length
-          })); 
-adjustedRectse.value = data.bigStorageCageInfos[0][6].map(rect => ({  
-            ...rect, 
-            height: 20/length,
-            top: 29/length
-          })); 
-adjustedRectsf.value = data.bigStorageCageInfos[0][7].map(rect => ({  
-            ...rect, 
-            height: 20/length,
-            top: 29/length
-          })); 
-adjustedRectsg.value = data.bigStorageCageInfos[0][8].map(rect => ({  
-            ...rect, 
-            height: 20/length,
-            top: 29/length
-          })); 
-adjustedRectsh.value = data.bigStorageCageInfos[0][9].map(rect => ({  
-            ...rect, 
-            height: 20/length,
-            top: 29/length
-          })); 
+          }));
   }else{
     adjustedRects.value = ''
   }
@@ -909,7 +942,7 @@
 </script>
 <template>
   <div style="height: 600px;">
-    <el-button style="margin-top: 7px;margin-left: 10px;" id="searchButton" type="primary" @click="dialogFormVisiblea = true">{{ $t('searchOrder.cageinformation') }}</el-button>
+    <el-button style="margin-top: 7px;margin-left: 10px;" id="searchButton" type="primary" @click="handlexiang">{{ $t('searchOrder.cageinformation') }}</el-button>
     <el-button style="margin-top: 7px;margin-left: 10px;" id="searchButton" type="success" @click="dialogFormVisibleb = true">{{ $t('searchOrder.productionqueue') }}</el-button>
     <el-button style="margin-top: 7px;margin-left: 10px;" id="searchButton" type="warning" @click="handleganghua">{{ $t('searchOrder.temperingqueries') }}</el-button>
     <el-button style="margin-top: 7px;margin-left: 10px;" id="searchButton" type="info" @click="handlezhiban">{{ $t('searchOrder.dutyinformation') }}</el-button>
@@ -919,6 +952,18 @@
     <el-button style="margin-top: 7px;margin-left: 10px;" id="searchButton" type="primary"
       @click="dialogFormVisibleaDownGlasss = true">{{ $t('searchOrder.Labelprinting') }}
     </el-button>
+    <div id="dotClass">
+        <div>{{ $t('searchOrder.inkageEntity') }}</div>
+        <i :style="{ marginTop: '2px', backgroundColor: inkageEntity, width: '18px', height: '18px', borderRadius: '50%', display: 'block' }"></i>
+        <div style="margin-left: 70px;">{{ $t('searchOrder.requestEntity') }}</div>
+        <i :style="{ marginTop: '2px', backgroundColor: requestEntity, width: '18px', height: '18px', borderRadius: '50%', display: 'block' }"></i>
+        <div style="margin-left: 70px;">{{ $t('searchOrder.mesReplyEntity') }}</div>
+        <i :style="{ marginTop: '2px', backgroundColor: mesReplyEntity, width: '18px', height: '18px', borderRadius: '50%', display: 'block' }"></i>
+        <div style="margin-left: 70px;">{{ $t('searchOrder.outInkageEntity') }}</div>
+        <i :style="{ marginTop: '2px', backgroundColor: outInkageEntity, width: '18px', height: '18px', borderRadius: '50%', display: 'block' }"></i>
+        <div style="margin-left: 70px;">{{ $t('searchOrder.outRequestEntity') }}</div>
+        <i :style="{ marginTop: '2px', backgroundColor: outRequestEntity, width: '18px', height: '18px', borderRadius: '50%', display: 'block' }"></i>
+  </div>
     <div class="table-container">
     <el-card style="flex: 1;margin-left: 10px;margin-top: 10px;" v-loading="loading">
       <div style="width: 98%; height: calc(100% - 35px); overflow-y: auto;max-height: 300px;">
@@ -1304,8 +1349,14 @@
       </div>
   </el-dialog>
 <el-dialog v-model="dialogFormVisiblea" top="2vh" width="97%" :title="$t('searchOrder.cageinformation')">
+  <div style="display: flex;">
+    <el-input v-model="flowCardId" clearable style="margin-left: 10px;margin-bottom: 10px;width: 240px;" :placeholder="$t('searchOrder.incardnumber')" />
+    <el-input v-model="filmsId" clearable style="margin-left: 10px;margin-bottom: 10px;width: 240px;" :placeholder="$t('film.infilms')"/>
+    <el-button type="primary" style="margin-left: 10px;margin-bottom: 10px;" @click="fetchxianga">
+      {{$t('reportmanage.inquire')}}</el-button>
+  </div>
     <el-table  
-          :data="paginatedUsers" 
+          :data="tableDataa" 
           @row-click="handleRowClick" 
           height="700"
           @expand-change="handleExpandChange"  
@@ -1326,7 +1377,8 @@
           <!-- <el-table-column prop="menuName" label="浜岀骇鑿滃崟鏍�" align="center" min-width="140" :header-cell-style="{background:'#F2F3F5 ',color:'#1D2129'}"/>   -->
           <el-table-column prop="glassId" :label="$t('searchOrder.glassID')" align="center" min-width="130"/>
           <el-table-column prop="flowCardId" align="center" :label="$t('searchOrder.cardnumber')" min-width="130" />
-          <el-table-column prop="glassType" align="center" :label="$t('searchOrder.typeglass')" min-width="80" />
+          <el-table-column prop="filmsId" align="center" :label="$t('searchOrder.coatingtypes')" min-width="80" />
+          <!-- <el-table-column prop="glassType" align="center" :label="$t('searchOrder.typeglass')" min-width="80" /> -->
           <el-table-column prop="width" align="center" :label="$t('searchOrder.width')" min-width="80" />
           <el-table-column prop="height" align="center" :label="$t('searchOrder.height')" min-width="80" />
           <el-table-column prop="thickness" align="center" :label="$t('searchOrder.thickness')" min-width="80" />
@@ -1388,23 +1440,15 @@
         </el-table-column>
         </el-table>
         <div>
-    <div style="margin-top: 20px; text-align: center;">
-      <!-- 涓婁竴椤垫寜閽� -->
-      <el-button @click="prevPage" :disabled="currentPage === 1">{{ $t('searchOrder.up') }}</el-button>
-      <div style="display: inline-block; margin: 0 20px;">  
-    <el-button  
-      v-for="page in totalPages"  
-      :key="page"  
-      :class="{ 'is-active': currentPage === page }"  
-      @click="jumpToPage(page)"  
-    >  
-      {{ page }}  
-    </el-button>  
-  </div> 
-      <!-- 涓嬩竴椤垫寜閽� -->
-      <el-button @click="nextPage" :disabled="currentPage >= totalPages">{{ $t('searchOrder.down') }}</el-button>
-      <!-- 褰撳墠椤垫樉绀虹殑鏉℃暟 -->
-      <span style="margin-left: 10px;">{{ $t('searchOrder.now') }} {{ itemsPerPage }} {{ $t('searchOrder.tit') }}</span>
+    <div style="margin-top: 20px;margin-left: 40%;">
+      <el-pagination
+          background
+          size="large"
+          layout="prev, pager, next"
+          :total="40"
+          :current-page.sync="currentPage2"
+          @current-change="handlePageChange2"
+        />
     </div>
   </div>
   </el-dialog>
@@ -1490,19 +1534,147 @@
     </div>
     <el-table  ref="table" style="margin-top: 20px;height: 500px;"
         :data="tableDatagh" :header-cell-style="{background:'#F2F3F5 ',color:'#1D2129'}">
-          <el-table-column prop="engineer_id" fixed align="center" :label="$t('searchOrder.projectnumber')" min-width="150"/>
-          <el-table-column prop="tempering_layout_id" fixed align="center" :label="$t('searchOrder.layoutnumber')" min-width="120" />
-          <el-table-column prop="count2" align="center" :label="$t('searchOrder.allnumber')" min-width="150" />
-          <el-table-column prop="count1" align="center" :label="$t('searchOrder.numbercages')" min-width="150" />
-          <el-table-column prop="count3" align="center" :label="$t('searchOrder.missingquantity')" min-width="150" />
-          <el-table-column prop="count4" align="center" :label="$t('searchOrder.breakquantity')" min-width="150" />
-          <el-table-column fixed="right" :label="$t('searchOrder.operate')" align="center" width="250">
+          <el-table-column prop="engineerId" fixed align="center" :label="$t('searchOrder.projectnumber')" min-width="150"/>
+          <el-table-column prop="thickness" align="center" :label="$t('basicData.thickness')" min-width="150" />
+          <el-table-column prop="filmsId" align="center" :label="$t('basicData.coatingtypes')" min-width="150" />
+          <el-table-column prop="temperingLayoutId" align="center" :label="$t('searchOrder.layoutnumber')" min-width="120" />
+          <el-table-column prop="totalCount" align="center" :label="$t('searchOrder.allnumber')" min-width="150" />
+          <el-table-column prop="realCount" align="center" :label="$t('searchOrder.numbercages')" min-width="150" />
+          <el-table-column prop="lackCount" align="center" :label="$t('searchOrder.missingquantity')" min-width="150" />
+          <el-table-column prop="damageCount" align="center" :label="$t('searchOrder.breakquantity')" min-width="150" />
+          <el-table-column fixed="right" :label="$t('searchOrder.operate')" align="center" width="500">
             <template #default="scope">
               <el-button size="mini" type="text" plain @click="brokee(scope.row,1)">{{ $t('searchOrder.specifytempering') }}</el-button>
               <el-button size="mini" type="text" plain @click="brokee(scope.row,0)">{{ $t('searchOrder.specifyout') }}</el-button>
               <el-button size="mini" type="text" plain @click="brokek(scope.row)">{{ $t('searchOrder.specifyengineerid') }}</el-button>
+              <el-button size="mini" type="text" plain @click="handlelack(scope.row)">{{ $t('searchOrder.lacknumber') }}</el-button>
+              <el-button size="mini" type="text" plain @click="handlecagedetails(scope.row)">{{ $t('searchOrder.cagedetails') }}</el-button>
             </template>
         </el-table-column>
+        </el-table>
+</el-dialog>
+<el-dialog v-model="dialogFormVisibled" top="5vh" width="85%" :title="$t('hellow.missingnumber')">
+    <el-table  ref="table" style="margin-top: 20px;height: 600px;"
+        :data="tableDatalack" :header-cell-style="{background:'#F2F3F5 ',color:'#1D2129'}">
+          <el-table-column prop="engineerId" fixed align="center" :label="$t('searchOrder.projectnumber')" min-width="150"/>
+          <el-table-column prop="flowCardId" fixed align="center" :label="$t('searchOrder.cardnumber')" min-width="150" />
+          <el-table-column prop="glassId" fixed align="center" :label="$t('searchOrder.glassID')" min-width="150" />
+          <el-table-column prop="temperingLayoutId" fixed align="center" :label="$t('searchOrder.layoutID')" min-width="100" />
+          <el-table-column prop="temperingFeedSequence" fixed align="center" :label="$t('searchOrder.picturesequence')" min-width="120" />
+          <el-table-column prop="width" align="center" :label="$t('searchOrder.width')"  min-width="80" />
+          <el-table-column prop="height" align="center" :label="$t('searchOrder.height')" min-width="80" />
+          <el-table-column prop="thickness" align="center" :label="$t('searchOrder.thickness')" min-width="80" />
+          <el-table-column prop="filmsid" align="center" :label="$t('searchOrder.coatingtypes')" min-width="80" />
+          <el-table-column
+            align="center"
+            :label="$t('searchOrder.state')"
+            min-width="80"
+            prop="isDamage"
+          >
+            <template #default="scope">
+              <div 
+                @click="scope.row.isDamage === 1 ? null : broken(scope.row)"
+                style="position: relative; display: inline-block;"
+              >
+                <el-tag
+                  :type="scope.row.isDamage === 1 ? 'danger' : 'success'"
+                  style="pointer-events: {{ scope.row.isDamage === 1 ? 'none' : 'auto' }};"
+                >
+                  {{ scope.row.isDamage === 1 ? $t('searchOrder.breakage') : $t('searchOrder.breakagn') }}
+                </el-tag>
+                <div 
+                  v-if="scope.row.isDamage === 1"
+                  style="position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: transparent; z-index: 1;"
+                ></div>
+              </div>
+            </template>
+          </el-table-column>
+          <el-table-column prop="layer" align="center" :label="$t('processCard.layer')" min-width="80" />
+          <el-table-column prop="xcoordinate" align="center" :label="$t('searchOrder.xcoordinates')" min-width="80" />
+          <el-table-column prop="ycoordinate" align="center" :label="$t('searchOrder.ycoordinates')" min-width="80" />
+        </el-table>
+</el-dialog>
+<el-dialog v-model="dialogFormVisiblee" top="5vh" width="85%" :title="$t('searchOrder.specifyengineerid')">
+    <el-table  ref="table" style="margin-top: 20px;height: 600px;"
+        :data="tableDataspecify" :header-cell-style="{background:'#F2F3F5 ',color:'#1D2129'}">
+          <el-table-column prop="engineerId" fixed align="center" :label="$t('searchOrder.projectnumber')" min-width="150"/>
+          <el-table-column prop="flowCardId" fixed align="center" :label="$t('searchOrder.cardnumber')" min-width="150" />
+          <el-table-column prop="glassId" fixed align="center" :label="$t('searchOrder.glassID')" min-width="150" />
+          <el-table-column prop="temperingLayoutId" fixed align="center" :label="$t('searchOrder.layoutID')" min-width="100" />
+          <el-table-column prop="temperingFeedSequence" fixed align="center" :label="$t('searchOrder.picturesequence')" min-width="120" />
+          <el-table-column prop="width" align="center" :label="$t('searchOrder.width')"  min-width="80" />
+          <el-table-column prop="height" align="center" :label="$t('searchOrder.height')" min-width="80" />
+          <el-table-column prop="thickness" align="center" :label="$t('searchOrder.thickness')" min-width="80" />
+          <el-table-column prop="filmsid" align="center" :label="$t('searchOrder.coatingtypes')" min-width="80" />
+          <el-table-column
+            align="center"
+            :label="$t('searchOrder.state')"
+            min-width="80"
+            prop="isDamage"
+          >
+            <template #default="scope">
+              <div 
+                @click="scope.row.isDamage === 1 ? null : broken(scope.row)"
+                style="position: relative; display: inline-block;"
+              >
+                <el-tag
+                  :type="scope.row.isDamage === 1 ? 'danger' : 'success'"
+                  style="pointer-events: {{ scope.row.isDamage === 1 ? 'none' : 'auto' }};"
+                >
+                  {{ scope.row.isDamage === 1 ? $t('searchOrder.breakage') : $t('searchOrder.breakagn') }}
+                </el-tag>
+                <div 
+                  v-if="scope.row.isDamage === 1"
+                  style="position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: transparent; z-index: 1;"
+                ></div>
+              </div>
+            </template>
+          </el-table-column>
+          <el-table-column prop="layer" align="center" :label="$t('processCard.layer')" min-width="80" />
+          <el-table-column prop="xcoordinate" align="center" :label="$t('searchOrder.xcoordinates')" min-width="80" />
+          <el-table-column prop="ycoordinate" align="center" :label="$t('searchOrder.ycoordinates')" min-width="80" />
+        </el-table>
+</el-dialog>
+<el-dialog v-model="dialogFormVisiblef" top="5vh" width="85%" :title="$t('searchOrder.cagedetails')">
+    <el-table  ref="table" style="margin-top: 20px;height: 600px;"
+        :data="tableDatacagedetails" :header-cell-style="{background:'#F2F3F5 ',color:'#1D2129'}">
+          <el-table-column prop="engineerId" fixed align="center" :label="$t('searchOrder.projectnumber')" min-width="150"/>
+          <el-table-column prop="flowCardId" fixed align="center" :label="$t('searchOrder.cardnumber')" min-width="150" />
+          <el-table-column prop="glassId" fixed align="center" :label="$t('searchOrder.glassID')" min-width="150" />
+          <el-table-column prop="slot" fixed align="center" :label="$t('film.slot')" min-width="150" />
+          <el-table-column prop="temperingLayoutId" fixed align="center" :label="$t('searchOrder.layoutID')" min-width="100" />
+          <el-table-column prop="temperingFeedSequence" fixed align="center" :label="$t('searchOrder.picturesequence')" min-width="120" />
+          <el-table-column prop="width" align="center" :label="$t('searchOrder.width')"  min-width="80" />
+          <el-table-column prop="height" align="center" :label="$t('searchOrder.height')" min-width="80" />
+          <el-table-column prop="thickness" align="center" :label="$t('searchOrder.thickness')" min-width="80" />
+          <el-table-column prop="filmsId" align="center" :label="$t('searchOrder.coatingtypes')" min-width="80" />
+          <el-table-column
+            align="center"
+            :label="$t('searchOrder.state')"
+            min-width="80"
+            prop="isDamage"
+          >
+            <template #default="scope">
+              <div 
+                @click="scope.row.isDamage === 1 ? null : broken(scope.row)"
+                style="position: relative; display: inline-block;"
+              >
+                <el-tag
+                  :type="scope.row.isDamage === 1 ? 'danger' : 'success'"
+                  style="pointer-events: {{ scope.row.isDamage === 1 ? 'none' : 'auto' }};"
+                >
+                  {{ scope.row.isDamage === 1 ? $t('searchOrder.breakage') : $t('searchOrder.breakagn') }}
+                </el-tag>
+                <div 
+                  v-if="scope.row.isDamage === 1"
+                  style="position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: transparent; z-index: 1;"
+                ></div>
+              </div>
+            </template>
+          </el-table-column>
+          <el-table-column prop="layer" align="center" :label="$t('processCard.layer')" min-width="80" />
+          <el-table-column prop="xcoordinate" align="center" :label="$t('searchOrder.xcoordinates')" min-width="80" />
+          <el-table-column prop="ycoordinate" align="center" :label="$t('searchOrder.ycoordinates')" min-width="80" />
         </el-table>
 </el-dialog>
 <el-dialog v-model="dialoglea" top="15vh" width="70%" :title="$t('searchOrder.dutyinformation')">
@@ -1530,8 +1702,27 @@
       </div>
     </template>
 </el-dialog>
-<el-dialog v-model="dialogFormVisibles" top="5vh" width="85%" :title="$t('searchOrder.temperingqueries')">
-    <el-table  ref="table" style="margin-top: 20px;height: 500px;"
+<el-dialog v-model="dialogFormVisibles" top="5vh" width="85%" :title="$t('searchOrder.searchlayout')">
+  <el-table  ref="table" style="margin-top: 20px;height: 500px;"
+        :data="tableDatas" :header-cell-style="{background:'#F2F3F5 ',color:'#1D2129'}">
+          <el-table-column prop="engineerId" fixed align="center" :label="$t('searchOrder.projectnumber')" min-width="150"/>
+          <el-table-column prop="thickness" align="center" :label="$t('basicData.thickness')" min-width="150" />
+          <el-table-column prop="filmsId" align="center" :label="$t('basicData.coatingtypes')" min-width="150" />
+          <el-table-column prop="temperingLayoutId" fixed align="center" :label="$t('searchOrder.layoutnumber')" min-width="120" />
+          <el-table-column prop="totalCount" align="center" :label="$t('searchOrder.allnumber')" min-width="150" />
+          <el-table-column prop="realCount" align="center" :label="$t('searchOrder.numbercages')" min-width="150" />
+          <el-table-column prop="lackCount" align="center" :label="$t('searchOrder.missingquantity')" min-width="150" />
+          <el-table-column prop="damageCount" align="center" :label="$t('searchOrder.breakquantity')" min-width="150" />
+          <el-table-column fixed="right" :label="$t('searchOrder.operate')" align="center" width="250">
+            <template #default="scope">
+              <el-button size="mini" type="text" plain @click="brokee(scope.row,1)">{{ $t('searchOrder.specifytempering') }}</el-button>
+              <el-button size="mini" type="text" plain @click="brokee(scope.row,0)">{{ $t('searchOrder.specifyout') }}</el-button>
+              <el-button size="mini" type="text" plain @click="brokek(scope.row)">{{ $t('searchOrder.specifyengineerid') }}</el-button>
+              <el-button size="mini" type="text" plain @click="handlelack(scope.row)">{{ $t('hellow.missingnumber') }}</el-button>
+            </template>
+        </el-table-column>
+        </el-table>
+    <!-- <el-table  ref="table" style="margin-top: 20px;height: 500px;"
         :data="tableDatas" :header-cell-style="{background:'#F2F3F5 ',color:'#1D2129'}">
           <el-table-column prop="flow_card_id" fixed align="center" :label="$t('searchOrder.processcards')"/>
           <el-table-column prop="layer" align="center" :label="$t('searchOrder.ceng')" />
@@ -1541,7 +1732,7 @@
               <el-button size="mini" type="text" plain @click="brokes(scope.row)">{{ $t('searchOrder.processcard') }}</el-button>
             </template>
         </el-table-column>
-        </el-table>
+        </el-table> -->
 </el-dialog>
 <el-dialog v-model="dialogFormVisibleaDownGlasss" top="2vh" width="97%" :title="$t('searchOrder.filminformation')">
           <div style="display:flex;justify-content: space-around;">
@@ -1709,4 +1900,11 @@
   flex: 1; /* 浣夸袱涓崱鐗囧钩鍒嗗彲鐢ㄧ┖闂� */
   margin-bottom: 10px; /* 鍙�夛紝鏍规嵁闇�瑕佹坊鍔犲簳閮ㄩ棿璺� */
 }
+#dotClass {
+  display: flex;
+  margin-left: 20px; 
+  size: 50px;
+  margin-top: 20px;
+  margin-bottom: 10px;
+}
 </style>
\ No newline at end of file

--
Gitblit v1.8.0