smart-web.git - Gitblit

			@@ -1,7 +1,7 @@
			<!--
			* @Date: 2024-04-09 22:11:21
			* @LastEditors: Sneed
			* @LastEditTime: 2024-04-09 22:12:14
			* @LastEditors: lzhe lzhe@example.com
			* @LastEditTime: 2024-06-19 13:44:36
			* @FilePath: /belleson-frontend/Users/mache/Documents/demo/cps-web/src/views/mdc/realtime-status/index.vue
			实时看板
			-->
			@@ -36,7 +36,7 @@
			<div class="status-next" @click="next">
			<el-icon><ArrowRight /></el-icon>
			</div>
			<div class="status-content-cardp" v-for="item in timestatus" style="width: 33.3333%; height: 50%;">
			<div class="status-content-cardp" v-for="item in timestatus" :style="{'width': (100/column) + '%'}">
			<div class="status-card-box" style="border-color: #ccc;">
			<div class="status-card-top">
			<div class="status-card-detail">
			@@ -104,22 +104,37 @@
			stationlabel: "",
			stationlabelList: [],
			current: "1",
			size: "9",
			total: 0,
			deviceStatus: [],
			workStationGroupIdList: []
			workStationGroupIdList: [],
			line: "",
			column: ""
			}
			},
			mounted() {
			this.getdevicestatus(); //获取顶部title
			this.getstationlabelList(); //获取标签视图下的list
			this.setIntervalTime(); //十秒增加时间
			this.getprocess(); //获取颜色==》获取顶部title==》设置几行几列==》ws
			},
			methods: {
			getSetting() {
			this.$HTTP.get(`/api/blade-system/param/detail?paramKey=mdc.realtime.setting`).then(res=> {
			if(res.code == 200) {
			var paramValue = JSON.parse(res.data.paramValue);
			this.line = paramValue.line==0?1:paramValue.line;
			this.column = paramValue.column;
			this.current = "1";
			this.size = this.line * this.column;
			this.gettimestatus(); //ws
			}
			})
			},
			setIntervalTime() {
			function addTime(timeStr) {
			var increaseByMilliseconds = 10 * 1000; // 10秒转换为毫秒
			// 解析时间字符串为天数、小时、分钟和秒
			if(timeStr != undefined) {
			if(timeStr != undefined && timeStr != "--") {
			var parts = timeStr.match(/(\d+)天(\d+)时(\d+)分(\d+)秒/);
			var days = parseInt(parts[1], 10) * 24 * 60 * 60 * 1000; // 天数转换为毫秒
			var hours = parseInt(parts[2], 10) * 60 * 60 * 1000; // 小时转换为毫秒
			@@ -205,9 +220,10 @@
			this.gettimestatus();
			},
			next() {
			if((this.total/9 - this.current) < 0) return;
			this.current = Number(this.current) + 1;
			this.gettimestatus();
			if((this.current * this.line) < this.total/this.column) {
			this.current = Number(this.current) + 1;
			this.gettimestatus();
			}
			},
			goSet() {
			this.$router.push('/mdc/configuration');
			@@ -216,10 +232,11 @@
			this.$router.push('/mdc/station-live?code='+item.id);
			},
			getprocess() { //颜色状态
			this.$HTTP.get(`/api/blade-cps/global_wcs/wcs-achievements`).then(res=> {
			this.$HTTP.get(`/api/blade-cps/global_wcs/list?code=&name=`).then(res=> {
			if(res.code == 200) {
			this.allwcs = res.data;
			this.gettimestatus();
			this.getdevicestatus(); //获取顶部title/具体数据
			this.getSetting(); //获取几行几列
			}
			})
			},
			@@ -246,26 +263,28 @@
			workStationGroupIdList: this.workStationGroupIdList
			}
			this.timestatus = [];
			this.$HTTP.post(`/api/blade-cps/workstation/real-time-status?current=${this.current}&size=9`,obj).then(res=> {
			this.$HTTP.post(`/api/blade-cps/workstation/real-time-status?current=${this.current}&size=${this.size}`,obj).then(res=> {
			if(res.code == 200) {
			var ids = [];
			console.log(this.allwcs,res.data)
			res.data.records.forEach(item=> {
			item.statusName = "未知";
			item.statusStyle = '#ccc';
			ids.push(item.id);
			if(item.properties != null) {
			if(item.properties != null && item.properties.length!=0) {
			item.properties.forEach(item1=> {
			this.devicestatus.forEach(item2=> {
			if(item2.status == item1.value) {
			item.statusName = item2.statusName;
			item1.statusName = item2.statusName;
			item.statusStyle = item2.color;
			}
			})
			if(item1.key == "DeviceStatus") {
			this.allwcs.forEach(item2=> {
			if(item2.code == item1.value) {
			item1.color = item2.color;
			}
			})
			}
			})
			}else {
			item.statusName = "未知";
			item.statusStyle = '#ccc';
			}

			})
			this.timestatus = res.data.records;
			this.total = res.data.total;
			//发送websocket
			var obj = {
			@@ -286,51 +305,85 @@
			this.$TOOL.socket.websocket.onmessage = function(event) {
			num ++;
			var eventData = JSON.parse(event.data);
			if(eventData.data.DeviceStatus != undefined) {
			var time = moment(eventData.data.DeviceStatus.t).format('YYYY-MM-DD HH:mm:ss');
			var diffTime = that.changeTime(time); //转换成差值（时分秒）
			}else {
			var diffTime = "--";
			}
			if(res.data.records.length == 0) return; //没值不用循环
			res.data.records.forEach(item=> { //第一步把v放到code里
			if(that.timestatus.length == 0) return; //没值不用循环
			that.timestatus.forEach((item,index)=> { //第一步把v放到code里
			if(eventData.id == item.id) {
			if(item.properties == null) {
			item.properties = [];
			return;
			}
			item.time = diffTime;
			item.properties.forEach(item1=> {
			if(eventData.data.DeviceStatus) {
			var time = moment(eventData.data.DeviceStatus.t).format('YYYY-MM-DD HH:mm:ss');
			var diffTime = that.changeTime(time); //转换成差值（时分秒）
			item.time = diffTime;
			that.allwcs.forEach(item1=> {
			if(item1.code == eventData.data.DeviceStatus.v) {
			item.statusName = item1.name;
			item.statusStyle = item1.color;
			}
			})
			}else{
			if(item.time == undefined \|\| item.time == "--") {
			var diffTime = "--";
			item.time = diffTime;
			}
			}
			item.properties.forEach((item1,index1)=> {
			if(item1.key == "DeviceStatus") { //机器状态
			//item1.code = eventData.data[item1.key].v;
			if(item1.value == "2") {
			item1.color = "#73D13D";
			item1.code = "运行";
			that.allwcs.forEach(item2=> {
			if(item2.code == item1.value) {
			item1.color = item2.color;
			item1.code = item2.name;
			}
			})
			}else {
			item1.color = "#75C0C0";
			}
			}else {
			if(item1.key == 'Alarm') { //报警
			var v = JSON.parse(eventData.data[item1.key].v);
			item1.name = v.code;
			item1.code = v.msg;
			item1.color = "#370C0D";
			if(eventData.data[item1.key]) {
			var v = JSON.parse(eventData.data[item1.key].v);
			if(Array.isArray(v)) { //如果是数组，不赋值
			if(v.length == 0) {
			res.data.records[index].properties.splice(index1,1);
			}else {
			item1.name = v[0].code;
			item1.code = v[0].msg;
			that.allwcs.forEach(item2=> {
			if(item2.name == "报警") {
			item1.color = item2.color;
			}
			})
			}
			}else {
			item1.name = v.code;
			item1.code = v.msg;
			that.allwcs.forEach(item2=> {
			if(item2.name == "报警") {
			item1.color = item2.color;
			}
			})
			}
			}
			}else {
			item1.code = eventData.data[item1.key].v;
			item1.color = "#75C0C0";
			if(eventData.data[item1.key]) {
			item1.code = eventData.data[item1.key].v;
			item1.color = "#75C0C0";
			}
			}
			}
			})
			}
			});
			};
			var len = res.data.records.length;
			intervalId = setInterval(function() {
			if (num === len) {
			clearInterval(intervalId);
			that.timestatus = res.data.records; //等所有socket回来以后赋值
			}
			}, 500);
			// var len = res.data.records.length;
			// intervalId = setInterval(function() {
			// if (num === len) {
			// clearInterval(intervalId);
			// that.timestatus = res.data.records; //等所有socket回来以后赋值
			// }
			// }, 500);
			}
			})
			},
			@@ -339,19 +392,18 @@
			if(res.code == 200) {
			res.data.forEach(item=> {
			item.active = false;
			this.allwcs.forEach(item1=> {
			if(item.status == item1.code) {
			item.color = item1.color;
			}
			})
			})
			res.data[0].color = "#73D13D";
			res.data[1].color = "#370C0D";
			res.data[2].color = "#FFC53D";
			res.data[3].color = "#595959";
			res.data[4].color = "#40A9FF";
			res.data[0].icon = "Position";
			res.data[1].icon = "Loading";
			res.data[2].icon = "Clock";
			res.data[3].icon = "Warning";
			res.data[4].icon = "Odometer";
			res.data[1].icon = "Loading";
			res.data[2].icon = "Clock";
			res.data[3].icon = "Warning";
			res.data[4].icon = "Odometer";
			this.devicestatus = res.data;
			this.getprocess(); //获取颜色，获取机器
			}
			})
			}
			@@ -422,7 +474,7 @@
			display: block;
			}
			.status-content-cardp {
			min-width: 266px;
			height: 50%;
			min-height: 170px;
			margin: 0;
			padding: 4px;