From a660db06773007b1be690e0674829c00a57aeb7b Mon Sep 17 00:00:00 2001
From: 廖井涛 <2265517004@qq.com>
Date: 星期三, 24 十二月 2025 16:21:23 +0800
Subject: [PATCH] 订单首页流程卡新增楼层编号显示

---
 north-glass-erp/northglass-erp/src/views/pp/glassOptimize/page/ProcessCardDetail.vue |   85 +++++++++++++++++++++++++++---------------
 1 files changed, 55 insertions(+), 30 deletions(-)

diff --git a/north-glass-erp/northglass-erp/src/views/pp/glassOptimize/page/ProcessCardDetail.vue b/north-glass-erp/northglass-erp/src/views/pp/glassOptimize/page/ProcessCardDetail.vue
index 3df0ee3..33cfeb9 100644
--- a/north-glass-erp/northglass-erp/src/views/pp/glassOptimize/page/ProcessCardDetail.vue
+++ b/north-glass-erp/northglass-erp/src/views/pp/glassOptimize/page/ProcessCardDetail.vue
@@ -1,8 +1,15 @@
 <script setup>
-import {reactive, ref} from "vue";
+import {onMounted, reactive, ref, watch} from "vue";
 import {useI18n} from "vue-i18n";
+import request from "@/utils/request";
+import {ElMessage} from "element-plus";
+import {changeFilterEvent, filterChanged} from "@/hook";
 const { t } = useI18n()
 
+let props = defineProps({
+  processId:null,
+  technologyNumber:null
+})
 const xGrid = ref()
 
 const gridOptions = reactive({
@@ -22,7 +29,7 @@
     useKey: true
   },
   filterConfig: {   //绛涢�夐厤缃」
-    remote: true
+    //remote: true
   },
   customConfig: {
     storage: true
@@ -54,42 +61,69 @@
     ]
   },*/
   columns:[
-    {field: 'id',width: 70,  title: '搴忓彿',filters:[{ data: '' }], slots: { default: 'state',filter: 'num2_filter' }},
-    {field:'state',width: 150,title: t('order.width'),filters:[{ data: '' }], slots: { default: 'state',filter: 'num2_filter' }},
-    {type: 'seq',width: 150,title: t('order.height')},
-    {field: 'id',width: 150, title: t('order.quantity'),filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true},
-    {field: 'id',width: 150, title: t('order.buildingNumber'),filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true},
-    {field: 'id',width: 150, title: t('order.shape'),filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true},
-    {field: 'id',width: 150, title: t('order.grossArea'),filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true},
-    {field: 'id',width: 150, title: t('craft.TrademarkAttribute'),filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true},
+    {field: 'order_number',width: 70,  title: '搴忓彿',filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true,filterMethod:filterChanged},
+    {field:'child_width',width: 150,title: t('order.width'),filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true,filterMethod:filterChanged},
+    {field: 'child_height',width: 150,title: t('order.height'),filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true,filterMethod:filterChanged},
+    {field: 'quantity',width: 150, title: t('order.quantity'),filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true,filterMethod:filterChanged},
+    {field: 'building_number',width: 150, title: t('order.buildingNumber'),filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true,filterMethod:filterChanged},
+    {field: 'shape',width: 150, title: t('order.shape'),filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true,filterMethod:filterChanged},
+    {field: 'grossArea',width: 150, title: t('order.grossArea'),filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true,filterMethod:filterChanged},
+    {field: 'separation',width: 150, title: t('craft.TrademarkAttribute'),filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true,filterMethod:filterChanged},
 
   ],//琛ㄥご鍙傛暟
   data:null,//琛ㄦ牸鏁版嵁
   toolbarConfig: {
     buttons: [],
     slots:{
-      buttons: "toolbar_buttons"
     },
   },
 
 })
-let emit = defineEmits([
-  'changeDialog'
-])
-let ProjectName = ref('')
-const changeOrderType = async ()=>{
-  await emit('changeDialog',ProjectName.value)
-  ProjectName.value = null
+
+
+onMounted(()=>{
+
+})
+
+watch(
+
+    () => props.processId,
+    (newValue, oldValue) => {
+if (props.processId!=null){
+  getWorkOrder()
 }
 
+    }
+);
+
+
+watch(() => props.technologyNumber,
+    (newValue, oldValue) => {
+  if (props.technologyNumber != null) {
+    getWorkOrder();
+  }
+});
+
+
+const getWorkOrder = () => {
+  if ((props.processId != null && props.processId != "") && 
+      (props.technologyNumber != null && props.technologyNumber != "")) {
+    request.post(`/glassOptimize/getProcessCardDetail/${props.processId}/${props.technologyNumber}`).then((res) => {
+      if(res.code==200){
+        xGrid.value.loadData(res.data.data)
+      }else{
+        ElMessage.warning(res.msg)
+      }
+    })
+  }
+}
 </script>
 
 <template>
   <div style="width: 100%;height: 100%">
-    <h1>娴佺▼鍗¤鎯�</h1>
+    <h2>娴佺▼鍗¤鎯�</h2>
     <vxe-grid
         size="small"
-        @filter-change="filterChanged"
         height="100%"
         class="mytable-scrollbar"
         ref="xGrid"
@@ -110,18 +144,9 @@
       <template #num1_filter="{ column, $panel }">
         <div>
           <div v-for="(option, index) in column.filters" :key="index">
-            <input
-                type="type"
-                v-model="option.data"
-                @keyup.enter.native="$panel.confirmFilter()"
-                @input="changeFilterEvent($event, option, $panel)"/>
+            <input type="type" v-model="option.data" @keyup.enter.native="$panel.confirmFilter()" @input="changeFilterEvent($event, option, $panel)"/>
           </div>
         </div>
-      </template>
-
-      <template #toolbar_buttons>
-        <vxe-input value="null" placeholder="宸ョ▼鍚嶇О" clearable></vxe-input>
-        <el-button type="primary" style="margin-left: 20px">鍒涘缓</el-button>
       </template>
 
     </vxe-grid>

--
Gitblit v1.8.0