From 25cc86fd8a2fb3b2bb6b385cba0adaf89ff3dcdc Mon Sep 17 00:00:00 2001
From: chenlu <1320612696@qq.com>
Date: 星期四, 18 十二月 2025 16:39:32 +0800
Subject: [PATCH] 流程卡进度打印部分代码

---
 north-glass-erp/northglass-erp/src/views/pp/processCard/AddProcessCard.vue | 1470 +++++++++++++++++++++++++++++++++++++++++++++-------------
 1 files changed, 1,144 insertions(+), 326 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 656780b..ce9f13a 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
@@ -2,55 +2,53 @@
 
 import request from "@/utils/request"
 import deepClone from "@/utils/deepClone"
-import {ElDatePicker, ElMessage} from "element-plus"
+import {ElCheckbox, ElDatePicker, ElMessage} from "element-plus"
 import useProductGlassTypeStore from "@/stores/sd/product/productGlassType"
 import {nextTick, onMounted, onUnmounted, reactive, ref, watch} from "vue"
-import {Search} from "@element-plus/icons-vue"
+import {ArrowLeftBold, Search} from "@element-plus/icons-vue"
 import GlassType from "@/components/sd/product/GlassType.vue"
 import {useRouter} from 'vue-router'
 import Sortable from 'sortablejs'
-import BasicTable from '@/components/basic/BasicTable.vue'
+import BasicTable from '@/components/sd/product/BasicTable.vue'
 import {VXETable} from "vxe-table";
 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 'setType': {
-      alert('鎴戞帴鏀跺埌瀛愮粍浠朵紶閫佺殑鍒犻櫎淇℃伅')
-      break
-    }
-    case 'delete': {
-      request.post(`/processCard/deleteFlowCard/${row.orderId}/${row.processId}`).then((res) => {
-        if (res.code == 200) {
-          ElMessage.success("鍒犻櫎鎴愬姛")
-          location.reload();
-        } else {
-          ElMessage.warning(res.msg)
-          router.push("/login")
-        }
-      })
-      break
-    }
-  }
-}
-
+const user=userInfo()
 let flag = $ref(true)
