From 7ba23e6e4870465855d80d026cf31490e0f8d427 Mon Sep 17 00:00:00 2001
From: wangfei <3597712270@qq.com>
Date: 星期一, 22 九月 2025 11:20:47 +0800
Subject: [PATCH] 中空一线、二线。三线页面改造

---
 UI-Project/src/views/hollow/hollowequipmenthree.vue |  383 +++++++++++++++++++++++++++++++++++++-----------------
 1 files changed, 262 insertions(+), 121 deletions(-)

diff --git a/UI-Project/src/views/hollow/hollowequipmenthree.vue b/UI-Project/src/views/hollow/hollowequipmenthree.vue
index d5fbf2d..f02aeb0 100644
--- a/UI-Project/src/views/hollow/hollowequipmenthree.vue
+++ b/UI-Project/src/views/hollow/hollowequipmenthree.vue
@@ -1,6 +1,6 @@
 <template>
   <div style="height: 600px;">
-    <el-card style="flex: 1;margin-left: 10px;margin-top: 10px;" v-loading="loading">
+    <el-card style="flex: 1;margin-left: 10px;margin-top: 10px;" >
       <div style="display: flex; flex-direction: row; align-items: center; margin-bottom: 10px;">
         <!-- <el-button id="searchButton" type="primary" @click="handleormulan">
           {{ $t('hellow.hollowformula') }}
@@ -15,10 +15,6 @@
     <el-button style="margin-left: 10px;" id="searchButton" type="success" @click="handleBinda">
           {{ $t('hellow.starttask') }}
         </el-button>
-        <el-button style="margin-left: 10px;" id="searchButton" type="info" @click="handleBindd">{{
-            $t('hellow.taskdet')
-          }}
-        </el-button>
         <el-button style="margin-left: 10px;" id="searchButton" type="warning" @click="handleBindc">{{
             $t('hellow.stopproject')
           }}
@@ -30,22 +26,44 @@
         <i :style="{ marginTop: '2px', backgroundColor: freethree, width: '18px', height: '18px', borderRadius: '50%', display: 'block' }"></i>
        </div>
       <div style="width: 98%; height: calc(100% - 35px); overflow-y: auto;">
-        <el-table height="650" ref="table" :data="tableDataa"
-                  :header-cell-style="{ background: '#F2F3F5', color: '#1D2129' }">
-          <el-table-column prop="flowCardId" :label="$t('hellow.flowCardId')" align="center"/>
-          <el-table-column prop="glassId" :label="$t('searchOrder.glassID')" align="center"/>
-          <el-table-column prop="hollowSequence" :label="$t('hellow.order')" align="center"/>
-          <el-table-column prop="thickness" :label="$t('hellow.thickness')" align="center"/>
-          <el-table-column prop="layer" :label="$t('hellow.layer')" align="center"/>
-          <el-table-column prop="filmsId" :label="$t('hellow.coatingtypes')" align="center"/>
-          <el-table-column prop="height" :label="$t('hellow.height')" align="center"/>
-          <el-table-column prop="width" :label="$t('hellow.width')" align="center"/>
+        <el-tabs v-model="activeTab" type="card">
+    <el-tab-pane 
+      v-for="tab in tabList" 
+      :key="tab.title"
+      :label="tab.title"
+      :name="tab.title"
+    >
+    <div style="margin-bottom: 10px;">  
+     <el-button style="margin-left: 10px;" type="info" @click="handleDelete(tab.title)">{{
+          $t('hellow.taskdet')
+        }}
+        </el-button> 
+        <el-button style="margin-left: 10px;" :disabled="listFlow.length > 0 ? false : true" id="searchButton" type="warning" @click="handleBinde">{{
+          $t('searchOrder.printlabels')
+        }}
+        </el-button>
+  </div>  
+      <!-- 鍔ㄦ�佽〃鏍� -->
+      <el-table 
+        :data="tab.tableDataa"
+        :header-cell-style="{ background: '#F2F3F5', color: '#1D2129' }"
+      >
+         <el-table-column prop="flowCardId" :label="$t('hellow.flowCardId')" align="center" />
+          <el-table-column prop="glassId" :label="$t('searchOrder.glassID')" align="center" />
+          <el-table-column prop="hollowSequence" :label="$t('hellow.order')" align="center" />
+          <el-table-column prop="thickness" :label="$t('hellow.thickness')" align="center" />
+          <el-table-column prop="layer" :label="$t('hellow.layer')" align="center" />
+          <el-table-column prop="filmsId" :label="$t('hellow.coatingtypes')" align="center" />
+          <el-table-column prop="height" :label="$t('hellow.height')" align="center" />
+          <el-table-column prop="width" :label="$t('hellow.width')" align="center" />
           <el-table-column prop="state" :label="$t('hellow.state')" align="center">
             <template #default="scope">
