From 3bfff48245e0eb8affcbf2a16fb2c75eb1cff8bb Mon Sep 17 00:00:00 2001
From: 廖井涛 <2265517004@qq.com>
Date: 星期一, 14 四月 2025 11:10:40 +0800
Subject: [PATCH] 模拟计算发送数据处理

---
 north-glass-erp/northglass-erp/src/views/pp/processCard/PrintFlowCardDetails.vue |  314 +++++++++++++++++++++++++++++++++++-----------------
 1 files changed, 211 insertions(+), 103 deletions(-)

diff --git a/north-glass-erp/northglass-erp/src/views/pp/processCard/PrintFlowCardDetails.vue b/north-glass-erp/northglass-erp/src/views/pp/processCard/PrintFlowCardDetails.vue
index 7978e56..6d5c173 100644
--- a/north-glass-erp/northglass-erp/src/views/pp/processCard/PrintFlowCardDetails.vue
+++ b/north-glass-erp/northglass-erp/src/views/pp/processCard/PrintFlowCardDetails.vue
@@ -20,6 +20,7 @@
 import companyInfo from "@/stores/sd/companyInfo"
 import {CircleCheck, Download, Printer} from "@element-plus/icons-vue/global";
 import TagStyleDesigner from "@/components/pp/TagStyleDesigner.vue";
+import {hiprint} from "vue-plugin-hiprint";
 
 const company = companyInfo()
 
@@ -140,6 +141,7 @@
   },
 ]
 let hidePrintLabels = company.printLabel.hideButton;
+let btnType = company.printBtn;
 
 if (hidePrintLabels == 'true') {
   filteredOptions = lableTypeOptions.filter((option, index) => index !== 2);
@@ -177,6 +179,39 @@
   printList: []
 })
 
+onMounted(async () => {
+  await getTags();
+  await hiprint.init();
+})
+let hiprintTemplate = ref()
+
+const tags = ref([])
+
+const tag = ref({
+  id: null,
+  name: null,
+  type: 1,
+  tagWidth: null,
+  tagHeight: null,
+  value: null,
+  size: null
+})
+
+const changeTag = () => {
+  hiprintTemplate.value = new hiprint.PrintTemplate({});
+  const json = JSON.parse(tag.value.value)
+  hiprintTemplate.value.update(json)
+}
+
+const getTags = () => {
+  request.get('tagStyle/getTagList').then(res => {
+    tags.value = res.data
+  })
+}
+const printObjectProcess = () => {
+  hiprintTemplate.value.print(lastList.value)
+}
+
 const {currentRoute} = useRouter()
 const route = currentRoute.value
 
