From d77d9ff80f5fd8cd70c775fbfc30dc27061bfad2 Mon Sep 17 00:00:00 2001
From: IPC-610 <IPC-610@DESKTOP-6LEOOS3>
Date: 星期四, 02 一月 2025 09:13:06 +0800
Subject: [PATCH] 增加缠膜机交互和修改满放和空取程序

---
 Web/src/views/device/sortPallet/index.vue |  200 +++++++++++++++++++++++++++++++++++++++++--------
 1 files changed, 166 insertions(+), 34 deletions(-)

diff --git a/Web/src/views/device/sortPallet/index.vue b/Web/src/views/device/sortPallet/index.vue
index 1084a8c..15dc589 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
@@ -18,79 +18,139 @@
                 <div class="card-container">
                     <el-card class="other-box-card" v-for="deviceInfo in devicePointData" :key="deviceInfo.id">
                         <div slot="header" class="linefix">
-                            <span>{{ deviceInfo.text }}</span>
-                            <div :class="['lineStatus', { 'device-status-0': deviceInfo.status === 0 }, { 'device-status-1': deviceInfo.status === 1 }]"></div>
+                            <span>{{ deviceInfo.text }}</span>                            
+                            <div :class="['lineStatus', { 'device-status-0': deviceInfo.plcStatus === true  }, { 'device-status-1': deviceInfo.plcStatus === false }]"></div>
                         </div>
                         <div class="otherValuefix" >
                             <el-form label-position="left" label-width="90px">
-                                <el-form-item label="WMS鏄庣粏鍗曞彿">
-                                    <el-input></el-input>
+                                <el-form-item label="WMS鏄庣粏鍗曞彿" v-if="deviceInfo.type==5">
+                                    <el-input v-model="deviceInfo.orderNo" readonly></el-input>
                                 </el-form-item>
                                 <el-form-item label="浠诲姟鍙�">
-                                    <el-input v-model="deviceInfo.taskNumber"></el-input>
+                                    <el-input v-model="deviceInfo.taskNo"></el-input>
                                 </el-form-item>
                                 <el-form-item label="鎵规鍙�">
-                                    <el-input></el-input>
+                                    <el-input v-model="deviceInfo.lotNo" readonly></el-input>
                                 </el-form-item>
                                 <el-form-item label="鐗╂枡缂栫爜">
-                                    <el-input></el-input>
+                                    <el-input v-model="deviceInfo.skuNo" readonly></el-input>
                                 </el-form-item>
                                 <el-form-item label="鐗╂枡鍚嶇О">
-                                    <el-input></el-input>
+                                    <el-input v-model="deviceInfo.skuName" readonly></el-input>
                                 </el-form-item>
-                                <el-form-item label="鍖呰鍚嶇О">
-                                    <el-input></el-input>
+                                <el-form-item label="鍒嗘嫞绾跨紪鍙�" v-if="deviceInfo.type==5">
+                                    <el-input v-model="deviceInfo.lineNo" readonly></el-input>
                                 </el-form-item>
                                 <el-form-item label="缁戝畾鐘舵��">
-                                    <el-input></el-input>
+                                    <el-input :value="deviceInfo.status === '0' ? '鏈粦瀹�' : '宸茬粦瀹�'" readonly></el-input>
                                 </el-form-item>
                                 <el-form-item label="鎶撶鍝佺">
-                                    <el-input></el-input>
-                                </el-form-item>
-                                <el-form-item label="DB璁板綍绠辨暟">
-                                    <el-input></el-input>
+                                    <el-input v-model="deviceInfo.pzNo" readonly></el-input>
                                 </el-form-item>
                                 <el-form-item label="鎵樼洏鍙�">
-                                    <el-input></el-input>
+                                    <el-input readonly></el-input>
                                 </el-form-item>
-                                <el-form-item label="鐮佸灈绠辨暟">
-                                    <el-input></el-input>
+                                <el-form-item label="鎻掔爜绠辨暟" v-if="deviceInfo.type==5">
+                                    <el-input readonly></el-input>
+                                </el-form-item>             
+                                <el-form-item label="鎷嗗灈绠辨暟" v-if="deviceInfo.type==6">
+                                    <el-input readonly></el-input>
+                                </el-form-item>                   
+                                <el-form-item label="鏁磋泛绠辨暟">
+                                    <el-input readonly></el-input>
                                 </el-form-item>
-                                <el-form-item label="WMS涓嬪彂鏁伴噺">
-                                    <el-input></el-input>
+                                <el-form-item label="瀹屾垚绠辨暟">
+                                    <el-input readonly></el-input>
                                 </el-form-item>
+                                <!-- <el-form-item label="WMS涓嬪彂鏁伴噺">
+                                    <el-input v-model="deviceInfo.qty" readonly></el-input>
+                                </el-form-item> -->
+                                <el-form-item label="鐘舵��">
+                                <el-input :value="deviceInfo.plcStatus ? '鍦ㄧ嚎' : '绂荤嚎'" readonly></el-input>
+                            </el-form-item>
                             </el-form>
                         </div>
