From 25184cadd4011856d95e76f1d79b37ce51a3e548 Mon Sep 17 00:00:00 2001 From: chengsc <Demo@DESKTOP-CPA90BF> Date: 星期三, 30 十月 2024 11:34:12 +0800 Subject: [PATCH] 修改问题 --- Web/src/views/device/deviceInfo/index.vue | 228 +++++++++++++++++++++++++++++++++++++++++++++++++++++--- 1 files changed, 215 insertions(+), 13 deletions(-) diff --git a/Web/src/views/device/deviceInfo/index.vue b/Web/src/views/device/deviceInfo/index.vue index c43003f..d422c71 100644 --- a/Web/src/views/device/deviceInfo/index.vue +++ b/Web/src/views/device/deviceInfo/index.vue @@ -1,5 +1,5 @@ <template> - <div class="sys-user-container" style="overflow: hidden;"> + <div class="sys-user-container"> <el-row> <el-col :span="3"> <el-collapse v-model="activeName"> @@ -23,6 +23,14 @@ <el-card class="box-card" shadow="hover" style="margin-top: 3px;"> <el-switch v-model="state.boDrumReversal" active-text="" inactive-text="婊氬姩鍙嶈浆" @change="handleSwitchChange('boDrumReversal', $event)"></el-switch> + </el-card> + <el-card class="box-card" shadow="hover" style="margin-top: 3px;"> + <el-switch v-model="state.boOutLock" active-text="" inactive-text="鍑哄簱閿佸畾" + @change="handleSwitchChange('boOutLock', $event)"></el-switch> + </el-card> + <el-card class="box-card" shadow="hover" style="margin-top: 3px;"> + <el-switch v-model="state.boEnterLock" active-text="" inactive-text="鍏ュ簱閿佸畾" + @change="handleSwitchChange('boEnterLock', $event)"></el-switch> </el-card> </el-collapse-item> @@ -52,7 +60,7 @@ <el-button type="primary" :plain="floorStates.isPlain3" @click="floorTogglePlain(3)">涓夊眰骞抽潰</el-button> </div> - <div style="margin: 40px; height: 50%;"> + <div style="margin: 40px; height: 58%;"> <div class="grid-container-line"> <div v-for="cell in cellsDataLine" :key="cell.Id"> <div v-if="cell.IsShow === 0" class="grid-item-line"> @@ -75,6 +83,113 @@ </div> </div> </div> + <div style="margin: 10px 40px;height: 30%; width: 100%; "> + <el-row> + <el-col :span="9"> + <div > + <el-form label-position="right" label-width="40px" style=""> + <el-form-item label="宸ヤ綅"> + <el-input v-model="stationValue.LocatNo" style="width: 200px; margin-right: 10px;"></el-input> + <el-button @click="write('zidong',stationValue)">鑷姩</el-button> + <el-button @click="write('shoudong',stationValue)">鎵嬪姩</el-button> + <el-button @click="write('huifu',stationValue)">鎶ヨ鎭㈠</el-button> + </el-form-item> + + <el-form-item> + <el-button size="large" @mousedown="writeDown('1diandong',stationValue)" @mouseup="writeUp('1diandong',stationValue)">1鐐瑰姩</el-button> + <el-button size="large" @mousedown="writeDown('2diandong',stationValue)" @mouseup="writeUp('2diandong',stationValue)">2鐐瑰姩</el-button> + <el-button size="large" @mousedown="writeDown('3diandong',stationValue)" @mouseup="writeUp('3diandong',stationValue)">3鐐瑰姩</el-button> + <el-button size="large" @mousedown="writeDown('4diandong',stationValue)" @mouseup="writeUp('4diandong',stationValue)">4鐐瑰姩</el-button> + </el-form-item> + + <el-form-item> + <el-button size="large" @mousedown="writeDown('1liandong',stationValue)" @mouseup="writeUp('1liandong',stationValue)">1鑱斿姩</el-button> + <el-button size="large" @mousedown="writeDown('2liandong',stationValue)" @mouseup="writeUp('2liandong',stationValue)">2鑱斿姩</el-button> + <el-button size="large" @mousedown="writeDown('3liandong',stationValue)" @mouseup="writeUp('3liandong',stationValue)">3鑱斿姩</el-button> + <el-button size="large" @mousedown="writeDown('4liandong',stationValue)" @mouseup="writeUp('4liandong',stationValue)">4鑱斿姩</el-button> + </el-form-item> + + <el-form-item> + <el-button size="large" @mousedown="writeDown('yizaisheng',stationValue)" @mouseup="writeUp('yizaisheng',stationValue)">绉绘牻涓婂崌</el-button> + <el-button size="large" @mousedown="writeDown('fanzhuansheng',stationValue)" @mouseup="writeUp('fanzhuansheng',stationValue)">缈昏浆鏈轰笂鍗�</el-button> + </el-form-item> + + <el-form-item> + <el-button size="large" @mousedown="writeDown('yizaijiang',stationValue)" @mouseup="writeUp('yizaijiang',stationValue)">绉绘牻涓嬮檷</el-button> + <el-button size="large" @mousedown="writeDown('fanzhuanjiang',stationValue)" @mouseup="writeUp('fanzhuanjiang',stationValue)">缈昏浆鏈轰笅闄�</el-button> + </el-form-item> + + </el-form> + </div> + </el-col> + <el-col :span="15"> + <div > + <el-form label-position="right" label-width="60px" style="" :inline="true"> + <el-row :gutter="23"> + <el-col :span="8"> + <el-form-item > + <el-button @click="write('UpTask',stationValue)">鏇存敼浠诲姟</el-button> + <el-button @click="writeTaskInfo('writeTask',stationValue)">浠诲姟鍐欏叆</el-button> + <el-button @click="writeTaskInfo('writeTaskDelete',stationValue)">浠诲姟娓呯┖</el-button> + </el-form-item> + </el-col> + <el-col :span="6"> + <el-form-item label="浠诲姟鍙�" > + <el-input v-model="stationValue.TaskNo" style="width: 200px; "></el-input> + </el-form-item> + </el-col> + <el-col :span="6"> + <el-form-item label="鎵樼洏鍙�"> + <el-input v-model="stationValue.PalletNo" style="width: 200px; margin-right: 10px;"></el-input> + </el-form-item> + </el-col> + <el-col :span="6"> + <el-form-item label="璧峰宸ヤ綅"> + <el-input v-model="stationValue.StartLoction" style="width: 200px; margin-right: 10px;"></el-input> + </el-form-item> + </el-col> + <el-col :span="6"> + <el-form-item label="鐩爣宸ヤ綅"> + <el-input v-model="stationValue.EndLoction" style="width: 200px; margin-right: 10px;"></el-input> + </el-form-item> + </el-col> + <el-col :span="6"> + <el-form-item label="璧峰鎺�"> + <el-input v-model="stationValue.StartPai" style="width: 200px; margin-right: 10px;"></el-input> + </el-form-item> + </el-col> + <el-col :span="6"> + <el-form-item label="璧峰鍒�"> + <el-input v-model="stationValue.StartLie" style="width: 200px; margin-right: 10px;"></el-input> + </el-form-item> + </el-col> + <el-col :span="6"> + <el-form-item label="璧峰灞�"> + <el-input v-model="stationValue.StartCeng" style="width: 200px; margin-right: 10px;"></el-input> + </el-form-item> + </el-col> + <el-col :span="6"> + <el-form-item label="鐩爣鎺�"> + <el-input v-model="stationValue.EndPai" style="width: 200px; margin-right: 10px;"></el-input> + </el-form-item> + </el-col> + <el-col :span="6"> + <el-form-item label="鐩爣鍒�"> + <el-input v-model="stationValue.EndLie" style="width: 200px; margin-right: 10px;"></el-input> + </el-form-item> + </el-col> + <el-col :span="6"> + <el-form-item label="鐩爣灞�"> + <el-input v-model="stationValue.EndCeng" style="width: 200px; margin-right: 10px;"></el-input> + </el-form-item> + </el-col> + + </el-row> + </el-form> + </div> + </el-col> + </el-row> + </div> </el-col> </el-row> </div> @@ -83,6 +198,7 @@ <script lang="ts" setup> import { ref, reactive, onMounted } from 'vue'; import { listStatus, listPosition } from '/@/api/wcs/wcsPlc'; +import { WriteInfo,WriteTaskInfo } from '/@/api/wcs/wcsDevice'; import { signalR } from './signalR'; import { cellsDataLine, cellsDataOne, cellsDataTwo, cellsDataThree } from './data'; import { ElMessage } from "element-plus"; @@ -90,6 +206,25 @@ const state = ref<any>({}); const stackers = ref<any>({}); const conveyors = ref<any>({}); +const stationValue = ref<any>({ + LocatNo: '',//宸ヤ綅 + Layer:'',//妤煎眰 + TypeName:'',//鎿嶄綔绫诲瀷鍚嶇О + FuncName:'',//浜嬩欢缁撴灉 true/false + + TaskNo:'', + PalletNo:'', + StartLoction:'', + EndLoction:'', + StartPai:'', + StartLie:'', + StartCeng:'', + EndPai:'', + EndLie:'', + EndCeng:'', +}); + + // 鏌ヨ鐘舵�� const handleQuery = async () => { var res = await listStatus(); @@ -110,9 +245,9 @@ } else if (s.type == 1) { // 鏇存柊杈撻�佺嚎鏁版嵁 - updateCellData(cellsDataOne, s); - updateCellData(cellsDataTwo, s); - updateCellData(cellsDataThree, s); + updateCellData(cellsDataOne.value, s); + updateCellData(cellsDataTwo.value, s); + updateCellData(cellsDataThree.value, s); } }); }; @@ -150,12 +285,11 @@ }); signalR.off('PublicPosition'); signalR.on('PublicPosition', (data: any) => { - if (data.type == 1) { // 鏇存柊杈撻�佺嚎鏁版嵁 - updateCellData(cellsDataOne, data); - updateCellData(cellsDataTwo, data); - updateCellData(cellsDataThree, data); + updateCellData(cellsDataOne.value, data); + updateCellData(cellsDataTwo.value, data); + updateCellData(cellsDataThree.value, data); } else if (data.type == 0) { // 鏇存柊鍫嗗灈鏈烘暟鎹� @@ -217,7 +351,7 @@ const activeName = ['1', '2', '3']; //杈撻�佺嚎鏁版嵁 -let cellsData = ref(cellsDataOne); +let cellsData = cellsDataOne.value; // 灞傚钩闈㈢姸鎬� @@ -229,8 +363,8 @@ //鍒囨崲灞傚钩闈� function floorTogglePlain(buttonNumber) { - const floorData = [cellsDataOne, cellsDataTwo, cellsDataThree]; - + const floorData = [cellsDataOne.value, cellsDataTwo.value, cellsDataThree.value]; + debugger; if (buttonNumber >= 1 && buttonNumber <= 3) { const index = buttonNumber - 1; floorStates.value = { @@ -238,12 +372,80 @@ isPlain2: index !== 1, isPlain3: index !== 2 }; - cellsData.value = floorData[index]; + cellsData = floorData[index]; } } + +const write = async (type: string,row: any) => { + if (floorStates.value.isPlain1 == false) { + row.Layer = 1; + }else if(floorStates.value.isPlain2 == false){ + row.Layer = 2; + } + else if(floorStates.value.isPlain3 == false){ + row.Layer = 3; + } + row.TypeName = type; + + console.log(row); + var res = await WriteInfo(row); + console.log(res.data.result); + ElMessage.success(res.data.result); +} + +const writeDown = async (type: string,row: any) => { + if (floorStates.value.isPlain1 == false) { + row.Layer = 1; + }else if(floorStates.value.isPlain2 == false){ + row.Layer = 2; + } + else if(floorStates.value.isPlain3 == false){ + row.Layer = 3; + } + row.TypeName = type; + row.FuncName = "true"; + var res = await WriteInfo(row); + console.log(type+"鎸変笅浜嬩欢"); + + // ElMessage.success(res.data.result); +} +const writeUp = async (type: string,row: any) => { + if (floorStates.value.isPlain1 == false) { + row.Layer = 1; + }else if(floorStates.value.isPlain2 == false){ + row.Layer = 2; + } + else if(floorStates.value.isPlain3 == false){ + row.Layer = 3; + } + row.TypeName = type; + row.FuncName = "false"; + var res = await WriteInfo(row); + console.log(type+"鎶捣浜嬩欢"); + + // ElMessage.success('asdf'+ res.data.result); +} + +const writeTaskInfo = async (type: string,row: any) => { + if (floorStates.value.isPlain1 == false) { + row.Layer = 1; + }else if(floorStates.value.isPlain2 == false){ + row.Layer = 2; + } + else if(floorStates.value.isPlain3 == false){ + row.Layer = 3; + } + row.TypeName = type; + var res = await WriteTaskInfo(row); + console.log(type+"鎶捣浜嬩欢"); + + // ElMessage.success('asdf'+ res.data.result); +} + </script> <style scoped> + .box-card { height: 30px; padding: 0; -- Gitblit v1.8.0