wxw
8 天以前 6a738089d6471d048c32ce7f3dcbd15c935ada79
Web/src/views/device/deviceInfo/index.vue
@@ -85,107 +85,158 @@
            </div>
            <div style="margin: 10px 40px;height: 30%; width: 100%; ">
               <el-row>
                  <el-col :span="9">
                     <div >
                  <el-col :span="9">
                     <div>
                        <el-form label-position="right" label-width="40px" style="">
                           <el-form-item label="工位">
                              <el-input id="locaText" :disabled="lockInputStatus" v-model="stationValue.locatNo" style="width: 200px; margin-right: 10px;"></el-input>
                              <el-button @click="textLock(stationValue)">{{lockText}}</el-button>
                              <el-button @click="write('zidong',stationValue)">自动</el-button>
                              <el-button @click="write('shoudong',stationValue)">手动</el-button>
                              <el-button @mousedown="writeDown('huifu',stationValue)"  @mouseup="writeUp('huifu',stationValue)">报警恢复</el-button>
                           </el-form-item>
                           <el-form-item>
                              <el-button size="large" :disabled="lockStatus" @mousedown="writeDown('1diandong',stationValue)"  @mouseup="writeUp('1diandong',stationValue)">1点动</el-button>
                              <el-button size="large" :disabled="lockStatus" @mousedown="writeDown('2diandong',stationValue)"  @mouseup="writeUp('2diandong',stationValue)">2点动</el-button>
                              <el-button size="large" :disabled="lockStatus" @mousedown="writeDown('3diandong',stationValue)"  @mouseup="writeUp('3diandong',stationValue)">3点动</el-button>
                              <el-button size="large" :disabled="lockStatus" @mousedown="writeDown('4diandong',stationValue)"  @mouseup="writeUp('4diandong',stationValue)">4点动</el-button>
                              <el-input id="locaText" :disabled="lockInputStatus"
                                 v-model="stationValue.locatNo"
                                 style="width: 200px; margin-right: 10px;"></el-input>
                              <el-button @click="textLock(stationValue)">{{ lockText }}</el-button>
                              <el-button @click="write('zidong', stationValue)">自动</el-button>
                              <el-button @click="write('shoudong', stationValue)">手动</el-button>
                              <el-button @mousedown="writeDown('huifu', stationValue)"
                                 @mouseup="writeUp('huifu', stationValue)">报警恢复</el-button>
                           </el-form-item>
                           <el-form-item>
                              <el-button size="large" :disabled="lockStatus" @mousedown="writeDown('1liandong',stationValue)"  @mouseup="writeUp('1liandong',stationValue)">1联动</el-button>
                              <el-button size="large" :disabled="lockStatus" @mousedown="writeDown('2liandong',stationValue)"  @mouseup="writeUp('2liandong',stationValue)">2联动</el-button>
                              <el-button size="large" :disabled="lockStatus" @mousedown="writeDown('3liandong',stationValue)"  @mouseup="writeUp('3liandong',stationValue)">3联动</el-button>
                              <el-button size="large" :disabled="lockStatus" @mousedown="writeDown('4liandong',stationValue)"  @mouseup="writeUp('4liandong',stationValue)">4联动</el-button>
                           </el-form-item>
                           <el-form-item>
                              <el-button size="large" :disabled="lockStatus" @mousedown="writeDown('yizaisheng',stationValue)"  @mouseup="writeUp('yizaisheng',stationValue)">移栽上升</el-button>
                              <el-button size="large" :disabled="lockStatus" @mousedown="writeDown('fanzhuansheng',stationValue)"  @mouseup="writeUp('fanzhuansheng',stationValue)">翻转机上升</el-button>
                              <el-button size="large" :disabled="lockStatus"
                                 @mousedown="writeDown('1diandong', stationValue)"
                                 @mouseup="writeUp('1diandong', stationValue)">1点动</el-button>
                              <el-button size="large" :disabled="lockStatus"
                                 @mousedown="writeDown('2diandong', stationValue)"
                                 @mouseup="writeUp('2diandong', stationValue)">2点动</el-button>
                              <el-button size="large" :disabled="lockStatus"
                                 @mousedown="writeDown('3diandong', stationValue)"
                                 @mouseup="writeUp('3diandong', stationValue)">3点动</el-button>
                              <el-button size="large" :disabled="lockStatus"
                                 @mousedown="writeDown('4diandong', stationValue)"
                                 @mouseup="writeUp('4diandong', stationValue)">4点动</el-button>
                           </el-form-item>
                           <el-form-item>
                              <el-button size="large" :disabled="lockStatus" @mousedown="writeDown('yizaijiang',stationValue)"  @mouseup="writeUp('yizaijiang',stationValue)">移栽下降</el-button>
                              <el-button size="large" :disabled="lockStatus" @mousedown="writeDown('fanzhuanjiang',stationValue)"  @mouseup="writeUp('fanzhuanjiang',stationValue)">翻转机下降</el-button>
                              <el-button size="large" :disabled="lockStatus"
                                 @mousedown="writeDown('1liandong', stationValue)"
                                 @mouseup="writeUp('1liandong', stationValue)">1联动</el-button>
                              <el-button size="large" :disabled="lockStatus"
                                 @mousedown="writeDown('2liandong', stationValue)"
                                 @mouseup="writeUp('2liandong', stationValue)">2联动</el-button>
                              <el-button size="large" :disabled="lockStatus"
                                 @mousedown="writeDown('3liandong', stationValue)"
                                 @mouseup="writeUp('3liandong', stationValue)">3联动</el-button>
                              <el-button size="large" :disabled="lockStatus"
                                 @mousedown="writeDown('4liandong', stationValue)"
                                 @mouseup="writeUp('4liandong', stationValue)">4联动</el-button>
                           </el-form-item>
                           <el-form-item>
                              <el-button size="large" :disabled="lockStatus"
                                 @mousedown="writeDown('yizaisheng', stationValue)"
                                 @mouseup="writeUp('yizaisheng', stationValue)">移栽上升</el-button>
                              <el-button size="large" :disabled="lockStatus"
                                 @mousedown="writeDown('fanzhuansheng', stationValue)"
                                 @mouseup="writeUp('fanzhuansheng', stationValue)">翻转机上升</el-button>
                           </el-form-item>
                           <el-form-item>
                              <el-button size="large" :disabled="lockStatus"
                                 @mousedown="writeDown('yizaijiang', stationValue)"
                                 @mouseup="writeUp('yizaijiang', stationValue)">移栽下降</el-button>
                              <el-button size="large" :disabled="lockStatus"
                                 @mousedown="writeDown('fanzhuanjiang', stationValue)"
                                 @mouseup="writeUp('fanzhuanjiang', stationValue)">翻转机下降</el-button>
                           </el-form-item>
                        </el-form>
                     </div>
                  </el-col>
                  <el-col :span="15">
                     <div >
                     <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-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>
                              <el-col :span="6">
                                 <el-form-item label="任务号" >
                                    <el-input v-model="stationValue.taskNo" style="width: 200px; "></el-input>
                                 <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-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-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-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-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-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-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-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-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-input v-model="stationValue.endCeng"
                                       style="width: 200px; margin-right: 10px;"></el-input>
                                 </el-form-item>
                              </el-col>
                           </el-row>
                              <el-col :span="6">
                                 <el-form-item label="缠膜信号">
                                    <el-input v-model="stationValue.chanMo" disabled
                                       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.chaiMo" disabled
                                       style="width: 200px; margin-right: 10px;"></el-input>
                                 </el-form-item>
                              </el-col>
                           </el-row>
                        </el-form>
                     </div>
                  </el-col>