-              {{ scope.row.state == -1 ? "绛夊緟鍑虹墖" : "鍑虹墖瀹屾垚" }}
+              {{ scope.row.state == -1 ? $t('hellow.waitingout') : $t('hellow.finishout') }}
             </template>
           </el-table-column>
-        </el-table>
+      </el-table>
+    </el-tab-pane>
+  </el-tabs>
       <!-- <div style="display: flex;margin-left: 40%;margin-top: 10px;">
       <div style="margin-top: 5px;margin-right: 5px;">{{ $t('hellow.line') }}</div>
     <el-pagination
@@ -65,40 +83,48 @@
     <div style="display: flex;">
     <el-input v-model="flowCardId" style="margin-left: 10px;margin-bottom: 10px;width: 240px;" :placeholder="$t('searchOrder.incardnumber')" />
     <el-input v-model="filmsId" style="margin-left: 10px;margin-bottom: 10px;width: 240px;" :placeholder="$t('film.infilms')"/>
+    <el-input v-model="productName" style="margin-left: 10px;margin-bottom: 10px;width: 240px;" :placeholder="$t('large.inproductname')"/>
+    <el-input v-model="customerName" style="margin-left: 10px;margin-bottom: 10px;width: 240px;" :placeholder="$t('large.incustomerName')"/>
     <el-input v-model="thickness" style="margin-left: 10px;margin-bottom: 10px;width: 240px;" :placeholder="$t('searchOrder.inthickness')"/>
     <el-button type="primary" style="margin-left: 10px;margin-bottom: 10px;" @click="fetchFlowCardsearch">
       {{$t('reportmanage.inquire')}}</el-button>
   </div>
+  <div style="margin-left: 87%;">{{$t('hellow.pairsnumbertotal')}}{{ pairTotal }}</div>
   <el-table
     ref="table"
     style="margin-top: 20px; height: 700px;"
     :data="tableDatab"
+    :row-class-name="tableRowClassName"
     :header-cell-style="{ background: '#F2F3F5', color: '#1D2129' }"
     row-key="projectNumber"
   >
     <!-- <el-table-column type="expand"> -->
     <el-table-column>
     <template #default="props">
-      <el-table :data="props.row.records" style="width: 100%">
+      <el-table :data="props.row.flowCardGlassInfoDTOList" style="width: 100%"
+      :row-class-name="(row) => nestedTableRowClassName(props.row, row)" 
+      >
       <el-table-column prop="layer" fixed align="center" :label="$t('hellow.layernumber')" min-width="80"/>
       <el-table-column prop="thickness" align="center" :label="$t('hellow.thickness')" min-width="80"/>
       <el-table-column prop="filmsId" align="center" :label="$t('hellow.coatingtypes')" min-width="80"/>
       <el-table-column prop="sumCount" align="center" :label="$t('hellow.totalnumber')" min-width="80"/>
       <el-table-column prop="realCount" align="center" :label="$t('hellow.realpieces')" min-width="80"/>
-      <el-table-column prop="pairCount" align="center" :label="$t('hellow.pairsnumber')" min-width="80"/>
       <el-table-column prop="damageCount" align="center" :label="$t('hellow.damagenumber')" min-width="80"/>
+      <el-table-column prop="pairCount" align="center" :label="$t('hellow.pairsnumber')" min-width="80"/>
       </el-table>
       </template>
     </el-table-column>