-function intoCreateProduct(){
-  if(flag){
+
+function intoCreateProduct() {
+  if (flag) {
     router.push(`/main/processCard/SplittingDetails?orderId=${orderId}`)
-  }else {
+  } else {
     router.push('/main/processCard/SplittingDetails?orderId=${orderId}')
   }
-  flag=!flag
+  flag = !flag
 }
+
+//鍊掑彊
+let  flashback = ref(1)
+
+//瀹氫箟鎺掑簭瑙勫垯
+const optionVal = ref(0)
+const options = [
+  {
+    value: 0,
+    label: t('processCard.mainWidth'),
+  },
+  {
+    value: 1,
+    label: t('processCard.mainHeight'),
+  },
+]
 
 //瀹氫箟鏃堕棿
 const form = reactive({
@@ -89,16 +87,40 @@
 const {currentRoute} = useRouter()
 const route = currentRoute.value
 
-let orderId = route.query.orderId
-let productionId = route.query.productionId
+const orderId = route.query.orderId
+const productionId = route.query.productionId
+const orderQuantity = route.query.quantity
+
+const orderOtherMoney = ref(null)
+
+let maxProcseeId=null
 //绗竴娆″姞杞芥暟鎹�
 
 request.post(`/processCard/selectNoCard/${orderId}/${productionId}`, filterData.value).then((res) => {
 
   if (res.code == 200) {
-    //console.log(res.data)
     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,
+        sortable: true
+      }
+
+      gridOptions.columns.push(column)
+
+    })
     produceList = produceList.value.concat(deepClone(res.data.data))
+    produceList.forEach(item => {
+      // 濡傛灉 shape 鍙兘鏄瓧绗︿覆灏辩敤 ==锛屽鏋滀竴瀹氭槸鏁板瓧灏辩敤 ===
+      item.shape = (item.shape == 2) ? t('order.alien') : t('order.universalShape');
+    });
     xGrid.value.reloadData(produceList)
     gridOptions.loading = false
   } else {
@@ -106,16 +128,11 @@
   }
 })
 
-/*浣跨敤绛涢�夛紝鍚庣鑾峰彇鏁版嵁*/
-const changeFilterEvent = (event, option, $panel,) => {
-  // 鎵嬪姩瑙﹀彂绛涢��
-  $panel.changeOption(event, !!option.data, option)
-}
+
 
 function padLeftZero(str) {
   return ('00' + str).substr(str.length)
 }
-
 
 
 /*鍚庣杩斿洖缁撴灉澶氬眰宓屽灞曠ず*/
@@ -125,14 +142,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()
@@ -141,8 +151,8 @@
   keepSource: true,//淇濇寔婧愭暟鎹�
   align: 'center',//鏂囧瓧灞呬腑
   stripe: true,//鏂戦┈绾�
-  rowConfig: {isCurrent: true, isHover: true, height: 30},//榧犳爣绉诲姩鎴栭�夋嫨楂樹寒
-  id: 'CustomerList',
+  rowConfig: {isCurrent: true, isHover: true, height: 30, useKey: false},//榧犳爣绉诲姩鎴栭�夋嫨楂樹寒
+  id: 'AddProcessCardRight',
   showFooter: true,//鏄剧ず鑴�
   printConfig: {},
   importConfig: {},
@@ -154,7 +164,222 @@
     useKey: true
   },
   filterConfig: {   //绛涢�夐厤缃」
-    //remote: true
+                    //remote: true
+  },
+  formConfig: {
+    data: {
+      shelfThickness: 800,
+      spacerThickness: 0,
+      inWeight: 4000,
+      inMaxQuantity: 20,
+      inLenMin:350,
+      inLenMax:3500,
+      inShortMax:2500,
+      inShortMin:350
+    },
+    rules:{
+      shelfThickness: [
+        { required: true, message: t('basicData.msg.greater0'),type:'number',pattern:/^[1-9]\d*$/ }
+      ],
+      spacerThickness: [
+        { required: true, message: t('delivery.pleaseEnterANumericalValueGreaterThanOrEqualTo0'),type:'number',pattern:/^[0-9]\d*$/ }
+      ],
+      inWeight: [
+        { required: true, message: t('basicData.msg.greater0'),type:'number',pattern:/^[1-9]\d*$/ }
+      ],
+      inMaxQuantity: [
+        { required: true, message: t('basicData.msg.greater0'),type:'number',pattern:/^[1-9]\d*$/ }
+      ]
+    },
+    items:[
+      { field: 'shelfThickness', title: t('processCard.depthShelf'), itemRender: { name: 'VxeInput' },span:8,folding: true},
+      { field: 'inWeight', title:t('processCard.shelfCapacity'), itemRender: { name: 'VxeInput' },span:8,folding: true },
+      { field: 'spacerThickness', title: t('processCard.IntervalThickness'), itemRender: { name: 'VxeInput' } ,span:8,folding: true},
+      { field: 'inLenMax', title: t('processCard.LongestLargestMax'), itemRender: { name: 'VxeInput' },span:8,folding: true },
+      { field: 'inLenMin', title: t('processCard.LongestShortestMax'), itemRender: { name: 'VxeInput' },span:8,folding: true },
+      { field: 'inMaxQuantity', title: t('processCard.quantityMax'), itemRender: { name: 'VxeInput' } ,span:8,folding: true},
+      { field: 'inShortMax', title: t('processCard.shortestLongest'), itemRender: { name: 'VxeInput' },span:8,folding: true },
+      { field: 'inShortMin', title: t('processCard.shortestSide'), itemRender: { name: 'VxeInput' },span:8,folding: true },
+      {
+        span: 24,
+        collapseNode: true,
+        align: 'center',
+        itemRender: {
+          name: 'VxeButtonGroup',
+          options: [
+            { type: 'submit', content: t('processCard.intelligentBranching'), status: 'primary' },
+            { type: 'reset', content: t('processCard.reset') }
+          ]
+        }
+      }
+    ]
+  },
+  customConfig: {
+    storage: true
+  },
+  sortConfig: {
+    multiple: true,
+    chronological: true
+  },
+  editConfig: {
+    trigger: 'click',
+    mode: 'row',
+    showStatus: true
+  },//琛ㄥご鍙傛暟
+  columns: [
+    {type: 'checkbox', fixed: "left", title: t('basicData.check'), width: '80px'},
+    {
+      field: 'orderNumber',
+      title: t('order.OrderNum'),
+      filters: [{data: ''}],
+      slots: {filter: 'num1_filter'},
+      filterMethod: filterChanged,
+      width: '100px'
+    },
+    {
+      field: 'shape',
+      title: t('order.shape'),
+      showOverflow: "ellipsis",
+      filters: [{data: ''}],
+      slots: {filter: 'num1_filter'},
+      filterMethod: filterChanged,
+      width: '70px'
+    },
+    {
+      field: 'longSide',
+      title: t('processCard.longSide'),
+      sortable: true,
+      filters: [{data: ''}],
+      slots: {filter: 'num1_filter'},
+      filterMethod: filterChanged,
+      width: '90px'
+    },
+    {
+      field: 'shortSide',
+      title: t('processCard.shortSide'),
+      sortable: true,
+      filters: [{data: ''}],
+      slots: {filter: 'num1_filter'},
+      filterMethod: filterChanged,
+      width: '90px'
+    },
+
+    {
+      field: 'buildingNumber',
+      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: 'width',
+      title: t('order.width'),
+      sortable: true,
+      filters: [{data: ''}],
+      slots: {filter: 'num1_filter'},
+      filterMethod: filterChanged,
+      width: '78px'
+    },
+    {
+      field: 'height',
+      title: t('order.height'),
+      sortable: true,
+      filters: [{data: ''}],
+      slots: {filter: 'num1_filter'},
+      filterMethod: filterChanged,
+      width: '78px'
+    },
+    {field: 'computeGrossArea', title: t('processCard.areaToDivided'), width: '80px'},
+    {field: 'totalThickness', title: t('processCard.totalThickness'), width: '80px'},
+    {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: {
+    // import: false,
+    // export: true,
+    // print: true,
+    zoom: true,
+    custom: true
+  },
+  data: [],//table body瀹為檯鏁版嵁
+  //鑴氶儴姹傚拰
+
+  footerMethod({columns, data}) {//椤佃剼鍑芥暟
+    let count = 0
+    return [
+      columns.map((column, columnIndex) => {
+        if (columnIndex === 0) {
+          return t('basicData.total')
+        }
+
+        const List = ["baiscQuantity", 'computeGrossArea']
+        if (List.includes(column.field)) {
+          return footSum(data, column.field)
+        }
+        if (column.field === 'weight') {
+          data.forEach(row => {
+            count += weightSum(row)
+          })
+          return parseFloat(count.toFixed(2))
+        }
+        return ''
+      })
+    ]
+  },
+
+})
+const gridEventsRight = {
+  formSubmit () {
+    let form = gridOptions.formConfig.data
+    form.orderId =orderId
+    form.productionId = productionId
+    request.post(`/processCard/processCardAutoRack`,form).then(res => {
+      xGridLeft.value.reloadData(res.data.orderDetailList)
+      console.log(res.data.orderDetailList)
+      xGrid.value.reloadData(res.data.orderDetailsNotScope)
+    })
+  },
+  formReset () {
+    router.push({
+      path: '/main/processCard/AddProcessCard',
+      query: {orderId: orderId,
+        productionId: productionId,
+        quantity: orderQuantity,
+        random:Math.random()
+      }
+    })
+  }
+}
+
+//宸︿晶瀛愮粍浠舵帴鏀跺弬鏁�
+const xGridLeft = ref()
+const gridLeftOptions = reactive({
+  border: "full",//琛ㄦ牸鍔犺竟妗�
+  keepSource: true,//淇濇寔婧愭暟鎹�
+  align: 'center',//鏂囧瓧灞呬腑
+  stripe: true,//鏂戦┈绾�
+  rowConfig: {isCurrent: true, isHover: true, height: 30, useKey: false},//榧犳爣绉诲姩鎴栭�夋嫨楂樹寒
+  id: 'AddProcessCardLeft',
+  showFooter: true,//鏄剧ず鑴�
+  printConfig: {},
+  importConfig: {},
+  exportConfig: {},
+  scrollY: {enabled: true},//寮�鍚櫄鎷熸粴鍔�
+  showOverflow: true,
+  columnConfig: {
+    resizable: true,
+    useKey: true
+  },
+  filterConfig: {   //绛涢�夐厤缃」
+                    //remote: true
   },
   customConfig: {
     storage: true
@@ -165,22 +390,60 @@
     showStatus: true
   },//琛ㄥご鍙傛暟
   columns: [
-    {type: 'checkbox', fixed: "left", title: '閫夋嫨'},
-    {field: 'orderNumber', title: '璁㈠簭', filters: [{data: ''}], slots: {filter: 'num1_filter'},filterMethod:filterChanged},
-    {field: 'shape', title: '褰㈢姸', showOverflow: "ellipsis", filters: [{data: ''}], slots: {filter: 'num1_filter'},filterMethod:filterChanged},
-    {field: 'width', title: '瀹�', sortable: true, filters: [{data: ''}], slots: {filter: 'num1_filter'},filterMethod:filterChanged},
-    {field: 'height', title: '楂�', sortable: true, filters: [{data: ''}], slots: {filter: 'num1_filter'},filterMethod:filterChanged},
-    {field: 'baiscQuantity', title: '寰呭垎鏁伴噺', showOverflow: "ellipsis"},
-    {field: 'computeGrossArea', title: '寰呭垎闈㈢Н'},
-    {field: 'totalThickness', title: '鎬诲帤搴�'},
-    {field: 'thickness', title: '鐜荤拑鍘氬害'},
-    {field: 'weight', title: '閲嶉噺'}
+    {type: 'checkbox', fixed: "left", title: t('basicData.check'),width: 78},
+    {
+      field: 'processId',
+      title: t('processCard.processId'),
+      filters: [{data: ''}],
+      slots: {filter: 'num1_filter'},
+      width: 135,
+      filterMethod: filterChanged,
+    },
+    {
+      field: 'orderNumber',
+      title: t('order.OrderNum'),
+      showOverflow: "ellipsis",
+      filters: [{data: ''}],
+      slots: {filter: 'num1_filter'}
+      , filterMethod: filterChanged,
+      width: 98
+    },
+    {
+      field: 'landingSequence',
+      title: t('processCard.landingSequence'),
+      filters: [{data: ''}],
+      slots: {filter: 'num1_filter'},
+      filterMethod: filterChanged,
+      width: 99
+    },
+    {field: 'quantity', title: t('order.quantity'),width:70},
+    {
+      field: 'shape',
+      title: t('order.shape'),
+      filters: [{data: ''}],
+      slots: {filter: 'num1_filter'},
+      filterMethod: filterChanged,
+      width:70
+    },
+    {
+      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: 'totalThickness', title: t('processCard.totalThickness'),width:70},
   ],//琛ㄥご鎸夐挳
 
   toolbarConfig: {
-    // buttons: [{
-    //
-    // }],
+    buttons: [
+      {code: 'saveFlowCard', name: t('basicData.save'), status: 'primary', icon: 'vxe-icon-save'},
+    ],
     // import: false,
     // export: true,
     // print: true,
@@ -190,14 +453,14 @@
   data: [],//table body瀹為檯鏁版嵁
   //鑴氶儴姹傚拰
   footerMethod({columns, data}) {//椤佃剼鍑芥暟
-    let footList = ['baiscQuantity', 'computeGrossArea', 'totalThickness','thickness', 'weight']
     return [
       columns.map((column, columnIndex) => {
         if (columnIndex === 0) {
-          return '鍚堣:'
+          return t('basicData.total')
         }
-        if (footList.includes(column.field)) {
-          return sumNum(data, column.field)
+        const List = ["quantity", 'goodsQuantity', 'area']
+        if (List.includes(column.field)) {
+          return footSum(data, column.field)
         }
         return ''
       })
@@ -205,165 +468,264 @@
   }
 
 })
-
-
-//宸︿晶瀛愮粍浠舵帴鏀跺弬鏁�
-const xGridLeft = ref()
-const gridLeftOptions = reactive({
-  border: "full",//琛ㄦ牸鍔犺竟妗�
-  keepSource: true,//淇濇寔婧愭暟鎹�
-  align: 'center',//鏂囧瓧灞呬腑
-  stripe: true,//鏂戦┈绾�
-  rowConfig: {isCurrent: true, isHover: true, height: 30},//榧犳爣绉诲姩鎴栭�夋嫨楂樹寒
-  id: 'CustomerList',
-  showFooter: true,//鏄剧ず鑴�
-  printConfig: {},
-  importConfig: {},
-  exportConfig: {},
-  scrollY: {enabled: true},//寮�鍚櫄鎷熸粴鍔�
-  showOverflow: true,
-  columnConfig: {
-    resizable: true,
-    useKey: true
-  },
-  filterConfig: {   //绛涢�夐厤缃」
-    //remote: true
-  },
-  customConfig: {
-    storage: true
-  },
-  editConfig: {
-    trigger: 'click',
-    mode: 'row',
-    showStatus: true
-  },//琛ㄥご鍙傛暟
-  columns: [
-    {type: 'checkbox', fixed: "left", title: '閫夋嫨'},
-    {field: 'processId', title: '娴佺▼鍗″彿', filters: [{data: ''}], slots: {filter: 'num1_filter'}, width: 130,filterMethod:filterChanged},
-    {
-      field: 'orderNumber',
-      title: '璁㈠簭',
-      showOverflow: "ellipsis",
-      filters: [{data: ''}],
-      slots: {filter: 'num1_filter'}
-      ,filterMethod:filterChanged
-    },
-    {field: 'landingSequence', title: '钀芥灦椤哄簭', filters: [{data: ''}], slots: {filter: 'num1_filter'},filterMethod:filterChanged},
-    {field: 'shape', title: '褰㈢姸', filters: [{data: ''}], slots: {filter: 'num1_filter'},filterMethod:filterChanged},
-    {field: 'width', title: '瀹�', showOverflow: "ellipsis"},
-    {field: 'height', title: '楂�'},
-    {field: 'quantity', title: '鎬绘暟閲�'},
-    {field: 'totalThickness', title: '鎬诲帤搴�'},
-  ],//琛ㄥご鎸夐挳
-
-  toolbarConfig: {
-    buttons: [
-      {code: 'saveFlowCard', name: '淇濆瓨', status: 'primary', icon: 'vxe-icon-save'},
-    ],
-    import: false,
-    export: true,
-    print: true,
-    zoom: true,
-    custom: true
-  },
-  data: [],//table body瀹為檯鏁版嵁
-  //鑴氶儴姹傚拰
-  footerMethod({columns, data}) {//椤佃剼鍑芥暟
-    let footList = ['鎬绘暟閲�', '鎬婚潰绉�', '鍒嗙鏁�']
-    return [
-      columns.map((column, columnIndex) => {
-        if (columnIndex === 0) {
-          return '鍚堣:'
-        }
-        if (footList.includes(column.field)) {
-          return sumNum(data, column.field)
-        }
-        return ''
-      })
-    ]
-  }
-
-})
+//瀹氫箟杈撳叆鏁伴噺
+let checkedNum = ref('')
 //鍒涘缓娴佺▼鍗�
 const createProcessCard = () => {
   const $grid = xGrid.value
   const checkedList = $grid.getCheckboxRecords()
+
   if (checkedList.length === 0) {
-    ElMessage.warning("璇峰厛閫夋嫨鍙充晶鏁版嵁")
+    ElMessage.warning(t('processCard.schedulingOk'))
+    return
+  }
+
+  const $gridLeft = xGridLeft.value
+  const leftData = $gridLeft.getTableData().fullData
+
+  // 鑾峰彇鏈�澶ц惤鏋堕『搴�
+  let index = 1
+  if (leftData.length !== 0) {
+    index = Math.max(...leftData.map(d => d.landingSequence || 0)) + 1
+  }
+
+  // 鐢熸垚 processId锛堟渶澶у熬鍙� + 1锛�
+  let maxProcIdNum = 0
+  if (leftData.length > 0) {
+    maxProcIdNum = Math.max(...leftData.map(item => {
+      const pid = item.processId
+      return parseInt(pid?.slice(-3)) || 0
+    }))
+  }
+
+  const baseIdNum = Math.max(
+      maxProcIdNum,
+      parseInt(maxProcseeId?.slice(-3) || '0')
+  ) + 1
+
+  const processId = productionId + baseIdNum.toString().padStart(3, '0')
+
+  // 鏍¢獙鏁伴噺
+  const regex = /^(\d+|)$/
+  if (!regex.test(checkedNum.value)) {
+    ElMessage.warning(t('processCard.schedulingNo'))
+    return
+  }
+
+  try {
+    if (/^[1-9]\d*$/.test(checkedNum.value)) {
+      // 鏈夎緭鍏ユ暟閲忕殑
+      checkedList.forEach((item) => {
+        if (item.baiscQuantity < checkedNum.value * 1) {
+          throw new Error(t('processCard.schedulingQuantity'))
+        }
+
+        const newItem = JSON.parse(JSON.stringify(item))
+        //鏇存柊key
+        newItem._X_ROW_KEY = `${processId}_${newItem.orderNumber}_${Date.now()}_${Math.random()}`
+        newItem.quantity = checkedNum.value * 1
+        newItem.processId = processId
+        newItem.landingSequence = index
+        newItem.baiscQuantity -= checkedNum.value * 1
+        newItem.computeGrossArea = (
+            newItem.computeGrossArea - newItem.width * newItem.height * checkedNum.value / 1000000
+        ).toFixed(2)
+
+        if (item.baiscQuantity === newItem.quantity) {
+          $grid.remove(item)
+        } else {
+          item.baiscQuantity -= newItem.quantity  // 淇濇寔鍙宠〃鍓╀綑鏁伴噺姝g‘
+          item.computeGrossArea = (
+              item.computeGrossArea - item.width * item.height * newItem.quantity / 1000000
+          ).toFixed(2)
+        }
+
+        const currentLeft = $gridLeft.getTableData().fullData
+        $gridLeft.clearSort()
+        $gridLeft.loadData([...currentLeft, newItem])
+        $grid.refreshColumn()
+
+      })
+    } else if (checkedNum.value === '') {
+      // 鏈緭鍏ユ暟閲�
+      const currentLeft = $gridLeft.getTableData().fullData
+      const newList = checkedList.map(item => {
+        const newItem = JSON.parse(JSON.stringify(item))
+        newItem.quantity = newItem.baiscQuantity
+        newItem.processId = processId
+        newItem.landingSequence = index
+        return newItem
+      })
+
+      $grid.remove(checkedList)
+      $gridLeft.clearSort()
+      $gridLeft.loadData([...currentLeft, ...newList])
+    }
+
+    // 娓呯┖閫夋嫨鍜岃緭鍏�
+    $gridLeft.clearCheckboxRow()
+    $grid.clearCheckboxRow()
+    checkedNum.value = ''
+
+  } catch (e) {
+    ElMessage.warning(e.message || t('processCard.msg.msg1'))
+  }
+}
+
+
+
+
+
+//鎸夌紪鍙峰垱寤烘祦绋嬪崱
+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 = 1
+  let index = 0
   if (leftData.length !== 0) {
     index = leftData[0].landingSequence + 1
     //index = index.toString().padStart(2, '0')
   }
-  const processId = productionId + index.toString().padStart(2, '0')
-  checkedList.forEach((item) => {
-    item.processId = processId
-    item.landingSequence = index
-  })
-  $gridLeft.insertAt(checkedList)
-  $grid.remove(checkedList)
+
+  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()
+
 }
 
-let checkedNum = ref('')
-
-//鍚戝彸杈硅〃鏍兼坊鍔犳暟鎹�
+//鍚戝彸2
 const addRight = () => {
   try {
-    //宸﹁竟琛ㄦ牸瀹氫箟
+    // 宸﹁竟琛ㄦ牸瀹氫箟
     const $gridLeft = xGridLeft.value
-    //鍙宠竟琛ㄦ牸瀹氫箟
+    // 鍙宠竟琛ㄦ牸瀹氫箟
     const $grid = xGrid.value
-    //鑾峰彇宸﹁竟琛ㄦ牸checkbox閫変腑鐨勬暟鎹�
+    // 鑾峰彇宸﹁竟琛ㄦ牸checkbox閫変腑鐨勬暟鎹�
     const checkedList = $gridLeft.getCheckboxRecords()
-    //鍒ゆ柇宸﹁竟琛ㄦ牸鏄惁鏈夐�変腑鐨勬暟鎹�
+
+    // 鍒ゆ柇宸﹁竟琛ㄦ牸鏄惁鏈夐�変腑鐨勬暟鎹�
     if (checkedList.length === 0) {
-      ElMessage.warning("璇峰厛閫夋嫨宸︿晶鏁版嵁")
+      ElMessage.warning(t('processCard.schedulingArea'))
       return
     }
-    const regex = /^(\d+|)$/;
+
+    const regex = /^(\d+|)$/
     if (!regex.test(checkedNum.value)) {
-      ElMessage.warning("璇疯緭鍏ユ鏁存暟")
+      ElMessage.warning(t('processCard.schedulingNo'))
       return
     }
-    //鍒ゆ柇姝f暣鏁�
+
+    // 鍒ゆ柇姝f暣鏁�
     if (/^[1-9]\d*$/.test(checkedNum.value)) {
-      //瀵归�変腑鐨勫乏杈硅〃鏍兼暟鎹繘琛屽惊鐜�
+      // 瀵归�変腑鐨勫乏杈硅〃鏍兼暟鎹繘琛屽惊鐜�
       checkedList.forEach((item) => {
-        //鍒ゆ柇鍙敤鏁伴噺鏄惁澶т簬绛変簬杈撳叆鐨勬暟閲�,涓嶆弧瓒冲垯鎶涘嚭寮傚父
-        if (item.quantity < checkedNum.value) throw new Error("璇疯緭鍏ュ皬浜庣瓑浜庡彲鐢ㄦ暟閲忕殑鏁板瓧");
-        //宸﹁竟琛ㄦ牸鍙敤鏁伴噺鍑忓幓杈撳叆鐨勬暟閲�
+        // 鍒ゆ柇鍙敤鏁伴噺鏄惁澶т簬绛変簬杈撳叆鐨勬暟閲�, 涓嶆弧瓒冲垯鎻愮ず
+        if (item.quantity < checkedNum.value * 1) {
+          ElMessage.warning(t('processCard.schedulingQuantity'))
+        }
+
+        // 宸﹁竟琛ㄦ牸鍙敤鏁伴噺鍑忓幓杈撳叆鐨勬暟閲�
         item.quantity = item.quantity - checkedNum.value
-        //鍙宠竟琛ㄦ牸鏁版嵁
-        let rightData = $grid.getTableData().fullData
-        //鍙宠竟琛ㄦ牸鏁版嵁涓煡鎵惧綋鍓嶆暟鎹笅鏍�
-        let filterIndex = rightData.findIndex(item1 => item1.orderNumber === item.orderNumber)
-        //濡傛灉鍙宠竟琛ㄦ牸鏁版嵁涓瓨鍦ㄥ綋鍓嶆暟鎹垯鏁伴噺鐩稿姞
+
+        // 鍙宠竟琛ㄦ牸鏁版嵁
+        const rightData = $grid.getTableData().fullData
+        // 鍙宠竟琛ㄦ牸鏁版嵁涓煡鎵惧綋鍓嶆暟鎹笅鏍囷紙浠� orderNumber 鍖归厤锛�
+        const filterIndex = rightData.findIndex(d => d.orderNumber === item.orderNumber)
+
         if (filterIndex >= 0) {
+          // 鏁伴噺鍙犲姞
           rightData[filterIndex].baiscQuantity = rightData[filterIndex].baiscQuantity * 1 + checkedNum.value * 1
-          //濡傛灉宸﹁竟鏁伴噺涓�0鏃跺垹闄ゆ鏉℃暟鎹�
+          // 闈㈢Н閲嶇畻
+          rightData[filterIndex].computeGrossArea = (
+              rightData[filterIndex].width * rightData[filterIndex].height * rightData[filterIndex].baiscQuantity / 1000000
+          ).toFixed(2)
+
+          // 濡傛灉宸﹁竟鏁伴噺涓�0鏃跺垹闄ゆ鏉℃暟鎹�
+          const key = item._X_ROW_KEY
+          delete item._X_ROW_KEY
+          if (item.baiscQuantity === 0 || item.quantity === 0) {
+            $gridLeft.remove(item)
+          }
+          item._X_ROW_KEY = key
+        } else {
+          // 鍙宠竟琛ㄦ牸娌℃湁姝ゆ潯鏁版嵁鍒欏線鍙宠竟琛ㄦ牸鎻掑叆鏁版嵁
+          item.baiscQuantity = checkedNum.value
+          item.computeGrossArea = (item.width * item.height * checkedNum.value / 1000000).toFixed(2)
           if (item.quantity === 0) {
             $gridLeft.remove(item)
           }
-        } else {
-          //鍙宠竟琛ㄦ牸娌℃湁姝ゆ潯鏁版嵁鍒欏線鍙宠竟琛ㄦ牸鎻掑叆鏁版嵁
-          item.baiscQuantity = checkedNum.value
           $grid.insert(item)
         }
-      })
-    } else if (checkedNum.value === '') {//鍒ゆ柇鏁伴噺杈撳叆妗嗘湁鏃犺緭鍏ユ暟瀛�
 
+        if (item.quantity === 0) {
+          $gridLeft.remove(item)
+        }
+      })
+    } else if (checkedNum.value === '') { // 鏁伴噺杈撳叆妗嗘棤杈撳叆鏁板瓧锛氬叏閲忕Щ鍔�
       checkedList.forEach((item) => {
-        let rightData = $grid.getTableData().fullData
-        let filterIndex = rightData.findIndex(item1 => item1.orderNumber === item.orderNumber)
-        //鏃犺緭鍏ュ苟涓斿鏋滃彸杈硅〃鏍兼暟鎹腑瀛樺湪褰撳墠鏁版嵁鍒欐暟閲忕浉鍔�
+        // 鍙充晶琛ㄦ牸
+        const rightData = $grid.getTableData().fullData
+        const filterIndex = rightData.findIndex(d => d.orderNumber === item.orderNumber)
+
         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)
         } else {
+          item.baiscQuantity = item.quantity * 1
+          delete item._X_ROW_KEY
           $grid.insert(item)
         }
 
@@ -371,72 +733,468 @@
       })
     }
 
