From 00c4dfc5ac687c93e0b7abafc33abb693b38edd6 Mon Sep 17 00:00:00 2001 From: 严智鑫 <test> Date: 星期一, 05 八月 2024 09:14:33 +0800 Subject: [PATCH] Merge branch 'master' of http://10.153.19.25:10101/r/HangZhouMes --- UI-Project/src/views/Slicecage/slicecage.vue | 83 +++++++++++++++++++++++++---------------- 1 files changed, 50 insertions(+), 33 deletions(-) diff --git a/UI-Project/src/views/Slicecage/slicecage.vue b/UI-Project/src/views/Slicecage/slicecage.vue index f52ad85..4ed89ea 100644 --- a/UI-Project/src/views/Slicecage/slicecage.vue +++ b/UI-Project/src/views/Slicecage/slicecage.vue @@ -7,7 +7,7 @@ const router = useRouter() import request from "@/utils/request" import { WebSocketHost ,host} from '@/utils/constants' -import { ref, onMounted , onBeforeUnmount, reactive, computed } from "vue"; +import { ref, onMounted , onBeforeUnmount, reactive, computed,onUnmounted } from "vue"; import { initializeWebSocket, closeWebSocket } from '@/utils/WebSocketService'; import { ElMessage, ElMessageBox } from 'element-plus' import { tr } from "element-plus/es/locale"; @@ -23,7 +23,7 @@ const tableDatad = ref([]) const tableDataf = ref([]) const tableDatae = ref([]) -const tableDataxx = ref([]) +const tableDatax = ref([]) const carPosition = ref([]) const ganghua = ref('') const adjustedRects = ref([]); @@ -39,6 +39,8 @@ const adjustedRectsg = ref([]); const adjustedRectsh = ref([]); const currentRow = reactive({}); // 褰撳墠琛岀殑鏁版嵁 +const inputValuesa = reactive({}); + const add = ref(false) const flowCardId = ref(''); const gap = ref(''); @@ -180,10 +182,8 @@ }); setInterval(() => { localStorage.clear(); // 娓呴櫎鎵�鏈塴ocalStorage鏁版嵁 - console.log(11111); }, 60000); // function cleanUp() { -// console.log('鎵ц娓呯悊鎿嶄綔'); // } // // 鍋囪鎴戜滑姣�2鍒嗛挓鎵ц涓�娆℃竻鐞� // setInterval(cleanUp, 1 * 60 * 1000); @@ -232,10 +232,7 @@ // 鏄惁绂佺敤 const toggleEnableState = async (row) => { const newState = row.enableState === 1 ? 0 : 1; - console.log(row.slot); - console.log(row.enableState); var url="/cacheVerticalGlass/bigStorageCage/updateStorageCageDisabled?slot="+row.slot + "&enableState=" + newState; - console.log(url); const response = await request.get(url) if (response.code === 200) { ElMessage.success(response.message); @@ -513,28 +510,36 @@ } }; const handlezhiban = () => { - fetchFlowCardId(); dialoglea.value = true; // 鎵撳紑缁戝畾鏋跺瓙瀵硅瘽妗� + fetchFlowCardId(); }; const fetchFlowCardId = async () => { - try { - // var url="/cacheVerticalGlass/work_assignment/selectWorkAssignment?line=" + 2001 + "&workingProcedure='鍐峰姞宸�'"; - // const response = await request.post(url) + try { const response = await request.post('/cacheVerticalGlass/work_assignment/selectWorkAssignment',{ line: 2001, workingProcedure : '鍐峰姞宸�' - }); - if (response.code === 200) { - ElMessage.error(response.message); - tableDataxx.value = response.data; - console.log(tableDataxx.value); - -} - else { + }) + if (response.code == 200) { + ElMessage.success(response.message); + tableDatax.value = response.data; + console.log(tableDatax.value); + console + } else { ElMessage.error(response.message); } - } catch (error) { +} +catch (error) { + // 澶勭悊閿欒 console.error(error); + } +} +const handleConfirm = async () => { + const response = await request.post("/cacheVerticalGlass/work_assignment/updateWorkAssignment", tableDatax.value) + if (response.code === 200) { + ElMessage.success(response.message); + dialoglea.value = false; + } else { + ElMessage.error(response.message); } }; function handleRowClick(row) { @@ -561,11 +566,11 @@ console.error(error); } } +let socket = null; const socketUrl = `ws://${WebSocketHost}:${host}/api/cacheVerticalGlass/api/talk/slicecage`; // 瀹氫箟娑堟伅澶勭悊鍑芥暟锛屾洿鏂� receivedData 鍙橀噺 const handleMessage = (data) => { // 鏇存柊 tableData 鐨勬暟鎹� - console.log(data.temperingSwitch[0]); if(data.bigStorageCageDetailsOutTask!=null){ tableDatac.value = data.bigStorageCageDetailsOutTask[0] adjusta.value = data.bigStorageCageDetailsOutTask[0].filter(rect => rect.slot !== null && rect.slot !== undefined); @@ -612,7 +617,6 @@ }else{ ganghua.value = '' } -console.log(data.temperingSwitch[0]); if(data.bigStorageCageInfos!=null){ window.localStorage.setItem('length', data.bigStorageCageInfos[0][1].length) let length = window.localStorage.getItem('length') @@ -670,9 +674,14 @@ // 鍒濆鍖� WebSocket锛屽苟浼犻�掓秷鎭鐞嗗嚱鏁� onMounted(() => { // fetchFlowCardId(); - initializeWebSocket(socketUrl, handleMessage); - + // initializeWebSocket(socketUrl, handleMessage); + socket = initializeWebSocket(socketUrl, handleMessage); }); + onUnmounted(() => { + if (socket) { + closeWebSocket(socket); + } + }); function getStatusType(enableState: number) { switch (enableState) { case 100: @@ -724,7 +733,7 @@ } } onBeforeUnmount(() => { - console.log("鍏抽棴浜�") + // console.log("鍏抽棴浜�") closeWebSocket(); }); </script> @@ -1371,20 +1380,28 @@ </el-table-column> </el-table> </el-dialog> -<el-dialog v-model="dialoglea" top="5vh" width="85%" :title="$t('searchOrder.dutyinformation')"> - <el-table ref="table" style="margin-top: 20px;height: 400px;" - :data="tableDataxx" :header-cell-style="{background:'#F2F3F5 ',color:'#1D2129'}"> - <el-table-column prop="line" fixed align="center" :label="$t('searchOrder.line')" min-width="150"/> - <el-table-column prop="workProcesses" fixed align="center" :label="$t('searchOrder.process')" min-width="120" /> - <el-table-column prop="teamsGroupsName" align="center" :label="$t('searchOrder.team')" min-width="150" /> - <el-table-column prop="deviceName" align="center" :label="$t('searchOrder.basic')" min-width="150" /> +<el-dialog v-model="dialoglea" top="15vh" width="70%" :title="$t('searchOrder.dutyinformation')"> + <el-table ref="table" style="margin-top: 20px;height: 300px;" + :data="tableDatax" :header-cell-style="{background:'#F2F3F5 ',color:'#1D2129'}"> + <el-table-column prop="line" fixed align="center" :label="$t('searchOrder.line')"/> + <el-table-column prop="workProcesses" fixed align="center" :label="$t('searchOrder.process')" /> + <el-table-column prop="teamsGroupsName" align="center" :label="$t('searchOrder.team')"> + <template #default="{ row }"> + <el-input v-model="row.teamsGroupsName" autocomplete="off" min-width="150"/> + </template> + </el-table-column> + <el-table-column prop="deviceName" align="center" :label="$t('searchOrder.basic')"> + <template #default="{ row }"> + <el-input v-model="row.deviceName" autocomplete="off" min-width="150"/> + </template> + </el-table-column> </el-table> <template #footer> <div id="dialog-footer"> <el-button type="primary" @click="handleConfirm"> {{ $t('searchOrder.add') }} </el-button> - <el-button @click="dialoglea = false">{{ $t('basicData.cancel') }}</el-button> + <el-button @click="dialoglea = false">{{ $t('searchOrder.cancel') }}</el-button> </div> </template> </el-dialog> -- Gitblit v1.8.0