-    <el-table-column prop="projectNumber" fixed align="center" :label="$t('hellow.cardnumber')" min-width="20"/>
+    <el-table-column prop="flowCardId" fixed align="center" :label="$t('hellow.cardnumber')" min-width="20"/>
+    <el-table-column prop="productName" fixed align="center" :label="$t('large.productname')" min-width="20"/>
+    <el-table-column prop="customerName" fixed align="center" :label="$t('large.customerName')" min-width="20"/>
     <el-table-column fixed="right" :label="$t('hellow.operate')" align="center" width="270">
         <template #default="scope">
-          <el-button size="mini" type="text" plain @click="handletake(scope.row)">{{ $t('hellow.claimquest') }}</el-button>
-          <el-button size="mini" type="text" plain @click="handleBindRack(scope.row)">{{
+          <el-button type="text" :disabled="scope.row.isThroughSlot" plain @click="handletake(scope.row)">{{ $t('hellow.claimquest') }}</el-button>
+          <el-button type="text" plain @click="handleBindRack(scope.row)">{{
               $t('hellow.missingfilms')
             }}
           </el-button>
-          <el-button size="mini" type="text" plain @click="handleout(scope.row)">{{
+          <el-button type="text" plain @click="handleout(scope.row)">{{
               $t('hellow.forcedfilming')
             }}
           </el-button>
@@ -109,7 +135,7 @@
 <!-- 涓┖閰嶆柟娣诲姞 -->
 <el-dialog v-model="add" top="23vh" width="55%" :title="$t('hellow.hollowformula')" >
     <div style="margin-left: 50px;margin-top: 10px;margin-bottom: 10px;">
-     <el-form  size="mini" label-width="150px">
+     <el-form  label-width="150px">
       <el-form label-width="150px" label-position="right">
         <el-row style="margin-top: 10px;">
           <el-col :span="6">
@@ -181,7 +207,7 @@
 <!-- 涓┖閰嶆柟淇敼 -->
 <el-dialog v-model="adda" top="23vh" width="55%" :title="$t('hellow.edithollowformula')" >
     <div style="margin-left: 50px;margin-top: 10px;margin-bottom: 10px;">
-     <el-form  size="mini" label-width="150px">
+     <el-form  label-width="150px">
       <el-form label-width="150px" label-position="right">
         <el-row style="margin-top: 10px;">
           <el-col :span="6">
@@ -253,9 +279,9 @@
   <!-- 棰嗗彇浠诲姟 -->
   <el-dialog v-model="dialogFormVisiblec" top="21vh" width="40%" :title="$t('hellow.claimquest')">
     <div style="margin-left: 20px;margin-top: 10px;margin-bottom: 10px;">
-      <el-form size="mini" label-width="100px">
+      <el-form label-width="100px">
         <el-form label-width="210px" label-position="right">
-          <el-form-item :label="$t('hellow.pairQuantity')" :required="true" style="width: 25vw">
+          <el-form-item :label="$t('hellow.ptotalpairQuantity')" :required="true" style="width: 25vw">
             <el-input :placeholder="$t('hellow.cpairQuantity')" v-model="totalPairQuantity" autocomplete="off" />
           </el-form-item>
           <el-form-item :label="$t('hellow.route')" :required="true" style="width: 25vw;">
@@ -304,9 +330,9 @@
   <!-- 寮哄埗鍑虹墖 -->
   <el-dialog v-model="dialogFormVisibled" top="21vh" width="40%" :title="$t('hellow.forcedfilming')">
     <div style="margin-left: 20px;margin-top: 10px;margin-bottom: 10px;">
-      <el-form size="mini" label-width="100px">
+      <el-form label-width="100px">
         <el-form label-width="210px" label-position="right">
-          <el-form-item :label="$t('hellow.pairQuantity')" :required="true" style="width: 25vw">
+          <el-form-item :label="$t('hellow.ptotalpairQuantity')" :required="true" style="width: 25vw">
             <el-input :placeholder="$t('hellow.cpairQuantity')" v-model="totalPairQuantitya" autocomplete="off" />
           </el-form-item>
           <el-form-item :label="$t('hellow.route')" :required="true" style="width: 25vw;">
@@ -356,7 +382,7 @@
   <el-dialog v-model="dialogFormVisibleb" top="7vh" width="70%" height="500">
     <div style="margin-top: -20px;text-align: center;margin-left: 400px;">
       <el-form-item :label="$t('hellow.cardnumbera')" style="width: 14vw">
-        {{ currentRow.projectNumber }}
+        {{ currentRow.flowCardId }}
       </el-form-item>
     </div>
     <el-table ref="table" style="margin-top: 20px;height: 400px;"
@@ -405,17 +431,30 @@
       </div>
     </template>
   </el-dialog>
-  <!-- 鍒犻櫎浠诲姟 -->
-  <el-dialog v-model="blindd" top="30vh" width="25%" :title="$t('hellow.hollowtaskdet')">
-    <template #footer>
-      <div id="dialog-footer">
-        <el-button type="primary" @click="handled">
-          {{ $t('basicData.confirm') }}
-        </el-button>
-        <el-button @click="blindd = false">{{ $t('basicData.cancel') }}</el-button>
-      </div>
-    </template>
-  </el-dialog>
+  <!-- 鎵撳嵃鏍囩 -->
+    <el-dialog v-model="blinde" top="30vh" width="25%" :title="$t('searchOrder.printlabels')">
+      <template #footer>
+        <div id="dialog-footer">
+          <el-select v-model="tag" filterable clearable :placeholder="$t('hellow.projectMsg2')" @change="changeTag"
+            style="width: 220px" @input="handleInputChange">
+            <el-option v-for="(tag, index) in tags" :key="index" :label="tag.name" :value="tag" />
+          </el-select>
+          <el-select v-model="stateValue" filterable clearable :placeholder="$t('screendisplay.pchoice')"
+            style="width: 220px" @input="handleInputChange">
+            <el-option v-for="item in stateOptions" :key="item.value" :label="item.label" :value="item.value" />
+          </el-select>
+          <el-button type="primary" @click="labelPrint = true">
+            {{ $t('processCard.printing') }}
+          </el-button>
+          <el-button @click="blinde = false">{{ $t('basicData.cancel') }}</el-button>
+        </div>
+      </template>
+    </el-dialog>
+    <el-dialog v-model="labelPrint" style="width: 80%; " destroy-on-close>
+      <el-button :icon="Printer" circle @click="printOrder(1)">{{ $t('processCard.printing') }}</el-button>
+      <print-custom-label-x-j id="childLabel" :faceOrientation="stateValue" :lableType="1" :list="listFlow"
+        :lastList='lastList' :type="tag.name" style="width: 100%;height: 100%" />
+    </el-dialog>
   <!-- 棰勮 -->
   <el-dialog v-model="dialogFormVisiblee" top="24vh" width="25%" :title="$t('hellow.reviewproject')" >
     <div style="margin-left: 50px;margin-bottom: 10px;">
@@ -424,9 +463,8 @@
             v-model="selectedProjectNo"
             filterable
             clearable
-            :placeholder="$t('basicData.plselectproject')"
+            :placeholder="$t('hellow.plselectproject')"
             style="width: 260px"
-            @input="handleInputChange"
         >
           <el-option
               v-for="item in titleSelectJson.processType"
@@ -467,8 +505,8 @@
         <el-table-column prop="rightRemove" align="center" :label="$t('hellow.rightRemovep')"> </el-table-column>
         <el-table-column fixed="right" :label="$t('productStock.operate')" align="center" width="270">
             <template #default="scope">
-              <el-button size="mini" type="text" plain @click="handleEdit(scope.row)">{{ $t('productStock.exit') }}</el-button>
-              <el-button size="mini" type="text" plain @click="opena(scope.row)">{{ $t('productStock.delete') }}</el-button>
+              <el-button type="text" plain @click="handleEdit(scope.row)">{{ $t('productStock.exit') }}</el-button>
+              <el-button type="text" plain @click="opena(scope.row)">{{ $t('productStock.delete') }}</el-button>
             </template>
         </el-table-column>
         </el-table>
@@ -479,7 +517,7 @@
     </template>
 </el-dialog>
  <!-- 鍘嗗彶浠诲姟 -->
- <el-dialog v-model="blindb" top="5vh" width="71%">
+ <el-dialog v-model="blindb" top="5vh" width="95%" @close="iframeUrl=''">
      <iframe 
      :src="iframeUrl" 
      marginwidth="2000px"
@@ -492,7 +530,7 @@
 </template>
 <script setup>
 import { ElMessage, ElMessageBox } from 'element-plus'
-import {onBeforeUnmount, onMounted, onUnmounted, ref, reactive, watch, computed} from "vue";
+import {onBeforeUnmount, onMounted, onUnmounted, ref, reactive, watch, computed, getCurrentInstance} from "vue";
 import request from "@/utils/request"
 import {host, WebSocketHost} from '@/utils/constants'
 import {closeWebSocket, initializeWebSocket} from '@/utils/WebSocketService';
@@ -501,8 +539,10 @@
 const blinda = ref(false)
 const blindb = ref(false)
 const blindc = ref(false)
-const blindd = ref(false)
 const mulan = ref(false)
+const activeTab = ref('')
+const tabList = ref([])
+const internalInstance = getCurrentInstance()
 const tableDataa = ref([])
 const tableDatab = ref([])
 const tableDatac = ref([])
@@ -521,6 +561,9 @@
 const topRemove = ref('')
 const filmsId = ref('')
 const flowCardId = ref('')
+const pairTotal = ref()
+const productName = ref('')
+const customerName = ref('')
 const freethree = ref('#911005');
 const dialogFormVisiblea = ref(false)
 const dialogFormVisibleb = ref(false)
@@ -564,16 +607,23 @@
 const currentPageKey = computed(() => `93${currentPage.value - 1}`);
 const handlePageChange1 = (newPage) => {
   currentPage.value = newPage;
-  console.log(currentPage.value);
 };
 const handlePageChange2 = (newPage) => {
   currentPage2.value = newPage;
-  console.log(currentPage2.value);
-  fetchFlowBind(currentRow.projectNumber, currentRow.layer, currentPage2.value);
+  fetchFlowBind(currentRow.flowCardId, currentPage2.value);
 };
 const handleMessage = (data) => {
+  const rawData = data.queueInfo[0]
+  const formattedData = Object.entries(rawData).map(([key, data]) => ({  
+    title: key,  
+    tableDataa: Array.isArray(data) ? data : [data]  
+  }));  
+  tabList.value = formattedData;  
+  if (tabList.value.length > 0) {  
+    activeTab.value = tabList.value[0].title;  
+  }
+  internalInstance.ctx.$forceUpdate();  
   try {
-    tableDataa.value = data.queueInfo[0];
     const allPageData = data;
     const currentPageKeyValue = currentPageKey.value;
     const currentPageData = allPageData[currentPageKeyValue];
@@ -581,7 +631,6 @@
       freethree.value = data.freeRequest[0] == true ? 'green' : '#911005';
   }
   } catch (error) {
-    console.error('Error parsing WebSocket message:', error);
   }
 };
 onMounted(() => {
@@ -621,10 +670,30 @@
 const handleBindc = (row) => {
   blindc.value = true;
 };
-// 鍒犻櫎浠诲姟 
-const handleBindd = (row) => {
-  blindd.value = true;
-};
+// 鍒犻櫎浠诲姟
+const handleDelete = async (flowCardId) => {
+  try {
+    const confirmResult = await ElMessageBox.confirm(  
+      t('hellow.hollowtaskdet'), 
+      t('workOrder.prompt'),  
+      {  
+        confirmButtonText: t('workOrder.yes'), 
+        cancelButtonText: t('workOrder.cancel'),
+        type: 'warning',  
+      } 
+    );
+ if (confirmResult === 'confirm') {
+      var url = "/hollowGlass/hollowGlassOutRelationInfo/deleteHollowTaskDetails?flowCardId=" + flowCardId + "&cell=" + 930;
+      const response = await request.post(url)
+    if (response.code === 200) {
+      ElMessage.success(response.message);
+      } else {
+      ElMessage.error(response.msg);
+      }  
+    }  
+  } catch (error) {
+  }  
+}; 
 const removalMethodMap = {
   1: t('Mounting.removal'),
   0: t('Mounting.noremoval')
@@ -664,20 +733,20 @@
 // 缂虹墖璇︽儏
 const handleBindRack = (row) => {
   currentPage2.value = 1;
-  const { projectNumber, layer } = row;
-  currentRow.projectNumber  = row.projectNumber;
+  const { flowCardId} = row;
+  currentRow.flowCardId  = row.flowCardId;
   dialogFormVisibleb.value = true;
-  fetchFlowBind(projectNumber, layer,currentPage2.value);
+  fetchFlowBind(flowCardId, currentPage2.value);
 };
 // 棰嗗彇浠诲姟
 const handletake = (row) => {
-  window.localStorage.setItem('flowCardId', row.projectNumber)
+  window.localStorage.setItem('flowCardId', row.flowCardId)
   dialogFormVisiblec.value = true;
   fetchmulan()
 };
 // 寮哄埗鍑虹墖
 const handleout = (row) => {
-  window.localStorage.setItem('flowCardId', row.projectNumber)
+  window.localStorage.setItem('flowCardId', row.flowCardId)
   dialogFormVisibled.value = true;
   fetchmulan()
 };
@@ -685,21 +754,32 @@
 const fetchFlowCardId = async () => {
   try {
     const response = await request.post('/hollowGlass/hollowGlassRelationInfo/queryHollowAllFlowCard',{
+      deviceId: 0,
       filmsId: '',
       flowCardId: '',
-      thickness: '',
+      thickness: 0,
     });
     if (response.code == 200) {
       ElMessage.success(response.message);
-      const newData = parseData(response.data);
-      tableDatab.value = newData;
+      tableDatab.value = response.data;
+      pairTotal.value = response.data[0].pairTotalCount;
     } else {
-      ElMessage.error('Failed to fetch data');
     }
   } catch (error) {
-    ElMessage.error('Error fetching data');
   }
 };
+function tableRowClassName({ row }) {
+  if (row.isThroughSlot == true) {
+    return 'row-red-background';
+  }
+  return '';
+}
+function nestedTableRowClassName(parentRow, row) {
+  if (parentRow.isThroughSlot == true) {
+    return 'row-red-background';
+  }
+  return '';
+}
 const fetchFlowCardsearch = async () => {
   try {
     const response = await request.post('/hollowGlass/hollowGlassRelationInfo/queryHollowAllFlowCard',{
@@ -709,13 +789,11 @@
     });
     if (response.code == 200) {
       ElMessage.success(response.message);
-      const newData = parseData(response.data);
-      tableDatab.value = newData;
+      tableDatab.value = response.data;
+      pairTotal.value = response.data[0].pairTotalCount;
     } else {
-      ElMessage.error('Failed to fetch data');
     }
   } catch (error) {
-    ElMessage.error('Error fetching data');
   }
 };
 // 涓┖閰嶆柟
@@ -728,10 +806,8 @@
       tableDatax.value = response.data;
       titleformulaName.value = response.data.map(item => ({ formulaId: item.id, formulaName: item.formulaName }));
     } else {
-      ElMessage.error('Failed to fetch data');
     }
   } catch (error) {
-    ElMessage.error('Error fetching data');
   }
 };
 const handleFormulaChange = (value) => {
@@ -766,10 +842,8 @@
       topRemove.value = '';
       fetchmulan()
     } else {
-      ElMessage.error('Failed to fetch data');
     }
   } catch (error) {
-    ElMessage.error('Error fetching data');
   }
 };
 const removalMethodMapa = {
@@ -792,10 +866,8 @@
       adda.value = false
       fetchmulan()
     } else {
-      ElMessage.error('Failed to fetch data');
     }
   } catch (error) {
-    ElMessage.error('Error fetching data');
   }
 };
 // 涓┖閰嶆柟鍒犻櫎 
