CanadaMes.git - Gitblit

			@@ -3,7 +3,7 @@
			<!--面包屑导航区域-->
			<el-breadcrumb separator-class="el-icon-arrow-right" class="el-breadcrumb">
			<router-link to="/home" tag="el-button" type="text">{{ $t('langHome') }}</router-link>
			<el-button type="text">设备管理</el-button>
			<el-button type="text">Electrical</el-button>
			<router-link to="/Electrical/Parameter" tag="el-button" type="text">Parameter</router-link>
			<router-link to="/Electrical/Action" tag="el-button" type="text">Action</router-link>
			<router-link to="/Electrical/Sign" tag="el-button" type="text">Sign</router-link>
			@@ -12,10 +12,14 @@
			</el-breadcrumb>
			<div>Action</div>
			<el-form label-width="100px" style="display: flex;flex-wrap: wrap;" :model="{ messagepack }">
			<div class="kuai_div" v-for="item in this.record.xyData" :key="item.name">
			<!-- <div class="kuai_div" v-for="item in record.xyData" :key="item.value">
			<el-input v-model="item.name" style="width: 240px;" class="in_mc"></el-input>
			<!-- <el-input v-model="item[0]" style="width: 80px;"></el-input> -->
			<el-switch v-model="item.value" active-value="0" inactive-value="1"></el-switch>
			</div> -->

			<div class="kuai_div" v-for="(item, index) in record.xyData" :key="index">
			<el-input v-model="item.name" style="width: 240px;" class="in_mc" readonly></el-input>
			<el-switch v-model="item.value" active-value="1" inactive-value="0" @change="send()"></el-switch>
			</div>
			</el-form>

			@@ -24,14 +28,15 @@
			</template>

			<script >

			import LanguageMixin from '../../lang/LanguageMixin'
			let socket;
			export default {
			name: "action",
			mixins: [LanguageMixin],
			data () {
			return {
			record: {
			params: [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
			params: [0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
			canshu: [
			'D01 VFD conveyor',
			'D02 VFD conveyor',
			@@ -61,13 +66,34 @@
			'B02 YV UP DOWN',
			],
			xyData: [
			{ name: 'D01 VFD conveyor', value: 0 },
			{ name: "D02 VFD conveyor", value: 0 },
			{ name: "D03 VFD conveyor", value: 0 },
			{ name: "D04 VFD conveyor", value: 0 },
			{ name: "B01 B02 TRAVEL JOG Velocity", value: 0 },
			{ name: "conveyor Velocity(Manual)", value: 0 },
			],
			{ name: 'D01 VFD conveyor', value: "0" },
			{ name: 'D02 VFD conveyor', value: "0" },
			{ name: 'D03 VFD conveyor', value: "1" },
			{ name: 'D04 VFD conveyor', value: "0" },
			{ name: 'D05 VFD conveyor', value: "0" },
			{ name: 'D06 VFD conveyor', value: "0" },
			{ name: 'A01 VFD conveyor', value: "0" },
			{ name: 'A02 VFD conveyor', value: "0" },
			{ name: 'B01 VFD conveyor', value: "0" },
			{ name: 'B02 VFD conveyor', value: "0" },
			{ name: 'A01 SERVE TURN JOG+', value: "0" },
			{ name: 'A02 SERVE TURN JOG-', value: "0" },
			{ name: 'A01 SERVE TRAVEL JOG+', value: "0" },
			{ name: 'A02 SERVE TRAVEL JOG-', value: "0" },
			{ name: 'B01 SERVE TRAVEL JOG+', value: "0" },
			{ name: 'B02 SERVE TRAVEL JOG-', value: "0" },
			{ name: 'A01 SERVE TURN POS', value: "0" },
			{ name: 'A02 SERVE TURN POS', value: "0" },
			{ name: 'A01 SERVE TRAVEL POS', value: "0" },
			{ name: 'A02 SERVE TRAVEL POS', value: "0" },
			{ name: 'B01 SERVE TRAVEL POS', value: "0" },
			{ name: 'B02 SERVE TRAVEL POS', value: "0" },
			{ name: 'B01 YV TURN', value: "0" },
			{ name: 'B01 YV UP DOWN', value: "0" },
			{ name: 'B02 YV TURN', value: "0" },
			{ name: 'B02 YV UP DOWN', value: "0" },
			]
			,
			},


			@@ -86,7 +112,7 @@
			},
			methods: {
			init () {
			let viewname = "Action";
			let viewname = "action";

			if (typeof (WebSocket) == "undefined") {
			console.log("您的浏览器不支持WebSocket");
			@@ -105,25 +131,26 @@
			console.log("websocket已打开");
			};
			// 浏览器端收消息，获得从服务端发送过来的文本消息
			socket.onmessage = function (msg) {

			//console.log("收到数据====" + msg.data);
			let obj = JSON.parse(msg.data);

			this.record.params[0] = obj.acion[0].join(",");
			this.record.params[0] = this.record.params[0].split(",");

			for (let a = 0; a <= this.record.params.length - 1; a++) {
			// if (!this.record.xyData[a]) {
			// this.record.xyData[a] = { name: this.record.canshu[a], value: this.record.params[0][a] };
			// } else {
			// this.record.xyData[a].value = this.record.params[0][a];
			// }
			this.record.xyData[a] = { name: this.record.canshu[a], value: this.record.params[0][a] };
			socket.onmessage = (msg) => {
			if (!msg.data) {
			return; // 如果收到空数据，则直接返回，不执行后续逻辑
			}
			console.log(this.record.xyData)

			let obj = JSON.parse(msg.data);
			this.record.params[0] = obj.params[0];

			for (let a = 0; a <= this.record.params[0].length - 1; a++) {
			if (!this.record.xyData[a]) {
			this.record.xyData[a] = { name: this.record.canshu[a], value: this.record.params[0][a].toString() };
			} else {
			this.record.xyData[a].value = this.record.params[0][a].toString();
			}
			}

			console.log(this.record.xyData);
			this.$forceUpdate();
			}.bind(this);
			};

			//关闭事件
			socket.onclose = function () {
			console.log("websocket已关闭");
			@@ -136,8 +163,9 @@

			},
			send () {
			this.messagepack.data = { taskname: "前端到后台" };
			socket?.send(JSON.stringify(this.messagepack)); // 将组装好的json发送给服务端，由服务端进行转发
			this.messagepack.data = this.record.xyData.map(item => parseInt(item.value)); // 转换为整数数组
			console.log(this.messagepack);
			socket?.send(JSON.stringify(this.messagepack));
			}

			}
			@@ -161,16 +189,18 @@
			border: none;


			.el-input__inner {
			border: 1 solid black;
			}



			}

			.in_mc {
			.el-input__inner {
			border: none;
			}
			.el-input__inner {
			border: 1 solid black;
			}

			.in_mc {}

			.el-input__inner {
			border: none;
			}
			</style>