@@ -199,7 +250,7 @@
<script lang="ts" setup>
import { ref, reactive, onMounted } from 'vue';
import { listStatus, listPosition } from '/@/api/wcs/wcsPlc';
import { GetLocationInfo,WriteLocationInfo,WriteInfo,WriteTaskInfo } from '/@/api/wcs/wcsDevice';
import { GetLocationInfo, WriteLocationInfo, WriteInfo, WriteTaskInfo } from '/@/api/wcs/wcsDevice';
import { signalR } from './signalR';
import { cellsDataLine, cellsDataOne, cellsDataTwo, cellsDataThree } from './data';
import { ElMessage } from "element-plus";
@@ -213,27 +264,31 @@
const lockText = ref("锁定");
const lockStatus = ref(true);
const lockInputStatus = ref(false);
const lockStatus = ref(true);
const lockInputStatus = ref(false);
const stationValue = ref<any>({
   locatNo: '',//工位
   layer:'',//楼层
   typeName:'',//操作类型名称
   funcName:'',//事件结果  true/false
   layer: '',//楼层
   typeName: '',//操作类型名称
   funcName: '',//事件结果  true/false
   taskNo:'',
   palletNo:'',
   startLoction:'',
   endLoction:'',
   startPai:'',
   startLie:'',
   startCeng:'',
   endPai:'',
   endLie:'',
   endCeng:'',
   taskNo: '',
   palletNo: '',
   startLoction: '',
   endLoction: '',
   startPai: '',
   startLie: '',
   startCeng: '',
   endPai: '',
   endLie: '',
   endCeng: '',
   chanMo: '',
   chaiMo: '',
});
// 查询状态
const handleQuery = async () => {
@@ -311,6 +366,11 @@
         // }
      }
   });
   signalR.onreconnected(() => {
      console.log('重连成功plc***');
      handleQuery();
   });
});
const handleSwitchChange = (field: string, value: boolean) => {
   const param = { [field]: value };
@@ -319,7 +379,6 @@
//更新堆垛机
// updateStacker({ stationNum: '10', boxHeight: 200 })
function updateStacker(data: any) {
   debugger;
   const foundCell = cellsDataLine.value.find(cell => cell.Code === data.stationNum);
   if (foundCell) {
      foundCell.EndLocat = data.endLocat;
@@ -374,7 +433,6 @@
//切换层平面
function floorTogglePlain(buttonNumber) {
   const floorData = [cellsDataOne.value, cellsDataTwo.value, cellsDataThree.value];
   debugger;
   if (buttonNumber >= 1 && buttonNumber <= 3) {
      const index = buttonNumber - 1;
      floorStates.value = {
@@ -388,137 +446,136 @@
const textLock = async (row: any) => {
   if(lockText.value == "锁定"){
      lockStatus.value=false;
      lockInputStatus.value=true;
      lockText.value ="解锁";
   if (lockText.value == "锁定") {
      lockStatus.value = true;
      lockInputStatus.value = true;
      lockText.value = "解锁";
      if (floorStates.value.isPlain1 == false) {
         row.layer = 1;
      }else if(floorStates.value.isPlain2 == false){
      } else if (floorStates.value.isPlain2 == false) {
         row.layer = 2;
      }
      else if(floorStates.value.isPlain3 == false){
      else if (floorStates.value.isPlain3 == false) {
         row.layer = 3;
      }
      row.typeName = "suoding";
      console.log(row);
      var res = await WriteLocationInfo(row);
      var res2 = await GetLocationInfo(row);
      let rowData = JSON.parse(JSON.stringify(res2.data.result));
      stationValue.value = res2.data.result;
//       stationValue.value = {
//    locatNo: '',//工位
//    layer:'',//楼层
//    typeName:'',//操作类型名称
//    funcName:null,//事件结果  true/false
      //       stationValue.value = {
      //    locatNo: '',//工位
      //    layer:'',//楼层
      //    typeName:'',//操作类型名称
      //    funcName:null,//事件结果  true/false
//    taskNo:'',
//    palletNo:'',
//    startLoction:'',
//    endLoction:'',
//    startPai:'',
//    startLie:'',
//    startCeng:'',
//    endPai:'',
//    endLie:'',
//    endCeng:'',
// }
      //    taskNo:'',
      //    palletNo:'',
      //    startLoction:'',
      //    endLoction:'',
      //    startPai:'',
      //    startLie:'',
      //    startCeng:'',
      //    endPai:'',
      //    endLie:'',
      //    endCeng:'',
      // }
      console.log(res2.data.result);
      console.log(rowData);
   }else{
      lockStatus.value=true;
      lockInputStatus.value=false;
      lockText.value ="锁定";
   }
   } else {
      lockStatus.value = true;
      lockInputStatus.value = false;
      lockText.value = "锁定";
   }
}
const write = async (type: string,row: any) => {
const write = async (type: string, row: any) => {
   if (lockStatus.value == false) {
      ElMessage.success("请先锁定");
      return;
   }
   if (floorStates.value.isPlain1 == false) {
      row.layer = 1;
   }else if(floorStates.value.isPlain2 == false){
   } else if (floorStates.value.isPlain2 == false) {
      row.layer = 2;
   }
   else if(floorStates.value.isPlain3 == false){
   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) => {
const writeDown = async (type: string, row: any) => {
   if (lockStatus.value == false) {
      ElMessage.success("请先锁定");
      return;
   }
   if (floorStates.value.isPlain1 == false) {
      row.layer = 1;
   }else if(floorStates.value.isPlain2 == false){
   } else if (floorStates.value.isPlain2 == false) {
      row.layer = 2;
   }
   else if(floorStates.value.isPlain3 == false){
   else if (floorStates.value.isPlain3 == false) {
      row.layer = 3;
   }
   row.typeName = type;
   row.funcName = "true";
   var res = await WriteInfo(row);
   console.log(type+"按下事件");
   console.log(type + "按下事件");
   // ElMessage.success(res.data.result);
}
const writeUp = async (type: string,row: any) => {
const writeUp = async (type: string, row: any) => {
   if (lockStatus.value == false) {
      ElMessage.success("请先锁定");
      return;
   }
   if (floorStates.value.isPlain1 == false) {
      row.layer = 1;
   }else if(floorStates.value.isPlain2 == false){
   } else if (floorStates.value.isPlain2 == false) {
      row.layer = 2;
   }
   else if(floorStates.value.isPlain3 == false){
   else if (floorStates.value.isPlain3 == false) {
      row.layer = 3;
   }
   row.typeName = type;
   row.funcName = "false";
   var res = await WriteInfo(row);
   console.log(type+"抬起事件");
   console.log(type + "抬起事件");
   // ElMessage.success('asdf'+ res.data.result);
}
const writeTaskInfo = async (type: string,row: any) => {
const writeTaskInfo = async (type: string, row: any) => {
   if (floorStates.value.isPlain1 == false) {
      row.layer = 1;
   }else if(floorStates.value.isPlain2 == false){
   } else if (floorStates.value.isPlain2 == false) {
      row.layer = 2;
   }
   else if(floorStates.value.isPlain3 == false){
   else if (floorStates.value.isPlain3 == false) {
      row.layer = 3;
   }
   row.typeName = type;
   var res = await WriteTaskInfo(row);
   console.log(type+"抬起事件");
   console.log(type + "抬起事件");
   // ElMessage.success('asdf'+ res.data.result);
}
</script>
<style scoped>
.box-card {
   height: 30px;
   padding: 0;