| | |
| | | </el-col> |
| | | |
| | | </el-row> |
| | | <!-- <el-row style="margin-top: 20px">--> |
| | | <!-- <el-col :span="12">--> |
| | | <!-- <el-input v-model="serialPortContent" style="width: 150px;" placeholder="请输入内容"></el-input>--> |
| | | |
| | | <!-- </el-col>--> |
| | | <!-- <el-col :span="12">--> |
| | | <!-- <el-button @click="serialPortMethod" type="primary">串口获取数据</el-button>--> |
| | | |
| | | <!-- </el-col>--> |
| | | <!-- </el-row>--> |
| | | <el-row style="margin-top: 20px"> |
| | | <el-button @click="Release" type="primary">放行</el-button> |
| | | <el-row v-show="showInput" style="margin-top: 20px"> |
| | | <el-col></el-col> |
| | | <span style="width: 130px;" class="head-font">预装总成号 : {{headContent.yzSfcCode}}</span> |
| | | </el-row> |
| | | <!-- <el-row v-show="showInput" style="margin-top: 20px">--> |
| | | <!-- <el-button @click="bindYzSfc" type="primary">绑定</el-button>--> |
| | | <!-- </el-row>--> |
| | | |
| | | <el-row v-show="onLineBinDing" style="margin-top: 20px"> |
| | | <el-col></el-col> |
| | | <span style="width: 130px;" class="head-font">小车码 : {{headContent.cardCode}}</span> |
| | | </el-row> |
| | | <!-- <el-row v-show="onLineBinDing" style="margin-top: 20px">--> |
| | | <!-- <el-button @click="bindcardCode" type="primary">绑定</el-button>--> |
| | | <!-- </el-row>--> |
| | | </el-card> |
| | | |
| | | </el-col> |
| | |
| | | <el-tab-pane name="first"> |
| | | <span slot="label"> <a class="el-icon-date"></a>首页</span> |
| | | <el-col :span="24"> |
| | | <el-table :cell-style="rowStyle" :data="formulaChildList"> |
| | | <el-table-column label="排序" width="60" align="center" prop="stepSort"> |
| | | <el-table height="500" :cell-style="rowStyle" :data="formulaChildList"> |
| | | <el-table-column label="排序" width="60" align="center" type="index"> |
| | | </el-table-column> |
| | | <el-table-column label="操作内容" :show-overflow-tooltip='true' align="center" prop="operationSteps"> |
| | | </el-table-column> |
| | | <el-table-column label="产品编号" width="150" align="center" prop="productCode"> |
| | | <el-table-column label="产品编号" align="center" prop="productCode"> |
| | | </el-table-column> |
| | | <el-table-column label="采集值" width="150" align="center" prop="productCode"> |
| | | <el-table-column label="物料编码" align="center" prop="materialCode"> |
| | | </el-table-column> |
| | | <el-table-column label="结果" width="150" align="center" prop="results"> |
| | | <el-table-column label="采集值" align="center" prop="collectData"> |
| | | </el-table-column> |
| | | <el-table-column label="结果" align="center" prop="results"> |
| | | </el-table-column> |
| | | </el-table> |
| | | </el-col> |
| | |
| | | <script> |
| | | import {listWorkReport} from "@/api/main/om/workReport/workReport"; |
| | | import {listStationConf,getIpv4} from "@/api/main/sc/stationConf"; |
| | | import {listFormulaChild, releaseCheck, updateResults, workpieceRelease} from "@/api/main/bs/formulaChild/formulaChild"; |
| | | import { |
| | | fistSetpNumber, |
| | | listFormulaChild, |
| | | noPageListFormulaChild, |
| | | releaseCheck, |
| | | updateResults, |
| | | updateTighteningFormula, |
| | | workpieceRelease |
| | | } from "@/api/main/bs/formulaChild/formulaChild"; |
| | | import MySerialPort from "@/utils/MySerialPort"; |
| | | import USBDevice from "@/utils/usb.json"; |
| | | import {listProductionOrde} from "@/api/main/om/productionOrde/productionOrde"; |
| | | import { |
| | | bindYzSfcFlag, |
| | | checkCarCode, checkYzSfcCode, |
| | | findBytrolleyYardGetOne, |
| | | listProductionOrde, |
| | | receivingWorkOrders, |
| | | trolleyYardBinDing |
| | | } from "@/api/main/om/productionOrde/productionOrde"; |
| | | import {addPassingStationCollection} from "@/api/main/da/passingStationCollection/passingStationCollection"; |
| | | import { |
| | | addBasicParameters, |
| | | addParamCollection, |
| | | addTighteningParameters |
| | | addTighteningParameters, |
| | | saveCampaignTimeParameters, |
| | | replaceAssemblyCode, checkRecordDataDone, |
| | | } from "@/api/main/da/paramCollection/paramCollection"; |
| | | |
| | | export default { |
| | | name: "stationTerminal", |
| | | data() { |
| | | return { |
| | | carCode: '', |
| | | showInput: false, |
| | | onLineBinDing: false, |
| | | |
| | | serialPortContent: '', |
| | | // 查询参数 |
| | | formulaChildParams: { |
| | |
| | | processesCode: 'OP1010', |
| | | processesName: '贴标机-贴码', |
| | | sfcCode: '', |
| | | yzSfcCode: '', |
| | | cardCode: '', |
| | | }, |
| | | workpieceInformation: { |
| | | workOrderNo: null, |
| | |
| | | }, |
| | | content: '', |
| | | activeName: 'first', |
| | | url: "ws://192.168.11.76:8080/websocket/message/", |
| | | url: "ws://192.168.2.76:8080/websocket/message/", |
| | | message: "", |
| | | text_content: "", |
| | | ws: null, |
| | |
| | | input: "", |
| | | keepReading: true, |
| | | form1: { |
| | | baudRate: "9600", |
| | | baudRate: "115200", |
| | | dataBits: "8", |
| | | stopBits: "1", |
| | | parity: "none", |
| | |
| | | |
| | | passingStationForm: {}, |
| | | originalArray: [], |
| | | yzSfcFlag: 1, |
| | | } |
| | | }, |
| | | beforeDestroy() { |
| | |
| | | }, |
| | | }, |
| | | methods: { |
| | | bindcardCode(){ |
| | | this.$message('绑定成功!'); |
| | | let param = { |
| | | productNum: this.headContent.sfcCode, |
| | | trolleyYard: this.headContent.cardCode, |
| | | } |
| | | trolleyYardBinDing(param).then(response => { |
| | | }); |
| | | |
| | | }, |
| | | serialLink() { |
| | | this.open1 = true |
| | | }, |
| | | bindYzSfc(){ |
| | | if(this.headContent.sfcCode!==""&&this.headContent.yzSfcCode!==""){ |
| | | let param = { |
| | | sfcCode: this.headContent.sfcCode, |
| | | locationCode: this.headContent.processesCode, |
| | | yzSfcCode: this.headContent.yzSfcCode |
| | | } |
| | | const orderParam = { |
| | | productNum: this.headContent.sfcCode, |
| | | } |
| | | replaceAssemblyCode(param).then(response => { |
| | | this.$message('绑定成功!'); |
| | | bindYzSfcFlag(orderParam).then(response => { |
| | | this.yzSfcFlag = 1 |
| | | }); |
| | | }); |
| | | } |
| | | }, |
| | | Release(){ |
| | | // this.$message('portsList!'+this.portsList.length); |
| | |
| | | this.$message('mei连接了!'); |
| | | |
| | | } |
| | | |
| | | // //判断是否可以释放 |
| | | // let formulaChildParams = { |
| | | // productCode: this.workpieceInformation.productCode, |
| | | // processesCode: this.headContent.processesCode |
| | | // } |
| | | // releaseCheck(formulaChildParams).then(response => { |
| | | // if(response.data === 0){ |
| | | // //改变状态 |
| | | // workpieceRelease(formulaChildParams).then(response => { |
| | | // }); |
| | | // this.$message('放行成功!'); |
| | | // this.formulaChildList = [] |
| | | // this.getListFormulaChild() |
| | | // // this.resetting() |
| | | // }else { |
| | | // this.$message('步骤未完成不许放行!'); |
| | | // } |
| | | // }); |
| | | }, |
| | | serialPortMethod(value){ |
| | | console.log(value.includes('C')); |
| | | let formulaChilds = ''; |
| | | console.log(this.formulaChildList) |
| | | this.formulaChildList.forEach((formulaChild) => { |
| | | formulaChilds = formulaChild; |
| | | let operationType = formulaChild.operationType; |
| | | let results = formulaChild.results; |
| | | let materialCode = formulaChild.materialCode; |
| | | if(operationType === '2' && value.includes(materialCode) && (results === '' || results === null || results === 'NG')){ |
| | | return; // 使用return代替break |
| | | let formulaChildParams = { |
| | | scanBarcode: value, |
| | | sfcBarcode: this.headContent.sfcCode, |
| | | workOrderNo: this.workpieceInformation.workOrderNo, |
| | | productCode: this.workpieceInformation.productCode, |
| | | locationCode: this.headContent.processesCode, |
| | | collectionTime: new Date() |
| | | } |
| | | updateResults(formulaChildParams).then(response => { |
| | | console.log(response) |
| | | if(response.msg === "3"){ |
| | | this.cakeLamp.release= 1 //允许放行 |
| | | } |
| | | this.getListFormulaChild() |
| | | }); |
| | | console.log(formulaChilds) |
| | | // let formulaChildParams = { |
| | | // scanBarcode: value, |
| | | // sfcBarcode: this.headContent.sfcCode, |
| | | // workOrderNo: this.workpieceInformation.workOrderNo, |
| | | // productCode: this.workpieceInformation.productCode, |
| | | // locationCode: this.headContent.processesCode, |
| | | // collectionTime: new Date() |
| | | // } |
| | | // updateResults(formulaChildParams).then(response => { |
| | | // this.getListFormulaChild() |
| | | // }); |
| | | }, |
| | | rowStyle({ row }) { |
| | | if (row.results === 'OK') { |
| | |
| | | }, |
| | | /** 查询配方配置子信息列表 */ |
| | | getListFormulaChild() { |
| | | // this.formulaChildList = [] |
| | | this.formulaChildParams.productCode = this.workpieceInformation.productCode |
| | | this.formulaChildParams.processesCode = this.headContent.processesCode |
| | | listFormulaChild(this.formulaChildParams).then(response => { |
| | | console.log(this.formulaChildParams) |
| | | noPageListFormulaChild(this.formulaChildParams).then(response => { |
| | | this.formulaChildList = response.rows; |
| | | console.log(this.formulaChildList) |
| | | if (this.formulaChildList.length >0){ |
| | | let pos = 0 |
| | | const tempArr = this.formulaChildList.filter(x=> 'OK' === x.results) |
| | | if (tempArr.length>0){ |
| | | pos = tempArr.length |
| | | this.$nextTick(() => { |
| | | let temp33 = document.getElementsByClassName('el-table__row') |
| | | console.log('temp33',temp33) |
| | | console.log('len',temp33.item(pos)) |
| | | if (temp33.length > 0){ |
| | | console.log('1111111111111111') |
| | | let arr = temp33[pos-1] |
| | | console.log('srr',arr) |
| | | arr.scrollIntoView({ block: 'center' }) |
| | | } |
| | | }) |
| | | } |
| | | |
| | | } |
| | | |
| | | }); |
| | | }, |
| | | endClear(){ |
| | | this.cakeLamp.InPlace= 0 //工件到位 |
| | | this.cakeLamp.scanFinish= 0 |
| | | this.cakeLamp.startWork= 0 |
| | | this.cakeLamp.release= 0 //允许放行 |
| | | |
| | | this.formulaChildList = [] |
| | | this.workpieceInformation.productCode = null; |
| | | this.workpieceInformation.workOrderNo = null; |
| | | this.workpieceInformation.productModel = null; |
| | | this.workpieceInformation.productName = null; |
| | | this.headContent.sfcCode = ''; |
| | | this.headContent.yzSfcCode = ''; |
| | | this.headContent.cardCode = ''; |
| | | }, |
| | | changeMenu(tab, event) { |
| | | console.log(tab, event); |
| | | }, |
| | |
| | | this.workpieceInformation.productCode = rowsData.productCode; |
| | | this.workpieceInformation.productModel = rowsData.productModel; |
| | | this.workpieceInformation.productName = rowsData.productName; |
| | | this.timer = setInterval(() => { |
| | | this.workpieceInformation.beat++; |
| | | }, 1000); |
| | | // this.timer = setInterval(() => { |
| | | // this.workpieceInformation.beat++; |
| | | // }, 1000); |
| | | }); |
| | | this.getListFormulaChild() |
| | | this.addOverStationCollection() |
| | |
| | | locationCode: this.headContent.processesCode, |
| | | model: this.workpieceInformation.productModel, |
| | | productBarcode: this.headContent.sfcCode, |
| | | sfcCode: this.headContent.sfcCode, |
| | | inboundTime: new Date() |
| | | } |
| | | addPassingStationCollection(this.passingStationForm).then(response => {}); |
| | | addBasicParameters(this.passingStationForm).then(response => {}); |
| | | // addBasicParameters(this.passingStationForm).then(response => {}); |
| | | }, |
| | | allowRelease(){ |
| | | clearInterval(this.timer); |
| | | this.$message('保存节拍为'+this.workpieceInformation.beat+'秒'); |
| | | }, |
| | | /** 查询工位终端配置列表 */ |
| | | // async getStationConfList() { |
| | | // await getIpv4().then(response => { |
| | | // this.StationConfQueryParams.ipAddress = response.msg |
| | | // console.log('查询到本工位IP为'+this.StationConfQueryParams.ipAddress) |
| | | // }); |
| | | // listStationConf(this.StationConfQueryParams).then(response => { |
| | | // let rows = response.rows[0] |
| | | // if(response.rows.length===0){ |
| | | // this.$message('该工位没有配置IP,请联系管理员配置IP'); |
| | | // return |
| | | // } |
| | | // this.headContent.processesName = rows.processesName |
| | | // this.headContent.processesCode = rows.processesCode |
| | | // console.log('设置工位编码'+this.headContent.processesCode) |
| | | // |
| | | // }); |
| | | // }, |
| | | // connectWebsocket() { |
| | | // console.log('websocket连接工位为'+this.headContent.processesCode) |
| | | // const wsuri = this.url + this.headContent.processesCode; |
| | | // this.ws = new WebSocket(wsuri); |
| | | // const self = this; |
| | | // this.ws.onopen = function (event) { |
| | | // // self.text_content = self.text_content + "已经打开连接!" + "\n"; |
| | | // this.$message('websocket连接成功!'); |
| | | // }; |
| | | // this.ws.onmessage = function (event) { |
| | | // self.text_content = event.data + "\n"; |
| | | // console.log(event.data) |
| | | // if(event.data === "IN"){ |
| | | // self.cakeLamp.InPlace = "1" |
| | | // }else if(event.data === "OUT"){ |
| | | // self.cakeLamp.outRsSign = "1" |
| | | // } |
| | | // }; |
| | | // }, |
| | | exit() { |
| | | if (this.ws) { |
| | | this.ws.close(); |
| | |
| | | alert("未连接到服务器"); |
| | | } |
| | | }, |
| | | |
| | | initStation: async function () { |
| | | await getIpv4().then(response => { |
| | | this.StationConfQueryParams.ipAddress = response.msg |
| | |
| | | } |
| | | this.headContent.processesName = rows.processesName |
| | | this.headContent.processesCode = rows.processesCode |
| | | if(this.headContent.processesCode === 'OP240'){ |
| | | this.onLineBinDing = true |
| | | } |
| | | if(this.headContent.processesCode === 'OP260'){ |
| | | this.showInput = true |
| | | } |
| | | |
| | | console.log('设置工位编码' + this.headContent.processesCode) |
| | | |
| | | }); |
| | | this.conCom() |
| | | console.log('websocket连接工位为' + this.headContent.processesCode) |
| | | const wsuri = this.url + this.headContent.processesCode; |
| | | this.ws = new WebSocket(wsuri); |
| | | const self = this; |
| | | this.ws.onopen = function (event) { |
| | | this.$message('websocket连接成功!'); |
| | | |
| | | }; |
| | | this.ws.onmessage = function (event) { |
| | | const DELAY_TIME = 2000; |
| | | if (event.data === "IN") { |
| | | self.cakeLamp.InPlace = 1; |
| | | console.log(self.headContent.processesCode); |
| | | const param = { |
| | | processesCode: self.headContent.processesCode, |
| | | } |
| | | fistSetpNumber(param).then(response => {}); |
| | | } else if (event.data === "IN0") { |
| | | self.cakeLamp.InPlace = 0; |
| | | } else if (event.data === "OUT") { |
| | | self.cakeLamp.release = 1; |
| | | setTimeout(() => { |
| | | self.cakeLamp.InPlace = 0; |
| | | self.cakeLamp.release = 0; |
| | | self.cakeLamp.startWork = 0; |
| | | self.cakeLamp.scanFinish = 0; |
| | | self.Release(); |
| | | }, DELAY_TIME); |
| | | } else if (event.data === "TIGHTEN") { |
| | | this.formulaChildList = []; |
| | | self.getListFormulaChild(); |
| | | } else if (event.data === "END") { |
| | | const param = { |
| | | workOrderNo: self.workpieceInformation.workOrderNo, |
| | | productCode: self.workpieceInformation.productCode, |
| | | locationCode: self.headContent.processesCode, |
| | | productBarcode: self.headContent.sfcCode, |
| | | } |
| | | |
| | | const orderParam = { |
| | | productNum: self.headContent.sfcCode, |
| | | } |
| | | checkCarCode(orderParam).then(response => { |
| | | console.log(response.data) |
| | | if(response.data === 1){ |
| | | if(self.headContent.processesCode === "OP260"){ |
| | | checkYzSfcCode(orderParam).then(response => { |
| | | if(response.data === 1){ |
| | | saveCampaignTimeParameters(param).then(response => { |
| | | checkRecordDataDone(param).then(response => { |
| | | if(response.msg === "21"){ |
| | | self.cakeLamp.release = 1; |
| | | self.endClear() |
| | | workpieceRelease(param).then(response => {}); |
| | | }else { |
| | | self.$message('未做完工序禁止放行'); |
| | | } |
| | | }); |
| | | }); |
| | | }else { |
| | | self.$message('请先绑定预装总成'); |
| | | } |
| | | }); |
| | | }else { |
| | | saveCampaignTimeParameters(param).then(response => { |
| | | checkRecordDataDone(param).then(response => { |
| | | if(response.msg === "21"){ |
| | | self.cakeLamp.release = 1; |
| | | self.endClear() |
| | | workpieceRelease(param).then(response => {}); |
| | | }else { |
| | | self.$message('未做完工序禁止放行'); |
| | | } |
| | | }); |
| | | }); |
| | | } |
| | | }else { |
| | | self.$message('未绑定小车码禁止放行'); |
| | | } |
| | | }); |
| | | } else if (event.data.includes("[")) { |
| | | let formulaChilds = ""; |
| | | // for(let i=0;i<self.formulaChildList.length;i++){ |
| | | // formulaChilds = self.formulaChildList[i]; |
| | | // let operationType = formulaChild.operationType; |
| | | // let results = formulaChild.results; |
| | | // if(operationType === '1' && |
| | | // (results === '' || results === null ||results === 'NG')){ |
| | | // break; |
| | | // } |
| | | // } |
| | | self.formulaChildList.forEach((formulaChild) => { |
| | | formulaChilds = formulaChild; |
| | | let operationType = formulaChild.operationType; |
| | | self.formulaChildList.sort((a, b) => a.stepSort - b.stepSort); |
| | | self.formulaChildList |
| | | .filter((formulaChild) => formulaChild.operationType === '1'); |
| | | for (let i = 0; i < self.formulaChildList.length; i++) { |
| | | let formulaChild = self.formulaChildList[i]; |
| | | let results = formulaChild.results; |
| | | if(operationType === '1' && (results === '' || results === null || results === 'NG')){ |
| | | return; // 使用return代替break |
| | | if (results === '' || results === null || results === 'NG') { |
| | | formulaChilds = formulaChild; |
| | | break; |
| | | } |
| | | // 执行其他操作 |
| | | }); |
| | | console.log(formulaChilds) |
| | | console.log(formulaChilds.paramCode) |
| | | } |
| | | const param = { |
| | | tightenTheArray: event.data, |
| | | paramCode: formulaChilds.paramCode, |
| | |
| | | productBarcode: self.headContent.sfcCode, |
| | | } |
| | | addTighteningParameters(param).then(response => {}); |
| | | updateTighteningFormula(param).then(response => { |
| | | self.getListFormulaChild() |
| | | }).catch(error =>{ |
| | | self.getListFormulaChild() |
| | | }); |
| | | } |
| | | }; |
| | | }, |
| | | |
| | | |
| | | |
| | | //接受数据的回调 |
| | | callBack(value) { |
| | | if (this.form1.isShowHistory) this.form1.desc = this.readLi().join(""); |
| | | else { |
| | | const scanValue = this.myserialport.hex2atostr(value).replace(/[\r\n]/g, ''); |
| | | this.$message('扫码完成'+this.content); |
| | | console.log("串口收到数据-------------------"+scanValue) |
| | | |
| | | if(this.headContent.sfcCode !== ''){ |
| | | console.log(scanValue) |
| | | this.serialPortMethod(scanValue) |
| | | }else { |
| | | this.headContent.sfcCode = scanValue; |
| | | this.queryParams.productNum = scanValue; |
| | | this.getList() |
| | | // this.getListFormulaChild() |
| | | this.cakeLamp.scanFinish = 1 |
| | | this.cakeLamp.startWork = 1 |
| | | if(scanValue.includes("P9900173252")){ |
| | | this.headContent.yzSfcCode = scanValue |
| | | this.bindYzSfc(); |
| | | }else if(scanValue.includes("0RSP1TE")){ |
| | | this.headContent.cardCode = scanValue |
| | | this.bindcardCode(); |
| | | }else { |
| | | this.$message('工位终端扫描物料编码'+scanValue); |
| | | console.log(scanValue) |
| | | this.serialPortMethod(scanValue) |
| | | } |
| | | } else { |
| | | if(this.headContent.processesCode === 'OP240'){ |
| | | this.headContent.sfcCode = scanValue; |
| | | this.queryParams.productNum = scanValue; |
| | | this.getList() |
| | | this.cakeLamp.scanFinish = 1 |
| | | this.cakeLamp.startWork = 1 |
| | | }else { |
| | | let param = { |
| | | trolleyYard: scanValue |
| | | } |
| | | findBytrolleyYardGetOne(param).then(response => { |
| | | if(response.msg !== '2'){ |
| | | this.headContent.sfcCode = response.msg; |
| | | this.queryParams.productNum = response.msg; |
| | | this.$message('扫码识别产品序列号'+scanValue); |
| | | // this.headContent.sfcCode = scanValue; |
| | | // this.queryParams.productNum = scanValue; |
| | | this.getList() |
| | | this.cakeLamp.scanFinish = 1 |
| | | this.cakeLamp.startWork = 1 |
| | | }else { |
| | | this.$message('没有序列号'+scanValue); |
| | | return |
| | | } |
| | | }); |
| | | } |
| | | |
| | | } |
| | | |
| | | } |
| | | }, |
| | | clearHistory() { |
| | |
| | | return body; |
| | | }); |
| | | }, |
| | | conCom(){ |
| | | try { |
| | | this.myserialport.state.baudRate = this.form1.baudRate; |
| | | this.myserialport.state.dataBits = this.form1.dataBits; |
| | | this.myserialport.state.stopBits = this.form1.stopBits; |
| | | this.myserialport.state.parity = this.form1.parity; |
| | | this.myserialport.state.flowControl = this.form1.flowControl; |
| | | this.myserialport.openPort(0, true, this.callBack); |
| | | console.log(this.form1.port) |
| | | } catch (error) { |
| | | this.$message.error("串口连接失败!请检查串口是否已被占用"); |
| | | } |
| | | if (this.myserialport.state.isOpen) { |
| | | this.$message.success("串口连接成功"); |
| | | } |
| | | }, |
| | | //连接 |
| | | async connectBtn() { |
| | | if (this.btnType === "primary") { |
| | |
| | | this.myserialport.state.parity = this.form1.parity; |
| | | this.myserialport.state.flowControl = this.form1.flowControl; |
| | | await this.myserialport.openPort(this.form1.port, true, this.callBack); |
| | | console.log(this.form1.port) |
| | | } catch (error) { |
| | | this.$message.error("串口连接失败!请检查串口是否已被占用"); |
| | | } |