From 83a982e1e889cb8f6ba03cab92b222d83434a398 Mon Sep 17 00:00:00 2001
From: wxw <Administrator@DESKTOP-5BIMHQ3>
Date: 星期五, 06 九月 2024 16:55:50 +0800
Subject: [PATCH] 新增箱码明细表;开发分拣码垛绑定任务功能

---
 Web/src/views/device/sortPallet/index.vue |   92 +++++++++++++++++++++++++++++++++++++++------
 1 files changed, 79 insertions(+), 13 deletions(-)

diff --git a/Web/src/views/device/sortPallet/index.vue b/Web/src/views/device/sortPallet/index.vue
index 1084a8c..2a94f23 100644
--- a/Web/src/views/device/sortPallet/index.vue
+++ b/Web/src/views/device/sortPallet/index.vue
@@ -1,6 +1,6 @@
 <template>
     <el-container>        
-        <el-cloum>
+        <el-col>
             <el-row :span="1">
                 <div class="card-page">
                     <el-button
@@ -47,13 +47,13 @@
                                 <el-form-item label="鎶撶鍝佺">
                                     <el-input></el-input>
                                 </el-form-item>
-                                <el-form-item label="DB璁板綍绠辨暟">
-                                    <el-input></el-input>
-                                </el-form-item>
                                 <el-form-item label="鎵樼洏鍙�">
                                     <el-input></el-input>
                                 </el-form-item>
-                                <el-form-item label="鐮佸灈绠辨暟">
+                                <el-form-item label="鎻掔爜鏁伴噺">
+                                    <el-input></el-input>
+                                </el-form-item>                               
+                                <el-form-item label="鎵樼洏涓婄鏁伴噺">
                                     <el-input></el-input>
                                 </el-form-item>
                                 <el-form-item label="WMS涓嬪彂鏁伴噺">
@@ -64,7 +64,7 @@
                         <div class="otherButtonfix">
                             <el-form label-position="left">
                                 <el-form-item>
-                                    <el-button type="primary">缁戝畾</el-button>
+                                    <el-button type="primary" @click="openBindDialog()">缁戝畾</el-button>
                                     <el-button>缁撴壒</el-button>
                                 </el-form-item>
                             </el-form>
@@ -72,25 +72,59 @@
                     </el-card>
                 </div>
             </el-row>
-        </el-cloum>      
-    </el-container>    
+        </el-col>   
+        
+         <!-- 缁戝畾浠诲姟寮规 -->
+         <el-dialog v-model="bindDialogVisible" title="閫夋嫨鏁版嵁">
+            <el-table
+                :data="bindData" 
+                highlight-current-row 
+                @row-click="handleRowClick"                
+                >
+                <el-table-column type="selection" width="55"/>
+                
+                <el-table-column prop="orderNo" label="WMS涓嬪彂鍗曞彿"  show-overflow-tooltip="" />
+                <el-table-column prop="taskNo" label="浠诲姟鍙�"  show-overflow-tooltip="" />
+                <el-table-column prop="lotNo" label="鎵规鍙�"  show-overflow-tooltip="" />
+                <el-table-column prop="skuNo" label="鐗╂枡缂栫爜"  show-overflow-tooltip="" />
+                <el-table-column prop="skuName" label="鐗╂枡鍚嶇О"  show-overflow-tooltip="" />
+                <el-table-column prop="boxType" label="瑙勬牸"  show-overflow-tooltip="" />
+                <el-table-column prop="qty" label="鎬荤鏁�/璁″垝绠辨暟/棰勪及绠辨暟"  show-overflow-tooltip="" />
+            </el-table>
+            <div slot="footer" class="dialog-footer">
+                <el-button @click="bindDialogVisible = false">鍙栨秷</el-button>
+                <el-button type="primary" @click="confirmBinding">纭</el-button>
+            </div>
+        </el-dialog>
+    </el-container>  
 </template>
   
 <script lang="ts" setup>
 import { ref } from 'vue';
 import { GetWcsPackPlcList,GetWcsPackStationPlcList } from '/@/api/wcs/wcsDevice';
+import { pageWcsOderTask } from '/@/api/device/wcsOderTask';
+
 //璁惧鏁版嵁
 const deviceList=ref<any>([]);
 //璁惧瀵瑰簲宸ヤ綅鏁版嵁
 const devicePointData = ref<any>([]);
-
+//閫変腑璁惧ID
 const selectedDeviceId=ref<any>();
 
-//鑾峰彇
+const bindDialogVisible = ref(false);
+const bindData = ref<any>([]);
+const selectedRow = ref<any>(null);
+const queryParams = ref<any>({});
+const tableParams = ref({
+    page: 1,
+    pageSize: 10,
+    total: 0,
+});
+
+//鑾峰彇璁惧瀵瑰簲鐨勫伐浣嶆暟鎹�
 const fetchStationData = async (plcId: any) => {
     const res2 = await GetWcsPackStationPlcList({ plcId });
     devicePointData.value = res2.data.result;
-    console.log('data:'+devicePointData.value);
 };
 // 鑾峰彇璁惧鏁版嵁
 const fetchPLCDeviceData = async () => {
@@ -104,12 +138,39 @@
 };
 fetchPLCDeviceData();
 
-//鍒囨崲
+//鍒囨崲璁惧
 function chooseDevice(id) {
     selectedDeviceId.value = id;
-
     fetchStationData(id);
 }
+
+const handleQuery = async () => {
+    var res = await pageWcsOderTask(Object.assign(queryParams.value, tableParams.value));
+    bindData.value = res.data.result?.items ?? [];
+    tableParams.value.total = res.data.result?.total;
+  };
+//鎵撳紑缁戝畾寮规
+function openBindDialog() {
+    bindDialogVisible.value = true;
+    // Mock data for binding
+    handleQuery();
+}
+//鐐瑰嚮琛屾椂璁剧疆閫変腑琛�
+function handleRowClick(row) {
+    selectedRow.value = row;
+}
+
+//纭缁戝畾鎿嶄綔
+function confirmBinding() {
+    if (selectedRow.value) {
+        console.log('Selected Row:', selectedRow.value);
+        // Do binding logic here
+        bindDialogVisible.value = false;
+    } else {
+        console.error('No row selected');
+    }
+}
+
 </script>
 
 <style scoped>
@@ -172,5 +233,10 @@
     .device-status-1{
         background-color: red;
     }
+    .dialog-footer {
+        display: flex;
+        justify-content: flex-end;
+        margin-top: 20px;
+    }
 </style>
   
\ No newline at end of file

--
Gitblit v1.8.0