@@ -188,6 +223,7 @@
 request.post(`/processCard/selectPrintDetails/${inquiryMode}/${type}`, data.value).then((res) => {
 
   if (res.code == 200) {
+    console.log(res.data.data)
     let newDataCollection = [];
     for (let i = 0; i < res.data.data.length; i++) {
       res.data.data[i].detail.forEach((item) => {
@@ -301,6 +337,20 @@
       filterMethod: filterChanged, width: 100
     },
     {
+      field: 'width',
+      title: t('order.width'),
+      filters: [{data: ''}],
+      slots: {filter: 'num1_filter'},
+      filterMethod: filterChanged, width: 100
+    },
+    {
+      field: 'height',
+      title: t('order.height'),
+      filters: [{data: ''}],
+      slots: {filter: 'num1_filter'},
+      filterMethod: filterChanged, width: 100
+    },
+    {
       field: 'glassNumber',
       title: t('reportingWorks.glassNumber'),
       filters: [{data: ''}],
@@ -308,6 +358,9 @@
       filterMethod: filterChanged, width: 100
     },
     {field: 'quantity', title: t('order.quantity'), width: 90},
+    {field: 'printQuantity', title: t('processCard.printQuantity'), width: 90,
+      editRender: {name: 'input', attrs: {placeholder: ''}},
+    },
     {field: 'total_area', title: t('order.area'), width: 90},
     {
       field: 'product_name', title: t('order.product'), width: 120,
@@ -338,16 +391,33 @@
       filterMethod: filterChanged, width: 120
     },
   ],//琛ㄥご鎸夐挳
-
+//琛ㄥ崟楠岃瘉
+  editRules: {
+    printQuantity: [
+      {
+        validator ({ row }) {
+          const regex = /^[0-9]\d*$/
+          const printQuantity =
+              (row.printQuantity === undefined || row.printQuantity===null || row.printQuantity==='') ? 0 : row.printQuantity
+           if(!regex.test(printQuantity)){
+             return new Error(t('reportingWorks.enterIntegerGreaterThanEqualTo'))
+          }
+          else if(row.quantity<printQuantity){
+            return new Error(t('processCard.printWarn1'))
+          }
+        }
+      }
+    ]
+  },
   toolbarConfig: {
     buttons: [
       {code: 'print', name: t('processCard.print'), status: 'primary'},
       {code: 'customLabel', name: t('processCard.customLabelPrinting'), status: 'primary'},
       {code: 'printLabel', name: t('processCard.labelPrinting'), status: 'primary'},
       {code: 'printLabel2', name: t('processCard.labelPrinting2'), status: 'primary'},
-      {code: 'printLabel3', name: '鎴愬搧鎵撳嵃2', status: 'primary'},
-      {code: 'printTest', name: "鍙紪杈戞墦鍗�", status: 'primary'},
-      {code: 'invertSelection', name: "鍙嶉��", status: 'primary'},
+      {code: 'printLabel3', name: t('processCard.finishedProductPrinting2'), status: 'primary'},
+      {code: 'printTest', name: t('processCard.editablePrinting'), status: 'primary'},
+      {code: 'invertSelection', name: t('processCard.invertSelection'), status: 'primary'},
       // {code: 'printLike', name: "鍚岄厤缃墦鍗�", status: 'primary'},
     ],
     // import: false,
@@ -377,18 +447,19 @@
 })
 
 const gridEvents = {
-  toolbarButtonClick({code}) {
+  async toolbarButtonClick({code}) {
     const $grid = xGrid.value
     selectRecords = $grid.getCheckboxRecords()
     // selectRecords.forEach(obj => {
     //   delete obj.print_status;
     // });
-    let type = printType.value
+    let type = tag.value.name
     let faceOrientation = stateValue.value
     let lableTypes = lableType.value
     let lableTitle = lableType.text
     if ($grid) {
       switch (code) {
+        //鎵撳嵃娴佺▼鍗�
         case 'print': {
           if (selectRecords === null || selectRecords === '' || selectRecords.length === 0) {
             ElMessage.warning(t('searchOrder.msgList.checkOrder'))
@@ -410,7 +481,7 @@
           dialogTableVisible.value = true
           break
         }
-
+        //鏍囩鎵撳嵃 甯稿窞
         case 'printLabel': {
           if (selectRecords === null || selectRecords === '' || selectRecords.length === 0) {
             ElMessage.warning(t('searchOrder.msgList.checkOrder'))
@@ -432,6 +503,7 @@
 
           break
         }
+        //鏍囩鎵撳嵃2 甯稿窞
         case 'printLabel2': {
           if (selectRecords === null || selectRecords === '' || selectRecords.length === 0) {
             ElMessage.warning(t('searchOrder.msgList.checkOrder'))
@@ -481,6 +553,7 @@
           })
           break
         }
+        //鑷畾涔夋垚鍝佹爣绛炬墦鍗�
         case 'customLabel': {
           if (selectRecords === null || selectRecords === '' || selectRecords.length === 0) {
             ElMessage.warning(t('searchOrder.msgList.checkOrder'))
@@ -499,8 +572,8 @@
               id += selectRecords[i].id + "|"
             }
           }
+          //鎴愬搧鏍囩1
           if (lableTypes == 1) {
-            console.log(company.label)
             labelRow.value.list = JSON.stringify(selectRecords)
             labelRow.value.faceOrientation = faceOrientation
             labelRow.value.type = type
@@ -508,7 +581,9 @@
             lastList.value = []
             if (company.label === 1) {
               dialogTableVisibleLabel.value = true
-            } else if (company.label === 2) {
+            }
+            //甯稿窞椤圭洰
+            else if (company.label === 2) {
               router.push({
                 path: '/main/processCard/PrintCustomLabelCZ',
                 query: {
@@ -521,7 +596,9 @@
               })
             }
 
-          } else if (lableTypes == 2) {
+          }
+          //鎴愬搧鏍囩2
+          else if (lableTypes == 2) {
             labelRow.value.list = JSON.stringify(selectRecords)
             labelRow.value.faceOrientation = faceOrientation
             labelRow.value.type = type
@@ -529,7 +606,9 @@
             lastList.value = []
             if (company.label === 1) {
               dialogTableVisibleCustomLabel.value = true
-            } else if (company.label === 2) {
+            }
+            //甯稿窞椤圭洰
+            else if (company.label === 2) {
               router.push({
                 path: '/main/processCard/PrintCustomLabelSemiCZ',
                 query: {
@@ -541,7 +620,9 @@
                 }
               })
             }
-          } else if (lableTypes == 3) {
+          }
+          //鎴愬搧鏍囩3
+          else if (lableTypes == 3) {
             router.push({
               path: '/main/processCard/PrintLabel1',
               query: {
@@ -584,6 +665,11 @@
           break
         }
         case 'printTest': {
+          const errMap = await $grid.validate(true)
+          if (errMap) {
+            ElMessage.error(t('basicData.msg.checkoutLose'))
+            return
+          }
           if (selectRecords === null || selectRecords === '' || selectRecords.length === 0) {
             ElMessage.warning(t('searchOrder.msgList.checkOrder'))
             return
@@ -614,7 +700,7 @@
             ElMessage.warning(t('searchOrder.msgList.checkOrder'))
             return
           }
-          if (type === null || type === '' || type === undefined) {
+          if (tag.value.name === null || tag.value.name === '' || tag.value.name === undefined) {
             ElMessage.warning(t('processCard.pleaseSelectCustomPrintLabelStyle'))
             return
           }
@@ -630,7 +716,7 @@
 
           labelRow.value.list = JSON.stringify(selectRecords)
           labelRow.value.faceOrientation = faceOrientation
-          labelRow.value.type = type
+          labelRow.value.type = tag.value.name
           labelRow.value.lableType = lableTypes
           labelRow.value.dataType = 1
           let columnsLabel = company.printLabel.columnsLabel
@@ -672,24 +758,32 @@
 }
 
 const hideButton = () => {
-  // 鏍规嵁鏉′欢鍊� hidePrintLabels 杩囨护鎸夐挳鏁扮粍
   gridOptions.toolbarConfig.buttons = gridOptions.toolbarConfig.buttons.filter(button => {
-    // 杩欓噷鏍规嵁 hidePrintLabels 鐨勫�煎喅瀹氭槸鍚﹂殣钘� printLabel 鍜� printLabel2
-    if (hidePrintLabels == 'true') {
-      return button.code !== 'printLabel' && button.code !== 'printLabel2';
-    } else {
-      return true && button.code !== 'printLike' && button.code !== 'printLabel3' && button.code !== 'printTest'; // 鏄剧ず璇ユ寜閽�
+    // 濡傛灉 type 涓嶄负绌烘椂锛岄殣钘� print 鎸夐挳
+    if (btnType == 1 && button.code === 'print') {
+      return false;  // 闅愯棌 print 鎸夐挳
     }
-  })
-}
+
+    // 鏍规嵁 hidePrintLabels 鐨勫�煎垽鏂槸鍚﹂殣钘� printLabel銆乸rintLabel2 鍜� customLabel
+    if (hidePrintLabels == 'true') {
+      return button.code !== 'printLabel' && button.code !== 'printLabel2' && button.code !== 'customLabel';
+    } else {
+      // 濡傛灉 hidePrintLabels 涓嶆槸 'true'锛屽垯闅愯棌 printLike銆乸rintLabel3 鍜� printTest
+      return button.code !== 'printLike' && button.code !== 'printLabel3' && button.code !== 'printTest';
+    }
+
+    // 榛樿杩斿洖 true锛岃〃绀轰繚鐣欐寜閽�
+    return true;
+  });
+};
 
 
-// 鐩戝惉鎵撳嵃瀹屾垚浜嬩欢
+
+// 鐩戝惉鎵撳嵃娆℃暟浜嬩欢
 const printNumber = () => {
 
   selectRecordsData.value.printList = selectRecords
-  let printState = 0
-  request.post(`/processCard/updatePrintState/${printState}`, selectRecordsData.value).then((res) => {
+  request.post(`/processCard/updatePrintNumber`, selectRecordsData.value).then((res) => {
     if (res.code == 200 && res.data === true) {
     } else {
 
@@ -698,94 +792,97 @@
     }
   })
 }
-
 </script>
 
 <template>
-  <div class="main-div-customer">
-    <el-input v-show="isVisible" v-model="printMerge" :placeholder="$t('processCard.mergePrinting')" clearable
-              style="width: 90px"></el-input>
-    &nbsp;
-    <label>{{ $t('processCard.labelStyle') }}锛�</label>
-    <el-select v-model="printType" :placeholder="$t('processCard.pleaseSelect')" clearable default-value="default_city"
-               style="width: 120px">
-      <el-option
-          v-for="item in titleSelectJson['dataType']"
-          :key="item.id"
-          :label="item.name"
-          :value="item.name"
-      />
-    </el-select>
-    &nbsp;
-    <el-select v-model="lableType" :placeholder="lableTypeOptions[0].label" class="m-2" style="width: 140px">
-      <el-option
-          v-for="item in filteredOptions"
-          :key="item.value"
-          :label="item.label"
-          :value="item.value"
-      />
-    </el-select>
-    &nbsp;
-    <el-select v-model="stateValue" :placeholder="$t('processCard.pleaseSelect')" allow-create class="m-2" clearable
-               filterable style="width: 140px">
-      <el-option
-          v-for="item in stateOptions"
-          :key="item.value"
-          :label="item.label"
-          :value="item.value"
-      />
-    </el-select>
-    <vxe-grid
-        ref="xGrid"
-        :checkbox-config="{labelField: 'name', highlight: true, range: true}"
-        :column-config="{resizable: true}"
-        :data="tableData"
-        :row-config="{isCurrent: true, isHover: true}"
-        class="mytable-scrollbar"
-        height="100%"
-        v-bind="gridOptions"
-        v-on="gridEvents">
+  <div  style="width: 100%;height: 100%">
+    <div class="head">
+      <el-input v-show="isVisible" v-model="printMerge" :placeholder="$t('processCard.mergePrinting')" clearable
+                style="width: 90px"></el-input>
+      &nbsp;
+      <label>{{ $t('processCard.labelStyle') }}锛�</label>
+      <el-select v-model="tag" :placeholder="$t('processCard.pleaseSelect')" style="width: 140px" @change="changeTag">
+        <el-option
+            v-for="(tag,index) in tags"
+            :key="index"
+            :label="tag.name"
+            :value="tag"
+        />
+      </el-select>
+      &nbsp;
+      <el-select v-model="lableType" :placeholder="lableTypeOptions[0].label" class="m-2" style="width: 140px">
+        <el-option
+            v-for="item in filteredOptions"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+        />
+      </el-select>
+      &nbsp;
+      <el-select v-model="stateValue" :placeholder="$t('processCard.pleaseSelect')" allow-create class="m-2" clearable
+                 filterable style="width: 140px">
+        <el-option
+            v-for="item in stateOptions"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+        />
+      </el-select>
+    </div>
+
+    <div class="main-table">
+      <vxe-grid
+          ref="xGrid"
+          :checkbox-config="{labelField: 'name', highlight: true, range: true}"
+          :column-config="{resizable: true}"
+          :data="tableData"
+          :row-config="{isCurrent: true, isHover: true}"
+          class="mytable-scrollbar"
+          height="100%"
+          v-bind="gridOptions"
+          v-on="gridEvents">
 
 
-      >
-      <!--      @toolbar-button-click="toolbarButtonClickEvent"-->
-      <!--      涓嬫媺鏄剧ず鎵�鏈変俊鎭彃妲�-->
-      <template #content="{ row }">
-        <ul class="expand-wrapper">
-          <li v-for="(item,index) in gridOptions.columns" v-show="item.field!=undefined ">
-            <span style="font-weight: bold">{{ item.title + ':  ' }}</span>
-            <span v-if="hasDecimal(item.field)">{{ row[item.field.split('.')[0]][item.field.split('.')[1]] }}</span>
-            <span v-else>{{ row[item.field] }}</span>
+        >
+        <!--      @toolbar-button-click="toolbarButtonClickEvent"-->
+        <!--      涓嬫媺鏄剧ず鎵�鏈変俊鎭彃妲�-->
+        <template #content="{ row }">
+          <ul class="expand-wrapper">
+            <li v-for="(item,index) in gridOptions.columns" v-show="item.field!=undefined ">
+              <span style="font-weight: bold">{{ item.title + ':  ' }}</span>
+              <span v-if="hasDecimal(item.field)">{{ row[item.field.split('.')[0]][item.field.split('.')[1]] }}</span>
+              <span v-else>{{ row[item.field] }}</span>
 
-          </li>
-        </ul>
-      </template>
+            </li>
+          </ul>
+        </template>
 
-      <!--宸﹁竟鍥哄畾鏄剧ず鐨勬彃妲�-->
-      <!--      v-if="userStore.user.permissions.indexOf('SelectProductionBasicData.edit') > -1"-->
-      <template #button_slot="{ row }">
-        <el-button link
-                   size="small"
-                   type="primary"
-                   @click="getTableRow(row,'edit')">
-          {{ $t('basicData.edit') }}
-        </el-button>
+        <!--宸﹁竟鍥哄畾鏄剧ず鐨勬彃妲�-->
+        <!--      v-if="userStore.user.permissions.indexOf('SelectProductionBasicData.edit') > -1"-->
+        <template #button_slot="{ row }">
+          <el-button link
+                     size="small"
+                     type="primary"
+                     @click="getTableRow(row,'edit')">
+            {{ $t('basicData.edit') }}
+          </el-button>
 
-      </template>
+        </template>
 
-      <template #num1_filter="{ column, $panel }">
-        <div>
-          <div v-for="(option, index) in column.filters" :key="index">
-            <input v-model="option.data"
-                   type="text"
-                   @input="changeFilterEvent($event, option, $panel)"
-                   @keyup.enter.native="$panel.confirmFilter()"/>
+        <template #num1_filter="{ column, $panel }">
+          <div>
+            <div v-for="(option, index) in column.filters" :key="index">
+              <input v-model="option.data"
+                     type="text"
+                     @input="changeFilterEvent($event, option, $panel)"
+                     @keyup.enter.native="$panel.confirmFilter()"/>
+            </div>
           </div>
-        </div>
-      </template>
+        </template>
 
 
-    </vxe-grid>
+      </vxe-grid>
+    </div>
     <!--  娴佺▼鍗℃墦鍗�  -->
     <el-dialog
         id="sizePrintCalrd"
@@ -812,7 +909,7 @@
         destroy-on-close
         style="width: 80%;height:75% ">
       <template #header="{ close, titleId, titleClass }">
-        <el-button v-print="printContentLabel" :icon="Printer" circle/>
+        <el-button v-print="printContentLabel" :icon="Printer" circle @click="printNumber"/>
       </template>
       <print-custom-label id="childLabel"
                           :faceOrientation="labelRow.faceOrientation"
@@ -877,12 +974,13 @@
         destroy-on-close
         style="width: 80%;height:75% ">
       <template #header="{ close, titleId, titleClass }">
-        <el-button v-print="printContentLabel" :icon="Printer" circle/>
+        <el-button :icon="Printer" circle @click="printObjectProcess"/>
       </template>
       <print-custom-label-x-j id="childLabel"
                               :faceOrientation="labelRow.faceOrientation"
                               :lableType="labelRow.lableType"
                               :list="labelRow.list"
+                              :lastList='lastList'
                               :type="labelRow.type"
                               style="width: 100%;height: 100%"/>
     </el-dialog>
@@ -914,6 +1012,16 @@
   height: 92%;
 }
 
+.head{
+  width: 100%;
+  height: 35px;
+}
+
+.main-table{
+  width: 100%;
+  height: calc(100% - 35px);
+}
+
 
 :deep(#sizeCheck .el-dialog__body) {
   height: 90%;

--
Gitblit v1.8.0