@@ -817,11 +889,9 @@
       ElMessage.success(response.message);
       fetchmulan()
     } else {
-      ElMessage.error(response.msg);
       }  
     }  
   } catch (error) {
-    console.error('鍙戠敓閿欒:', error);  
   }  
 };
 // 宸ョ▼鍙�
@@ -836,14 +906,16 @@
       }));
       titleSelectJson.value.processType = processTypes;
     } else {
-      ElMessage.error('Failed to fetch data');
     }
   } catch (error) {
-    ElMessage.error('Error fetching data');
   }
 };
 // 棰勮
 const handleup = async () => {
+  if (!selectedProjectNo.value) {
+    ElMessage.error(t('hellow.plselectproject'))
+    return
+  }
   try {
     var url="/hollowGlass/hollowGlassOutRelationInfo/appointHollowTaskDetails?cell="+ 932 + "&flowCardId=" + selectedProjectNo.value;
   window.localStorage.setItem('flowCardId', selectedProjectNo.value)
@@ -854,77 +926,72 @@
       dialogFormVisiblee.value = false
       selectedProjectNo.value = ''
       closeWebSocket(socket);
+      const summary = response.data.reduce((map, item) => {
+              const key = `${item.hollowSequence}`;
+              if (!map[key]) {
+                map[key] = {
+                  printQuantity: 1,
+                  order_number: item.glassType,
+                  processId: item.flowCardId,
+                  orderId:item.flowCardId.slice(0, 10)
+                };
+              }
+              return map;
+            }, {});
+            listFlow.value = Object.values(summary);
   } else {
-      ElMessage.error('Failed to fetch data');
     }
   } catch (error) {
-    ElMessage.error('Error fetching data');
   }
 };
 const parseData = (rawData) => {
-  return Object.keys(rawData).map(projectNumber => ({
-    projectNumber,
-    records: rawData[projectNumber]
-  }));
+  return Object.entries(rawData).map(([compositeKey, records]) => {
+    const [projectNumber, productName] = compositeKey.split(':');
+    return {
+      projectNumber,
+      productname: productName,
+      records: records.map(record => ({
+        ...record,
+      }))
+    };
+  });
 };
