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