From a660db06773007b1be690e0674829c00a57aeb7b Mon Sep 17 00:00:00 2001
From: 廖井涛 <2265517004@qq.com>
Date: 星期三, 24 十二月 2025 16:21:23 +0800
Subject: [PATCH] 订单首页流程卡新增楼层编号显示

---
 north-glass-erp/northglass-erp/src/views/pp/rework/PrintReworkFlowCard.vue |  793 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 files changed, 793 insertions(+), 0 deletions(-)

diff --git a/north-glass-erp/northglass-erp/src/views/pp/rework/PrintReworkFlowCard.vue b/north-glass-erp/northglass-erp/src/views/pp/rework/PrintReworkFlowCard.vue
new file mode 100644
index 0000000..6c65d39
--- /dev/null
+++ b/north-glass-erp/northglass-erp/src/views/pp/rework/PrintReworkFlowCard.vue
@@ -0,0 +1,793 @@
+<script setup>
+
+import request from "@/utils/request"
+import deepClone from "@/utils/deepClone"
+import {ElDatePicker, ElMessage} from "element-plus"
+import {nextTick, onMounted, onUnmounted, reactive, ref, watch} from "vue"
+import {useRouter} from 'vue-router'
+import {useI18n} from 'vue-i18n'
+import {changeFilterEvent, filterChanged} from "@/hook"
+import {VXETable} from "vxe-table";
+import {addListener, toolbarButtonClickEvent} from "@/hook/mouseMove";
+import PrintProcess from '@/components/pp/PrintReworkProcess.vue'
+import PrintLabel from '@/views/pp/processCard/PrintLabel.vue'
+import footSum from "@/hook/footSum"
+import {Search} from "@element-plus/icons-vue";
+import companyInfo from "@/stores/sd/companyInfo"
+import {CircleCheck, Download, Printer} from "@element-plus/icons-vue/global";
+import SortDetail from "@/components/pp/SelectSortDetailProcessCard.vue";
+import PrintCustomLabel from '@/components/pp/PrintReworkCustomLabel.vue'
+import {hiprint} from "vue-plugin-hiprint";
+import {createTemplate} from "@/hook/createTemplateTag";
+const company = companyInfo()
+//璇█鑾峰彇
+const {t} = useI18n()
+let router = useRouter()
+const dialogTableVisible = ref(false)
+const dialogTableVisibleLabel = ref(false)
+const dialogTableVisibleCustomLabel = ref(false)
+const printVisible= ref(false)
+let selectRecords = ref(null)
+
+const xGrid = ref(null)
+const xGridDetail =ref(null)
+
+let hiprintTemplate = ref(null)
+
+const getTableRow = (row,type) =>{
+  switch (type) {
+    case 'edit' : {
+      editRow.value.processId = row.process_id
+      editRow.value.technologyNumber = row.technology_number
+      printVisible.value = true
+
+      // router.push({path: '/sort-detail', query: {processId: row.process_id,technologyNumber:row.technology_number}})
+      break
+    }
+
+  }
+}
+//鏍囩
+let  labelRow = ref({
+  list:null,//鍕鹃�夌殑鏁版嵁
+  faceOrientation:null,//鍐呭闈�
+  type:null,//鏍囩妯℃澘
+  lableType:null//鏍囩绫诲瀷
+})
+//绛涢�夋潯浠讹紝鏈夊閿渶瑕佸厛瀹氫箟鏄庣粏閲岄潰鐨勬暟鎹�
+let filterData = ref({
+
+  orderGlassDetail: {
+    productionId: '',
+  },
+  orderDetail: {
+    orderId: '',
+    productId: '',
+    productName: '',
+  }
+
+
+})
+let lastList = ref([])
+const tags = ref([])
+const tag = ref({
+  id: null,
+  name: null,
+  type: 1,
+  tagWidth: null,
+  tagHeight: null,
+  value: null,
+  size: null
+})
+
+onMounted(async () => {
+  await getTags();
+  await hiprint.init();
+})
+
+const changeTag = () => {
+  hiprintTemplate.value = new hiprint.PrintTemplate({});
+  hiprintTemplate.value.design("#hiprint-printTemplate1",{grid:true});
+  const json = tag.value.value
+  hiprintTemplate.value.update(json)
+}
+
+const getTags = () => {
+  request.get('tagStyle/getTagList').then(res => {
+    res.data.forEach(item => {
+      item.value = JSON.parse(item.value)
+    })
+    tags.value = res.data
+  })
+}
+
+const printOrder = (type) => {
+  const list = tag.value.value
+  list.panels[0].printElements.forEach(element => {
+    element.options.fontFamily = 'Arial'
+    if( element.options.field !== undefined){
+      if(type===3 ){
+        element.options.hideTitle = true
+      }
+    }
+    if(type!==3){
+      element.options.hideTitle = false
+      if( element.options.field === undefined){
+        element.options.hideTitle = true
+      }
+    }
+  })
+
+  //hiprintTemplate.value.update(list)
+  let object =  JSON.parse(JSON.stringify(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)
+  }
+  //鍒ゆ柇鏄惁鏈� 宓屽鑷畾涔夌焊寮�
+  if(tag.value.tagHeight && tag.value.tagWidth){
+    const print =createTemplate(list,object,tag.value.tagWidth,tag.value.tagHeight)
+    hiprintTemplate.value.update(print.template)
+    object = print.printData
+  }
+  hiprintTemplate.value.print(object)
+
+}
+
+//瀹氫箟椤甸潰鎬婚〉鏁�
+let pageTotal = ref('')
+//瀹氫箟鏁版嵁杩斿洖缁撴灉
+let produceList = ref([])
+//瀹氫箟鏁版嵁杩斿洖缁撴灉
+let produceDetailList = ref([])
+//瀹氫箟褰撳墠椤垫暟
+let pageNum = $ref(1)
+let pageState = null
+
+//瀹氫箟鍙橀噺
+const form = reactive({
+  date1: '',
+})
+
+//鎺掑簭
+let editRow = ref({
+  processId:null,
+  technologyNumber:null
+})
+
+//鎵撳嵃
+let  printRow = ref({
+  list:null,
+  printMergeVal:null
+})
+
+//瀹ゅ唴瀹ゅ闈�
+const stateValue = ref('')
+const stateOptions = [
+  {
+    value: t('processCard.thisIsTheIndoorSurface'),
+    label: t('processCard.thisIsTheIndoorSurface'),
+  },
+  {
+    value: t('processCard.thisSideIsOutsideTheRoom'),
+    label: t('processCard.thisSideIsOutsideTheRoom'),
+  },
+]
+
+//鏍囩绫诲瀷
+let  filteredOptions=[]
+const lableType = ref('1')
+const lableTypeOptions = [
+  {
+    value: '1',
+    label: t('processCard.finishedProductLabel'),
+  },
+  /*  {
+      value: '2',
+      label: t('processCard.halfProductLabel'),
+    },*/
+  {
+    value: `${company.printLabel.labelValue}`,
+    label: `${company.printLabel.labelType}`,
+  },
+  {
+    value: `${company.printLabel.labelValue3}`,
+    label: `${company.printLabel.labelType3}`,
+  },
+]
+
+let hidePrintLabels = company.printLabel.hideButton;
+
+if (hidePrintLabels=='true'){
+  filteredOptions = lableTypeOptions.filter((option, index) => index !== 2);
+}else {
+  filteredOptions = lableTypeOptions;
+}
+
+//鍚堢墖娴佺▼鍗℃墦鍗颁笅鎷夐�夐」
+const printMerge = ref('')
+const printMergeOptions=[{}]
+
+const printContent = ref({
+  id: 'child',
+
+})
+
+//鎵撳嵃绫诲瀷
+const printType = ref()
+
+//瀹氫箟鎺ユ敹鍔犺浇琛ㄥご涓嬫媺鏁版嵁
+const titleSelectJson = ref({
+  dataType: [],
+})
+
+const {currentRoute} = useRouter()
+const route = currentRoute.value
+
+let orderId = route.query.orderId
+
+//鑾峰彇涓冨ぉ鍓嶅埌褰撳墠鏃堕棿
+function getNowTime() {
+  const start = new Date(new Date().getTime() - 3600 * 1000 * 24 * 7)
+      .toISOString()
+      .replace('T', ' ')
+      .slice(0, 10) //榛樿寮�濮嬫椂闂�7澶╁墠
+  const end = new Date(new Date().getTime() + 3600 * 1000 * 24)
+      .toISOString()
+      .replace('T', ' ')
+      .slice(0, 10)//榛樿缁撴潫鏃堕棿褰撳墠鏃堕棿
+  return [start, end]
+}
+//绗竴娆″姞杞借幏鍙栬繎涓冨ぉ鏃堕棿鍜岄粯璁ょ姸鎬�
+form.date1 = getNowTime()
+let startTime = form.date1[0]
+let endTime = form.date1[1]
+// 绗竴娆″姞杞芥煡璇�
+request.post(`/rework/selectPrint/${startTime}/${endTime}`, filterData.value).then((res) => {
+
+  if (res.code == 200) {
+    produceList = produceList.value.concat(deepClone(res.data.data))
+    titleSelectJson.value.dataType = res.data.type
+    xGrid.value.reloadData(produceList)
+    gridOptions.loading = false
+  } else {
+    ElMessage.warning(res.msg)
+  }
+  hideButton()
+})
+
+//鐐瑰嚮鏌ヨ
+const getWorkOrder = () => {
+  let startTime = form.date1[0]
+  let endTime = form.date1[1]
+// 绗竴娆″姞杞芥煡璇�
+  request.post(`/rework/selectPrint/${startTime}/${endTime}`, filterData.value).then((res) => {
+    if (res.code == 200) {
+      xGrid.value.loadData(res.data.data)
+      titleSelectJson.value.dataType = res.data.type
+      gridOptions.loading = false
+    } else {
+      ElMessage.warning(res.msg)
+    }
+  })
+  hideButton()
+}
+
+
+//琛ㄥ熬姹傚拰
+const sumNum = (list, field) => {
+  let count = 0
+  list.forEach(item => {
+    count += Number(item[field])
+  })
+  return count.toFixed(2)
+}
+
+
+const hasDecimal = (value) => {
+  const regex = /\./; // 瀹氫箟姝e垯琛ㄨ揪寮忥紝鏌ユ壘灏忔暟鐐�
+  return regex.test(value); // 杩斿洖true/false
+}
+
+
+const gridOptions = reactive({
+  loading: true,
+  border: "full",//琛ㄦ牸鍔犺竟妗�
+  keepSource: true,//淇濇寔婧愭暟鎹�
+  align: 'center',//鏂囧瓧灞呬腑
+  stripe: true,//鏂戦┈绾�
+  rowConfig: {isCurrent: true, isHover: true, height: 30},//榧犳爣绉诲姩鎴栭�夋嫨楂樹寒
+  id: 'demo_1',
+  showFooter: true,//鏄剧ず鑴�
+  printConfig: {},
+  importConfig: {},
+  exportConfig: {},
+  scrollX: {enabled: true},
+  scrollY: {enabled: true, gt: 0},//寮�鍚櫄鎷熸粴鍔�
+  showOverflow: true,
+  columnConfig: {
+    resizable: true,
+    useKey: true
+  },
+  filterConfig: {   //绛涢�夐厤缃」
+    // remote: true
+  },
+  customConfig: {
+    storage: true
+  },
+  editConfig: {
+    trigger: 'click',
+    mode: 'row',
+    showStatus: true
+  },//琛ㄥご鍙傛暟
+  columns: [
+    {type: 'expand', fixed: "left", slots: {content: 'content'}, width: 50},
+    // {title: t('basicData.operate'), width: 55, slots: { default: 'button_slot' },fixed:"left"},
+    {type: 'checkbox', fixed: "left", title: t('basicData.check'), width: 80},
+    {type: 'seq', fixed: "left", title: t('basicData.Number'), width: 50},
+    {
+      field: 'order_id',
+      title: t('order.orderId'),
+      filters: [{data: ''}],
+      slots: {filter: 'num1_filter'},
+      filterMethod: filterChanged
+      ,width:120
+    },
+    {
+      field: 'process_id',
+      title: t('processCard.processId'),
+      showOverflow: "ellipsis",
+      filters: [{data: ''}],
+      slots: {filter: 'num1_filter'},
+      filterMethod: filterChanged,
+      width:130
+    },
+    {
+      field: 'customer_name',
+      title: t('customer.customerName'),
+      filters: [{data: ''}],
+      slots: {filter: 'num1_filter'},
+      filterMethod: filterChanged,
+      width:120
+    },
+    {
+      field: 'project',
+      title:  t('order.project'),
+      filters: [{data: ''}],
+      slots: {filter: 'num1_filter'},
+      filterMethod: filterChanged,
+      width:120
+    },
+    {
+      field: 'order_number',
+      title:  t('order.OrderNum'),
+      filters: [{data: ''}],
+      slots: {filter: 'num1_filter'},
+      filterMethod: filterChanged,
+      width:100
+    },
+    {field: 'technology_number', title: t('processCard.technologyNumber'), showOverflow: "ellipsis",width:90},
+    {
+      field: 'glassNumber',
+      title: t('reportingWorks.glassNumber'),
+      filters: [{data: ''}],
+      slots: {filter: 'num1_filter'},
+      filterMethod: filterChanged,
+      width:100
+    },
+    {field: 'glass_address', title: t('processCard.glassAddress'),width:90},
+    {field: 'rework_num', title:  t('order.quantity'),width:70},
+    {field: 'rework_area', title:  t('order.area'),width:70},
+    {field: 'rework_team', title:  t('reportingWorks.responsibleTeam'),width:90},
+    {field: 'responsible_equipment', title:  t('reportingWorks.responsibleEquipment'),width:120},
+    {field: 'responsible_personnel', title:  t('rework.responsibilityInformation'),width:100},
+    {field: 'rework_type', title:  t('reportingWorks.breakageType'),width:80},
+    {field: 'rework_reason', title:  t('reportingWorks.breakageReason'),width:90},
+    {field: 'rework_processes', title:  t('reportingWorks.responsibleProcess'),width:80},
+    {field: 'product_name', title: t('order.product'),width:120},
+    {field: 'glass_child', title: t('reportingWorks.glassChild'),width:120},
+    {field: 'reporting_work_id', title: t('reportingWorks.reportingWorkId'),width:120},
+  ],//琛ㄥご鎸夐挳
+
+  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'},
+
+    ],
+    // import: false,
+    // export: true,
+    //print: true,
+    zoom: true,
+    custom: true
+  },
+  data: null,//琛ㄦ牸鏁版嵁
+  //鑴氶儴姹傚拰
+  footerMethod ({ columns, data }) {//椤佃剼鍑芥暟
+    return[
+      columns.map((column, columnIndex) => {
+        if (columnIndex === 0) {
+          return t('basicData.total')
+        }
+        const List = ["quantity",'total_area',]
+        if (List.includes(column.field)) {
+          return footSum(data, column.field)
+        }
+        return ''
+      })
+    ]
+  }
+})
+
+const gridEvents = {
+  toolbarButtonClick ({ code}) {
+    const $grid = xGrid.value
+    selectRecords = $grid.getCheckboxRecords()
+    let type=printType.value
+    let faceOrientation=stateValue.value
+    let lableTypes=lableType.value
+    if ($grid) {
+      switch (code) {
+        case 'print': {
+          if(selectRecords===null ||selectRecords===''||selectRecords.length===0){
+            ElMessage.warning(t('searchOrder.msgList.checkOrder'))
+            return
+          }
+
+          let id = ""
+          for (let i = 0; i < selectRecords.length; i++) {
+            if (i + 1 === selectRecords.length) {
+              id += selectRecords[i].id
+            } else {
+              id += selectRecords[i].id + "|"
+            }
+          }
+          printRow.value.list = JSON.stringify(selectRecords)
+          printRow.value.printMergeVal=printMerge.value
+          // router.push({path: '/main/processCard/printProcess', query: {printList: JSON.stringify(selectRecords),printMerge:printMergeVal}})
+          dialogTableVisible.value=true
+          break
+        }
+
+        case 'printLabel': {
+          if(selectRecords===null ||selectRecords===''||selectRecords.length===0){
+            ElMessage.warning(t('searchOrder.msgList.checkOrder'))
+            return
+          }
+
+          let id = ""
+          for (let i = 0; i < selectRecords.length; i++) {
+            if (i + 1 === selectRecords.length) {
+              id += selectRecords[i].id
+            } else {
+              id += selectRecords[i].id + "|"
+            }
+          }
+          router.push({path: '/main/processCard/PrintLabel', query: {printList: JSON.stringify(selectRecords)}})
+
+          break
+        }
+        case 'sort': {
+          const $table = xGridDetail.value
+          let data = $table.getTableData().fullData
+          let flowCardData = ref({
+            flowCard: data,
+          })
+          for (let i = 0; i < flowCardData.value.flowCard.length; i++) {
+            const regex = /^[1-9]\d*$/
+            if (!regex.test(flowCardData.value.flowCard[i].sort)) {
+              ElMessage.warning(t('basicData.msg.greater0'))
+              return; // 濡傛灉鏈変竴涓笉鏄暣鏁�
+            }
+          }
+          request.post("/processCard/printSort", flowCardData.value).then((res) => {
+            if (res.code == 200) {
+              ElMessage.success(t('processCard.sortingSuccessful'))
+              router.push({
+                path: '/main/processCard/PrintFlowCard',
+                query: {orderId: orderId,random: Math.random()}
+              })
+
+              //location.reload();
+            } else {
+              ElMessage.warning(res.msg)
+            }
+          })
+          break
+        }
+        case 'customLabel': {
+          if(selectRecords===null ||selectRecords===''||selectRecords.length===0){
+            ElMessage.warning(t('searchOrder.msgList.checkOrder'))
+            return
+          }
+          if (tag.value.name == null || tag.value.name == '') {
+            ElMessage.warning(t('replenish.printPatchesMsg1'))
+            return
+          }
+
+          labelRow.value.list = JSON.stringify(selectRecords)
+          labelRow.value.type = tag.value.name
+          labelRow.value.dataType = 3
+          labelRow.value.lableType = 2
+          labelRow.value.switch = true
+          lastList.value = []
+          dialogTableVisibleLabel.value = true
+          break
+
+        }
+        case 'printLike': {
+          if(selectRecords===null ||selectRecords===''||selectRecords.length===0){
+            ElMessage.warning(t('searchOrder.msgList.checkOrder'))
+            return
+          }
+          if(printMerge.value===null ||printMerge.value===''){
+            ElMessage.warning(t('rework.msg1'))
+            return
+          }
+
+          let id = ""
+          for (let i = 0; i < selectRecords.length; i++) {
+            if (i + 1 === selectRecords.length) {
+              id += selectRecords[i].id
+            } else {
+              id += selectRecords[i].id + "|"
+            }
+          }
+          printRow.value.list = JSON.stringify(selectRecords)
+          printRow.value.printMergeVal=printMerge.value
+          printRow.value.like="1"
+          // router.push({path: '/main/processCard/printProcess', query: {printList: JSON.stringify(selectRecords),printMerge:printMergeVal}})
+          dialogTableVisible.value=true
+          break
+        }
+      }
+    }
+  },
+}
+
+
+
+
+const openedTable = () => {
+  let detail =ref(produceDetailList.value)
+  xGridDetail.value.reloadData(detail.value)
+}
+
+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'; // 鏄剧ず璇ユ寜閽�
+    }
+  })
+}
+
+// 鐩戝惉鎵撳嵃瀹屾垚浜嬩欢
+const printNumber = () =>{
+
+  selectRecordsData.value.printList=selectRecords
+  let printState=0
+  request.post(`/processCard/updatePrintState/${printState}`, selectRecordsData.value).then((res) => {
+    if (res.code == 200 && res.data === true) {
+    } else {
+
+      ElMessage.warning(t('basicData.msg.saveFail'))
+
+    }
+  })
+}
+
+</script>
+
+<template>
+  <div  style="width: 100%;height: 100%">
+    <div class="head">
+      <el-date-picker
+          v-model="form.date1"
+          :end-placeholder="$t('basicData.endDate')"
+          :start-placeholder="$t('basicData.startDate')"
+          format="YYYY/MM/DD"
+          type="daterange"
+          value-format="YYYY-MM-DD"
+
+      />
+      <el-button
+          id="select"
+          :icon="Search"
+          type="primary" @click="getWorkOrder">{{ $t('basicData.search') }}
+
+      </el-button>
+      <!--    &nbsp;&nbsp;-->
+      <!--    <el-input clearable :placeholder="$t('processCard.mergePrinting')" v-model="printMerge" style="width: 90px"></el-input>-->
+      &nbsp;
+      <label>{{$t('processCard.labelStyle')}}锛�</label>
+      <el-select v-model="tag" :placeholder="$t('replenish.listLabelTemplates')" 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" class="m-2" :placeholder="lableTypeOptions[0].label" 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" class="m-2" :placeholder="$t('processCard.pleaseSelect')" clearable allow-create 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"
+          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>
+
+            </li>
+          </ul>
+        </template>
+
+        <!--宸﹁竟鍥哄畾鏄剧ず鐨勬彃妲�-->
+        <!--      v-if="userStore.user.permissions.indexOf('SelectProductionBasicData.edit') > -1"-->
+        <template #button_slot="{ row }">
+          <el-button @click="getTableRow(row,'edit')"
+                     link
+                     type="primary"
+                     size="small">
+            {{ $t('basicData.edit') }}
+          </el-button>
+
+        </template>
+
+        <template #num1_filter="{ column, $panel }">
+          <div>
+            <div v-for="(option, index) in column.filters" :key="index">
+              <input type="text"
+                     v-model="option.data"
+                     @keyup.enter.native="$panel.confirmFilter()"
+                     @input="changeFilterEvent($event, option, $panel)"/>
+            </div>
+          </div>
+        </template>
+
+
+      </vxe-grid>
+    </div>
+    <el-dialog
+        id="sizePrintCalrd"
+        v-model="dialogTableVisible"
+        :title="$t('processCard.print')"
+        destroy-on-close
+        style="width: 75%;height:75% ">
+      <template #header="{ close, titleId, titleClass }">
+        <el-button v-print="printContent" @click="printNumber"  :icon="Printer" circle />
+      </template>
+      <print-process id="child" :printList="printRow.list" :printMerge="printRow.printMergeVal" :printLike="printRow.like"
+                     style="width: 100%;height: 100%" />
+    </el-dialog>
+
+<!--    <el-dialog-->
+<!--        v-model="dialogTableVisibleLabel"-->
+<!--        destroy-on-close-->
+<!--        :title="$t('processCard.printLabel')"-->
+<!--        style="width: 80%;height:75% ">-->
+<!--      <PrintLabel :printList="selectRecords"-->
+<!--                  style="width: 100%;height: 100%" />-->
+<!--    </el-dialog>-->
+
+    <el-dialog
+        v-model="dialogTableVisibleCustomLabel"
+        destroy-on-close
+        :title="$t('processCard.labelStyle')"
+        style="width: 80%;height:75% ">
+      <PrintLabel :printList="selectRecords"
+                  style="width: 100%;height: 100%" />
+    </el-dialog>
+
+    <el-dialog
+        id="sizeCheck"
+        v-model="printVisible"
+        :title="$t('processCard.processCardDetails')"
+        destroy-on-close
+        style="width: 80%;height:75% ">
+      <sort-detail id="child"  :processId="editRow.processId" :technologyNumber="editRow.technologyNumber" />
+    </el-dialog>
+
+    <el-dialog
+        id="sizeCustom"
+        v-model="dialogTableVisibleLabel"
+        :title="$t('processCard.printLabel')"
+        destroy-on-close
+        style="width: 80%;height:75% ">
+      <template #header="{ close, titleId, titleClass }">
+        <el-tooltip
+            class="box-item"
+            effect="dark"
+            :content="$t('processCard.yesTitle')"
+            placement="top"
+        >
+          <el-button :icon="Printer" circle @click="printOrder(1)"/>
+        </el-tooltip>
+        <el-tooltip
+            class="box-item"
+            effect="dark"
+            :content="$t('processCard.noTitle')"
+            placement="top"
+        >
+          <el-button @click="printOrder(3)">
+            <i class="vxe-icon-print"></i>
+          </el-button>
+        </el-tooltip>
+      </template>
+      <print-custom-label id="childLabel"
+                          :detailType="labelRow.detailType"
+                          :faceOrientation="labelRow.faceOrientation"
+                          :lableType="labelRow.lableType"
+                          :lastList='lastList'
+                          :list="labelRow.list"
+                          :switch="labelRow.switch"
+                          :titleList="labelRow.titleList"
+                          :type="labelRow.type"
+                          style="width: 100%;height: 100%"/>
+    </el-dialog>
+  </div>
+</template>
+
+<style scoped>
+
+
+.head{
+  width: 100%;
+  height: 35px;
+}
+
+.main-table{
+  width: 100%;
+  height: calc(100% - 35px);
+}
+
+
+:deep(#sizeCheck .el-dialog__body){
+  height: 90%;
+  width: 100%;
+}
+
+:deep(#sizePrintCalrd .el-dialog__body){
+  height: 85%;
+  width: 100%;
+  overflow-y: auto;
+}
+
+
+</style>
\ No newline at end of file

--
Gitblit v1.8.0