-
admin
2024-05-18 a52d0875e95d60d228367f24fc937274df0b4244
提交 | 用户 | 时间
e57a89 1 <template>
2   <div class="app-container">
3    <el-row :gutter="5">
c2944a 4      <el-col :span="7">
e57a89 5        <el-card shadow="never">
6          <span class="head-font">工位编号 : {{headContent.processesCode}}</span>
7        </el-card>
8      </el-col>
c2944a 9      <el-col :span="7">
e57a89 10        <el-card shadow="never">
11          <span class="head-font">工位名称 : {{headContent.processesName}}</span>
12        </el-card>
13      </el-col>
c2944a 14      <el-col :span="10">
e57a89 15        <el-card shadow="never">
b64ed2 16          <span class="head-font">产品序列号 : {{headContent.sfcCode}}</span>
c2944a 17 <!--         <el-input v-model="content" style="float: right;width: 150px;" placeholder="请输入内容"></el-input>-->
18 <!--         <el-button @click="scanCompleted" style="float: right" type="primary">扫码完成</el-button>-->
19          <el-button type="primary" style="float: right" icon="el-icon-search" size="mini" @click="serialLink">串口连接</el-button>
20          <el-button @click="clearClick" style="float: right" type="danger" size="mini">清除</el-button>
e57a89 21        </el-card>
22      </el-col>
23
24    </el-row>
25    <el-row :gutter="5" style="margin-top: 5px">
c2944a 26      <el-col :span="7" >
e57a89 27        <el-card class="bottom-card">
28          <div slot="header" class="clearfix">
29            <i class="el-icon-tickets"></i>
30            <span style="font-weight: bold">当前工件信息</span>
31          </div>
c2944a 32          <el-descriptions :column="1" border :content-style="{'min-width': '140px'}">
33 <!--         <el-descriptions :column="1" :label-style="{'font-size': '15px'}" border :content-style="{'min-width': '150px'}">-->
e57a89 34            <el-descriptions-item label="工单编号">
b64ed2 35                <span>{{workpieceInformation.workOrderNo}}</span>
e57a89 36            </el-descriptions-item>
49c784 37            <el-descriptions-item label="产品编号">
e57a89 38              <span>{{workpieceInformation.productCode}}</span>
39            </el-descriptions-item>
40            <el-descriptions-item label="产品型号">
41              <span>{{workpieceInformation.productModel}}</span>
42            </el-descriptions-item>
43            <el-descriptions-item label="产品名称">
44              <span>{{workpieceInformation.productName}}</span>
45            </el-descriptions-item>
b64ed2 46 <!--           <el-descriptions-item label="节拍">-->
47 <!--             <span>{{workpieceInformation.beat}}</span>-->
48 <!--           </el-descriptions-item>-->
e57a89 49          </el-descriptions>
50          <el-divider></el-divider>
51          <el-row>
52            <el-col :span="12">
53              <el-button class="circle-button" :class="cakeLamp.plcState ? 'circle-green-animate':'circle-red'" circle></el-button>
54              <span style="display: none">{{cakeLamp.plcState}}</span>
55              <span>&nbsp;PLC状态</span>
56            </el-col>
57            <el-col :span="12">
58              <el-button class="circle-button" :class="cakeLamp.scannerState ? 'circle-green-animate':'circle-red'" circle></el-button>
59              <span style="display: none">{{cakeLamp.scannerState}}</span>
60              <span>&nbsp;扫码枪状态</span>
61            </el-col>
62          </el-row>
63          <el-row style="margin-top: 20px">
64            <el-col :span="12">
65              <el-button class="circle-button" :class="cakeLamp.InPlace ? 'circle-green':'circle-red'" circle></el-button>
66              <span style="display: none">{{cakeLamp.InPlace}}</span>
67              <span>&nbsp;工件到位</span>
68            </el-col>
69            <el-col :span="12">
70              <el-button class="circle-button" :class="cakeLamp.scanFinish ? 'circle-green':'circle-red'" circle></el-button>
71              <span style="display: none">{{cakeLamp.scanFinish}}</span>
72              <span>&nbsp;扫码完成</span>
73            </el-col>
74          </el-row>
75          <el-row style="margin-top: 20px">
76            <el-col :span="12">
77              <el-button class="circle-button" :class="cakeLamp.startWork ? 'circle-green':'circle-red'" circle></el-button>
78              <span style="display: none">{{cakeLamp.startWork}}</span>
79              <span>&nbsp;开始作业</span>
80            </el-col>
81            <el-col :span="12">
82              <el-button class="circle-button" :class="cakeLamp.release ? 'circle-green':'circle-red'" circle></el-button>
83              <span style="display: none">{{cakeLamp.release}}</span>
84              <span>&nbsp;允许放行</span>
85            </el-col>
86
87          </el-row>
70cc26 88          <el-row v-show="showInput" style="margin-top: 20px">
ddb300 89            <el-col></el-col>
A 90              <span style="width: 130px;" class="head-font">预装总成号 : {{headContent.yzSfcCode}}</span>
91          </el-row>
68f0c8 92 <!--         <el-row v-show="showInput" style="margin-top: 20px">-->
A 93 <!--           <el-button @click="bindYzSfc" type="primary">绑定</el-button>-->
94 <!--         </el-row>-->
a75d86 95
A 96          <el-row v-show="onLineBinDing" style="margin-top: 20px">
97            <el-col></el-col>
98            <span style="width: 130px;" class="head-font">小车码 : {{headContent.cardCode}}</span>
99          </el-row>
68f0c8 100 <!--         <el-row v-show="onLineBinDing" style="margin-top: 20px">-->
A 101 <!--           <el-button @click="bindcardCode" type="primary">绑定</el-button>-->
102 <!--         </el-row>-->
e57a89 103        </el-card>
104
105      </el-col>
c2944a 106      <el-col :span="17">
e57a89 107        <el-tabs type="border-card"  style="height: 600px" v-model="activeName" @tab-click="changeMenu">
108          <el-tab-pane name="first">
109            <span slot="label"> <a class="el-icon-date"></a>首页</span>
b77c7b 110            <el-col :span="24">
0caf87 111              <el-table height="500" :cell-style="rowStyle" :data="formulaChildList">
3c2299 112                <el-table-column label="排序" width="60" align="center" type="index">
e57a89 113                </el-table-column>
114                <el-table-column label="操作内容" :show-overflow-tooltip='true' align="center" prop="operationSteps">
115                </el-table-column>
b77303 116                <el-table-column label="产品编号" align="center" prop="productCode">
b77c7b 117                </el-table-column>
5316c5 118                <el-table-column label="物料编码" align="center" prop="materialCode">
A 119                </el-table-column>
b77303 120                <el-table-column label="采集值" align="center" prop="collectData">
b77c7b 121                </el-table-column>
b77303 122                <el-table-column label="结果" align="center" prop="results">
b77c7b 123                </el-table-column>
e57a89 124              </el-table>
125            </el-col>
b77c7b 126 <!--           <el-col :span="14">-->
127 <!--             <el-image style="height: 520px;width: 100%" :src="imgSrc"></el-image>-->
128 <!--           </el-col>-->
e57a89 129          </el-tab-pane>
b77c7b 130 <!--         <el-tab-pane name="second">-->
131 <!--           <span slot="label"> <b class="el-icon-date"></b>物料BOM</span>-->
132 <!--           <el-empty>-->
133 <!--             <span slot="description">暂无数据</span>-->
134 <!--           </el-empty>-->
135 <!--         </el-tab-pane>-->
136 <!--         <el-tab-pane name="third">-->
137 <!--           <span slot="label"> <b class="el-icon-date"></b>采集清单</span>-->
138 <!--           <el-empty>-->
139 <!--             <span slot="description">暂无数据</span>-->
140 <!--           </el-empty>-->
141 <!--         </el-tab-pane>-->
142 <!--         <el-tab-pane name="fourth">-->
143 <!--           <span slot="label"> <b class="el-icon-date"></b>安灯状态</span>-->
144 <!--           <el-empty>-->
145 <!--             <span slot="description">暂无数据</span>-->
146 <!--           </el-empty>-->
147 <!--         </el-tab-pane>-->
148 <!--         <el-tab-pane name="fifth">-->
149 <!--           <span slot="label"> <b class="el-icon-date"></b>工艺配方</span>-->
150 <!--           <el-empty>-->
151 <!--             <span slot="description">暂无数据</span>-->
152 <!--           </el-empty>-->
153 <!--         </el-tab-pane>-->
e57a89 154        </el-tabs>
155      </el-col>
156    </el-row>
c2944a 157     <el-dialog v-dialogpop-up :title="title" :visible.sync="open1" width="1000" append-to-body>
158       <el-row
159         type="flex"
160         class="row-bg"
161         justify="center"
162         v-show="portsList.length === 0"
163       >
164         <el-col :span="7">
165           <div style="margin-top: 400px">
166           <span style="display: block">
167             仅支持Chrome 89+或者Edge 89+浏览器(安全上下文(HTTPS)中可用)
168           </span>
169             <el-button type="primary" @click="obtainAuthorization">授权</el-button>
170           </div>
171         </el-col>
172       </el-row>
173       <el-form
174         v-show="portsList.length > 0"
175         ref="form1"
176         :model="form1"
177         label-width="100px">
178         <el-row>
179           <el-col :span="24"
180           ><div>
181             <el-form-item label="串口">
182               <el-select
183                 v-model="form1.port"
184                 filterable
185                 placeholder="请选择串口"
186                 :disabled="isDisable"
187               >
188                 <el-option
189                   v-for="item in portsList"
190                   :key="item.value"
191                   :label="item.label"
192                   :value="item.value"
193                 >
194                 </el-option>
195               </el-select>
196             </el-form-item>
197             <el-form-item label="波特率">
198               <el-autocomplete
199                 popper-class="my-autocomplete"
200                 v-model="form1.baudRate"
201                 :fetch-suggestions="querySearch"
202                 placeholder="请输入波特率"
203                 :disabled="isDisable"
204               >
205                 <i class="el-icon-edit el-input__icon" slot="suffix"> </i>
206                 <template slot-scope="{ item }">
207                   <div class="name">{{ item.value }}</div>
208                   <span class="addr">{{ item.address }}</span>
209                 </template>
210               </el-autocomplete>
211             </el-form-item>
212             <el-form-item label="数据位">
213               <el-select
214                 v-model="form1.dataBits"
215                 placeholder="请选择数据位"
216                 :disabled="isDisable"
217               >
218                 <el-option label="7" value="7"></el-option>
219                 <el-option label="8" value="8"></el-option>
220               </el-select>
221             </el-form-item>
222             <el-form-item label="停止位">
223               <el-select
224                 v-model="form1.stopBits"
225                 placeholder="请选择停止位"
226                 :disabled="isDisable"
227               >
228                 <el-option label="1" value="1"></el-option>
229                 <el-option label="2" value="2"></el-option>
230               </el-select>
231             </el-form-item>
232
233             <el-form-item label="校验位">
234               <el-select
235                 v-model="form1.parity"
236                 placeholder="请选择校验位"
237                 :disabled="isDisable"
238               >
239                 <el-option label="None" value="none"></el-option>
240                 <el-option label="Even" value="even"></el-option>
241                 <el-option label="Odd" value="odd"></el-option>
242               </el-select>
243             </el-form-item>
244
245             <el-form-item label="流控制">
246               <el-select
247                 v-model="form1.flowControl"
248                 placeholder="请选择流控制"
249                 :disabled="isDisable"
250               >
251                 <el-option label="None" value="none"></el-option>
252                 <el-option label="HardWare" value="hardware"></el-option>
253               </el-select>
254             </el-form-item>
255             <el-form-item label="显示历史">
256               <el-switch
257                 v-model="form1.isShowHistory"
258                 @change="loadHistory"
259               ></el-switch>
260               <el-button
261                 type="danger"
262                 icon="el-icon-delete"
263                 circle
264                 title="清空历史"
265                 @click="clearHistory"
266               ></el-button>
267             </el-form-item>
268             <el-form-item label="发送区设置" v-show="isShowSendArea">
269               <el-form-item label="发送格式">
270                 <el-radio-group v-model="form1.type">
271                   <el-radio label="1">ASCII</el-radio>
272                   <el-radio label="2">HEX</el-radio>
273                 </el-radio-group>
274               </el-form-item>
275               <el-form-item label="发送信息">
276                 <el-input type="textarea" v-model="form1.sendMsg"></el-input>
277               </el-form-item>
278               <el-button type="primary" @click="sendCommon">发送</el-button>
279             </el-form-item>
280
281             <el-form-item>
282               <el-button :type="btnType" @click="connectBtn">{{
283                   btnText
284                 }}</el-button>
285               <el-button type="info" @click="obtainAuthorization"
286               >新增授权</el-button
287               >
288             </el-form-item>
289           </div>
290           </el-col>
291         </el-row>
292       </el-form>
293     </el-dialog>
e57a89 294   </div>
295 </template>
296 <script>
297 import {listWorkReport} from "@/api/main/om/workReport/workReport";
298 import {listStationConf,getIpv4} from "@/api/main/sc/stationConf";
b77303 299 import {
a320dc 300   fistSetpNumber,
b77303 301   listFormulaChild,
0caf87 302   noPageListFormulaChild,
b77303 303   releaseCheck,
304   updateResults,
305   updateTighteningFormula,
306   workpieceRelease
307 } from "@/api/main/bs/formulaChild/formulaChild";
c2944a 308 import MySerialPort from "@/utils/MySerialPort";
309 import USBDevice from "@/utils/usb.json";
a75d86 310 import {
A 311   findBytrolleyYardGetOne,
312   listProductionOrde,
313   receivingWorkOrders,
314   trolleyYardBinDing
315 } from "@/api/main/om/productionOrde/productionOrde";
b64ed2 316 import {addPassingStationCollection} from "@/api/main/da/passingStationCollection/passingStationCollection";
49c784 317 import {
318   addBasicParameters,
319   addParamCollection,
32483a 320   addTighteningParameters,
ddb300 321   saveCampaignTimeParameters,
A 322   replaceAssemblyCode,
49c784 323 } from "@/api/main/da/paramCollection/paramCollection";
e57a89 324
325 export default {
326   name: "stationTerminal",
327   data() {
328     return {
a75d86 329       carCode: '',
A 330       showInput: false,
331       onLineBinDing: false,
332
e57a89 333       serialPortContent: '',
334       // 查询参数
335       formulaChildParams: {
336         pageNum: 1,
337         pageSize: 10,
338         productCode: null,
339         processesCode: null,
340       },
341       // 配方配置子信息表格数据
342       formulaChildList: [],
343       ipAddress: '',
344       imgSrc: '',
345       headContent: {
346         processesCode: 'OP1010',
347         processesName: '贴标机-贴码',
49c784 348         sfcCode: '',
ddb300 349         yzSfcCode: '',
a75d86 350         cardCode: '',
e57a89 351       },
352       workpieceInformation: {
b64ed2 353         workOrderNo: null,
e57a89 354         productCode: null,
355         productModel: null,
356         productName: null,
357         beat: null,
358       },
359       // 查询参数
360       queryParams: {
361         pageNum: 1,
362         pageSize: 10,
363         sfcCode: null,
364       },
365       // 查询参数
366       StationConfQueryParams: {
367         pageNum: 1,
368         pageSize: 10,
369         ipAddress: null,
370       },
371       cakeLamp: {
372         plcState: 1, //plc
373         scannerState: 1, //扫码枪
374         InPlace: 0, //工件到位
375         scanFinish: 0,
376         startWork: 0,
377         release: 0 //允许放行
378       },
379       content: '',
380       activeName: 'first',
3581b1 381       url: "ws://192.168.2.76:8080/websocket/message/",
e57a89 382       message: "",
383       text_content: "",
384       ws: null,
c2944a 385       inputValue: '9',
386
387       open1: false,
388       input: "",
389       keepReading: true,
390       form1: {
b5fcd8 391         baudRate: "115200",
c2944a 392         dataBits: "8",
393         stopBits: "1",
394         parity: "none",
395         flowControl: "none",
396         desc: "",
397         type: "1",
398         isShowHistory: false,
399       },
400       btnType: "primary",
401       btnText: "连接串口",
402       restaurants: [],
403       portsList: [],
404       isShowSendArea: false,
405       readType: 1,
406       title: "",
b64ed2 407
408       passingStationForm: {},
49c784 409       originalArray: [],
e57a89 410     }
411   },
412   beforeDestroy() {
413     this.exit();
414   },
415   created() {
416     this.initStation();
417     // this.getStationConfList();
418     // setTimeout(() => {
419     //   this.connectWebsocket();
420     // }, 3000);
421   },
422   mounted() {
c2944a 423     if ("serial" in navigator) {
424       this.myserialport = new MySerialPort();
425       this.getPorts();
426       navigator.serial.addEventListener("connect", (e) => {
427         this.$message.success("设备已连接");
428         this.getPorts();
429       });
430       navigator.serial.addEventListener("disconnect", (e) => {
431         this.$message.error("设备已断开");
432       });
433       this.restaurants = this.loadAll();
434     } else {
435       this.$message.error(
436         "当前为HTTP模式或者浏览器版本过低,不支持网页连接串口"
437       );
438     }
439   },
440   computed: {
441     isDisable() {
442       return this.btnType === "danger";
443     },
e57a89 444   },
445   methods: {
a75d86 446     bindcardCode(){
68f0c8 447       this.$message('绑定成功!');
a75d86 448       let param = {
A 449         productNum: this.headContent.sfcCode,
450         trolleyYard: this.headContent.cardCode,
451       }
452       trolleyYardBinDing(param).then(response => {
453       });
454
455     },
c2944a 456     serialLink() {
457       this.open1 = true
ddb300 458     },
A 459     bindYzSfc(){
460       if(this.headContent.sfcCode!==""&&this.headContent.yzSfcCode!==""){
461         let param = {
462           sfcCode: this.headContent.sfcCode,
463           locationCode: this.headContent.processesCode,
464           yzSfcCode: this.headContent.yzSfcCode
465         }
466         replaceAssemblyCode(param).then(response => {
68f0c8 467           this.$message('绑定成功!');
ddb300 468         });
A 469       }
c2944a 470     },
e57a89 471     Release(){
93feb8 472       // this.$message('portsList!'+this.portsList.length);
473       if(this.btnType === "danger"){
474         this.$message('连接了!');
475
476       }else {
477         this.$message('mei连接了!');
478
e57a89 479       }
480     },
c2944a 481     serialPortMethod(value){
b77303 482       let formulaChildParams = {
483         scanBarcode: value,
484         sfcBarcode: this.headContent.sfcCode,
485         workOrderNo: this.workpieceInformation.workOrderNo,
486         productCode: this.workpieceInformation.productCode,
487         locationCode: this.headContent.processesCode,
488         collectionTime: new Date()
489       }
490       updateResults(formulaChildParams).then(response => {
c5e9c5 491         console.log(response)
492         if(response.msg === "3"){
493           this.cakeLamp.release= 1 //允许放行
494         }
b77303 495         this.getListFormulaChild()
496       });
e57a89 497     },
498     rowStyle({ row }) {
499       if (row.results === 'OK') {
500         return 'background-color: PaleGreen';
501       } else if (row.results === 'NG') {
502         return 'background-color: LightSalmon';
503       }
504       return '';
505     },
506     /** 查询配方配置子信息列表 */
507     getListFormulaChild() {
11cc36 508       // this.formulaChildList = []
e57a89 509       this.formulaChildParams.productCode = this.workpieceInformation.productCode
510       this.formulaChildParams.processesCode = this.headContent.processesCode
054a69 511       console.log(this.formulaChildParams)
0caf87 512       noPageListFormulaChild(this.formulaChildParams).then(response => {
e57a89 513         this.formulaChildList = response.rows;
6a462f 514         if (this.formulaChildList.length >0){
W 515           let pos = 0
516           const tempArr = this.formulaChildList.filter(x=> 'OK' === x.results)
517           if (tempArr.length>0){
518             pos = tempArr.length
519             this.$nextTick(() => {
520               let temp33 = document.getElementsByClassName('el-table__row')
521               console.log('temp33',temp33)
522               console.log('len',temp33.item(pos))
523               if (temp33.length > 0){
524                 console.log('1111111111111111')
525                 let arr = temp33[pos-1]
526                 console.log('srr',arr)
527                 arr.scrollIntoView({ block: 'center' })
528               }
529             })
530           }
531
532         }
533
e57a89 534       });
535     },
1df825 536     endClear(){
537       this.cakeLamp.InPlace= 0 //工件到位
538       this.cakeLamp.scanFinish= 0
539       this.cakeLamp.startWork= 0
540       this.cakeLamp.release= 0 //允许放行
b77c7b 541
1df825 542       this.formulaChildList = []
c5e9c5 543       this.workpieceInformation.productCode = null;
544       this.workpieceInformation.workOrderNo = null;
545       this.workpieceInformation.productModel = null;
546       this.workpieceInformation.productName = null;
5316c5 547       this.headContent.sfcCode = '';
288790 548       this.headContent.yzSfcCode = '';
A 549       this.headContent.cardCode = '';
1df825 550     },
e57a89 551     changeMenu(tab, event) {
552       console.log(tab, event);
553     },
554     clearClick(){
555       this.$message('这是一条清除消息提示');
556       this.headContent.sfcCode = null
557     },
558     scanCompleted(){
559       this.$message('扫码完成'+this.content);
560       this.headContent.sfcCode = this.content
561       this.queryParams.sfcCode = this.content
562       this.getList()
563       this.getListFormulaChild()
564       this.cakeLamp.scanFinish = 1
565       this.cakeLamp.startWork = 1
566
567     },
b64ed2 568     /** 查询工单列表 */
e57a89 569     async getList() {
b64ed2 570       await listProductionOrde(this.queryParams).then(response => {
e57a89 571         let rowsData = response.rows[0];
572         console.log(rowsData)
b64ed2 573         this.workpieceInformation.workOrderNo = rowsData.workOrderNo;
e57a89 574         this.workpieceInformation.productCode = rowsData.productCode;
575         this.workpieceInformation.productModel = rowsData.productModel;
576         this.workpieceInformation.productName = rowsData.productName;
a320dc 577         // this.timer = setInterval(() => {
A 578         //   this.workpieceInformation.beat++;
579         // }, 1000);
e57a89 580       });
581       this.getListFormulaChild()
b64ed2 582       this.addOverStationCollection()
583     },
584
585     /** 入站增加过站采集记录 **/
586     addOverStationCollection(){
587       this.passingStationForm = {
588         id: null,
589         workOrderNo: this.workpieceInformation.workOrderNo,
590         productCode: this.workpieceInformation.productCode,
591         locationCode: this.headContent.processesCode,
592         model: this.workpieceInformation.productModel,
593         productBarcode: this.headContent.sfcCode,
32483a 594         sfcCode: this.headContent.sfcCode,
b64ed2 595         inboundTime: new Date()
596       }
b77c7b 597       addPassingStationCollection(this.passingStationForm).then(response => {});
4a5f2a 598       // addBasicParameters(this.passingStationForm).then(response => {});
e57a89 599     },
600     exit() {
601       if (this.ws) {
602         this.ws.close();
603         this.ws = null;
604       }
605     },
606     send() {
607       if (this.ws) {
608         this.ws.send(this.message);
609       } else {
610         alert("未连接到服务器");
611       }
612     },
1df825 613
49c784 614     initStation: async function () {
e57a89 615       await getIpv4().then(response => {
616         this.StationConfQueryParams.ipAddress = response.msg
49c784 617         console.log('查询到本工位IP为' + this.StationConfQueryParams.ipAddress)
e57a89 618       });
619       await listStationConf(this.StationConfQueryParams).then(response => {
620         let rows = response.rows[0]
49c784 621         if (response.rows.length === 0) {
e57a89 622           this.$message('该工位没有配置IP,请联系管理员配置IP');
623           return
624         }
625         this.headContent.processesName = rows.processesName
626         this.headContent.processesCode = rows.processesCode
a75d86 627         if(this.headContent.processesCode === 'OP240'){
A 628           this.onLineBinDing = true
629         }
4a5f2a 630         if(this.headContent.processesCode === 'OP260'){
a75d86 631           this.showInput = true
A 632         }
e57a89 633
a75d86 634         console.log('设置工位编码' + this.headContent.processesCode)
a320dc 635
e57a89 636       });
f17d8c 637       this.conCom()
49c784 638       console.log('websocket连接工位为' + this.headContent.processesCode)
e57a89 639       const wsuri = this.url + this.headContent.processesCode;
640       this.ws = new WebSocket(wsuri);
641       const self = this;
642       this.ws.onopen = function (event) {
643         this.$message('websocket连接成功!');
a320dc 644
e57a89 645       };
646       this.ws.onmessage = function (event) {
49c784 647         if (event.data === "IN") {
648           self.cakeLamp.InPlace = 1;
a320dc 649           console.log(self.headContent.processesCode);
A 650           const param = {
651             processesCode: self.headContent.processesCode,
652           }
653           fistSetpNumber(param).then(response => {});
49c784 654         } else if (event.data === "IN0") {
655           self.cakeLamp.InPlace = 0;
656         } else if (event.data === "OUT") {
657           self.cakeLamp.release = 1;
32483a 658         } else if (event.data === "END") {
659           const param = {
660             workOrderNo: self.workpieceInformation.workOrderNo,
661             productCode: self.workpieceInformation.productCode,
662             locationCode: self.headContent.processesCode,
663             productBarcode: self.headContent.sfcCode,
664           }
665           saveCampaignTimeParameters(param).then(response => {});
054a69 666           self.cakeLamp.release = 1;
1df825 667           self.endClear()
63b254 668           workpieceRelease(param).then(response => {});
49c784 669         } else if (event.data.includes("[")) {
b77c7b 670           let formulaChilds = "";
3c2299 671           self.formulaChildList.sort((a, b) => a.stepSort - b.stepSort);
672           self.formulaChildList
673             .filter((formulaChild) => formulaChild.operationType === '1');
674           for (let i = 0; i < self.formulaChildList.length; i++) {
675             let formulaChild = self.formulaChildList[i];
b77c7b 676             let results = formulaChild.results;
3c2299 677             if (results === '' || results === null || results === 'NG') {
b77303 678               formulaChilds = formulaChild;
3c2299 679               break;
b77c7b 680             }
3c2299 681           }
49c784 682           const param = {
683             tightenTheArray: event.data,
b77c7b 684             paramCode: formulaChilds.paramCode,
49c784 685             workOrderNo: self.workpieceInformation.workOrderNo,
686             productCode: self.workpieceInformation.productCode,
687             locationCode: self.headContent.processesCode,
688             productBarcode: self.headContent.sfcCode,
689           }
690           addTighteningParameters(param).then(response => {});
b77303 691           updateTighteningFormula(param).then(response => {
32483a 692             self.getListFormulaChild()
693           }).catch(error =>{
11cc36 694             self.getListFormulaChild()
b77303 695           });
e57a89 696         }
697       };
698     },
c2944a 699
1df825 700
701
c2944a 702     //接受数据的回调
703     callBack(value) {
704       if (this.form1.isShowHistory) this.form1.desc = this.readLi().join("");
705       else {
706         const scanValue = this.myserialport.hex2atostr(value).replace(/[\r\n]/g, '');
11cc36 707         console.log("串口收到数据-------------------"+scanValue)
ddb300 708
A 709         if(this.headContent.sfcCode !== ''){
4a5f2a 710           if(scanValue.includes("P9900173252")){
ddb300 711             this.headContent.yzSfcCode = scanValue
68f0c8 712             this.bindYzSfc();
A 713           }else if(scanValue.includes("0RSP1TE")){
a75d86 714             this.headContent.cardCode = scanValue
68f0c8 715             this.bindcardCode();
ddb300 716           }else {
a52d08 717             this.$message('工位终端扫描物料编码'+scanValue);
3c2299 718             console.log(scanValue)
719             this.serialPortMethod(scanValue)
720           }
ddb300 721         } else {
a75d86 722           if(this.headContent.processesCode === 'OP240'){
A 723             this.headContent.sfcCode = scanValue;
724             this.queryParams.productNum = scanValue;
4a5f2a 725             this.getList()
A 726             this.cakeLamp.scanFinish = 1
727             this.cakeLamp.startWork = 1
a75d86 728           }else {
A 729             let param = {
730               trolleyYard: scanValue
731             }
732             findBytrolleyYardGetOne(param).then(response => {
4a5f2a 733               if(response.msg !== '2'){
A 734                 this.headContent.sfcCode = response.msg;
735                 this.queryParams.productNum = response.msg;
736                 this.$message('扫码识别产品序列号'+scanValue);
737                 // this.headContent.sfcCode = scanValue;
738                 // this.queryParams.productNum = scanValue;
739                 this.getList()
740                 this.cakeLamp.scanFinish = 1
741                 this.cakeLamp.startWork = 1
742               }else {
743                 this.$message('没有序列号'+scanValue);
744                 return
745               }
a75d86 746             });
A 747           }
4a5f2a 748
ddb300 749         }
A 750
e57a89 751       }
c2944a 752     },
753     clearHistory() {
754       this.form1.desc = "";
755       this.myserialport.state.readValue = [];
756     },
757     loadHistory() {
758       if (this.form1.isShowHistory) this.form1.desc = this.readLi().join("");
759       else {
760         let temp = this.readLi();
761         if (temp.length > 0) this.form1.desc = temp[temp.length - 1].join("");
762       }
763     },
764     readLi() {
765       let readType = this.readType;
766       return this.myserialport.state.readValue.map((items, index) => {
767         const item = items.value;
768         const type = items.type; // 1接收,2发送
769         let body = [];
770         if (item !== undefined) {
771           let strArr = [];
772           for (let hex of Array.from(item)) {
773             strArr.push(hex.toString(16).toLocaleUpperCase());
774           }
775           if (strArr.includes("D") && strArr.includes("A")) {
776             if (strArr.indexOf("A") - strArr.indexOf("D") === 1) {
777               strArr.splice(strArr.indexOf("D"), 1);
778               strArr.splice(strArr.indexOf("A"), 1, <br key={0} />);
779             }
780           }
781           strArr = strArr.map((item) => {
782             if (typeof item === "string") {
783               if (readType === 1) {
784                 return this.myserialport.hex2a(parseInt(item, 16));
785               } else if (readType === 2) {
786                 return item + " ";
787               }
788             }
789             return item;
790           });
791           if (typeof strArr[strArr.length - 1] === "string") {
792             strArr.push("\r\n");
793           }
794           body.push(strArr.join(""));
795         }
796         return body;
797       });
798     },
640ff8 799     conCom(){
800       try {
801         this.myserialport.state.baudRate = this.form1.baudRate;
802         this.myserialport.state.dataBits = this.form1.dataBits;
803         this.myserialport.state.stopBits = this.form1.stopBits;
804         this.myserialport.state.parity = this.form1.parity;
805         this.myserialport.state.flowControl = this.form1.flowControl;
806         this.myserialport.openPort(0, true, this.callBack);
807         console.log(this.form1.port)
808       } catch (error) {
809         this.$message.error("串口连接失败!请检查串口是否已被占用");
810       }
811       if (this.myserialport.state.isOpen) {
812         this.$message.success("串口连接成功");
813       }
814     },
c2944a 815     //连接
816     async connectBtn() {
817       if (this.btnType === "primary") {
818         try {
819           this.myserialport.state.baudRate = this.form1.baudRate;
820           this.myserialport.state.dataBits = this.form1.dataBits;
821           this.myserialport.state.stopBits = this.form1.stopBits;
822           this.myserialport.state.parity = this.form1.parity;
823           this.myserialport.state.flowControl = this.form1.flowControl;
824           await this.myserialport.openPort(this.form1.port, true, this.callBack);
11cc36 825           console.log(this.form1.port)
c2944a 826         } catch (error) {
827           this.$message.error("串口连接失败!请检查串口是否已被占用");
828         }
829         if (this.myserialport.state.isOpen) {
830           this.$message.success("串口连接成功");
831           this.open1 = false
832           this.btnType = "danger";
833           this.btnText = "关闭串口";
834         }
835       } else {
836         this.myserialport.openPort(this.form1.port, false, this.callBack);
837         this.$message.success("串口关闭成功");
838         this.btnType = "primary";
839         this.btnText = "连接串口";
840       }
841     },
842     //授权
843     async obtainAuthorization() {
844       if ("serial" in navigator) {
845         console.log("The Web Serial API is supported.");
846         if (!this.myserialport) this.myserialport = new MySerialPort();
847         try {
848           await this.myserialport.handleRequestPort();
849           this.$message.success("串口授权成功");
850           this.getPortInfo(this.myserialport.state.ports);
851         } catch (error) {
852           this.$message.warning("未选择新串口授权!");
853         }
854       } else {
855         this.$message.error(
856           "当前为HTTP模式或者浏览器版本过低,不支持网页连接串口"
857         );
858       }
859     },
860     //串口列表初始化
861     getPortInfo(portList) {
862       this.portsList = [];
863       portList.map((port, index) => {
864         const { usbProductId, usbVendorId } = port.getInfo();
865         if (usbProductId === undefined || usbVendorId === undefined) {
866           this.portsList.push({ label: "未知设备" + index, value: index });
867         } else {
868           const usbVendor = USBDevice.filter(
869             (item) => parseInt(item.vendor, 16) === usbVendorId
870           );
871           let usbProduct = [];
872           if (usbVendor.length === 1) {
873             usbProduct = usbVendor[0].devices.filter(
874               (item) => parseInt(item.devid, 16) === usbProductId
875             );
876           }
877           this.portsList.push({ label: usbProduct[0].devname, value: index });
878         }
879       });
880     },
881     // 发送
882     async sendCommon() {
883       if (this.myserialport.state.isOpen) {
884         if (this.form1.sendMsg.length !== 0) {
885           const writeType = this.form1.type;
886           let value = this.form1.sendMsg;
887           let arr = [];
888           if (writeType === 1) {
889             // ASCII
890             for (let i = 0; i < value.length; i++) {
891               arr.push(this.myserialport.a2hex(value[i]));
892             }
893           } else if (writeType === 2) {
894             // HEX
895             if (/^[0-9A-Fa-f]+$/.test(value) && value.length % 2 === 0) {
896               for (let i = 0; i < value.length; i = i + 2) {
897                 arr.push(parseInt(value.substring(i, i + 2), 16));
898               }
899             } else {
900               this.$message.error("格式错误");
901               return;
902             }
903           }
904           this.myserialport.writeText(arr);
905         } else {
906           this.$message.warning("请输入发送的信息");
907         }
908       } else {
909         this.$message.warning("串口处于关闭状态,请连接串口");
910       }
911     },
912     async getPorts() {
913       await this.myserialport.getPorts();
914       this.getPortInfo(this.myserialport.state.ports);
915     },
916     querySearch(queryString, cb) {
917       var restaurants = this.restaurants;
918       var results = queryString
919         ? restaurants.filter(this.createFilter(queryString))
920         : restaurants;
921       // 调用 callback 返回建议列表的数据
922       cb(results);
923     },
924     createFilter(queryString) {
925       return (restaurant) => {
926         return (
927           restaurant.value.toLowerCase().indexOf(queryString.toLowerCase()) ===
928           0
929         );
930       };
931     },
932     loadAll() {
933       return [
934         { value: "110" },
935         { value: "300" },
936         { value: "600" },
937         { value: "1200" },
938         { value: "2400" },
939         { value: "4800" },
940         { value: "7200" },
941         { value: "9600" },
942         { value: "14400" },
943         { value: "19200" },
944         { value: "28800" },
945         { value: "38400" },
946         { value: "56000" },
947         { value: "57600" },
948         { value: "76800" },
949         { value: "115200" },
950         { value: "230400" },
951         { value: "460800" },
952       ];
953     },
e57a89 954   }
955 }
956
957 </script>
958 <style scoped>
959 .bottom-card{
960   height: 600px;
961 }
962 .circle-button{
963   height: 30px;
964   width: 30px;
965 }
966 .circle-red {
967   background-color: #e01a4f;
968 }
969 .circle-green {
970   background-color: green;
971 }
972 .circle-green-animate {
973   background-color: green;
974   animation: circle-green-animate 2s infinite;
975 }
976   @keyframes circle-green-animate {
977     50% {
978       opacity: 0.6;
979     }
980     0% {
981       opacity: 0.2;
982     }
983   }
984 .head-font{
c2944a 985   /*font-weight: bold;*/
986   /*font-size: 25px;*/
e57a89 987 }
988 span{
989   font-size: 15px;
990 }
991 .el-table .warning-row {
992   background: oldlace;
993 }
994
995 .el-table .success-row {
996   background: #f0f9eb;
997 }
998 </style>
999