+    // ===== 涓嬮潰杩欓儴鍒嗭細鎶娾�滃�掑簭鈥濇敼鎴愨�滈『搴忊�� =====
+
+    // 鑾峰彇宸﹁〃鍓╀綑鏁版嵁
+    const leftDataList = $gridLeft.getTableData().fullData
+    const baseProcessId = productionId // 鍥哄畾鍓嶇紑
+
+    // 鍙朓D鏈熬鏁板瓧锛堟病鏈夋暟瀛楀垯杩斿洖鏋佸ぇ鍊硷紝闃叉鐩稿噺 NaN/閿欏簭锛�
+    const tailNum = (id) => {
+      const m = String(id ?? '').match(/(\d+)$/)
+      return m ? parseInt(m[1], 10) : Number.MAX_SAFE_INTEGER
+    }
+
+    // 鍏堟寜鍘� processId 鍒嗙粍
+    const groupedByOld = leftDataList.reduce((acc, row) => {
+      const pid = row.processId
+      if (!acc[pid]) acc[pid] = []
+      acc[pid].push(row)
+      return acc
+    }, {})
+
+    // 鎷垮埌鍘婚噸鍚庣殑鏃� processId 鍒楄〃锛屽苟鎸夆�滄湯灏炬暟瀛椻�濇搴忥紙灏忓埌澶э級鎺掑垪
+    const oldIds = Object.keys(groupedByOld).sort((a, b) => {
+      const da = tailNum(a)
+      const db = tailNum(b)
+      if (da !== db) return da - db
+      // 灏炬暟鐩稿悓鍐嶆寜瀛楀吀搴忓厹搴曪紝纭繚绋冲畾
+      return String(a).localeCompare(String(b))
+    })
+
+    // 鏋勫缓浠庢棫 processId -> 鏂� processId 鐨勬槧灏勶細001, 002, ... 姝e簭閫掑
+    const pidMap = new Map()
+    oldIds.forEach((oldId, idx) => {
+      const newPid = `${baseProcessId}${String(idx + 1).padStart(3, '0')}`
+      pidMap.set(oldId, newPid)
+    })
+
+
+    oldIds.forEach((oldId, idx) => {
+      const group = groupedByOld[oldId]
+      const newPid = pidMap.get(oldId)
+      const seq = idx + 1
+      group.forEach((row) => {
+        row.processId = newPid
+        row.landingSequence = seq
+      })
+    })
+
+    // 娓呴櫎涓よ竟澶嶉�夋 & 鍒锋柊鍒�
+    $gridLeft.clearCheckboxRow()
+    $grid.clearCheckboxRow()
+    $grid.refreshColumn()
   } catch (e) {
     ElMessage.warning(e.message)
   }
