订单明细在最后一行时进行回车新增一行

guoyuji

2024-05-30 06298a27db7566b13227b2a44883f5dac2a0ef85

订单明细在最后一行时进行回车新增一行

 north-glass-erp/northglass-erp/src/views/sd/order/CreateOrder.vue

@@ -19,6 +19,7 @@
let productVisible = ref(false)
let errorAreaVisible = ref(false)
let otherMoneyVisible = ref(false)
const maxTableLen =ref(150)
let errorArea = ref(0.4)
const userStore = useUserInfoStore()
const router = useRouter()
@@ -125,8 +126,7 @@
    isEnter: true,
    isTab: true,
    isEdit: true,
    isChecked: true,

    isChecked: true
  },
  editConfig: {
    trigger: 'dblclick',
@@ -346,12 +346,11 @@
          break
        }
        case 'addRow': {
          if ($grid.getTableData().tableData.length >=240){
          if ($grid.getTableData().tableData.length >=maxTableLen.value){
            ElMessage.error(t('order.msg.tableLengthMax'))
            return
          }
          $grid.insertAt({}, $grid.getTableData.length || -1).then(() => {
          })
          $grid.insertAt({}, $grid.getTableData.length || -1)
          break
        }
        case 'deleteRow':{
@@ -717,7 +716,7 @@
    const data = event.target ? event.target.result : ''
    const workbook = XLXS.read(data, { type: 'binary' })
    let jsonData = XLXS.utils.sheet_to_json(workbook.Sheets.Sheet1).slice(1)
    if(jsonData.length>240){
    if(jsonData.length>maxTableLen.value){
      ElMessage.error(`${t('order.msg.importMaxCheckFailFirst')}
                          ${jsonData.length}
                          ${t('order.msg.importMaxCheckFailMid')}
@@ -856,6 +855,23 @@

}

const handleKeyDown = (evnt) =>{
  if(xGrid.value.isFilter()){
    return
  }
  const length = xGrid.value.getTableData().fullData.length
  if(length>maxTableLen.value){
    ElMessage.warning('表格数据超过最大限制')
    return
  }
  if(evnt.$event.keyCode === 13 ){
    const { rowIndex } = xGrid.value.getSelectedCell() || xGrid.value.getEditRecord()
    if(rowIndex === length-1){
      xGrid.value.insertAt({}, xGrid.value.getTableData.length || -1)
    }

  }
}

</script>

@@ -994,6 +1010,7 @@
          ref="xGrid"
          v-bind="gridOptions"
          v-on="gridEvents"
          @keydown="handleKeyDown"
          @edit-closed="editClosedEvent"
      >
        <template #num1_filter="{ column, $panel }">