| | |
|---|
| | |
|
|---|
| | | <div class="kuai_div" v-for="item in this.record.xyData" :key="item.name">
|
|---|
| | | <el-input style="width: 280px;" class="in_mc" v-model="item.name"></el-input>
|
|---|
| | | <el-input v-model.number="item.value" style="width: 80px;"></el-input>
|
|---|
| | | <el-input v-model="item.value" readonly="readonly" style="width: 80px;"></el-input>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | |
|
|---|
| | |
|---|
| | | data () {
|
|---|
| | | return {
|
|---|
| | | record: {
|
|---|
| | | params: [0, 0, 0, 0, 0, 0, 0, 0, 0, 0,],
|
|---|
| | | params: [1, 1, 1, 1, 1, 1, 1, 1, 1, 1,],
|
|---|
| | | xyData: [
|
|---|
| | | { name: 'D01.State', value: 0 },
|
|---|
| | | { name: 'D02.State', value: 0 },
|
|---|
| | | { name: 'B01.State', value: 0 },
|
|---|
| | | { name: 'B02.State', value: 0 },
|
|---|
| | | { name: 'A01.State', value: 0 },
|
|---|
| | | { name: 'A02.State', value: 0 },
|
|---|
| | | { name: 'D03.State', value: 0 },
|
|---|
| | | { name: 'D04.State', value: 0 },
|
|---|
| | | { name: 'D05.State', value: 0 },
|
|---|
| | | { name: 'D06.State', value: 0 },
|
|---|
| | | { name: 'D01.State', value: "自动" },
|
|---|
| | | { name: 'D02.State', value: "自动" },
|
|---|
| | | { name: 'B01.State', value: "自动" },
|
|---|
| | | { name: 'B02.State', value: "自动" },
|
|---|
| | | { name: 'A01.State', value: "自动" },
|
|---|
| | | { name: 'A02.State', value: "自动" },
|
|---|
| | | { name: 'D03.State', value: "自动" },
|
|---|
| | | { name: 'D04.State', value: "自动" },
|
|---|
| | | { name: 'D05.State', value: "自动" },
|
|---|
| | | { name: 'D06.State', value: "自动" },
|
|---|
| | | ],
|
|---|
| | | // canshu: [
|
|---|
| | | // 'D01.State',
|
|---|
| | |
|---|
| | | //console.log("收到数据====" + msg.data);
|
|---|
| | | let obj = JSON.parse(msg.data);
|
|---|
| | | this.record.params[0] = obj.sta[0];
|
|---|
| | | for (let a = 0; a <= this.record.xyData[0].length - 1; a++) {
|
|---|
| | | console.log(this.record.params[0]);
|
|---|
| | | //将读取到的PLC的数据，与定义的xyData，组合成新的数组
|
|---|
| | | for (let a = 0; a < this.record.params[0].length; a++) {
|
|---|
| | | if (!this.record.xyData[a]) {
|
|---|
| | | this.record.xyData[a] = { name: this.record.canshu[a], value: this.record.params[0][a] };
|
|---|
| | | } else {
|
|---|
| | |
|---|
| | | console.log(this.messagepack);
|
|---|
| | | socket?.send(JSON.stringify(this.messagepack));
|
|---|
| | | },
|
|---|
| | | handleChange (index, value) {
|
|---|
| | | this.record.xyData[index].value = value;
|
|---|
| | | valuezhi (zhi) {
|
|---|
| | | if (zhi == 1) {
|
|---|
| | | return "自动";
|
|---|
| | | }
|
|---|
| | | else {
|
|---|
| | | return "手动";
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | |
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | }
|
|---|