+
+  // 姣忔鐐瑰嚮娓呯┖杈撳叆妗�
+  if (checkedNum.value) {
+    checkedNum.value = ''
+  }
 }
-//鍚戝乏杈硅〃鏍兼坊鍔犳暟鎹�
+
+//鍚戝彸杈硅〃鏍兼坊鍔犳暟鎹�
+// const addRight = () => {
+//   try {
+//     //宸﹁竟琛ㄦ牸瀹氫箟
+//     const $gridLeft = xGridLeft.value
+//     //鍙宠竟琛ㄦ牸瀹氫箟
+//     const $grid = xGrid.value
+//     //鑾峰彇宸﹁竟琛ㄦ牸checkbox閫変腑鐨勬暟鎹�
+//     const checkedList = $gridLeft.getCheckboxRecords()
+//     //鍒ゆ柇宸﹁竟琛ㄦ牸鏄惁鏈夐�変腑鐨勬暟鎹�
+//     if (checkedList.length === 0) {
+//       ElMessage.warning(t('processCard.schedulingArea'))
+//       return
+//     }
+//     const regex = /^(\d+|)$/;
+//     if (!regex.test(checkedNum.value)) {
+//       ElMessage.warning(t('processCard.schedulingNo'))
+//       return
+//     }
+//     //鍒ゆ柇姝f暣鏁�
+//     if (/^[1-9]\d*$/.test(checkedNum.value)) {
+//       //瀵归�変腑鐨勫乏杈硅〃鏍兼暟鎹繘琛屽惊鐜�
+//       checkedList.forEach((item) => {
+//         //鍒ゆ柇鍙敤鏁伴噺鏄惁澶т簬绛変簬杈撳叆鐨勬暟閲�,涓嶆弧瓒冲垯鎶涘嚭寮傚父
+//         // 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
+//         //鍙宠竟琛ㄦ牸鏁版嵁涓煡鎵惧綋鍓嶆暟鎹笅鏍�
+//         let filterIndex = rightData.findIndex(item1 => item1.orderNumber === item.orderNumber)
+//         //濡傛灉鍙宠竟琛ㄦ牸鏁版嵁涓瓨鍦ㄥ綋鍓嶆暟鎹垯鏁伴噺鐩稿姞
+//         if (filterIndex >= 0) {
+//           //鏁伴噺
+//           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)
+//           //濡傛灉宸﹁竟鏁伴噺涓�0鏃跺垹闄ゆ鏉℃暟鎹�
+//           //鍒犻櫎key
+//           let key = item._X_ROW_KEY
+//           delete item._X_ROW_KEY
+//           if (item.baiscQuantity === 0) {
+//             $grid.remove(item)
+//           }
+//           item._X_ROW_KEY = key
+//         } else {
+//           //鍙宠竟琛ㄦ牸娌℃湁姝ゆ潯鏁版嵁鍒欏線鍙宠竟琛ㄦ牸鎻掑叆鏁版嵁
+//           item.baiscQuantity = checkedNum.value
+//           item.computeGrossArea = (item.width * item.height * checkedNum.value / 1000000).toFixed(2)
+//           if (item.quantity === 0) {
+//             $gridLeft.remove(item)
+//           }
+//           $grid.insert(item)
+//         }
+//         if (item.quantity === 0) {
+//           $gridLeft.remove(item)
+//         }
+//       })
+//     } else if (checkedNum.value === '') {//鍒ゆ柇鏁伴噺杈撳叆妗嗘棤杈撳叆鏁板瓧
+//
+//       checkedList.forEach((item) => {
+//         //鍙充晶琛ㄦ牸
+//         let rightData = $grid.getTableData().fullData
+//         let filterIndex = rightData.findIndex(item1 => item1.orderNumber === item.orderNumber)
+//         //宸︿晶琛ㄦ牸
+//         let leftData = $gridLeft.getTableData().fullData
+//         let leftfilterIndex = leftData.findIndex(item1 => item1.orderNumber === item.orderNumber)
+//         //鏃犺緭鍏ュ苟涓斿鏋滃彸杈硅〃鏍兼暟鎹腑瀛樺湪褰撳墠鏁版嵁鍒欐暟閲忕浉鍔�
+//         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)
+//
+//         } else {
+//
+//           item.baiscQuantity = item.quantity * 1
+//           delete item._X_ROW_KEY
+//           $grid.insert(item)
+//
+//         }
+//
+//         $gridLeft.remove(item)
+//       })
+//
+//     }
+//
+//     let leftDataList = $gridLeft.getTableData().fullData;
+//     let baseProcessId = productionId; // 鍥哄畾鐨勫墠缂�
+//
+//     // 缁熻鎵�鏈変笉閲嶅鐨� processId
+//     let uniqueProcessIds = new Set(leftDataList.map(item => item.processId));
+//     // 涓嶉噸澶嶇殑 processId 鐨勬�讳釜鏁�
+//     let totalUniqueCount = uniqueProcessIds.size;
+//     // 鐢ㄤ簬璁板綍宸茬粡鍒嗛厤鐨� processId
+//     let usedProcessIds = new Set();
+//
+//     leftDataList.forEach((item) => {
+//       let newProcessId;
+//       // 濡傛灉璇� processId 鏄涓�娆″嚭鐜帮紝浣跨敤閫掑噺鐨勭紪鍙风敓鎴愭柊鐨� processId
+//       if (!usedProcessIds.has(item.processId)) {
+//         newProcessId = `${baseProcessId}${(totalUniqueCount).toString().padStart(3, '0')}`;
+//         usedProcessIds.add(item.processId); // 鏍囪璇� processId 宸蹭娇鐢�
+//         totalUniqueCount--; // 閫掑噺
+//
+//       } else {
+//         // 濡傛灉璇� processId 宸茬粡浣跨敤杩囷紝缁х画浣跨敤宸插垎閰嶇殑缂栧彿
+//         newProcessId = `${baseProcessId}${(totalUniqueCount + 1).toString().padStart(3, '0')}`;
+//
+//       }
+//       // 鏇存柊 item.processId
+//       item.processId = newProcessId;
+//     });
+//     // 鑾峰彇鍓╀綑鏁版嵁,鐢ㄤ簬瀵硅惤鏋堕『搴忛噸鏂拌祴鍊�
+//     let remainingData = $gridLeft.getTableData().fullData;
+//     // 鎸� processId 鍒嗙粍
+//     let groupedData = remainingData.reduce((acc, curr) => {
+//       if (!acc[curr.processId]) {
+//         acc[curr.processId] = [];
+//       }
+//       acc[curr.processId].push(curr);
+//       return acc;
+//     }, {});
+//
+//     // 鎸� processId 鎺掑簭锛堝�掑簭锛�
+//     let sortedProcessIds = Object.keys(groupedData).sort((a, b) => b - a);
+//
+//     // 鏇存柊姣忎釜鍒嗙粍鐨� landingSequence
+//     sortedProcessIds.forEach((processId, index) => {
+//       let group = groupedData[processId];
+//
+//       // 瀵规瘡涓� processId 鍒嗙粍鍐呯殑鏁版嵁锛屼笉鏀瑰彉椤哄簭锛岀洿鎺ヨ祴鐩稿悓鐨� landingSequence
+//       group.forEach((item) => {
+//         item.landingSequence = sortedProcessIds.length - index; // 鎸夊�掑簭璁剧疆 landingSequence
+//       });
+//     });
+//     //娓呴櫎涓よ竟澶嶉�夋
+//     $gridLeft.clearCheckboxRow()
+//     $grid.clearCheckboxRow()
+//     $grid.refreshColumn()
+//   } catch (e) {
+//     ElMessage.warning(e.message)
+//   }
+//   //姣忔鐐瑰嚮鎯呭喌杈撳叆妗�
+//   if (checkedNum.value){
+//     checkedNum.value =''
+//   }
+// }
+
+
+//鍚戝乏2
 const addLeft = () => {
   try {
-    //宸﹁竟琛ㄦ牸瀹氫箟
     const $gridLeft = xGridLeft.value
-    //鍙宠竟琛ㄦ牸瀹氫箟
     const $grid = xGrid.value
-    //鑾峰彇鍙宠竟琛ㄦ牸checkbox閫変腑鐨勬暟鎹�
+
+    // 鍙宠〃閫変腑
     const checkedList = $grid.getCheckboxRecords()
-    //鑾峰彇宸﹁竟琛ㄦ牸checkbox閫変腑鐨勬暟鎹�
+    // 宸﹁〃閫変腑锛堣姹傚彧鑳介�� 1 鏉★紝鐢ㄤ簬纭畾鐩爣娴佺▼鍗★級
     const checkedListLeft = $gridLeft.getCheckboxRecords()
-    //鍒ゆ柇鍙宠竟琛ㄦ牸鏄惁鏈夐�変腑鐨勬暟鎹�
-    if (checkedList.length === 0) {
-      ElMessage.warning("璇峰厛閫夋嫨鍙充晶鏁版嵁")
+
+    // 鍩烘湰鏍¢獙
+    if (!checkedList.length) {
+      ElMessage.warning(t('processCard.schedulingOk'))
       return
     }
     if (checkedListLeft.length !== 1) {
-      ElMessage.warning("璇峰厛閫夋嫨宸︿晶涓�鏉℃暟鎹�")
+      ElMessage.warning(t('processCard.schedulingTime'))
       return
     }
-    const regex = /^(\d+|)$/;
+    const regex = /^(\d+|)$/
     if (!regex.test(checkedNum.value)) {
-      ElMessage.warning("璇疯緭鍏ユ鏁存暟")
+      ElMessage.warning(t('processCard.schedulingNo'))
       return
     }
-    //鍒ゆ柇姝f暣鏁�
-    if (/^[1-9]\d*$/.test(checkedNum.value)) {
-      checkedList.forEach((item) => {
-        //鍒ゆ柇鍙敤鏁伴噺鏄惁澶т簬绛変簬杈撳叆鐨勬暟閲�,涓嶆弧瓒冲垯鎶涘嚭寮傚父
-        if (item.baiscQuantity < checkedNum.value) throw new Error("璇疯緭鍏ュ皬浜庣瓑浜庡彲鐢ㄦ暟閲忕殑鏁板瓧");
-        item.baiscQuantity = item.baiscQuantity - checkedNum.value
-        //宸﹁竟琛ㄦ牸鏁版嵁
-        let leftData = $gridLeft.getTableData().fullData
-        //宸﹁竟琛ㄦ牸鏁版嵁涓煡鎵惧綋鍓嶆暟鎹笅鏍�
-        let filterIndex = leftData.findIndex(item1 => item1.orderNumber === item.orderNumber)
-        //濡傛灉鍙宠竟琛ㄦ牸鏁版嵁涓瓨鍦ㄥ綋鍓嶆暟鎹垯鏁伴噺鐩稿姞
-        if (filterIndex >= 0) {
-          leftData[filterIndex].quantity = leftData[filterIndex].quantity * 1 + checkedNum.value * 1
 
-          if (item.baiscQuantity === 0) {
-            $grid.remove(checkedList)
-          }
-        } else {
-          item.quantity = checkedNum.value
-          item.processId = checkedListLeft[0].processId
-          item.landingSequence = checkedListLeft[0].landingSequence
-          $gridLeft.insert(item)
+    const isValidNum = /^[1-9]\d*$/.test(checkedNum.value)
+    const targetProcId = checkedListLeft[0].processId
+    const targetLandingSeq = checkedListLeft[0].landingSequence
+
+    // 宸ュ叿锛氭妸璁板綍濉炲埌宸﹁〃琛ㄥ熬锛堝瓨鍦ㄧ浉鍚� orderNumber+processId 灏卞彧鍚堝苟鏁伴噺锛�
+    const upsertToLeftTail = (srcRow, qtyToMove) => {
+      // 鐩爣琛屽簲鍏锋湁鐨勯敭鍊�
+      const keyOrder = srcRow.orderNumber
+      const keyProc = targetProcId
+
+      // 鍏堟壘鏄惁宸叉湁鍚� orderNumber + processId 鐨勮
+      const leftFull = $gridLeft.getTableData().fullData
+      const existIdx = leftFull.findIndex(r => r.orderNumber === keyOrder && r.processId === keyProc)
+
+      if (existIdx >= 0) {
+        // 鍚堝苟鏁伴噺
+        leftFull[existIdx].quantity = (leftFull[existIdx].quantity || 0) * 1 + qtyToMove * 1
+        // 杩欓噷涓嶉澶栨墸 left 琛岀殑 computeGrossArea锛岄伩鍏嶉噸澶嶆墸鍑忥紙鎵e噺鍙湪鍙充晶鍑忓嚭鏃跺仛锛�
+        // 濡傞渶宸︿晶涔熸墸锛岃鎸変綘鐨勫彛寰勫湪姝ゅ琛ヤ笂
+        // 涓嶉渶瑕� reload锛岃繖閲岀洿鎺ユ敼 fullData锛屾渶鍚庣粺涓� refresh
+      } else {
+        // 鏂板缓涓�鏉℃斁鍒拌〃灏�
+        // 鍏嬮殕涓�涓共鍑�瀵硅薄锛岄伩鍏� _X_ROW_KEY 鍐茬獊
+        const { _X_ROW_KEY, ...plain } = srcRow
+        const newRow = {
+          ...plain,
+          processId: targetProcId,
+          landingSequence: targetLandingSeq,
+          quantity: qtyToMove,
+          // 濡傛灉浣犲笇鏈涙柊琛屼篃鍚屾鎵e噺鑷韩闈㈢Н锛屽彲浠ユ墦寮�涓嬮潰杩欎竴琛岋紱
+          // 鍚﹀垯娉ㄩ噴淇濇寔鍙湪鍙充晶鎵e噺涓�娆�
+          // computeGrossArea: (
+          //   (plain.computeGrossArea || 0) - (plain.width * plain.height * qtyToMove) / 1000000
+          // ).toFixed(2)
+        }
+        $gridLeft.insertAt(newRow, -1) //  姘歌繙鎻掑埌琛ㄥ熬
+      }
+    }
+
+    if (isValidNum) {
+      // 绉诲姩銆屾寚瀹氭暟閲忋��
+      const moveQty = checkedNum.value * 1
+
+      checkedList.forEach((item) => {
+        if ((item.baiscQuantity * 1) < moveQty) {
+          throw new Error(t('processCard.msg.msg2'))
         }
 
+        // 鍙宠〃鎵f暟閲忋�佹墸闈㈢Н锛堝彧鎵d竴娆★紝閬垮厤宸﹁〃鍐嶆墸閲嶅锛�
+        item.baiscQuantity = item.baiscQuantity * 1 - moveQty
+        item.computeGrossArea = (
+            (item.computeGrossArea * 1) - (item.width * item.height * moveQty) / 1000000
+        ).toFixed(2)
+
+        // 鍐欏叆宸﹁〃锛堣〃灏撅級锛屾垨鍚堝苟
+        upsertToLeftTail(item, moveQty)
+
+        // 鍙宠〃璇ヨ鍒嗗畬娓呴浂灏卞垹鎺�
+        if (item.baiscQuantity * 1 === 0) {
+          $grid.remove(item)
+        }
       })
-    } else if (checkedNum.value === '') {//鍒ゆ柇鏁伴噺杈撳叆妗嗘湁鏃犺緭鍏ユ暟瀛�
+    } else if (checkedNum.value === '') {
+      // 绉诲姩銆屽叏閮ㄥ緟鍒嗘暟閲忋��
       checkedList.forEach((item) => {
-        item.processId = checkedListLeft[0].processId
-        item.landingSequence = checkedListLeft[0].landingSequence
+        const moveQtyAll = item.baiscQuantity * 1
+        if (moveQtyAll <= 0) return
+
+        // 鍙宠〃鎵e埌 0锛屾墸闈㈢Н
+        item.baiscQuantity = 0
+        item.computeGrossArea = (
+            (item.computeGrossArea * 1) - (item.width * item.height * moveQtyAll) / 1000000
+        ).toFixed(2)
+
+        // 鍐欏叆宸﹁〃锛堣〃灏撅級锛屾垨鍚堝苟
+        upsertToLeftTail(item, moveQtyAll)
+
+        // 绉婚櫎鍙宠〃璇ヨ
+        $grid.remove(item)
       })
-      $gridLeft.insertAt(checkedList)
-      $grid.remove(checkedList)
     }
+
+    // 娓呭嬀閫� & 鍒锋柊
+    if ($gridLeft) $gridLeft.clearCheckboxRow()
+    if ($grid) $grid.clearCheckboxRow()
+    $grid.refreshColumn()
+
   } catch (e) {
     ElMessage.warning(e.message)
   }
+
+  // 娓呯┖杈撳叆
+  if (checkedNum.value) {
+    checkedNum.value = ''
+  }
 }
+
+
+
+
+
+//鍚戝乏杈硅〃鏍兼坊鍔犳暟鎹�
+// const addLeft = () => {
+//   try {
+//     //宸﹁竟琛ㄦ牸瀹氫箟
+//     const $gridLeft = xGridLeft.value
+//     //鍙宠竟琛ㄦ牸瀹氫箟
+//     const $grid = xGrid.value
+//     //鑾峰彇鍙宠竟琛ㄦ牸checkbox閫変腑鐨勬暟鎹�
+//     const checkedList = $grid.getCheckboxRecords()
+//     //鑾峰彇宸﹁竟琛ㄦ牸checkbox閫変腑鐨勬暟鎹�
+//     const checkedListLeft = $gridLeft.getCheckboxRecords()
+//     //鍒ゆ柇鍙宠竟琛ㄦ牸鏄惁鏈夐�変腑鐨勬暟鎹�
+//     if (checkedList.length * 1 === 0) {
+//       ElMessage.warning(t('processCard.schedulingOk'))
+//       return
+//     }
+//     if (checkedListLeft.length !== 1) {
+//       ElMessage.warning(t('processCard.schedulingTime'))
+//       return
+//     }
+//     const regex = /^(\d+|)$/;
+//     if (!regex.test(checkedNum.value)) {
+//       ElMessage.warning(t('processCard.schedulingNo'))
+//       return
+//     }
+//     //鍒ゆ柇姝f暣鏁�
+//     if (/^[1-9]\d*$/.test(checkedNum.value)) {
+//       checkedList.forEach((item) => {
+//         //鍒ゆ柇鍙敤鏁伴噺鏄惁澶т簬绛変簬杈撳叆鐨勬暟閲�,涓嶆弧瓒冲垯鎶涘嚭寮傚父
+//         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)
+//         //瀹氫箟key鍊间繚鎸�
+//         let key = item._X_ROW_KEY
+//         //宸﹁竟琛ㄦ牸鏁版嵁
+//         let leftData = $gridLeft.getTableData().fullData
+//         //宸﹁竟琛ㄦ牸鏁版嵁涓煡鎵惧綋鍓嶆暟鎹笅鏍�
+//         let filterIndex = leftData.findIndex(item1 => item1.orderNumber === item.orderNumber)
+//         //鍒ゆ柇鍙充晶鍕鹃�夊�间笌宸︿晶鏄惁鐩稿悓
+//         if (checkedListLeft[0].orderNumber === item.orderNumber) {
+//
+//           //濡傛灉鍙宠竟琛ㄦ牸鏁版嵁涓瓨鍦ㄥ綋鍓嶆暟鎹垯鏁伴噺鐩稿姞
+//           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)
+//
+//             if (item.baiscQuantity === 0) {
+//               $grid.remove(item)
+//             }
+//             $gridLeft.reloadData([...$gridLeft.getTableData().fullData])
+//             //delete item._X_ROW_KEY
+//           } else {
+//             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)
+//             delete item._X_ROW_KEY
+//             $gridLeft.insert(item)
+//             item._X_ROW_KEY = key
+//           }
+//         } else {
+//
+//           //濡傛灉鍕鹃�変袱涓�间笉鍚屽垯鎻掑叆鍚屾祦绋嬪崱
+//           item.quantity = checkedNum.value
+//           item.processId = checkedListLeft[0].processId
+//           item.landingSequence = checkedListLeft[0].landingSequence
+//           // /item.computeGrossArea=item.computeGrossArea
+//           if (item.baiscQuantity === 0) {
+//             $grid.remove(item)
+//
+//           }
+//           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)
+//               break
+//             } 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
+//               break
+//             } 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
+//               break
+//             } 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
+//               break
+//             }
+//
+//           }
+//         }
+//
+//       })
+//     } else if (checkedNum.value === '') {//鍒ゆ柇鏁伴噺杈撳叆妗嗘棤杈撳叆鏁板瓧
+//       checkedList.forEach((item) => {
+//         item.processId = checkedListLeft[0].processId
+//         item.landingSequence = checkedListLeft[0].landingSequence
+//         item.quantity = item.baiscQuantity
+//         item.computeGrossArea = (item.computeGrossArea - checkedListLeft[0].width * checkedListLeft[0].height * checkedListLeft[0].baiscQuantity / 1000000).toFixed(2)
+//         delete item._X_ROW_KEY
+//       })
+//       $gridLeft.insertAt(checkedList)
+//       $grid.remove(checkedList)
+//     }
+//     //娓呴櫎涓よ竟澶嶉�夋
+//     if ($gridLeft || $grid) {
+//       $gridLeft.clearCheckboxRow()
+//       $grid.clearCheckboxRow()
+//     }
+//     $grid.refreshColumn()
+//   } catch (e) {
+//     ElMessage.warning(e.message)
+//   }
+//   if (checkedNum.value){
+//     checkedNum.value =''
+//   }
+// }
+
 
 //淇濆瓨娴佺▼鍗℃暟鎹�
 const gridEvents = {
@@ -445,37 +1203,51 @@
     if ($grid) {
       switch (code) {
         case 'saveFlowCard': {
+
+          gridLeftOptions.toolbarConfig.buttons[0].disabled=true
           const $table = xGridLeft.value
           const $tableRight = xGrid.value
           if ($table) {
             const selectRecords = $table.getCheckboxRecords()
-            const selectRight = $tableRight.getCheckboxRecords()
-            if (selectRecords.length === 0){
-              ElMessage.warning("璇峰厛閫夋嫨淇濆瓨鐨勬暟鎹�")
-              return
-            }
-            if (selectRight.length > 0){
-              ElMessage.warning("璇峰厛灏嗗彸渚ф暟鎹叏閮ㄥ缓绔嬫祦绋嬪崱鍚庝繚瀛�")
+            let leftData = $tableRight.getTableData().fullData
+
+            let data = $table.getTableData().fullData
+            if (leftData.length > 0) {
+              ElMessage.warning(t('processCard.pleaseFirstCreateAProcessCardForAllTheDataOnTheRightSideAndSaveIt'))
+              gridLeftOptions.toolbarConfig.buttons[0].disabled=false
               return;
             }
-            //console.log(selectRecords[0].quantity)
+
+            // 璁$畻 $table 閲� quantity 瀛楁鐨勬�诲拰
+            let totalQuantity = data.reduce((sum, record) => sum + (Number(record.quantity) || 0), 0);
+            // 瀵规瘮鍏ㄥ眬鍙橀噺 orderQuantity
+            if (totalQuantity !== orderQuantity*1) {
+              ElMessage.warning(`${t('processCard.msg.msg3')} (${totalQuantity}) ${t('processCard.msg.msg4')} (${orderQuantity}) ${t('processCard.msg.msg5')}`);
+              gridLeftOptions.toolbarConfig.buttons[0].disabled = false;
+              return;
+            }
+            gridOptions.loading=true
+            gridLeftOptions.loading=true
             let flowCardData = ref({
-              flowCard: selectRecords,
-              userName:username,
-              productionId:productionId
+              flowCard: data,
+              userName: username,
+              productionId: productionId,
+              userId:user.user.userId
             })
 
-           //console.log(flowCardData.value)
-            request.post("/processCard/addFlowCard", flowCardData.value).then((res) => {
+            request.post(`/processCard/addFlowCard/${orderId}`, flowCardData.value).then((res) => {
               if (res.code == 200) {
-                ElMessage.success("淇濆瓨鎴愬姛")
-                //router.push('/main/processCard/SplittingDetails?orderId=${orderId}')
-                router.push({path: '/main/processCard/SplittingDetails', query: {orderId: orderId}})
-
-                //location.reload();
+                ElMessage.success(t('basicData.msg.saveSuccess'))
+                router.push({
+                  path: '/main/processCard/AddProcessCard',
+                  query: {orderId: orderId, productionId: productionId, random: Math.random()}
+                })
+                gridOptions.loading=false
+                gridLeftOptions.loading=false
               } else {
+                gridOptions.loading=false
+                gridLeftOptions.loading=false
                 ElMessage.warning(res.msg)
-                router.push("/login")
               }
             })
 
@@ -489,35 +1261,56 @@
   },
 
 }
+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 $grid = xGrid.value;
+  // 鑾峰彇鍙宠竟琛ㄦ牸 checkbox 閫変腑鐨勬暟鎹�
+  const checkedList = $grid.getCheckboxRecords();
+  let quantitySum = 0;
+  let weightsum = 0;
+
+  checkedList.forEach(item => {
+    quantitySum += Number(item.baiscQuantity) || 0; // 纭繚杞崲涓烘暟瀛�
+    weightsum += weightSum(item);
+  });
+
+  quantit.value = Number(quantitySum) || 0; // 纭繚鏈�缁堝�兼槸鏁板瓧
+  weight.value = parseFloat(weightsum.toFixed(2));
+};
+
+//鍊掑簭璧嬪��
+function onFlashbackChange(checked) {
+  flashback.value = checked ? 0 : 1
+}
 </script>
 
 <template>
-  <div>
+  <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="height: 100%">
-      <div class="header">
-
-        <el-button
-            style="float: left"
-            @click="intoCreateProduct"
-            id="searchButton1"
-            type="primary"
-            :icon="ArrowLeftBold"
-            round>
-          {{ flag ? '杩斿洖' : '杩斿洖' }}
-        </el-button>
-        <!--      <el-button  type="primary">淇濆瓨鍒嗘灦</el-button>-->
-<!--              <el-button type="primary" :hidden="true">鍒嗘灦姹囨��</el-button>-->
-        <div style="width: 100px;">
-
-        </div>
-      </div>
-      <el-container height="600px">
-        <el-aside width="44%" >
+      <el-container style="height: 100%;width: 100%">
+        <el-aside style="width: 52%;height: 100%">
           <vxe-grid
-              max-height="100%"
-              class="mytable-scrollbar"
               ref="xGridLeft"
+              checkbox-config="{ reserve: true, strict: true }"
+              class="mytable-scrollbar"
+              height="100%"
               v-bind="gridLeftOptions"
               v-on="gridEvents"
           >
@@ -534,83 +1327,107 @@
                 </li>
               </ul>
             </template>
-            <!--宸﹁竟鍥哄畾鏄剧ず鐨勬彃妲�-->
-            <template #button_slot="{ row }">
-              <el-button @click="getTableRow(row,'edit')" link type="primary" size="small">鎵撳嵃</el-button>
-              <el-button @click="getTableRow(row,'setType')" link type="primary" size="small">鎺掔増</el-button>
-              <el-button @click="getTableRow(row,'delete')" link type="primary" size="small">鍒犻櫎</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"
-                         @input="changeFilterEvent($event, option, $panel)"/>
-                </div>
-              </div>
-            </template>
-
-
-          </vxe-grid>
-
-        </el-aside>
-
-        <el-main width="12%" style="">
-          <span>閫変腑鏁伴噺:<el-input type="number" v-model="checkedNum"></el-input></span><br>
-          <el-button type="primary" @click="addRight"> 鈫�</el-button>
-          <br>
-          <br>
-          <el-button type="primary" @click="addLeft"> 鈫�</el-button>
-          <br>
-          <br>
-          <el-button @click="createProcessCard" type="primary">寤虹珛娴佺▼鍗�</el-button>
-        </el-main>
-
-<!--        鍙充晶-->
-        <el-aside width="45%" height="500px" style="">
-          <vxe-grid
-
-              max-height="97%"
-              class="mytable-scrollbar"
-              ref="xGrid"
-              v-bind="gridOptions"
-          >
-            <!--      @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>
-
-            <template #num1_filter="{ column, $panel }">
-              <div>
-                <div v-for="(option, index) in column.filters" :key="index">
-                  <input type="text"
-                         v-model="option.data"
+                  <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 height="100%" style="margin: 5px" width="11%">
+          <el-main style="">
+            <div>
+              <span><el-input :readonly="true" v-model="quantit" style="width: 80px;"/></span>
+              <span><el-input :readonly="true" v-model="weight" style="width: 80px;"/></span>
+            </div>
+            <span>{{ $t('processCard.selectedQuantity') }}:<el-input id="checkedNum" v-model="checkedNum" clearable
+                                                                     type="number"></el-input></span><br>
+            <el-button style="width: 40px;" type="primary" @click="addRight"> 鈫�</el-button>
+            <br>
+            <br>
+            <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: 70%">
+
+          <el-aside style="width: 100%;height: 100%">
+            <vxe-grid
+                id="rightTable"
+                ref="xGrid"
+                :checkbox-config="{labelField: 'name', highlight: true, range: true,reserve: true, strict: true}"
+                class="mytable-scrollbar"
+                height="100%"
+                v-bind="gridOptions"
+                v-on="gridEventsRight"
+                @checkbox-change="handleCheckboxChange"
+                @checkbox-all="handleCheckboxChange"
+                @checkbox-range-end="handleCheckboxChange"
+            >
+
+              <!--      @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>
+              <template #weight_sum="{ row }">
+                <span>{{ weightSum(row) }} </span>
+              </template>
+
+              <template #num1_filter="{ column, $panel }">
+                <div>
+                  <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>
       </el-container>
     </div>
   </div>
 </template>
 
 <style scoped>
-.common-layout {
-  height: 100%;
+* {
+  margin: 0;
+  padding: 0;
 }
 
-.header{
+.common-layout {
+  width: 99%;
+  height: 96%;
+}
+
+.header {
   width: 100%;
   height: 35px;
   margin-top: -20px;
@@ -626,4 +1443,5 @@
 }
 
 
+
 </style>
\ No newline at end of file

--
Gitblit v1.8.0