guoyuji
2025-02-08 07c8bd5f0d9deac8a8026fd4abc1074dbac29330
north-glass-erp/northglass-erp/src/components/sd/order/OrderSizeCheck.vue
@@ -1,11 +1,11 @@
<script setup>
import {defineEmits, onMounted, reactive, ref, watch} from "vue";
import {changeFilterEvent, filterChanged} from "@/hook"
import {defineEmits, onMounted, reactive, ref, watch} from "vue"
import {useI18n} from "vue-i18n"
import request from "@/utils/request"
import {ElMessage} from "element-plus";
import {ElMessage} from "element-plus"
import useOrderInfoStore from "@/stores/sd/order/orderInfo"
const { t } = useI18n()
const xGrid = ref()
const orderInfo = useOrderInfoStore()
const gridOptions = reactive({
  loading:false,
  border:  "full",//表格加边框
@@ -20,7 +20,7 @@
    ]
  },
  rowConfig: {isCurrent: true, isHover: true,height: 30},//鼠标移动或选择高亮
  rowConfig: {isCurrent: true, isHover: true,height: 30,useKey: true},//鼠标移动或选择高亮
  virtualScroll: true, // 开启虚拟滚动功能
  scrollY:{ enabled: true,gt:13 },//开启虚拟滚动
  //scrollX:{ enabled: true,gt:15 },//开启虚拟滚动
@@ -38,11 +38,11 @@
  keyboardConfig:{
    isArrow: true,
    isDel: true,
    isEnter: true,
    isTab: true,
    isEdit: true,
    isChecked: true,
    enterToTab:true
   // enterToTab:true,
    //isEnter: true,
  },
  customConfig: {
@@ -73,18 +73,29 @@
    if ($grid) {
      switch (code) {
        case 'review' :{
          const $table = xGrid.value.getTableData().fullData
          const $oldTable = props.OrderDetail
          $table.forEach((item,index)=>{
            for(let key in item){
              if(key!=='id' && key!=='_X_ROW_KEY'){
                const oldVal = $oldTable.getTableData().fullData[index][key]*1
                if(item[key]*1!==oldVal){
                  item[key] = null
                }
              }
            }
          })
          const errMap = await $grid.validate(true)
          if (errMap) {
            ElMessage.error(t('basicData.msg.checkoutLose'))
            return
          }
          // const $table = props.OrderDetail
          // $table.getTableData().fullData.forEach((row)=>{
          //   if()row.computeGrossArea
          // })
          emit('getParent')
          //emit('getParent')
          break
        }
      }
@@ -96,26 +107,61 @@
const emit = defineEmits(['getParent'])
let props = defineProps({
  OrderDetail:null
  OrderDetail:null,
  orderId:null
})
onMounted(()=>{
  const length = props.OrderDetail.getTableData().fullData.length
  const $grid = xGrid.value
  let list = []
  for (let i = 0; i < length; i++) {
    list.push({})
  if(props.orderId !== orderInfo.orderId || length !== orderInfo.reviewList.length){
    orderInfo.clearOrderInfo()
    orderInfo.orderId=props.orderId
    for (let i = 0; i < length; i++) {
      orderInfo.reviewList.push({})
    }
  }
  xGrid.value.reloadData(list)
  $grid.reloadData(orderInfo.reviewList)
})
const editClosedEvent = ({ row, column,rowIndex}) => {
const editClosedEvent = ({ row, column,rowIndex,columnIndex}) => {
  const $table = props.OrderDetail
  console.log($table.getTableData())
  let checkVal = row[column.property]*1
  const oldVal = $table.getTableData().fullData[rowIndex][column.property]*1
  if(checkVal!==oldVal){
    row[column.property]=null
  }
}
const handleKeyDown = (evnt) =>{
  const length = xGrid.value.getTableData().fullData.length
  if(evnt.$event.keyCode === 13 ){
    const { rowIndex,row,column } = xGrid.value.getSelectedCell() || xGrid.value.getEditRecord()
    let nextRowIndex = xGrid.value.getRowIndex(row) + 1
    switch (column.field){
      case 'width':
        xGrid.value.setSelectCell(row, 'height')
        break;
      case 'height':
        xGrid.value.setSelectCell(row, 'quantity')
        break;
      case 'quantity':
        if(nextRowIndex === length){
          return
        }
        const nextRow = xGrid.value.getTableData().fullData[nextRowIndex]
        xGrid.value.setCurrentRow(nextRow)
        xGrid.value.scrollToRow(nextRow)
        xGrid.value.setSelectCell(nextRow, 'width')
        break;
    }
  }
}
@@ -130,6 +176,7 @@
        v-bind="gridOptions"
        v-on="gridEvents"
        @edit-closed="editClosedEvent"
        @keydown="handleKeyDown"
    >
    </vxe-grid>
  </div>