From 7a0527e207c59cdcce0b1f7a41bd7457a236ab23 Mon Sep 17 00:00:00 2001
From: 廖井涛 <2265517004@qq.com>
Date: 星期三, 26 三月 2025 10:25:52 +0800
Subject: [PATCH] Merge branch 'master' of http://bore.pub:10439/r/ERP_override

---
 north-glass-erp/northglass-erp/src/components/sd/order/OrderDetail.vue |   91 ++++++++++++++++++++++++++++++++++++++-------
 1 files changed, 76 insertions(+), 15 deletions(-)

diff --git a/north-glass-erp/northglass-erp/src/components/sd/order/OrderDetail.vue b/north-glass-erp/northglass-erp/src/components/sd/order/OrderDetail.vue
index 3c6f0be..93b9ca0 100644
--- a/north-glass-erp/northglass-erp/src/components/sd/order/OrderDetail.vue
+++ b/north-glass-erp/northglass-erp/src/components/sd/order/OrderDetail.vue
@@ -4,6 +4,7 @@
 import {useI18n} from "vue-i18n"
 import request from "@/utils/request"
 import footSum from "@/hook/footSum";
+import {addListener,destroyAreaBox} from "@/hook/mouseMoveHomePage";
 const { t } = useI18n()
 const xGrid = ref()
 const gridOptions = reactive({
@@ -16,10 +17,7 @@
   showFooter: true,//鏄剧ず鑴�
   rowConfig: {isCurrent: true, isHover: true,height: 30},//榧犳爣绉诲姩鎴栭�夋嫨楂樹寒
   virtualScroll: true, // 寮�鍚櫄鎷熸粴鍔ㄥ姛鑳�
-  id: 'OrderList',
-  printConfig: {},
-  importConfig: {},
-  exportConfig: {},
+  id: 'OrderDetail',
   scrollY:{ enabled: true,gt:13 },//寮�鍚櫄鎷熸粴鍔�
   //scrollX:{ enabled: true,gt:15 },//寮�鍚櫄鎷熸粴鍔�
 
@@ -31,18 +29,23 @@
   customConfig: {
     storage: true
   },
+  mouseConfig:{selected: true},//榧犳爣閫変腑
+  keyboardConfig:{
+    isArrow: true
+  },
 
   columns:[
-    {type: 'seq', title: t('basicData.Number'), width: 80 },
+    {field: 'orderNumber', title: t('basicData.Number'), width: 80 },
     {field: 'buildingNumber',width:120,  title: t('order.buildingNumber'),editRender: { name: 'input'},filters:[{ data: '' }],slots: { filter: 'num1_filter'}, sortable: true,filterMethod:filterChanged},
     {field: 'productId',width:140,  title: t('order.productId'),filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true,filterMethod:filterChanged},
     {field: 'productName',width:300,  title: t('order.product'),filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true,filterMethod:filterChanged},
-    {field: 'price',width:140,  title: t('order.price'),editRender: { name: 'input'},filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true,filterMethod:filterChanged},
+    {field: 'otherColumns.S01',width:140,  title: t('reportingWorks.glassNumber'),editRender: { name: 'input'},filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true,filterMethod:filterChanged},
     //{field: 'grossAmount',width:160,  title: t('order.grossAmount'),filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true,filterMethod:filterChanged},
     {field: 'width',width:120,  title: t('order.width') ,editRender: { name: 'input'},filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true,filterMethod:filterChanged},
     {field: 'height',width:140,  title: t('order.height'),editRender: { name: 'input'},filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true,filterMethod:filterChanged},
     {field: 'quantity',width:140,  title: t('order.quantity'),editRender: { name: 'input'},filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true,filterMethod:filterChanged},
     {field: 'processingNote',width:200,  title: t('order.processingNote'),editRender: { name: 'input'},filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true,filterMethod:filterChanged},
+    {field: 'price',width:140,  title: t('order.price'),editRender: { name: 'input'},filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true,filterMethod:filterChanged},
     {field: 'area',width:150,  title: t('order.trueArea'),filters:[{ data: '' }],slots: { filter: 'num1_filter'}, sortable: true,filterMethod:filterChanged},
     {field: 'grossArea',width:160,  title: t('order.trueGrossArea'),filters:[{ data: '' }],slots: { filter: 'num1_filter'}, sortable: true,filterMethod:filterChanged},
     {field: 'computeArea',width:180,  title: t('order.computeArea'),editRender: { name: 'input'},filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true,filterMethod:filterChanged},
@@ -58,7 +61,10 @@
     {field: 'edgingType',width:160,  title: t('order.edgingType'),editRender: { name: 'input'},filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true,filterMethod:filterChanged},
 
   ],
-
+  toolbarConfig: {
+    zoom: true,
+    custom: true
+  },
 
   footerMethod ({ columns, data }) {//椤佃剼鍑芥暟
     return[
@@ -79,16 +85,62 @@
 let props = defineProps({
   orderId:null
 })
-onMounted(()=>{
-  request.post(`/order/getOrderDetailById/${props.orderId}`).then(res=>{
-    xGrid.value.reloadData(res.data)
-  })
+onMounted(async ()=>{
+  await getColumns()
+  await getDetail()
+  addListener(xGrid.value,gridOptions)
 })
 watch(()=>props.orderId,(newValue)=>{
-  request.post(`/order/getOrderDetailById/${props.orderId}`).then(res=>{
-      xGrid.value.reloadData(res.data)
-  })
+  getDetail()
 })
+
+const getColumns = async () => {
+  await request.post(`/basicOtherMoney/findAllByState`).then(res=>{
+    res.data.forEach(item => {
+      let column = {
+        field: `otherColumns.${item.column}`,
+        width:100,
+        title: item.alias,
+        editRender: {
+          name: 'input',
+        }
+      }
+      //columns.push(column)
+      gridOptions.columns.push(column)
+
+    })
+  })
+}
+
+const getDetail = async ()=> {
+  await request.post(`/order/getOrderDetailById/${props.orderId}`).then(res=>{
+    res.data.forEach(item => {
+      item.otherColumns = JSON.parse(item.otherColumns)
+    })
+    xGrid.value.reloadData(res.data)
+  })
+}
+
+const handleKeyDown = (evnt) =>{
+  if(evnt.$event.keyCode === 38 ){
+    let nextRowIndex = xGrid.value.getRowIndex(xGrid.value.getCurrentRecord()) - 1;
+    if (nextRowIndex < xGrid.value.getTableData().fullData.length && nextRowIndex>=0) {
+      xGrid.value.setCurrentRow(xGrid.value.getTableData().fullData[nextRowIndex]);
+    }
+
+  }
+  if(evnt.$event.keyCode === 40 ){
+
+    let nextRowIndex = xGrid.value.getRowIndex(xGrid.value.getCurrentRecord()) + 1;
+    if (nextRowIndex < xGrid.value.getTableData().fullData.length) {
+      xGrid.value.setCurrentRow(xGrid.value.getTableData().fullData[nextRowIndex]);
+    }
+
+  }
+}
+
+
+
 </script>
 
 <template>
@@ -99,12 +151,14 @@
         class="mytable-scrollbar"
         ref="xGrid"
         v-bind="gridOptions"
+        @keydown="handleKeyDown"
     >
       <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>
@@ -119,5 +173,12 @@
 </template>
 
 <style scoped>
-
+.vxe-grid {
+  /* 绂佺敤娴忚鍣ㄩ粯璁ら�変腑 */
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  transform: translateZ(0);
+}
 </style>
\ No newline at end of file

--
Gitblit v1.8.0