From e50fa16b6dbc4e7c50d5fbdbc04d2a556ca01c4e Mon Sep 17 00:00:00 2001
From: chenlu <1320612696@qq.com>
Date: 星期一, 02 十二月 2024 11:26:36 +0800
Subject: [PATCH] 补片流程卡调整

---
 north-glass-erp/northglass-erp/src/views/pp/rework/PrintReworkFlowCard.vue |  810 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 files changed, 810 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..0813e4e
--- /dev/null
+++ b/north-glass-erp/northglass-erp/src/views/pp/rework/PrintReworkFlowCard.vue
@@ -0,0 +1,810 @@
+<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 PrintCustomLabel from '@/components/pp/PrintCustomLabel.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";
+
+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)
+
+
+
+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 filterData = ref({
+
+  orderGlassDetail: {
+    productionId: '',
+  },
+  orderDetail: {
+    orderId: '',
+    productId: '',
+    productName: '',
+  }
+
+
+})
+
+//瀹氫箟椤甸潰鎬婚〉鏁�
+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 (type===null||type===''||type===undefined){
+            ElMessage.warning(t('processCard.pleaseSelectCustomPrintLabelStyle'))
+            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 + "|"
+            }
+          }
+
+          if (lableTypes==1){
+            router.push({path: '/main/rework/PrintReworkCustomLabel', query: {type:type,faceOrientation:faceOrientation,lableType:lableTypes,  printList: JSON.stringify(selectRecords)}})
+
+          }
+          else {
+            router.push({path: '/main/rework/PrintReworkCustomLabelSemi', query: {type:type,faceOrientation:faceOrientation,lableType:lableTypes,  printList: JSON.stringify(selectRecords)}})
+
+          }
+
+
+          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('璇峰~鍏ラ渶瑕佸悎骞剁殑灞�')
+            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 detailGridOptions = reactive({
+  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},
+    {type: 'seq', fixed: "left", title: t('basicData.Number'), width: 50},
+    {
+      field: 'sort',
+      width: 80,
+      editRender: {name: 'input', attrs: {placeholder: ''}},
+      title: t('processCard.sorting'),
+    },
+    {
+      field: 'process_id',
+      title: t('processCard.processId'),
+      filters: [{data: ''}],
+      slots: {filter: 'num1_filter'},
+      filterMethod: filterChanged
+    },
+    {
+      field: 'order_number',
+      title: t('order.OrderNum'),
+      filters: [{data: ''}],
+      slots: {filter: 'num1_filter'},
+      filterMethod: filterChanged
+    },
+    {
+      field: 'technology_number',
+      title: t('processCard.technologyNumber'),
+      filters: [{data: ''}],
+      slots: {filter: 'num1_filter'},
+      filterMethod: filterChanged
+    },
+    {
+      field: 'glass_address',
+      title: t('processCard.glassAddress'),
+      filters: [{data: ''}],
+      slots: {filter: 'num1_filter'},
+      filterMethod: filterChanged
+    },
+    {
+      field: 'quantity',
+      title: t('order.quantity'),
+      filters: [{data: ''}],
+      slots: {filter: 'num1_filter'},
+      filterMethod: filterChanged
+    },
+    {
+      field: 'child_width',
+      title: t('order.width'),
+      filters: [{data: ''}],
+      slots: {filter: 'num1_filter'},
+      filterMethod: filterChanged
+    },
+    {
+      field: 'child_height',
+      title: t('order.height'),
+      filters: [{data: ''}],
+      slots: {filter: 'num1_filter'},
+      filterMethod: filterChanged
+    },
+    {
+      field: 'area',
+      title: t('order.area'),
+      filters: [{data: ''}],
+      slots: {filter: 'num1_filter'},
+      filterMethod: filterChanged
+    },
+  ],//琛ㄥご鎸夐挳
+
+  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: 'printLike', name: "鍚岄厤缃墦鍗�", 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",'area',]
+        if (List.includes(column.field)) {
+          return footSum(data, column.field)
+        }
+        return ''
+      })
+    ]
+  }
+})
+
+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 class="main-div-customer">
+    <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="printType" clearable default-value="default_city" :placeholder="$t('processCard.pleaseSelect')" 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" 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>
+    <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>
+    <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>
+
+
+  </div>
+</template>
+
+<style scoped>
+.main-div-customer {
+  width: 99%;
+  height: 94%;
+}
+
+
+: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