MES-WEB-LayUI.git

			@@ -1,5 +1,6 @@
			ï»¿<!DOCTYPE html>
			<html>

			<head>
			<meta charset="utf-8" />
			<title>è®¾å¤ç¶æåå¸</title>
			@@ -15,7 +16,7 @@
			<link href="../../../layuiadmin/layui/css/ReportPlatform.css" rel="stylesheet" />
			<style>
			/æ ç¶å¾ç¹å»é«äº®åè²/
			.layui-tree-set-active > .layui-tree-entry .layui-tree-main {
			.layui-tree-set-active>.layui-tree-entry .layui-tree-main {
			background: #aef0f7;
			}

			@@ -23,17 +24,22 @@
			border: 1px solid #5FB878;
			height: 50px;
			border-radius: 5px;
			/background: -webkit-gradient(linear, 0% 0%, 0% 50%,from(#262525), to(#262525));/ /è°·æ/
			/background: -webkit-gradient(linear, 0% 0%, 0% 50%,from(#262525), to(#262525));/
			/è°·æ/
			}

			.bottomright {
			cursor: pointer; /é¼ æ åææææ ·å¼/
			transition: all 0.1s; /ææå±æ§ååå¨0.6ç§åæ§è¡å¨ç»/
			cursor: pointer;
			/é¼ æ åææææ ·å¼/
			transition: all 0.1s;
			/ææå±æ§ååå¨0.6ç§åæ§è¡å¨ç»/
			}

			.bottomright:hover {
			transform: scale(1.3); /é¼ æ æ¾ä¸ä¹ååç´ åæ1.4åå¤§å°/
			}
			transform: scale(1.3);
			/é¼ æ æ¾ä¸ä¹ååç´ åæ1.4åå¤§å°/
			}

			.imgtitle {
			width: 70%;
			height: 50px;
			@@ -57,13 +63,14 @@
			white-space: nowrap;
			text-overflow: ellipsis;
			overflow: hidden;
			}
			}

			.check1 {
			cursor: pointer; /é¼ æ åææææ ·å¼/
			-webkit-transition: border linear .1s,-webkit-box-shadow linear .5s;
			border-color: rgba(0,148, 255,.75);
			-webkit-box-shadow: 0 0 18px rgba(0,148,255);
			cursor: pointer;
			/é¼ æ åææææ ·å¼/
			-webkit-transition: border linear .1s, -webkit-box-shadow linear .5s;
			border-color: rgba(0, 148, 255, .75);
			-webkit-box-shadow: 0 0 18px rgba(0, 148, 255);
			}

			.prs {
			@@ -80,7 +87,10 @@
			top: 6px;
			}

			.tr1-1, .tr1-2, .tr1-3, .tr1-4 {
			.tr1-1,
			.tr1-2,
			.tr1-3,
			.tr1-4 {
			margin-left: 3%;
			margin-top: 4%;
			height: 310px;
			@@ -99,8 +109,43 @@
			.layui-icon {
			font-size: 20px;
			}

			.param-group {
			margin-bottom: 15px;
			border: 1px solid #e6e6e6;
			border-radius: 4px;
			overflow: hidden;
			}

			.group-title {
			background-color: #007dff;
			color: #fff;
			padding: 8px 12px;
			font-size: 20px;
			font-weight: bold;
			}

			.param-list {
			display: flex;
			gap: 4px;
			flex-wrap: wrap;
			padding: 10px 20px;
			background-color: #f2f2f2;
			}

			.param-item {
			width: 10%;
			margin-bottom: 8px;
			font-size: 14px;
			color: #333;
			}

			.param-item span {
			color: #666;
			}
			</style>
			</head>

			<body>
			<div class="layui-fluid">
			<div class="layui-col-md12">
			@@ -109,7 +154,8 @@
			<form class="layui-form" action="" lay-filter="component-form-group">
			<div class="layui-row">
			<div class="layui-col-xs2 layui-inline" style="border: solid 1.5px #e0d6d64d;">
			<div id="TreeTable" class="demo-tree demo-tree-box" style="height: 600px; overflow: scroll;"></div>
			<div id="TreeTable" class="demo-tree demo-tree-box"
			style="height: 600px; overflow: scroll;"></div>
			</div>
			<div class="layui-col-xs9 layui-inline" style="border: solid 1.5px #e0d6d64d;">
			<div id="btomleft" style="height:600px;display:block;overflow-y:auto;">
			@@ -117,7 +163,8 @@
			</div>
			</div>
			<div class="layui-col-xs1 layui-inline" style="border: solid 1.5px #e0d6d64d;">
			<fieldset style="border: 1px solid #eee; box-shadow: 0 2px 5px 0 rgb(0 0 0 / 10%); height: 585px;">
			<fieldset
			style="border: 1px solid #eee; box-shadow: 0 2px 5px 0 rgb(0 0 0 / 10%); height: 585px;">
			<legend style="color: #5FB878">æä½å°</legend>
			<div class="content4">
			<div class="layui-row layui-col-space10">
			@@ -201,22 +248,32 @@
			</div>
			</div>
			</div>
			<div class="layui-row layui-col-space10">
			<div class="layui-col-sm12 " onclick="showTechParam()">
			<div class="cnt bottomright">
			<div class="btnM">
			<span class="layui-icon layui-icon-layer imgicon"></span>
			</div>
			<span class="imgtitle">å·¥èºåæ°</span>
			</div>
			</div>
			</div>
			</div>
			</fieldset>
			</div>
			</div>
			<div class="layui-row">
			<div class="layui-col-xs3 layui-inline">
			<div class="tr1-1" id="mychart11"> </div>
			<div class="tr1-1" id="mychart11"> </div>
			</div>
			<div class="layui-col-xs3 layui-inline">
			<div class="tr1-2" id="mychart22"> </div>
			<div class="tr1-2" id="mychart22"> </div>
			</div>
			<div class="layui-col-xs3 layui-inline">
			<div class="tr1-3" id="mychart3"> </div>
			<div class="tr1-3" id="mychart3"> </div>
			</div>
			<div class="layui-col-xs3 layui-inline">
			<div class="tr1-4" id="mychart4"> </div>
			<div class="tr1-4" id="mychart4"> </div>
			</div>
			</div>
			</form>
			@@ -224,7 +281,10 @@
			</div>
			</div>
			</div>
			<!-- ç¨äºé¢æ¸²æåè¡¨æ°æ® é¡µé¢ä¸ä¸æ¾ç¤º -->
			<div id="TechParamWrapper" style="padding: 10px; display: none;"></div>
			</body>

			</html>
			<script>
			var wktag = 0;
			@@ -233,6 +293,9 @@
			var HEquipName = "";//è®¾å¤åç§°
			var HSourceID = "";//äº§çº¿id
			var HDeptID = "";
			var Timer = null; // æ°æ®è¯»åå®æ¶å¨
			var EquipTechParamHtml = ''; // è®¾å¤åæ°å¼¹çªæ¸²æhtml
			var firstRunning = true;
			layui.config({
			base: '../../../layuiadmin/' //éæèµæºæå¨è·¯å¾
			}).extend({
			@@ -441,6 +504,22 @@
			});
			//#endregion

			//#region æ¾ç¤º å·¥èºåæ°å¼¹çª
			function showTechParam() {
			var TechParamPreLoading = document.getElementById("TechParamWrapper").innerHTML

			layer.open({
			skin: 'layui-layer-rim', //å ä¸è¾¹æ¡
			title: 'æ¥çè®¾å¤å·¥èºåæ°',
			type: 1,
			area: ['80%', '80%'], // å®½é«
			scrollbar: false,
			content: '<div id="TechParamWrapper-Modal" style="padding: 10px;">' + TechParamPreLoading + '</div>'
			});
			}
			//#endregon


			//å·¥ååè¡¨éä¸
			function CheckBtom(obj, i) {
			workcode = $("#gd" + i + "").html(); //éè¿æ ·å¼IDè·åhtmlåå®¹(å·¥åå·)
			@@ -456,15 +535,20 @@
			if (HEquipID != "" && HEquipID != null) {
			wktag = 1;
			}
			sWhere = {
			HDeptID: HDeptID
			, HSourceID: HSourceID
			// sWhere = {
			// HDeptID: HDeptID
			// , HSourceID: HSourceID,
			// HEquipID: HEquipID
			// }
			// FourReport(JSON.stringify(sWhere));
			if (Timer.isRunning() == true) {
			Timer.stop()
			}
			FourReport(JSON.stringify(sWhere));
			Timer.start()
			}

			//æ¥è¯¢ é¨é¨+äº§çº¿ 4ä¸ªå¾è¡¨ èµå¼
			function FourReport(sWhere) {
			function FourReport(sWhere) {
			$.ajax({
			url: GetWEBURL() + '/Sc_HEquipStateDistribution/Get_EquipStateDistribution_FourReport',
			type: "GET",
			@@ -492,6 +576,8 @@
			}
			});
			}

			window.FourReport = FourReport;

			//æ±ç¶å¾
			function get_Histogram1(mychart11, chartData) {
			@@ -654,7 +740,7 @@
			// æ´æ°å¾è¡¨
			mychart22.setOption(option);
			}


			//é¥¼å¾
			function get_Statistics(mychart3, chartData2) {
			// å¦æ chartData2 ä¸ºç©ºï¼æä¾ä¸ä¸ªâæ æ°æ®âæç¤º
			@@ -1114,7 +1200,146 @@
			});
			}

			// è®¢åè¯»åå®æ¶å¨ é»è®¤1åéè¯»åä¸æ¬¡
			function TimerClock(interval = 60000, immediate = true) {
			// ç§æåéï¼åå¨å®æ¶å¨ID
			let timerId = null;
			// ç§æåéï¼è®°å½æ§è¡æ¬¡æ°
			let executeCount = 0;
			// ç§æåéï¼æ è®°å®æ¶å¨æ¯å¦æ£å¨è¿è¡
			let isRunning = false;
			// ç§æåé: æ è®°å®æ¶å¨æ¯å¦ç¬¬ä¸æ¬¡å¯å¨ï¼å½ç¬¬ä¸æ¬¡å¯å¨(å³éè¿ç¹å»å¡ççæ¹å¼è®¿é®æ°æ®æ¶) éè¦æ¾ç¤ºå è½½ï¼å¼¹çªä¸éè¦éé»æ´æ°

			const task = () => {
			var EmptyHtml = '<div style="Width: 100%; text-align: center; font-size: 46px;">è¯¥è®¾å¤æ²¡æå·¥èºåæ°</div>'
			if (firstRunning) {
			var loadIndex = layui.layer.load(0, { shade: 0.3 });
			}
			$.ajax({
			url: GetWEBURL() + '/Web/getSB_EquipTechParamBillListByEquipID',
			type: "GET",
			data: { HEquipID: HEquipID },
			dataType: "json",
			success: function (data) {
			if (data.code == 1) {
			EquipTechParamHtml = "";
			data.data.forEach(group => {
			EquipTechParamHtml += `<div class="param-group">`;
			EquipTechParamHtml += `<div class="group-title">${group['åç»åç§°']}</div>`;
			EquipTechParamHtml += `<div class="param-list">`;
			group['åæ°åè¡¨'].forEach(param => {
			EquipTechParamHtml += `<div class="param-item">${param.HTechParamName}:<span>${param.HResult}</span></div>`;
			});
			EquipTechParamHtml += `</div></div>`;
			});

			// èµå¼ç»é¢æ¸²ææ¨¡ç
			document.getElementById("TechParamWrapper").innerHTML = EquipTechParamHtml
			// èµå¼ç»æ¸²ææ¨¡æ¿
			if (document.getElementById("TechParamWrapper-Modal")) {
			document.getElementById("TechParamWrapper-Modal").innerHTML = EquipTechParamHtml
			}

			layui.layer.close(loadIndex);
			firstRunning = false
			} else {
			document.getElementById("TechParamWrapper").innerHTML = EmptyHtml
			// èµå¼ç»æ¸²ææ¨¡æ¿
			if (document.getElementById("TechParamWrapper-Modal")) {
			document.getElementById("TechParamWrapper-Modal").innerHTML = EmptyHtml
			}
			if (firstRunning) {
			layui.layer.close(loadIndex);
			}
			}
			},
			error: function (err) {
			document.getElementById("TechParamWrapper").innerHTML = EmptyHtml
			// èµå¼ç»æ¸²ææ¨¡æ¿
			if (document.getElementById("TechParamWrapper-Modal")) {
			document.getElementById("TechParamWrapper-Modal").innerHTML = EmptyHtml
			}
			if (firstRunning) {
			layui.layer.close(loadIndex);
			}
			return false;
			}
			});

			var sWhere = {
			HDeptID: HDeptID
			, HSourceID: HSourceID,
			HEquipID: HEquipID
			}
			window.FourReport(JSON.stringify(sWhere));
			}

			// å¯å¨å®æ¶å¨æ¹æ³
			this.start = function () {
			// é²æ¢éå¤å¯å¨
			if (isRunning) {
			console.log('å®æ¶å¨å·²å¨è¿è¡ä¸');
			return;
			}

			if (immediate) {
			task();
			}

			// è®¾ç½®å®æ¶å¨ï¼interval æ¯«ç§æ§è¡ä¸æ¬¡ï¼
			timerId = setInterval(() => {
			executeCount++;
			task();
			console.log(`å®æ¶å¨æ§è¡ç¬¬ ${executeCount} æ¬¡`);
			}, interval);

			// æ´æ°ç¶ææ è®°
			isRunning = true;
			// document.getElementById('status').textContent = 'è¿è¡ä¸';
			console.log(`å®æ¶å¨å·²å¯å¨ï¼é´éï¼${interval} æ¯«ç§`);
			};

			// åæ¢å®æ¶å¨æ¹æ³
			this.stop = function () {
			// é²æ¢éå¤åæ¢
			if (!isRunning) {
			console.log('å®æ¶å¨æªè¿è¡');
			return;
			}

			firstRunning = true

			// æ¸é¤å®æ¶å¨
			clearInterval(timerId);
			// éç½®ç¶æ
			timerId = null;
			isRunning = false;
			// document.getElementById('status').textContent = 'å·²åæ¢';
			console.log('å®æ¶å¨å·²åæ¢');
			};

			// è·åå½åå®æ¶å¨ç¶æ
			this.isRunning = function () {
			return isRunning;
			};
			}


			// é¡µé¢å è½½å®æ¯åè°ç¨
			window.addEventListener('load', function () {
			console.log('é¡µé¢ææèµæºé½å è½½å®æï¼');
			Timer = new TimerClock()
			console.log(Timer)
			});

			// é¡µé¢å¸è½½åè°ç¨
			window.addEventListener('beforeunload', function (e) {
			if (Timer) {
			Timer.stop()
			}

			delete window.FourReport
			})
			//#endregion

			</script>