From 54c2f0fda44123782e5241ff7d1ad6e81c95f2b2 Mon Sep 17 00:00:00 2001
From: huang <1532065656@qq.com>
Date: 星期二, 12 十一月 2024 15:52:32 +0800
Subject: [PATCH] Merge branch 'master' of http://10.153.19.25:10105/r/ERP_override

---
 north-glass-erp/northglass-erp/src/views/pp/processCard/AddProcessCard.vue |  359 +++++++++++++++++++++++++++++++++++++++--------------------
 1 files changed, 238 insertions(+), 121 deletions(-)

diff --git a/north-glass-erp/northglass-erp/src/views/pp/processCard/AddProcessCard.vue b/north-glass-erp/northglass-erp/src/views/pp/processCard/AddProcessCard.vue
index b311dab..dfa1e35 100644
--- a/north-glass-erp/northglass-erp/src/views/pp/processCard/AddProcessCard.vue
+++ b/north-glass-erp/northglass-erp/src/views/pp/processCard/AddProcessCard.vue
@@ -14,33 +14,15 @@
 import useUserInfoStore from "@/stores/userInfo";
 import {useI18n} from 'vue-i18n'
 import footSum from "@/hook/footSum"
+import {changeFilterEvent,filterChanged} from "@/hook"
+import userInfo from "@/stores/userInfo"
 //璇█鑾峰彇
 const {t} = useI18n()
 let productGlassTypeStore = useProductGlassTypeStore()
 let router = useRouter()
 const userStore = useUserInfoStore()
 const username = userStore.user.userName