-const fetchFlowBind = async (flowCardId, layer, page) => {
+const fetchFlowBind = async (flowCardId, page) => {
   try {
-    var url="/hollowGlass/hollowGlassRelationInfo/queryLackByFlowCard?flowCardId="+flowCardId + "&layer=" + layer;
+    var url="/hollowGlass/hollowGlassRelationInfo/queryLackByFlowCard?flowCardId="+flowCardId + "&layer=" + 1;
     const response = await request.post(url)
     if (response.code == 200) {
       tableDatac.value = response.data[page];
       ElMessage.success(response.message);
     } else {
-      ElMessage.error(response.message);
     }
   } catch (error) {
-    console.error(error);
   }
 }
 // 寮�濮嬩换鍔�
 const handlea = async () => {
   try {
-    let flowCardId = window.localStorage.getItem('flowCardId')
-    if (flowCardId !== '') {
-    var url="/hollowGlass/hollowGlassOutRelationInfo/startTask?flowCardId="+flowCardId + "&cell=" + 932;
+      var url = "/hollowGlass/hollowGlassOutRelationInfo/startTask?cell=" + 932 ;
     const response = await request.post(url)
       if (response.code == 200) {
         ElMessage.success(response.message);
         blinda.value = false;
       } else {
-        ElMessage.error(response.message);
       }
-    } else {
-      ElMessage({
-        type: 'info',
-        message: t('basicData.infonull'),
-      })
-    }
   } catch (error) {
-    console.error(error);
   }
 }
 // 鏆傚仠浠诲姟
 const handlec = async () => {
   try {
-    let flowCardId = window.localStorage.getItem('flowCardId')
-    if (flowCardId !== '') {
-    var url="/hollowGlass/hollowGlassOutRelationInfo/pauseTask?flowCardId="+flowCardId + "&cell=" + 932;
+      var url = "/hollowGlass/hollowGlassOutRelationInfo/pauseTask?cell=" + 932;
     const response = await request.post(url)
       if (response.code == 200) {
         ElMessage.success(response.message);
         blindc.value = false;
       } else {
-        ElMessage.error(response.message);
       }
-    } else {
-      ElMessage({
-        type: 'info',
-        message: t('basicData.infonull'),
-      })
-    }
   } catch (error) {
-    console.error(error);
   }
 }
 // 鍒犻櫎浠诲姟
@@ -938,7 +1005,6 @@
         ElMessage.success(response.message);
         blindd.value = false;
       } else {
-        ElMessage.error(response.message);
       }
     } else {
       ElMessage({
@@ -947,13 +1013,16 @@
       })
     }
   } catch (error) {
-    console.error(error);
   }
 }
 // 棰嗗彇浠诲姟
 const finisha = async () => {
   let flowCardId = window.localStorage.getItem('flowCardId')
   let id = window.localStorage.getItem('id')
+  if (!totalPairQuantity.value) {
+    ElMessage.error(t('hellow.cpairQuantity'))
+    return
+  }
     try {
       var url="/hollowGlass/hollowGlassOutRelationInfo/receiveTask?cell="+ 932 + "&flowCardId=" + flowCardId + "&totalPairQuantity=" + totalPairQuantity.value+ "&formulaId=" + -1;
       const response = await request.post(url)
@@ -964,16 +1033,18 @@
       formulaName.value = '';
       totalPairQuantity.value = '';
     } else {
-          ElMessage.error(response.message);
         }
       } catch (error) {
-        console.error(error);
       }
     }
 // 寮哄埗鍑虹墖
 const finishb = async () => {
   let flowCardId = window.localStorage.getItem('flowCardId')
   let id = window.localStorage.getItem('id')
+  if (!totalPairQuantitya.value) {
+    ElMessage.error(t('hellow.cpairQuantity'))
+    return
+  }
   try {
       var url="/hollowGlass/hollowGlassOutRelationInfo/forceOutGlass?cell="+ 932 + "&flowCardId=" + flowCardId + "&totalPairQuantity=" + totalPairQuantitya.value+ "&formulaId=" + -1;
       const response = await request.post(url)
@@ -983,17 +1054,84 @@
       cella.value = '';
       totalPairQuantitya.value = '';
     } else {
-          ElMessage.error(response.message);
         }
       } catch (error) {
-        console.error(error);
       }
     }