-                        <div class="otherButtonfix">
+                        <!-- 璁惧绫诲瀷涓虹爜鍨涙満鍣ㄤ汉 -->
+                        <div v-if="deviceInfo.type==5" class="otherButtonfix">
                             <el-form label-position="left">
                                 <el-form-item>
-                                    <el-button type="primary">缁戝畾</el-button>
-                                    <el-button>缁撴壒</el-button>
+                                    <el-button type="primary" @click="openBindDialog(deviceInfo.id)">缁戝畾</el-button>
+                                    <el-button @click="closeBindDialog(deviceInfo.lotNo)">缁撴壒</el-button>
                                 </el-form-item>
                             </el-form>
                         </div>
                     </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 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 { ref, onMounted  } from 'vue';
+import { GetWcsPackPlcList,GetWcsPackStationPlcList,BindTaskForPLC,CloseTaskForPLC } from '/@/api/wcs/wcsDevice';
+import { pageWcsOderTask } from '/@/api/device/wcsOderTask';
+import { ElMessageBox,ElMessage } from 'element-plus';
+import { signalR,stopConnection } from './signalR';
+//杩炴帴signalR 鐩戝惉鍙樻洿
+onMounted(async () => {
+    signalR.off('PublicCheckTask');
+    signalR.on('PublicCheckTask', (data: any) => {
+        //todo 闇�瑕佹祴璇�
+        // if (data.type == 0) {
+            
+        // }
+        var index = devicePointData.value.findIndex(s => s.id == data.id);
+        if (index !== -1) {
+            devicePointData.value.splice(index, 1, data);
+        }
+    });
+});
+
 //璁惧鏁版嵁
 const deviceList=ref<any>([]);
 //璁惧瀵瑰簲宸ヤ綅鏁版嵁
 const devicePointData = ref<any>([]);
-
+//閫変腑璁惧ID
 const selectedDeviceId=ref<any>();
+//閫変腑宸ヤ綅ID
+const selectedStationId=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: 20,
+    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 +164,76 @@
 };
 fetchPLCDeviceData();
 
-//鍒囨崲
+//鍒囨崲璁惧
 function chooseDevice(id) {
     selectedDeviceId.value = id;
-
-    fetchStationData(id);
+    fetchStationData(selectedDeviceId.value);
 }
+
+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(id) {
+    selectedStationId.value=null;
+    selectedRow.value=null;
+    
+    selectedStationId.value=id;
+    bindDialogVisible.value = true;
+
+    handleQuery();
+}
+//鐐瑰嚮琛屾椂璁剧疆閫変腑琛�
+function handleRowClick(row) {
+    selectedRow.value = row;
+}
+
+//纭缁戝畾鎿嶄綔
+function confirmBinding() {
+    if (selectedRow.value) {
+        //鎵嬪姩缁戝畾浠诲姟鍒癙LC
+        bindTaskForPLC(selectedStationId.value,selectedRow.value.id);
+
+        bindDialogVisible.value = false;
+    } else {
+        ElMessage.error('璇烽�夋嫨瑕佺粦瀹氱殑浠诲姟锛�');
+    }
+}
+const bindTaskForPLC = async (deviceId: any,oderTaskId:any) => {
+    const res = await BindTaskForPLC({ deviceId,oderTaskId });
+    if(res.status==200){
+        ElMessage.success('缁戝畾鎴愬姛锛�');
+        // 鍒锋柊
+        fetchStationData(selectedDeviceId.value);
+    }
+}
+//缁撴壒鎿嶄綔
+function closeBindDialog(lotNo){
+    // if(lotNo==''){
+    //     ElMessage.error('璇ュ伐浣嶆湭缁戝畾浠诲姟锛�');
+    //     return;
+    // }
+    ElMessageBox.confirm(`纭畾瀵硅鎵规浠诲姟缁撴壒鍚�?`, '鎻愮ず', {
+		confirmButtonText: '纭畾',
+		cancelButtonText: '鍙栨秷',
+		type: 'warning',
+	}) 
+    .then(async () => {
+        closeTaskForPLC(lotNo);
+    })
+    .catch(() => {});
+}
+const closeTaskForPLC = async (lotNo: string) => {
+    const res = await CloseTaskForPLC({ lotNo });
+    if(res.status==200){
+        ElMessage.success('缁撴壒鎴愬姛锛�');
+        // 鍒锋柊
+        fetchStationData(selectedDeviceId.value);
+    }
+}   
+
 </script>
 
 <style scoped>
@@ -172,5 +296,13 @@
     .device-status-1{
         background-color: red;
     }
+    .dialog-footer {
+        display: flex;
+        justify-content: flex-end;
+        margin-top: 20px;
+    }
+    .divDisplay{
+        display:none
+    }
 </style>
   
\ No newline at end of file

--
Gitblit v1.8.0