-const getTableRow = (row, type) => {
-  switch (type) {
-    case 'edit' : {
-      router.push({path: '/main/processCard/PrintFlowCard', query: {id: row.id}})
-      break
-    }
-    case 'delete': {
-      request.post(`/processCard/deleteFlowCard/${row.orderId}/${row.processId}`).then((res) => {
-        if (res.code == 200) {
-          ElMessage.success(t('workOrder.deleteOk'))
-          location.reload();
-        } else {
-          ElMessage.warning(res.msg)
-          // router.push("/login")
-        }
-      })
-      break
-    }
-  }
-}
-
+const user=userInfo()
 let flag = $ref(true)
 
 function intoCreateProduct() {
@@ -92,13 +74,30 @@
 let orderId = route.query.orderId
 let productionId = route.query.productionId
 
+const orderOtherMoney = ref(null)
 
+let maxProcseeId=null
 //绗竴娆″姞杞芥暟鎹�
 
 request.post(`/processCard/selectNoCard/${orderId}/${productionId}`, filterData.value).then((res) => {
 
   if (res.code == 200) {
     pageTotal.value = res.data.total
+    maxProcseeId=res.data.maxFlowCard[0].process_id
+    orderOtherMoney.value = res.data.orderOtherMoney
+    orderOtherMoney.value.forEach(item => {
+      let column = {
+        field: `${item.column}`,
+        width: 100,
+        title: item.alias,
+        filters: [{data: ''}],
+        slots: {filter: 'num1_filter'},
+        filterMethod: filterChanged,
+      }
+
+      gridOptions.columns.push(column)
+
+    })
     produceList = produceList.value.concat(deepClone(res.data.data))
     xGrid.value.reloadData(produceList)
     gridOptions.loading = false
@@ -107,11 +106,7 @@
   }
 })
 
-/*浣跨敤绛涢�夛紝鍚庣鑾峰彇鏁版嵁*/
-const changeFilterEvent = (event, option, $panel,) => {
-  // 鎵嬪姩瑙﹀彂绛涢��
-  $panel.changeOption(event, !!option.data, option)
-}
+
 
 function padLeftZero(str) {
   return ('00' + str).substr(str.length)
@@ -125,14 +120,7 @@
 }
 
 
-//绛涢�夋柟娉�
-const filterChanged = ({option, row, column}) => {
-  if (option.data) {
-    return row[column.field].toString().toLowerCase().indexOf(option.data) > -1
-  }
-  return true
-  //@filter-change="filterChanged"
-}
+
 
 //鍙充晶瀛愮粍浠舵帴鏀跺弬鏁�
 const xGrid = ref()
@@ -154,10 +142,13 @@
     useKey: true
   },
   filterConfig: {   //绛涢�夐厤缃」
-    //remote: true
+                    //remote: true
   },
   customConfig: {
     storage: true
+  },
+  sortConfig: {
+    multiple: true
   },
   editConfig: {
     trigger: 'click',
@@ -165,13 +156,14 @@
     showStatus: true
   },//琛ㄥご鍙傛暟
   columns: [
-    {type: 'checkbox', fixed: "left", title: t('basicData.check')},
+    {type: 'checkbox', fixed: "left", title: t('basicData.check'), width: '80px'},
     {
       field: 'orderNumber',
       title: t('order.OrderNum'),
       filters: [{data: ''}],
       slots: {filter: 'num1_filter'},
-      filterMethod: filterChanged
+      filterMethod: filterChanged,
+      width: '100px'
     },
     {
       field: 'shape',
@@ -179,7 +171,8 @@
       showOverflow: "ellipsis",
       filters: [{data: ''}],
       slots: {filter: 'num1_filter'},
-      filterMethod: filterChanged
+      filterMethod: filterChanged,
+      width: '70px'
     },
     {
       field: 'width',
@@ -188,7 +181,7 @@
       filters: [{data: ''}],
       slots: {filter: 'num1_filter'},
       filterMethod: filterChanged,
-      width: '60px'
+      width: '78px'
     },
     {
       field: 'height',
@@ -197,13 +190,26 @@
       filters: [{data: ''}],
       slots: {filter: 'num1_filter'},
       filterMethod: filterChanged,
-      width: '60px'
+      width: '78px'
     },
-    {field: 'baiscQuantity', title: t('processCard.quantityToDivided'), showOverflow: "ellipsis", width: '60px'},
-    {field: 'computeGrossArea', title: t('processCard.areaToDivided'), width: '60px'},
+    {
+      field: 'building_number',
+      title: t('order.buildingNumber'),
+      sortable: true,
+      filters: [{data: ''}],
+      slots: {filter: 'num1_filter'},
+      filterMethod: filterChanged,
+      width: '120px'
+    },
+    {field: 'baiscQuantity', title: t('processCard.quantityToDivided'), showOverflow: "ellipsis", width: '80px'},
+    {field: 'computeGrossArea', title: t('processCard.areaToDivided'), width: '80px'},
     {field: 'totalThickness', title: t('processCard.totalThickness'), width: '80px'},
-    {field: 'thickness', title: t('processCard.glassThickness'), width: '60px'},
-    {field: 'weight', title: t('processCard.weight'),slots:{default:'weight_sum'}}
+    {field: 'thickness', title: t('processCard.glassThickness'), width: '80px'},
+    {field: 'weight', title: t('processCard.weight'), slots: {default: 'weight_sum'}, width: '85px'},
+    {field: 'remarks', title: t('processCard.notes'),  width: '85px',filters: [{data: ''}], slots: {filter: 'num1_filter'},filterMethod: filterChanged},
+    {field: 'processing_note', title: t('order.processingNote'),  width: '105px',filters: [{data: ''}], slots: {filter: 'num1_filter'},filterMethod: filterChanged},
+    {field: 'bend_radius', title: t('order.bendRadius'),  width: '120px',filters: [{data: ''}], slots: {filter: 'num1_filter'},filterMethod: filterChanged,sortable: true,}
+
   ],//琛ㄥご鎸夐挳
 
   toolbarConfig: {
@@ -219,23 +225,23 @@
   data: [],//table body瀹為檯鏁版嵁
   //鑴氶儴姹傚拰
 
-  footerMethod ({ columns, data }) {//椤佃剼鍑芥暟
+  footerMethod({columns, data}) {//椤佃剼鍑芥暟
     let count = 0
-    return[
+    return [
       columns.map((column, columnIndex) => {
         if (columnIndex === 0) {
           return t('basicData.total')
         }
 
-        const List = ["baiscQuantity",'computeGrossArea']
+        const List = ["baiscQuantity", 'computeGrossArea']
         if (List.includes(column.field)) {
           return footSum(data, column.field)
         }
-        if (column.field === 'weight'){
+        if (column.field === 'weight') {
           data.forEach(row => {
             count += weightSum(row)
           })
-          return  parseFloat(count.toFixed(2))
+          return parseFloat(count.toFixed(2))
         }
 
         return ''
@@ -265,7 +271,7 @@
     useKey: true
   },
   filterConfig: {   //绛涢�夐厤缃」
-    //remote: true
+                    //remote: true
   },
   customConfig: {
     storage: true
@@ -276,14 +282,14 @@
     showStatus: true
   },//琛ㄥご鍙傛暟
   columns: [
-    {type: 'checkbox', fixed: "left", title: t('basicData.check')},
+    {type: 'checkbox', fixed: "left", title: t('basicData.check'),width: 78},
     {
       field: 'processId',
       title: t('processCard.processId'),
       filters: [{data: ''}],
       slots: {filter: 'num1_filter'},
-      width: 100,
-      filterMethod: filterChanged
+      width: 135,
+      filterMethod: filterChanged,
     },
     {
       field: 'orderNumber',
@@ -291,26 +297,38 @@
       showOverflow: "ellipsis",
       filters: [{data: ''}],
       slots: {filter: 'num1_filter'}
-      , filterMethod: filterChanged
+      , filterMethod: filterChanged,
+      width: 98
     },
     {
       field: 'landingSequence',
       title: t('processCard.landingSequence'),
       filters: [{data: ''}],
       slots: {filter: 'num1_filter'},
-      filterMethod: filterChanged
+      filterMethod: filterChanged,
+      width: 99
     },
     {
       field: 'shape',
       title: t('order.shape'),
       filters: [{data: ''}],
       slots: {filter: 'num1_filter'},
-      filterMethod: filterChanged
+      filterMethod: filterChanged,
+      width:70
     },
-    {field: 'width', title: t('order.width'), showOverflow: "ellipsis"},
-    {field: 'height', title: t('order.height')},
-    {field: 'quantity', title: t('order.quantity')},
-    {field: 'totalThickness', title: t('processCard.totalThickness')},
+    {
+      field: 'building_number',
+      title: t('order.buildingNumber'),
+      sortable: true,
+      filters: [{data: ''}],
+      slots: {filter: 'num1_filter'},
+      filterMethod: filterChanged,
+      width: '120px'
+    },
+    {field: 'width', title: t('order.width'), showOverflow: "ellipsis",width:70},
+    {field: 'height', title: t('order.height'),width:70},
+    {field: 'quantity', title: t('order.quantity'),width:70},
+    {field: 'totalThickness', title: t('processCard.totalThickness'),width:70},
   ],//琛ㄥご鎸夐挳
 
   toolbarConfig: {
@@ -325,13 +343,13 @@
   },
   data: [],//table body瀹為檯鏁版嵁
   //鑴氶儴姹傚拰
-  footerMethod ({ columns, data }) {//椤佃剼鍑芥暟
-    return[
+  footerMethod({columns, data}) {//椤佃剼鍑芥暟
+    return [
       columns.map((column, columnIndex) => {
         if (columnIndex === 0) {
           return t('basicData.total')
         }
-        const List = ["quantity",'goodsQuantity','area']
+        const List = ["quantity", 'goodsQuantity', 'area']
         if (List.includes(column.field)) {
           return footSum(data, column.field)
         }
@@ -360,7 +378,32 @@
     index = leftData[0].landingSequence + 1
     //index = index.toString().padStart(2, '0')
   }
-  const processId = productionId + index.toString().padStart(3, '0')
+  let processId= null
+  // if (leftData.length !== 0){
+  //   processId = productionId + index.toString().padStart(3, '0')
+  // }
+  // else {
+    if (maxProcseeId!== null || maxProcseeId!== undefined|| maxProcseeId!== ''){
+      if (leftData.length !== 0){
+        const str=leftData[0].processId
+        const lastThree = str.slice(-3);
+        const result =  lastThree*1 + 1;
+        processId= productionId + result.toString().padStart(3, '0')
+      }
+      else {
+        // 鎴彇鍚庝笁浣�
+        const lastThree = maxProcseeId.slice(-3);
+        const result =  lastThree*1 + 1;
+        processId= productionId + result.toString().padStart(3, '0')
+      }
+
+    }
+    else {
+      processId = productionId + index.toString().padStart(3, '0')
+    }
+  //}
+
+
   const regex = /^(\d+|)$/;
   if (!regex.test(checkedNum.value)) {
     ElMessage.warning(t('processCard.schedulingNo'))
@@ -412,6 +455,75 @@
 }
 
 
+//鎸夌紪鍙峰垱寤烘祦绋嬪崱
+const createProcessCardNo = () => {
+  const $grid = xGrid.value
+  const checkedList = $grid.getCheckboxRecords()
+
+  if (checkedList.length === 0) {
+    ElMessage.warning(t('processCard.schedulingOk'))
+    return
+  }
+  //productionId
+  const $gridLeft = xGridLeft.value
+  const leftData = $gridLeft.getTableData().fullData
+  let index = 0
+  if (leftData.length !== 0) {
+    index = leftData[0].landingSequence + 1
+    //index = index.toString().padStart(2, '0')
+  }
+
+  let processId= null
+
+  if (maxProcseeId!== null || maxProcseeId!== undefined|| maxProcseeId!== ''){
+    if (leftData.length !== 0){
+      const str=leftData[0].processId
+      const lastThree = str.slice(-3);
+      const result =  lastThree*1 + 1;
+      processId= productionId + result.toString().padStart(3, '0')
+    }
+    else {
+      // 鎴彇鍚庝笁浣�
+      const lastThree = maxProcseeId.slice(-3);
+      const result =  lastThree*1 + 1;
+      processId= productionId + result.toString().padStart(3, '0')
+    }
+
+  }
+  else {
+
+      processId = productionId + index.toString().padStart(3, '0')
+
+
+  }
+
+
+  const regex = /^(\d+|)$/;
+  if (!regex.test(checkedNum.value)) {
+    ElMessage.warning(t('processCard.schedulingNo'))
+    return
+  }
+
+    checkedList.forEach((item) => {
+      index++
+      processId = productionId + index.toString().padStart(3, '0')
+      item.processId = processId
+      item.landingSequence = index
+      item.quantity = item.baiscQuantity
+    })
+    //鍒犻櫎key
+    checkedList.forEach((item) => {
+      delete item._X_ROW_KEY
+    })
+    $gridLeft.insertAt(checkedList)
+    $grid.remove(checkedList)
+    //娓呴櫎涓よ竟澶嶉�夋
+    $gridLeft.clearCheckboxRow()
+    $grid.clearCheckboxRow()
+
+}
+
+
 //鍚戝彸杈硅〃鏍兼坊鍔犳暟鎹�
 const addRight = () => {
   try {
@@ -436,11 +548,11 @@
       //瀵归�変腑鐨勫乏杈硅〃鏍兼暟鎹繘琛屽惊鐜�
       checkedList.forEach((item) => {
         //鍒ゆ柇鍙敤鏁伴噺鏄惁澶т簬绛変簬杈撳叆鐨勬暟閲�,涓嶆弧瓒冲垯鎶涘嚭寮傚父
-       // if (item.quantity < checkedNum.value*1) throw new Error(t('processCard.schedulingQuantity'));
-        if (item.quantity < checkedNum.value*1){
+        // if (item.quantity < checkedNum.value*1) throw new Error(t('processCard.schedulingQuantity'));
+        if (item.quantity < checkedNum.value * 1) {
           ElMessage.warning(t('processCard.schedulingQuantity'))
         }
-            //宸﹁竟琛ㄦ牸鍙敤鏁伴噺鍑忓幓杈撳叆鐨勬暟閲�
+        //宸﹁竟琛ㄦ牸鍙敤鏁伴噺鍑忓幓杈撳叆鐨勬暟閲�
         item.quantity = item.quantity - checkedNum.value
         //鍙宠竟琛ㄦ牸鏁版嵁
         let rightData = $grid.getTableData().fullData
@@ -451,7 +563,7 @@
           //鏁伴噺
           rightData[filterIndex].baiscQuantity = rightData[filterIndex].baiscQuantity * 1 + checkedNum.value * 1
           //闈㈢Н
-          rightData[filterIndex].computeGrossArea=(rightData[filterIndex].width*rightData[filterIndex].height*rightData[filterIndex].baiscQuantity/1000000).toFixed(2)
+          rightData[filterIndex].computeGrossArea = (rightData[filterIndex].width * rightData[filterIndex].height * rightData[filterIndex].baiscQuantity / 1000000).toFixed(2)
           //濡傛灉宸﹁竟鏁伴噺涓�0鏃跺垹闄ゆ鏉℃暟鎹�
           //鍒犻櫎key
           let key = item._X_ROW_KEY
@@ -463,7 +575,7 @@
         } else {
           //鍙宠竟琛ㄦ牸娌℃湁姝ゆ潯鏁版嵁鍒欏線鍙宠竟琛ㄦ牸鎻掑叆鏁版嵁
           item.baiscQuantity = checkedNum.value
-          item.computeGrossArea=(item.width*item.height*checkedNum.value/1000000).toFixed(2)
+          item.computeGrossArea = (item.width * item.height * checkedNum.value / 1000000).toFixed(2)
           if (item.quantity === 0) {
             $gridLeft.remove(item)
           }
@@ -486,7 +598,7 @@
         if (filterIndex > -1) {
           rightData[filterIndex].baiscQuantity = rightData[filterIndex].baiscQuantity * 1 + item.quantity * 1
           //闈㈢Н
-          rightData[filterIndex].computeGrossArea=(rightData[filterIndex].width*rightData[filterIndex].height*rightData[filterIndex].baiscQuantity/1000000).toFixed(2)
+          rightData[filterIndex].computeGrossArea = (rightData[filterIndex].width * rightData[filterIndex].height * rightData[filterIndex].baiscQuantity / 1000000).toFixed(2)
 
         } else {
 
@@ -502,8 +614,8 @@
           //   }
           // }
 
-            delete item._X_ROW_KEY
-            $grid.insert(item)
+          delete item._X_ROW_KEY
+          $grid.insert(item)
 
 
         }
@@ -551,7 +663,7 @@
         //鍒ゆ柇鍙敤鏁伴噺鏄惁澶т簬绛変簬杈撳叆鐨勬暟閲�,涓嶆弧瓒冲垯鎶涘嚭寮傚父
         if (item.baiscQuantity * 1 < checkedNum.value * 1) throw new Error("璇疯緭鍏ュ皬浜庣瓑浜庡緟鍒嗘暟閲忕殑鏁板瓧");
         item.baiscQuantity = item.baiscQuantity - checkedNum.value
-        item.computeGrossArea=(item.computeGrossArea-item.width*item.height*checkedNum.value/1000000).toFixed(2)
+        item.computeGrossArea = (item.computeGrossArea - item.width * item.height * checkedNum.value / 1000000).toFixed(2)
         //瀹氫箟key鍊间繚鎸�
         let key = item._X_ROW_KEY
         //宸﹁竟琛ㄦ牸鏁版嵁
@@ -564,7 +676,7 @@
           //濡傛灉鍙宠竟琛ㄦ牸鏁版嵁涓瓨鍦ㄥ綋鍓嶆暟鎹垯鏁伴噺鐩稿姞
           if (filterIndex >= 0) {
             leftData[filterIndex].quantity = leftData[filterIndex].quantity * 1 + checkedNum.value * 1
-            leftData[filterIndex].computeGrossArea=(leftData[filterIndex].computeGrossArea-leftData[filterIndex].width*leftData[filterIndex].height*leftData[filterIndex].baiscQuantity/1000000).toFixed(2)
+            leftData[filterIndex].computeGrossArea = (leftData[filterIndex].computeGrossArea - leftData[filterIndex].width * leftData[filterIndex].height * leftData[filterIndex].baiscQuantity / 1000000).toFixed(2)
 
             if (item.baiscQuantity === 0) {
               $grid.remove(item)
@@ -574,7 +686,7 @@
             item.quantity = checkedNum.value
             item.processId = checkedListLeft[0].processId
             item.landingSequence = checkedListLeft[0].landingSequence
-            item.computeGrossArea=(item.computeGrossArea-checkedListLeft[0].width*checkedListLeft[0].height*checkedNum.value/1000000).toFixed(2)
+            item.computeGrossArea = (item.computeGrossArea - checkedListLeft[0].width * checkedListLeft[0].height * checkedNum.value / 1000000).toFixed(2)
             delete item._X_ROW_KEY
             $gridLeft.insert(item)
             item._X_ROW_KEY = key
@@ -593,7 +705,7 @@
           for (let i = 0; i < leftData.length; i++) {
             if (leftData[i].orderNumber === item.orderNumber && leftData[i].processId === item.processId) {
               leftData[i].quantity = leftData[i].quantity * 1 + checkedNum.value * 1
-              leftData[i].computeGrossArea=(leftData[i].computeGrossArea-leftData[i].width*leftData[i].height*leftData[i].baiscQuantity/1000000).toFixed(2)
+              leftData[i].computeGrossArea = (leftData[i].computeGrossArea - leftData[i].width * leftData[i].height * leftData[i].baiscQuantity / 1000000).toFixed(2)
               break
             } else if (leftData[i].orderNumber === item.orderNumber && leftData[i].processId !== item.processId) {
               delete item._X_ROW_KEY
@@ -605,7 +717,7 @@
               $gridLeft.insert(item)
               item._X_ROW_KEY = key
               break
-            }else if (leftData[i].orderNumber !== item.orderNumber && leftData[i].processId == item.processId) {
+            } else if (leftData[i].orderNumber !== item.orderNumber && leftData[i].processId == item.processId) {
               delete item._X_ROW_KEY
               $gridLeft.insert(item)
               item._X_ROW_KEY = key
@@ -621,7 +733,7 @@
         item.processId = checkedListLeft[0].processId
         item.landingSequence = checkedListLeft[0].landingSequence
         item.quantity = checkedListLeft[0].baiscQuantity
-        item.computeGrossArea=(item.computeGrossArea-checkedListLeft[0].width*checkedListLeft[0].height*checkedListLeft[0].baiscQuantity/1000000).toFixed(2)
+        item.computeGrossArea = (item.computeGrossArea - checkedListLeft[0].width * checkedListLeft[0].height * checkedListLeft[0].baiscQuantity / 1000000).toFixed(2)
 
         delete item._X_ROW_KEY
       })
@@ -647,6 +759,7 @@
     if ($grid) {
       switch (code) {
         case 'saveFlowCard': {
+          gridLeftOptions.toolbarConfig.buttons[0].disabled=true
           const $table = xGridLeft.value
           const $tableRight = xGrid.value
           if ($table) {
@@ -655,17 +768,20 @@
             let leftData = $tableRight.getTableData().fullData
             if (selectRecords.length === 0) {
               ElMessage.warning(t('processCard.pleaseSelectTheSavedDataFirst'))
+              gridLeftOptions.toolbarConfig.buttons[0].disabled=false
               return
             }
 
             if (leftData.length > 0) {
               ElMessage.warning(t('processCard.pleaseFirstCreateAProcessCardForAllTheDataOnTheRightSideAndSaveIt'))
+              gridLeftOptions.toolbarConfig.buttons[0].disabled=false
               return;
             }
             let flowCardData = ref({
               flowCard: selectRecords,
               userName: username,
-              productionId: productionId
+              productionId: productionId,
+              userId:user.user.userId
             })
 
             request.post("/processCard/addFlowCard", flowCardData.value).then((res) => {
@@ -693,18 +809,18 @@
   },
 
 }
-const weightSum =  (row) =>{
-    return parseFloat((row.baiscQuantity*row.thickness*row.width*row.height*2.5/1000000).toFixed(2))
+const weightSum = (row) => {
+  return parseFloat((row.baiscQuantity * row.thickness * row.width * row.height * 2.5 / 1000000).toFixed(2))
 }
 
 let quantit = ref('')
 let weight = ref('')
-const handleCheckboxChange=({ row}) =>{
+const handleCheckboxChange = ({row}) => {
   const $grid = xGrid.value
   //鑾峰彇鍙宠竟琛ㄦ牸checkbox閫変腑鐨勬暟鎹�
   const checkedList = $grid.getCheckboxRecords()
   let quantitySum = 0;
-  let weightsum=0;
+  let weightsum = 0;
   checkedList.forEach(item => {
     quantitySum += item.baiscQuantity;
     weightsum += weightSum(item);
@@ -715,36 +831,29 @@
 </script>
 
 <template>
-  <div style="width: 100%;height: 100%">
+  <div style="width: 75%;height: 90%">
+    <div class="common-layout">
+      <el-button
+          id="searchButton1"
+          :icon="ArrowLeftBold"
+          round
+          style="float: left"
+          type="primary"
+          @click="intoCreateProduct">
+        {{ flag ? t('processCard.return') : t('processCard.return') }}
+      </el-button>
+      <!--      <el-button  type="primary">淇濆瓨鍒嗘灦</el-button>-->
+      <!--              <el-button type="primary" :hidden="true">鍒嗘灦姹囨��</el-button>-->
 
-    <div class="common-layout" style="width: 100%;height: 100%">
-      <div class="header" style="height: 5%;width: 100%">
-
-        <el-button
-            id="searchButton1"
-            :icon="ArrowLeftBold"
-            round
-            style="float: left"
-            type="primary"
-            @click="intoCreateProduct">
-          {{ flag ? t('processCard.return') : t('processCard.return') }}
-        </el-button>
-        <!--      <el-button  type="primary">淇濆瓨鍒嗘灦</el-button>-->
-        <!--              <el-button type="primary" :hidden="true">鍒嗘灦姹囨��</el-button>-->
-        <div style="width: 100px;">
-
-        </div>
-      </div>
       <el-container style="height: 100%;width: 100%">
-        <el-aside style="width: 44%;height: 100%">
+        <el-aside style="width: 52%;height: 100%">
           <vxe-grid
               ref="xGridLeft"
+              checkbox-config="{ reserve: true, strict: true }"
               class="mytable-scrollbar"
-              height="650px"
-              max-height="100%"
+              height="100%"
               v-bind="gridLeftOptions"
               v-on="gridEvents"
-              checkbox-config="{ reserve: true, strict: true }"
           >
             <!--      @toolbar-button-click="toolbarButtonClickEvent"-->
             <!--      涓嬫媺鏄剧ず鎵�鏈変俊鎭彃妲�-->
@@ -764,49 +873,49 @@
                 <div v-for="(option, index) in column.filters" :key="index">
                   <input v-model="option.data"
                          type="text"
+                         @keyup.enter.native="$panel.confirmFilter()"
                          @input="changeFilterEvent($event, option, $panel)"/>
                 </div>
               </div>
             </template>
-
-
-
           </vxe-grid>
 
         </el-aside>
 
-        <div width="12%">
+        <div height="100%" style="margin: 5px" width="11%">
           <el-main style="">
             <div>
-              <span><el-input v-model="quantit"  style="width: 80px;"/></span>
-              <span><el-input v-model="weight"  style="width: 80px;"/></span>
+              <span><el-input v-model="quantit" style="width: 80px;"/></span>
+              <span><el-input v-model="weight" style="width: 80px;"/></span>
             </div>
             <span>{{ $t('processCard.selectedQuantity') }}:<el-input v-model="checkedNum" clearable
                                                                      type="number"></el-input></span><br>
-            <el-button type="primary" @click="addRight"> 鈫�</el-button>
+            <el-button style="width: 40px;" type="primary" @click="addRight"> 鈫�</el-button>
             <br>
             <br>
-            <el-button type="primary" @click="addLeft"> 鈫�</el-button>
+            <el-button style="width: 40px;" type="primary" @click="addLeft"> 鈫�</el-button>
             <br>
             <br>
             <el-button type="primary" @click="createProcessCard">{{ $t('processCard.establishProcessCards') }}
+            </el-button>
+            <br><br><br><br><br>
+            <el-button type="primary" @click="createProcessCardNo">{{ $t('processCard.createBySequenceNumber') }}
             </el-button>
           </el-main>
         </div>
 
 
         <!--        鍙充晶-->
-        <div style="height: 100%;width: 100%">
+        <div style="height: 100%;width: 70%">
 
           <el-aside style="width: 100%;height: 100%">
             <vxe-grid
-
+                id="rightTable"
                 ref="xGrid"
-                class="mytable-scrollbar"
-                height="650px"
-                max-height="100%"
-                v-bind="gridOptions"
                 checkbox-config="{ reserve: true, strict: true }"
+                class="mytable-scrollbar"
+                height="100%"
+                v-bind="gridOptions"
                 @checkbox-change="handleCheckboxChange"
             >
               <!--      @toolbar-button-click="toolbarButtonClickEvent"-->
@@ -831,6 +940,7 @@
                   <div v-for="(option, index) in column.filters" :key="index">
                     <input v-model="option.data"
                            type="text"
+                           @keyup.enter.native="$panel.confirmFilter()"
                            @input="changeFilterEvent($event, option, $panel)"/>
                   </div>
                 </div>
@@ -844,8 +954,14 @@
 </template>
 
 <style scoped>
+* {
+  margin: 0;
+  padding: 0;
+}
+
 .common-layout {
-  height: 100%;
+  width: 99%;
+  height: 96%;
 }
 
 .header {
@@ -864,4 +980,5 @@
 }
 
 
+
 </style>
\ No newline at end of file

--
Gitblit v1.8.0