-
 onBeforeUnmount(() => {
-  console.log("鍏抽棴浜�")
   closeWebSocket();
 });
+
+import requestErp from "@/utils/requestErp";
+import { hiprint } from "vue-plugin-hiprint";
+import PrintCustomLabelXJ from './PrintCustomLabelTwo.vue'
+const listFlow = ref([])
+let hiprintTemplate = ref()
+const stateValue = ref('')
+const stateOptions = [
+  {
+    value: t('processCard.thisIsTheIndoorSurface'),
+    label: t('processCard.thisIsTheIndoorSurface'),
+  },
+  {
+    value: t('processCard.thisSideIsOutsideTheRoom'),
+    label: t('processCard.thisSideIsOutsideTheRoom'),
+  },
+]
+const blinde = ref(false)
+const labelPrint = ref(false);
+const handleBinde = (row) => {
+  blinde.value = true;
+  getTags();
+  hiprint.init();
+};
+const changeTag = () => {
+  hiprintTemplate.value = new hiprint.PrintTemplate({});
+  const json = JSON.parse(tag.value.value)
+  hiprintTemplate.value.update(json)
+}
+
+const getTags = async () => {
+  try {
+    const response = await requestErp.get('tagStyle/getTagList')
+    if (response.code == 200) {
+      tags.value = response.data
+      ElMessage.success(response.message);
+    }
+  } catch (error) {
+  }
+}
+
+
+
+const printOrder = (type) => {
+  const list = hiprintTemplate.value.getJson()
+  list.panels[0].printElements.forEach(element => {
+    element.options.fontFamily = 'Arial'
+  })
+  console.log(lastList.value)
+  let object = lastList.value
+  //鍒ゆ柇鏄惁涓鸿〃鏍�
+  let columnsNum = null
+  if (list.panels[0].printElements[0].options.field === 'table') {
+    object = { table: lastList.value }
+    columnsNum = (list.panels[0].printElements[0].options.gridColumns || 1)
+  }
+  hiprintTemplate.value.print(object)
+
+}
+let lastList = ref([])
+const tags = ref([])
+
+const tag = ref({
+  id: null,
+  name: null,
+  type: 1,
+  tagWidth: null,
+  tagHeight: null,
+  value: null,
+  size: null
+})
 </script>
 <style scoped>
 #dt { display:block; float:left;line-height: 20px;margin-left: 100px;}
@@ -1009,4 +1147,7 @@
   margin-top: 20px;
   margin-bottom: 10px;
 }
+::v-deep(.row-red-background) {
+  background-color: rgb(224.6, 242.8, 215.6) !important;
+}
 </style>
\ No newline at end of file

--
Gitblit v1.8.0