MES-WEB-LayUI.git

			@@ -12,6 +12,7 @@
			<script src="../../../layuiadmin/Scripts/webConfig.js"></script>
			<script src="../../../layuiadmin/layui/layui1.js"></script>
			<script src="../../../layuiadmin/echarts.min.js"></script>
			<link href="../../../layuiadmin/layui/css/ReportPlatform.css" rel="stylesheet" />
			<style>
			/æ ç¶å¾ç¹å»é«äº®åè²/
			.layui-tree-set-active > .layui-tree-entry .layui-tree-main {
			@@ -27,22 +28,12 @@

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

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

			.imgicon {
			/*width: 50%;
			height: 50px;*/
			/display: block;/
			/*text-align: center;
			line-height: 50px;
			float: left;*/
			}

			.bottomright:hover {
			transform: scale(1.3); /é¼ æ æ¾ä¸ä¹ååç´ åæ1.4åå¤§å°/
			}
			.imgtitle {
			width: 70%;
			height: 50px;
			@@ -59,13 +50,13 @@
			border-radius: 5px;
			}

			.cns p {
			font-size: 12px;
			line-height: 18px;
			margin: 0 5px;
			white-space: nowrap;
			text-overflow: ellipsis;
			overflow: hidden;
			.cns p {
			font-size: 12px;
			line-height: 18px;
			margin: 0 5px;
			white-space: nowrap;
			text-overflow: ellipsis;
			overflow: hidden;
			}

			.check1 {
			@@ -93,16 +84,20 @@
			margin-left: 3%;
			margin-top: 4%;
			height: 310px;
			/background-color: #99f6a733;/
			border: 1px solid rgb(0 0 0 / 10%);
			width: 95%;
			}

			.btnM {
			width: 30%;
			height: 50px;
			line-height: 50px;
			float: left;
			text-align:right;
			text-align: right;
			}

			.layui-icon {
			font-size: 20px;
			}
			</style>
			</head>
			@@ -126,7 +121,7 @@
			<legend style="color: #5FB878">æä½å°</legend>
			<div class="content4">
			<div class="layui-row layui-col-space10">
			<div class="layui-col-sm12 " onclick="OpenWork(event,this)">
			<div class="layui-col-sm12 " onclick="PowerOn(event,this)">
			<div class="cnt bottomright">
			<div class="btnM">
			<span class="layui-icon layui-icon-pause imgicon"></span>
			@@ -136,7 +131,27 @@
			</div>
			</div>
			<div class="layui-row layui-col-space10">
			<div class="layui-col-sm12 " onclick="OpenReport(event,this)">
			<div class="layui-col-sm12 " onclick="PowerOff(event,this)">
			<div class="cnt bottomright">
			<div class="btnM">
			<span class="layui-icon layui-icon-logout imgicon"></span>
			</div>
			<span class="imgtitle">åæº</span>
			</div>
			</div>
			</div>
			<div class="layui-row layui-col-space10">
			<div class="layui-col-sm12 " onclick="DotCheck(event,this)">
			<div class="cnt bottomright">
			<div class="btnM">
			<span class="layui-icon layui-icon-list imgicon"></span>
			</div>
			<span class="imgtitle">ç¹æ£è®°å½</span>
			</div>
			</div>
			</div>
			<div class="layui-row layui-col-space10">
			<div class="layui-col-sm12 " onclick="FaultRegistration(event,this)">
			<div class="cnt bottomright">
			<div class="btnM">
			<span class="layui-icon layui-icon-list imgicon"></span>
			@@ -146,42 +161,43 @@
			</div>
			</div>
			<div class="layui-row layui-col-space10">
			<div class="layui-col-sm12 " onclick="OpenEnd(event,this)">
			<div class="layui-col-sm12 " onclick="Maintenance(event,this)">
			<div class="cnt bottomright">
			<div class="btnM">
			<span class="layui-icon layui-icon-logout imgicon"></span>
			<span class="layui-icon layui-icon-form imgicon"></span>
			</div>
			<span class="imgtitle">ç»´ä¿®</span>
			</div>
			</div>
			</div>

			<div class="layui-row layui-col-space10">
			<div class="layui-col-sm12 " onclick="KSOpenWork(event,this)">
			<div class="layui-col-sm12 " onclick="Resume(event,this)">
			<div class="cnt bottomright">
			<div class="btnM">
			<span class="layui-icon layui-icon-pause imgicon"></span>
			</div>
			<span class="imgtitle">åæº</span>
			</div>
			</div>
			</div>
			<div class="layui-row layui-col-space10">
			<div class="layui-col-sm12 " onclick="KSOpenWork(event,this)">
			<div class="cnt bottomright">
			<div class="btnM">
			<span class="layui-icon layui-icon-pause imgicon"></span>
			<span class="layui-icon layui-icon-table imgicon"></span>
			</div>
			<span class="imgtitle">å±¥å</span>
			</div>
			</div>
			</div>
			<div class="layui-row layui-col-space10">
			<div class="layui-col-sm12 " onclick="KSOpenWork(event,this)">
			<div class="layui-col-sm12 " onclick="Process(event,this)">
			<div class="cnt bottomright">
			<div class="btnM">
			<span class="layui-icon layui-icon-pause imgicon"></span>
			<span class="layui-icon layui-icon-file imgicon"></span>
			</div>
			<span class="imgtitle">å·¥èº</span>
			</div>
			</div>
			</div>
			<div class="layui-row layui-col-space10">
			<div class="layui-col-sm12 " onclick="HStatus(event,this)">
			<div class="cnt bottomright">
			<div class="btnM">
			<span class="layui-icon layui-icon-set imgicon"></span>
			</div>
			<span class="imgtitle">ç¶æ</span>
			</div>
			</div>
			</div>
			@@ -191,10 +207,10 @@
			</div>
			<div class="layui-row">
			<div class="layui-col-xs3 layui-inline">
			<div class="tr1-1" id="mychart1"> </div>
			<div class="tr1-1" id="mychart11"> </div>
			</div>
			<div class="layui-col-xs3 layui-inline">
			<div class="tr1-2" id="mychart2"> </div>
			<div class="tr1-2" id="mychart22"> </div>
			</div>
			<div class="layui-col-xs3 layui-inline">
			<div class="tr1-3" id="mychart3"> </div>
			@@ -211,686 +227,894 @@
			</body>
			</html>
			<script>
			layui.config({
			base: '../../../layuiadmin/' //éæèµæºæå¨è·¯å¾
			}).extend({
			index: 'lib/index', //ä¸»å¥å£æ¨¡å
			}).use(['index', 'form', 'table', 'element', 'laypage', 'laydate','tree'], function () {
			//#region å¬ç¨åé
			var $ = layui.$
			, admin = layui.admin
			, layer = layui.layer
			, table = layui.table
			, form = layui.form
			, element = layui.element
			, laypage = layui.laypage
			, laydate = layui.laydate
			, tree = layui.tree
			var sWhere = "";
			var wktag = 0;
			//#endregion
			var wktag = 0;
			var HEquipID = 0;//è®¾å¤id
			var HEquipNumber = "";//è®¾å¤ç¼ç
			var HEquipName = "";//è®¾å¤åç§°
			var HSourceID = "";//äº§çº¿id
			var HDeptID = "";
			layui.config({
			base: '../../../layuiadmin/' //éæèµæºæå¨è·¯å¾
			}).extend({
			index: 'lib/index', //ä¸»å¥å£æ¨¡å
			}).use(['index', 'form', 'table', 'element', 'laypage', 'laydate', 'tree'], function () {
			//#region å¬ç¨åé
			var $ = layui.$
			, admin = layui.admin
			, layer = layui.layer
			, table = layui.table
			, form = layui.form
			, element = layui.element
			, laypage = layui.laypage
			, laydate = layui.laydate
			, tree = layui.tree
			//#endregion

			//#region è¿å¥é¡µé¢å³å è½½
			//#region è¿å¥é¡µé¢å³å è½½

			//åå§åçé¢
			set_ClearBill();
			//åå§åçé¢
			set_ClearBill();

			//#endregion
			//#endregion

			//#region è§¦åäºä»¶ï¼åæ¬form.on(){}æ ¼å¼çææç¹å»äºä»¶ãéæ©äºä»¶ç




			//#endregion
			//#region è§¦åäºä»¶ï¼åæ¬form.on(){}æ ¼å¼çææç¹å»äºä»¶ãéæ©äºä»¶ç


			//#region æ¬é¡µé¢è¢«è°ç¨çæææ¹æ³

			//#region åå§åçé¢
			function set_ClearBill() {
			var mychart1 = echarts.init(document.getElementById('mychart1'));
			var mychart2 = echarts.init(document.getElementById('mychart2'));
			var mychart3 = echarts.init(document.getElementById('mychart3'));
			var mychart4 = echarts.init(document.getElementById('mychart4'));
			get_Histogram1(mychart1);//æ±ç¶å¾1
			get_LineChart(mychart2);//æçº¿
			get_Statistics(mychart3);//é¥¼å¾
			get_Histogram4(mychart4);//æ±ç¶å¾4

			//æ¥è¯¢
			get_Display_Tree();

			}
			//#endregion

			function Check(sWhere) {
			wktag = 0;
			$("#btomleft").html("");
			$.ajax({
			url: GetWEBURL() + '/Sc_OrderStateDistribution/Sc_OrderStateDistribution_Souce',
			type: "GET",
			data: { "sWhere": sWhere, "user": sessionStorage["HUserName"], "OrganizationID": sessionStorage["OrganizationID"] },
			dataType: "json",//æ°æ®ç±»åå¯ä»¥ä¸º text xml json script jsonp
			success: function (data) {

			//var LoadData1 = data.data.h_p_JIT_GetWorkBillListInfoBySource;
			var LoadData1 = data.data.h_p_sc_HDeptSouceMOList;
			//var LoadData2 = data.data.h_p_JIT_GetWorkBillListInfoBySource1;
			if (LoadData1.length > 0) //å·¥ååè¡¨æ°æ®
			{

			for (var i = 0; i < LoadData1.length; i++) {
			var html1 = '';
			html1 += '<div class="layui-col-sm12 layui-col-md2" style="margin: 6px;width: 135px;">';
			html1 += '<div class="cns" id="bs' + (i + 1) + '" onclick="CheckBtom(this,' + (i + 1) + ')">';
			html1 += '<dl>';
			html1 += '<dd class="tcenter">';
			html1 += '<h1 style="display:none;"><span>åæ®ç±»åï¼</span><span id="ty' + (i + 1) + '">' + LoadData1[i].HBillType + '</span></h1>';
			//HSourceInterIDå®éåå¼ï¼Sc_ICMOBillStatus_Tmp HInterIDï¼åæ®ä¸»IDï¼
			html1 += '<h1 style="display:none;"><span>æºåä¸»åç ï¼</span><span id="sm' + (i + 1) + '">' + LoadData1[i].HSourceInterID + '</span></h1>';
			html1 += '<h1 style="display:none;"><span>æºåååç ï¼</span><span id="sb' + (i + 1) + '">' + LoadData1[i].HSourceEntryID + '</span></h1>';
			html1 += '<h1 style="display:none;"><span>æºååå·ï¼</span><span id="sw' + (i + 1) + '">' + LoadData1[i].HSourceBillNo + '</span></h1>';
			html1 += '<h1 style="display:none;"><span>æºåç±»åï¼</span><span id="st' + (i + 1) + '">' + LoadData1[i].HSourceBillType + '</span></h1>';
			html1 += '<h1 style="display:none;"><span>çäº§è®¢åå·ä¸»IDï¼</span><span id="df' + (i + 1) + '">' + LoadData1[i].HICMOInterID + '</span></h1>';
			html1 += '<h1 style="display:none;"><span>çäº§è®¢ååIDï¼</span><span id="ds' + (i + 1) + '">' + LoadData1[i].HICMOEntryID + '</span></h1>';


			html1 += '<p><span>äº§çº¿ï¼</span><span id="wk' + (i + 1) + '">' + LoadData1[i].äº§çº¿ + '</span></p>';
			html1 += '<p><span>å½åè®¢åï¼</span><span id="wk' + (i + 1) + '">' + LoadData1[i].è®¢å + '</span></p>';
			html1 += '<p><span>äº§éï¼</span><span id="ptn' + (i + 1) + '">' + LoadData1[i].è®¡åæ°é + '</span></p>';
			html1 += '<p><span>ç¶æï¼</span><span>' + LoadData1[i].ç¶æ + '</span></p>';
			html1 += '<p><span>è¿è¡æ¶é¿ï¼</span><span>' + LoadData1[i].ç¶æ + '</span></p>';
			html1 += '<p><span>ç»´ä¿®æ¶é¿ï¼</span><span>' + LoadData1[i].è®¡åæ°é + '</span></p>';
			html1 += '<p><span>ç¨¼å¨çï¼</span><span>35%</span></p>';
			html1 += '</dd>';
			html1 += '</dl>';
			html1 += '</div>';
			html1 += '</div>';
			$("#btomleft").append(html1);
			//#endregion


			//#region æ¬é¡µé¢è¢«è°ç¨çæææ¹æ³

			//#region åå§åçé¢
			function set_ClearBill() {
			var mychart11 = echarts.init(document.getElementById('mychart11'));
			var mychart22 = echarts.init(document.getElementById('mychart22'));
			var mychart3 = echarts.init(document.getElementById('mychart3'));
			var mychart4 = echarts.init(document.getElementById('mychart4'));
			get_Histogram1(mychart11, '');//æ±ç¶å¾1
			get_LineChart(mychart22, '');//æçº¿
			get_Statistics(mychart3, '');//é¥¼å¾
			get_Histogram4(mychart4, '');//æ±ç¶å¾4

			//æ¥è¯¢
			get_Display_Tree();
			}
			//#endregion

			//æ¥è¯¢å·¥å
			function Check(HDeptID) {
			wktag = 0;
			$("#btomleft").html("");
			$.ajax({
			url: GetWEBURL() + '/Sc_HEquipStateDistribution/Sc_HEquipStateDistribution_Souce',
			type: "GET",
			data: { "HDeptID": HDeptID, "user": sessionStorage["HUserName"], "OrganizationID": sessionStorage["OrganizationID"] },
			dataType: "json",//æ°æ®ç±»åå¯ä»¥ä¸º text xml json script jsonp
			success: function (data) {

			var LoadData1 = data.data.h_p_sc_HDeptSouceMOList;
			if (LoadData1.length > 0) //å·¥ååè¡¨æ°æ®
			{

			for (var i = 0; i < LoadData1.length; i++) {
			var html1 = '';
			html1 += '<div class="layui-col-sm12 layui-col-md2" style="margin: 6px;width: 180px;">';
			html1 += '<div class="cns" id="bs' + (i + 1) + '" onclick="CheckBtom(this,' + (i + 1) + ')">';
			html1 += '<dl>';
			html1 += '<dd class="tcenter">';
			html1 += '<h1 style="display:none;"><span>çäº§è®¢åå·ä¸»IDï¼</span><span id="df' + (i + 1) + '">' + LoadData1[i].çäº§è®¢åä¸»åç + '</span></h1>';
			html1 += '<h1 style="display:none;"><span>çäº§è®¢ååIDï¼</span><span id="ds' + (i + 1) + '">' + LoadData1[i].çäº§è®¢åååç + '</span></h1>';
			html1 += '<h1 style="display:none;"><span>äº§çº¿IDï¼</span><span id="cs' + (i + 1) + '">' + LoadData1[i].HSourceID + '</span></h1>';
			html1 += '<h1 style="display:none;"><span>è®¾å¤IDï¼</span><span id="sb' + (i + 1) + '">' + LoadData1[i].è®¾å¤id + '</span></h1>';

			html1 += '<p><span>è®¾å¤ç¼ç ï¼</span><span id="sbbm' + (i + 1) + '">' + LoadData1[i].è®¾å¤ç¼ç + '</span></p>';
			html1 += '<p><span>è®¾å¤åç§°ï¼</span><span id="sbmc' + (i + 1) + '">' + LoadData1[i].è®¾å¤åç§° + '</span></p>';
			html1 += '<p><span>äº§çº¿ï¼</span><span id="cxmc' + (i + 1) + '">' + LoadData1[i].äº§çº¿ + '</span></p>';
			html1 += '<p><span>å½åè®¢åï¼</span><span id="gd' + (i + 1) + '">' + LoadData1[i].çäº§è®¢å + '</span></p>';
			html1 += '<p><span>è®¢åæ°éï¼</span><span id="ddqty' + (i + 1) + '">' + LoadData1[i].ä»»å¡åæ°é + '</span></p>';
			html1 += '<p><span>å®ææ°éï¼</span><span id="wcqty' + (i + 1) + '">' + LoadData1[i].æµè½¬å¡æ°é + '</span></p>';
			switch (LoadData1[i].è®¾å¤ç¶æ) {
			case "ç©ºé²":
			html1 += '<p><span>å½åç¶æï¼</span><span class="gj_icon color_border6"></span><span>' + LoadData1[i].è®¾å¤ç¶æ + '</span></p>';
			break;
			case "å¼æº":
			html1 += '<p><span>å½åç¶æï¼</span><span class="gj_icon color_border4"></span><span>' + LoadData1[i].è®¾å¤ç¶æ + '</span></p>';
			break;
			case "åæº":
			html1 += '<p><span>å½åç¶æï¼</span><span class="gj_icon color_border3"></span><span>' + LoadData1[i].è®¾å¤ç¶æ + '</span></p>';
			break;
			case "çäº§":
			html1 += '<p><span>å½åç¶æï¼</span><span class="gj_icon color_border2"></span><span>' + LoadData1[i].è®¾å¤ç¶æ + '</span></p>';
			break;
			case "ç»´ä¿®ä¸":
			html1 += '<p><span>å½åç¶æï¼</span><span class="gj_icon color_border5"></span><span>' + LoadData1[i].è®¾å¤ç¶æ + '</span></p>';
			break;
			case "æé":
			html1 += '<p><span>å½åç¶æï¼</span><span class="gj_icon color_border1"></span><span>' + LoadData1[i].è®¾å¤ç¶æ + '</span></p>';
			break;
			case "ç»´ä¿®å®æ":
			html1 += '<p><span>å½åç¶æï¼</span><span class="gj_icon color_border7"></span><span>' + LoadData1[i].è®¾å¤ç¶æ + '</span></p>';
			break;
			default:
			}
			}
			//if (LoadData2.length > 0) //å½åç¶ææ°æ®
			//{
			// for (var i = 0; i < LoadData2.length; i++) {
			// var html1 = '';
			// html1 += '<div class="layui-col-sm12 layui-col-md12">';
			// html1 += '<dl class="topright">;'
			// html1 += '<dt>';
			// html1 += '<img src="../layuiadmin/layui/images/device.png" onError="this.src="../layuiadmin/layui/images/erro.png";">'
			// html1 += '</dt>';
			// html1 += '<dd>';
			// html1 += '<h1><span>å½åè®¾å¤ï¼</span><span>' + LoadData2[i].HSourceName + '</span></h1>';
			// html1 += '<h1><span>å½åè®¢åï¼</span><span>' + LoadData2[i].HSourceBillNo + '</span></h1>';
			// html1 += '<h1><span>ç©æåç§°ï¼</span><span>' + LoadData2[i].HMaterName + '</span></h1>';
			// html1 += '<h1><span>è®¡åæ°éï¼</span><span>' + LoadData2[i].HPlanQty + '</span></h1>';
			// html1 += '<h1><span>å·²æ±æ¥æ°éï¼</span><span>' + LoadData2[i].HRelationQty + '</span></h1>';
			// if (LoadData2[i].HRelationQty == 0 \|\| LoadData2[i].HRelationQty == null) {
			// html1 += '<h1><span>è¿åº¦ï¼</span><span>0%</span></h1>';
			// }
			// else {
			// html1 += '<h1><span>è¿åº¦ï¼</span><span>' + ((LoadData2[i].HRelationQty / LoadData2[i].HPlanQty) * 100).toFixed(2) + '%</span></h1>';
			// }
			// html1 += '<h1><span>æ¬åè¿è¡æ¶é´ï¼</span><span>' + getSeconds(LoadData2[i].HSumTimes) + '</span></h1>';
			// html1 += '<h1><span>æ¬èµæºè¿è¡æ¶é´ï¼</span><span>' + getSeconds(LoadData2[i].HSourceWorkTime) + '</span></h1>';
			// html1 += '</dd>';
			// html1 += '</dl>';
			// html1 += '</div>';
			// $("#topright").append(html1);
			// }
			//}
			},
			error: function (err) {
			layer.alert(err.Message, { time: 1 * 2000, icon: 5 });
			return false;
			}
			});


			}



			// æ ç¶å¾æ¥è¯¢
			function get_Display_Tree() {
			var sWhere = " and HUSEORGID=" + sessionStorage["OrganizationID"];
			var ajaxLoad = layer.load();
			$.ajax({
			url: GetWEBURL() + '/Gy_Department/Gy_DepartmentTreeList',
			data: { "sWhere": sWhere },
			type: "GET",
			success: function (data1) {
			if (data1.count == 1) {
			layer.close(ajaxLoad);
			var data = JSON.parse(data1.data);
			MenuMain(data);
			} else {
			layer.close(ajaxLoad);
			layer.alert(data1.code + data1.Message, { icon: 5 });
			}
			}, error: function () {
			layer.close(ajaxLoad);
			layer.alert("æ¥å£è¯·æ±å¤±è´¥!", { icon: 5 });
			}
			});
			}

			//éåçæä¸»èå
			function MenuMain(data) {
			var liStr = '[';
			//éåçæä¸»èå
			for (var i = 0; i < data.length; i++) {
			// å¤ææ¯å¦åå¨åèå
			if (data[i].children != null && data[i].children.length > 0) {
			liStr += '{"title": "' + data[i].id + "-" + data[i].title + '", "id": "' + data[i].id + '","spread":true, "children":[ ';
			// éåè·ååèå
			for (var k = 0; k < data[i].children.length; k++) {
			liStr += getChildMenu(data[i].children[k], 0);
			}
			liStr = liStr.substring(0, liStr.length - 1);
			liStr += ']},';
			} else {
			liStr += '{"title": "' + data[i].id + "-" + data[i].title + '", "id": "' + data[i].id + '"},';
			}
			};
			liStr = liStr.substring(0, liStr.length - 1);
			liStr += "]";
			var treeTable = JSON.parse(liStr);
			tree.render({
			elem: '#TreeTable' //é»è®¤æ¯ç¹å»èç¹å¯è¿è¡æ¶ç¼©
			, data: treeTable
			, click: function (obj) {
			//é«äº®åè²
			$(".layui-tree-set").removeClass('layui-tree-set-active');
			obj.elem.addClass('layui-tree-set-active');

			var data = obj.data; //è·åå½åç¹å»çèç¹æ°æ®
			var HDeptID = 0;
			if (data.id == "0") {

			} else {
			HDeptID = data.id ;
			}
			Check(HDeptID);
			}
			});
			}

			// éå½çæåèå
			function getChildMenu(subMenu, num) {
			num++;
			var subStr = '';
			if (subMenu.children != null && subMenu.children.length > 0) {
			subStr += '{"title": "' + subMenu.id + "-" + subMenu.title + '", "id": "' + subMenu.id + '", "children":[';
			for (var j = 0; j < subMenu.children.length; j++) {
			subStr += getChildMenu(subMenu.children[j], num);
			if (j + 1 == subMenu.children.length) {
			subStr = subStr.substring(0, subStr.length - 1);
			html1 += '</dd>';
			html1 += '</dl>';
			html1 += '</div>';
			html1 += '</div>';
			$("#btomleft").append(html1);
			}
			}
			subStr += ']},';
			} else {
			subStr += '{"title": "' + subMenu.id + "-" + subMenu.title + '", "id": "' + subMenu.id + '"},';
			},
			error: function (err) {
			layer.alert(err.Message, { time: 1 * 2000, icon: 5 });
			return false;
			}
			return subStr;
			});
			}

			// æ ç¶å¾æ¥è¯¢
			function get_Display_Tree() {
			var sWhere = " and HWorkShopFlag =1 and HUSEORGID=" + sessionStorage["OrganizationID"];
			var ajaxLoad = layer.load();
			$.ajax({
			url: GetWEBURL() + '/Gy_Department/Gy_DepartmentTreeList',
			data: { "sWhere": sWhere },
			type: "GET",
			success: function (data1) {
			if (data1.count == 1) {
			layer.close(ajaxLoad);
			var data = JSON.parse(data1.data);
			MenuMain(data);
			} else {
			layer.close(ajaxLoad);
			layer.alert(data1.code + data1.Message, { icon: 5 });
			}
			}, error: function () {
			layer.close(ajaxLoad);
			layer.alert("æ¥å£è¯·æ±å¤±è´¥!", { icon: 5 });
			}
			});
			}

			//éåçæä¸»èå
			function MenuMain(data) {
			var liStr = '[';
			//éåçæä¸»èå
			for (var i = 0; i < data.length; i++) {
			// å¤ææ¯å¦åå¨åèå
			if (data[i].children != null && data[i].children.length > 0) {
			liStr += '{"title": "' + data[i].id + "-" + data[i].title + '", "id": "' + data[i].id + '","spread":true, "children":[ ';
			// éåè·ååèå
			for (var k = 0; k < data[i].children.length; k++) {
			liStr += getChildMenu(data[i].children[k], 0);
			}
			liStr = liStr.substring(0, liStr.length - 1);
			liStr += ']},';
			} else {
			liStr += '{"title": "' + data[i].id + "-" + data[i].title + '", "id": "' + data[i].id + '"},';
			}
			};
			liStr = liStr.substring(0, liStr.length - 1);
			liStr += "]";
			var treeTable = JSON.parse(liStr);
			tree.render({
			elem: '#TreeTable' //é»è®¤æ¯ç¹å»èç¹å¯è¿è¡æ¶ç¼©
			, data: treeTable
			, click: function (obj) {
			//é«äº®åè²
			$(".layui-tree-set").removeClass('layui-tree-set-active');
			obj.elem.addClass('layui-tree-set-active');

			var data = obj.data; //è·åå½åç¹å»çèç¹æ°æ®
			HDeptID = 0;
			if (data.id == "0") {

			} else {
			HDeptID = data.id;
			}
			Check(HDeptID);
			}
			});
			}

			// éå½çæåèå
			function getChildMenu(subMenu, num) {
			num++;
			var subStr = '';
			if (subMenu.children != null && subMenu.children.length > 0) {
			subStr += '{"title": "' + subMenu.id + "-" + subMenu.title + '", "id": "' + subMenu.id + '", "children":[';
			for (var j = 0; j < subMenu.children.length; j++) {
			subStr += getChildMenu(subMenu.children[j], num);
			if (j + 1 == subMenu.children.length) {
			subStr = subStr.substring(0, subStr.length - 1);
			}
			}
			subStr += ']},';
			} else {
			subStr += '{"title": "' + subMenu.id + "-" + subMenu.title + '", "id": "' + subMenu.id + '"},';
			}
			return subStr;
			}


			//æ±ç¶å¾1
			function get_Histogram1(mychart1) {

			//çäº§è´è·
			var optionData = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0];

			//$.ajax({
			// url: GetWEBURL() + "/loaddata/KB_scfh",
			// dataType: "JSON",
			// async: false,//ä½¿ç¨åæ¥çæ¹å¼,trueä¸ºå¼æ¥æ¹å¼
			// type: "Get",
			// data: { "LineCode": "1" },
			// success: function (res) {

			// for (var i = 0; i < res.data[0].length; i++) {
			// if (res.data[0][i].HProcID == 191) {//ç¼¸å
			// optionData[0] = (res.data[0][i].HQty / 1000).toFixed(0);
			// } else if (res.data[0][i].HProcID == 193) {//çå¹²å®å
			// optionData[1] = (res.data[0][i].HQty / 1000).toFixed(0);
			// }
			// else if (res.data[0][i].HProcID == 194) {//ä¸æµå®å
			// optionData[2] = (res.data[0][i].HQty / 1000).toFixed(0);
			// }
			// else if (res.data[0][i].HProcID == 198) {//è²å¯ç«å
			// optionData[3] = (res.data[0][i].HQty / 1000).toFixed(0);
			// }
			// else if (res.data[0][i].HProcID == 204) {//é¢ç«åª
			// optionData[4] = (res.data[0][i].HQty / 1000).toFixed(0);
			// }
			// else if (res.data[0][i].HProcID == 197) {//è¡¥å·
			// optionData[5] = (res.data[0][i].HQty / 1000).toFixed(0);
			// }
			// else if (res.data[0][i].HProcID == 201) {//å°æ¯å°
			// optionData[6] = (res.data[0][i].HQty / 1000).toFixed(0);
			// }
			// else if (res.data[0][i].HProcID == 200) {//æå¹å®å
			// optionData[7] = (res.data[0][i].HQty / 1000).toFixed(0);
			// }
			// else if (res.data[0][i].HProcID == 206) {//ççº¿ç«
			// optionData[8] = (res.data[0][i].HQty / 1000).toFixed(0);
			// }
			// else if (res.data[0][i].HProcID == 205) {//é¿çº¿ç«
			// optionData[9] = (res.data[0][i].HQty / 1000).toFixed(0);
			// }
			// }
			// }
			//})

			var option = {
			xAxis: {
			type: 'category',
			data: ['ç¼¸æ', 'çå¹²å®å', 'ä¸æµå®å', 'è²å¯ç«å', 'é¢ç«åª', 'è¡¥å·', 'å°æ¯å°', 'æå¹å®å', 'ççº¿ç«', 'é¿çº¿ç«']
			},
			yAxis: {
			type: 'value'
			},
			axisLabel: {
			show: true,
			interval: 0,
			color: '#15b1fa',
			formatter: function (value) {
			var ret = "";//æ¼æ¥å \nè¿åçç±»ç®é¡¹
			var maxLength = 1;//æ¯é¡¹æ¾ç¤ºæåä¸ªæ°
			var valLength = value.length;//Xè½´ç±»ç®é¡¹çæåä¸ªæ°
			var rowN = Math.ceil(valLength / maxLength); //ç±»ç®é¡¹éè¦æ¢è¡çè¡æ°
			if (rowN > 1)//å¦æç±»ç®é¡¹çæåå¤§äº3,
			{
			for (var i = 0; i < rowN; i++) {
			var temp = "";//æ¯æ¬¡æªåçåç¬¦ä¸²
			var start = i * maxLength;//å¼å§æªåçä½ç½®
			var end = start + maxLength;//ç»ææªåçä½ç½®
			//è¿éä¹å¯ä»¥å ä¸ä¸ªæ¯å¦æ¯æåä¸è¡çå¤æï¼ä½æ¯ä¸å ä¹æ²¡æå½±åï¼é£å°±ä¸å å§
			temp = value.substring(start, end) + "\n";
			ret += temp; //ååæç»çåç¬¦ä¸²
			}
			return ret;
			}
			else {
			return value;
			}
			}
			},
			series: [
			{
			//data: optionData,
			data: [23,14,45,56,12,35,64,34,62,75],
			type: 'bar',
			label: {
			normal: {
			show: true,
			position: 'top',
			formatter: function (params) {
			return echarts.format.addCommas(params.value);
			}
			}
			}
			, itemStyle: {
			// è®¾ç½®æ±å½¢çé¢è²
			normal: {
			color: '#15b1fa',
			label: {
			show: true // å¨æçº¿æç¹ä¸æ¾ç¤ºæ°æ®
			}
			},
			}
			}
			]
			};
			mychart1.setOption(option);
			}

			//æçº¿å¾
			function get_LineChart(mychart2) {

			//çäº§æç
			//var res = PubRes;
			var optionData = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0];
			//for (var i = 0; i < res.data[0].length; i++) {
			// if (res.data[0][i].HProcID == 191) {//ç¼¸å
			// optionData[0] = (res.data[0][i].OutHQty / 1000).toFixed(0);
			// } else if (res.data[0][i].HProcID == 193) {//çå¹²å®å
			// optionData[1] = (res.data[0][i].OutHQty / 1000).toFixed(0);
			// }
			// else if (res.data[0][i].HProcID == 194) {//ä¸æµå®å
			// optionData[2] = (res.data[0][i].OutHQty / 1000).toFixed(0);
			// }
			// else if (res.data[0][i].HProcID == 198) {//è²å¯ç«å
			// optionData[3] = (res.data[0][i].OutHQty / 1000).toFixed(0);
			// }
			// else if (res.data[0][i].HProcID == 204) {//é¢ç«åª
			// optionData[4] = (res.data[0][i].OutHQty / 1000).toFixed(0);
			// }
			// else if (res.data[0][i].HProcID == 197) {//è¡¥å·
			// optionData[5] = (res.data[0][i].OutHQty / 1000).toFixed(0);
			// }
			// else if (res.data[0][i].HProcID == 201) {//å°æ¯å°
			// optionData[6] = (res.data[0][i].OutHQty / 1000).toFixed(0);
			// }
			// else if (res.data[0][i].HProcID == 200) {//æå¹å®å
			// optionData[7] = (res.data[0][i].OutHQty / 1000).toFixed(0);
			// }
			// else if (res.data[0][i].HProcID == 206) {//ççº¿ç«
			// optionData[8] = (res.data[0][i].OutHQty / 1000).toFixed(0);
			// }
			// else if (res.data[0][i].HProcID == 205) {//é¿çº¿ç«
			// optionData[9] = (res.data[0][i].OutHQty / 1000).toFixed(0);
			// }
			//}
			////æåå¥åº
			//optionData[10] = (res.data[1][0].HQty / 1000).toFixed(0);

			var option = {
			xAxis: {
			type: 'category',
			boundaryGap: false,
			data: ['ç¼¸æ', 'çå¹²å®å', 'ä¸æµå®å', 'è²å¯ç«å', 'é¢ç«åª', 'è¡¥å·', 'å°æ¯å°', 'æå¹å®å', 'ççº¿ç«', 'é¿çº¿ç«', 'æåå¥åº']
			},
			yAxis: {
			type: 'value'
			},
			legend: {
			orient: 'vertical',
			data: ['12', '43'],//è®¾ç½®çº¿æ¡çåå
			right: 0,
			top: 15,
			textStyle: {
			color: '#15b1fa' //è®¾ç½®åä½é¢è²
			}
			},
			axisLabel: {
			show: true,
			interval: 0,
			color: '#15b1fa',
			formatter: function (value) {
			var ret = "";//æ¼æ¥å \nè¿åçç±»ç®é¡¹
			var maxLength = 1;//æ¯é¡¹æ¾ç¤ºæåä¸ªæ°
			var valLength = value.length;//Xè½´ç±»ç®é¡¹çæåä¸ªæ°
			var rowN = Math.ceil(valLength / maxLength); //ç±»ç®é¡¹éè¦æ¢è¡çè¡æ°
			if (rowN > 1)//å¦æç±»ç®é¡¹çæåå¤§äº3,
			{
			for (var i = 0; i < rowN; i++) {
			var temp = "";//æ¯æ¬¡æªåçåç¬¦ä¸²
			var start = i * maxLength;//å¼å§æªåçä½ç½®
			var end = start + maxLength;//ç»ææªåçä½ç½®
			//è¿éä¹å¯ä»¥å ä¸ä¸ªæ¯å¦æ¯æåä¸è¡çå¤æï¼ä½æ¯ä¸å ä¹æ²¡æå½±åï¼é£å°±ä¸å å§
			temp = value.substring(start, end) + "\n";
			ret += temp; //ååæç»çåç¬¦ä¸²
			}
			return ret;
			}
			else {
			return value;
			}
			}
			},
			series: [
			{
			name: '12',//ä¸legendå¯¹åº
			//data: optionData,
			data: [23,43,56,45,67,46,35,46,23,34,35],
			type: 'line',
			label: {
			normal: {
			show: true,
			position: 'top',
			formatter: function (params) {
			return echarts.format.addCommas(params.value);
			}
			}
			},
			smooth: true,//smoothå±æ§é»è®¤æ¯false falseå°±æ¯ç´çº¿ trueå°±æ¯æ²çº¿
			lineStyle: {
			color: '#15b1fa'
			}
			, itemStyle: {
			// è®¾ç½®çº¿æ¡ä¸ç¹çé¢è²ï¼åå¾ä¾çé¢è²ï¼
			normal: {
			color: '#15b1fa',
			label: {
			show: true // å¨æçº¿æç¹ä¸æ¾ç¤ºæ°æ®
			}
			},
			}, areaStyle: {}
			},
			{
			name: '43',
			data: [10, 10, 10, 10, 10, 10, 10, 10],
			type: 'line',
			smooth: true,//smoothå±æ§é»è®¤æ¯false falseå°±æ¯ç´çº¿ trueå°±æ¯æ²çº¿
			lineStyle: {
			color: '#90f083'
			}
			, itemStyle: {
			// è®¾ç½®çº¿æ¡ä¸ç¹çé¢è²ï¼åå¾ä¾çé¢è²ï¼
			normal: {
			color: '#90f083',
			label: {
			show: true // å¨æçº¿æç¹ä¸æ¾ç¤ºæ°æ®
			}
			},
			}, areaStyle: {}
			}
			]
			};


			mychart2.setOption(option);
			}

			//é¥¼å¾
			function get_Statistics(mychart3) {

			const colorList = ['#5470c6', '#91cc75', '#fac858', '#ee6666'];
			var option = {
			title: [
			{
			text: 'å¼æºç',
			//subtext: NetQtys + '%',
			subtext: 45 + '%',
			textStyle: {
			fontSize: 16,
			color: '#999',
			lineHeight: 20
			},
			subtextStyle: {
			fontSize: 28,
			color: '#00c6ff'
			},
			textAlign: 'center',
			left: '50%',
			top: '78%'
			},
			{
			show: true,
			text: 'ç¶æå¯¹æ¯åæ',
			textStyle: {
			color: '#00c6ff',
			fontSize: '16',
			},
			textAlign: 'center',
			left: '50%',
			top: '0%'
			}
			],
			tooltip: {
			trigger: 'item',
			},
			legend: {
			type: 'scroll',
			icon: 'pin',
			top: '15%',
			left: 'center',
			textStyle: {
			color: '#09d1ea'
			}
			},
			color: colorList,
			series: [
			{
			name: 'å æ¯',
			type: 'pie',
			radius: '50%',
			center: ['50%', '50%'],
			avoidLabelOverlap: false,
			label: {
			show: false
			},
			labelLine: {
			show: false
			},
			data: [
			{ name: 'å¼æº', value: 14 },
			{ name: 'å¼å·¥', value: 16 },
			{ name: 'å¾æº', value: 23 },
			{ name: 'ç»´ä¿®ä¸', value: 43 }
			],
			}
			]
			};

			mychart3.setOption(option);
			}

			//æ±ç¶å¾4
			function get_Histogram4(mychart1) {

			//çäº§è´è·
			var optionData = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0];

			//$.ajax({
			// url: GetWEBURL() + "/loaddata/KB_scfh",
			// dataType: "JSON",
			// async: false,//ä½¿ç¨åæ¥çæ¹å¼,trueä¸ºå¼æ¥æ¹å¼
			// type: "Get",
			// data: { "LineCode": "1" },
			// success: function (res) {

			// for (var i = 0; i < res.data[0].length; i++) {
			// if (res.data[0][i].HProcID == 191) {//ç¼¸å
			// optionData[0] = (res.data[0][i].HQty / 1000).toFixed(0);
			// } else if (res.data[0][i].HProcID == 193) {//çå¹²å®å
			// optionData[1] = (res.data[0][i].HQty / 1000).toFixed(0);
			// }
			// else if (res.data[0][i].HProcID == 194) {//ä¸æµå®å
			// optionData[2] = (res.data[0][i].HQty / 1000).toFixed(0);
			// }
			// else if (res.data[0][i].HProcID == 198) {//è²å¯ç«å
			// optionData[3] = (res.data[0][i].HQty / 1000).toFixed(0);
			// }
			// else if (res.data[0][i].HProcID == 204) {//é¢ç«åª
			// optionData[4] = (res.data[0][i].HQty / 1000).toFixed(0);
			// }
			// else if (res.data[0][i].HProcID == 197) {//è¡¥å·
			// optionData[5] = (res.data[0][i].HQty / 1000).toFixed(0);
			// }
			// else if (res.data[0][i].HProcID == 201) {//å°æ¯å°
			// optionData[6] = (res.data[0][i].HQty / 1000).toFixed(0);
			// }
			// else if (res.data[0][i].HProcID == 200) {//æå¹å®å
			// optionData[7] = (res.data[0][i].HQty / 1000).toFixed(0);
			// }
			// else if (res.data[0][i].HProcID == 206) {//ççº¿ç«
			// optionData[8] = (res.data[0][i].HQty / 1000).toFixed(0);
			// }
			// else if (res.data[0][i].HProcID == 205) {//é¿çº¿ç«
			// optionData[9] = (res.data[0][i].HQty / 1000).toFixed(0);
			// }
			// }
			// }
			//})

			var option = {
			xAxis: {
			type: 'category',
			data: ['ç¼¸æ', 'çå¹²å®å', 'ä¸æµå®å', 'è²å¯ç«å', 'é¢ç«åª', 'è¡¥å·', 'å°æ¯å°', 'æå¹å®å', 'ççº¿ç«', 'é¿çº¿ç«']
			},
			yAxis: {
			type: 'value'
			},
			axisLabel: {
			show: true,
			interval: 0,
			color: '#15b1fa',
			formatter: function (value) {
			var ret = "";//æ¼æ¥å \nè¿åçç±»ç®é¡¹
			var maxLength = 1;//æ¯é¡¹æ¾ç¤ºæåä¸ªæ°
			var valLength = value.length;//Xè½´ç±»ç®é¡¹çæåä¸ªæ°
			var rowN = Math.ceil(valLength / maxLength); //ç±»ç®é¡¹éè¦æ¢è¡çè¡æ°
			if (rowN > 1)//å¦æç±»ç®é¡¹çæåå¤§äº3,
			{
			for (var i = 0; i < rowN; i++) {
			var temp = "";//æ¯æ¬¡æªåçåç¬¦ä¸²
			var start = i * maxLength;//å¼å§æªåçä½ç½®
			var end = start + maxLength;//ç»ææªåçä½ç½®
			//è¿éä¹å¯ä»¥å ä¸ä¸ªæ¯å¦æ¯æåä¸è¡çå¤æï¼ä½æ¯ä¸å ä¹æ²¡æå½±åï¼é£å°±ä¸å å§
			temp = value.substring(start, end) + "\n";
			ret += temp; //ååæç»çåç¬¦ä¸²
			}
			return ret;
			}
			else {
			return value;
			}
			}
			},
			series: [
			{
			//data: optionData,
			data: [23, 14, 45, 56, 12, 35, 64, 34, 62, 75],
			type: 'bar',
			label: {
			normal: {
			show: true,
			position: 'top',
			formatter: function (params) {
			return echarts.format.addCommas(params.value);
			}
			}
			}
			, itemStyle: {
			// è®¾ç½®æ±å½¢çé¢è²
			normal: {
			color: '#15b1fa',
			label: {
			show: true // å¨æçº¿æç¹ä¸æ¾ç¤ºæ°æ®
			}
			},
			}
			}
			]
			};
			mychart1.setOption(option);
			}

			});
			//#endregion
			});
			//#endregion

			//å·¥ååè¡¨éä¸
			function CheckBtom(obj, i) {
			//var partid = $(obj).parent().attr("id"); //è·åç¶çº§id
			workcode = $("#wk" + i + "").html(); //éè¿æ ·å¼IDè·åhtmlåå®¹(å·¥åå·)
			HBillType = $("#ty" + i + "").html(); //éè¿æ ·å¼IDè·åhtmlåå®¹(åæ®ç±»å)
			HSourceInterID = $("#sm" + i + "").html(); //éè¿æ ·å¼IDè·åhtmlåå®¹(æºåä¸»åç )
			HSourceEntryID = $("#sb" + i + "").html(); //éè¿æ ·å¼IDè·åhtmlåå®¹(æºåååå)
			HSourceBillNo = $("#sw" + i + "").html(); //éè¿æ ·å¼IDè·åhtmlåå®¹(æºååå·)
			HSourceBillType = $("#st" + i + "").html(); //éè¿æ ·å¼IDè·åhtmlåå®¹(æºåç±»å)
			workcode = $("#gd" + i + "").html(); //éè¿æ ·å¼IDè·åhtmlåå®¹(å·¥åå·)
			HICMOInterID = $("#df" + i + "").html(); //çäº§è®¢åä¸»åç
			HICMOEntryID = $("#ds" + i + "").html(); //çäº§è®¢åååç
			HMaterName = $("#ptn" + i + "").html(); //äº§ååç§°
			HEquipID = $("#sb" + i + "").html(); //è®¾å¤id
			HEquipNumber = $("#sbbm" + i + "").html(); //è®¾å¤ç¼ç
			HEquipName = $("#sbmc" + i + "").html(); //è®¾å¤åç§°
			HSourceID = $("#cs" + i + "").html(); //äº§çº¿id

			$('.cns').removeClass('check1'); //å é¤ä¸åç¶çº§clssæ ·å¼ç¸åçææåç´
			$("#bs" + i + "").addClass('check1'); // æ·»å å½ååç´ çæ ·å¼
			if (workcode != "" && workcode != null) {
			if (HEquipID != "" && HEquipID != null) {
			wktag = 1;
			}
			sWhere = {
			HDeptID: HDeptID
			, HSourceID: HSourceID
			}
			FourReport(JSON.stringify(sWhere));
			}

			//æ¥è¯¢ é¨é¨+äº§çº¿ 4ä¸ªå¾è¡¨ èµå¼
			function FourReport(sWhere) {
			$.ajax({
			url: GetWEBURL() + '/Sc_HEquipStateDistribution/Get_EquipStateDistribution_FourReport',
			type: "GET",
			data: { "sWhere": sWhere, "user": sessionStorage["HUserName"], "OrganizationID": sessionStorage["OrganizationID"] },
			dataType: "json",//æ°æ®ç±»åå¯ä»¥ä¸º text xml json script jsonp
			success: function (data) {
			var chartData = data.data.h_p_Sc_FourStateDistributionReport;
			var chartData1 = data.data.h_p_Sc_FourStateDistributionReport1;
			var chartData2 = data.data.h_p_Sc_FourStateDistributionReport2;
			var chartData3 = data.data.h_p_Sc_FourStateDistributionReport3;
			var mychart11 = echarts.init(document.getElementById('mychart11'));
			var mychart22 = echarts.init(document.getElementById('mychart22'));
			var mychart3 = echarts.init(document.getElementById('mychart3'));
			var mychart4 = echarts.init(document.getElementById('mychart4'));

			get_Histogram1(mychart11, chartData);
			get_LineChart(mychart22, chartData1);
			get_Statistics(mychart3, chartData2);
			get_Histogram4(mychart4, chartData3);

			},
			error: function (err) {
			layer.alert(err.Message, { time: 1 * 2000, icon: 5 });
			return false;
			}
			});
			}

			//æ±ç¶å¾
			function get_Histogram1(mychart11, chartData) {
			// é»è®¤çoptionç»æ
			var option = {
			title: {
			text: 'è¿ä¸å¤©äº§è½', // é»è®¤æ é¢ä¸ºç©º
			left: 'center',
			top: '10%', // è°æ´æ é¢ä½ç½®ï¼æ¾å°æä¸é¢
			textStyle: {
			fontSize: 18,
			color: '#ff0000'
			}
			},
			grid: {
			top: '25%', // è°æ´gridçtopå¼ï¼ç»æ é¢çåºç©ºé´
			bottom: '20%',
			left: '10%',
			right: '10%'
			},
			xAxis: {
			type: 'category',
			data: [] // é»è®¤xè½´æ°æ®ä¸ºç©º
			},
			yAxis: {
			type: 'value'
			},
			series: [
			{
			data: [], // é»è®¤seriesæ°æ®ä¸ºç©º
			type: 'bar'
			}
			]
			};

			// å¦æææ°æ®ï¼æ´æ°optionçåå®¹
			if (chartData && chartData.length > 0) {
			option.title.text = 'è¿ä¸å¤©äº§è½'; // æ£å¸¸æ°æ®æ¶æ²¡ææ é¢
			option.xAxis.data = chartData.map(item => item.æ¥æ); // è®¾ç½®xè½´æ°æ®
			option.series[0].data = chartData.map(item => item['çäº§æ»æ°']); // è®¾ç½®yè½´æ°æ®

			option.series[0].label = {
			normal: {
			show: true,
			position: 'top',
			formatter: function (params) {
			return echarts.format.addCommas(params.value);
			}
			}
			};

			option.series[0].itemStyle = {
			normal: {
			color: '#15b1fa',
			label: {
			show: true // å¨æ±ç¶å¾ä¸æ¾ç¤ºæ°æ®
			}
			}
			};
			} else {
			// æ²¡ææ°æ®æ¶ï¼æ¾ç¤º"ææ æ°æ®"æç¤º
			option.title.text = 'ææ æ°æ®';
			}

			// æ´æ°å¾è¡¨
			mychart11.setOption(option);
			}

			//æ±ç¶å¾2
			function get_LineChart(mychart22, chartData1) {
			// é»è®¤çoptionç»æ
			var option = {
			title: {
			text: 'ç»´ä¿®', // é»è®¤æ é¢ä¸ºç©º
			left: 'center',
			top: '10%', // è°æ´æ é¢ä½ç½®ï¼æ¾å°æä¸é¢
			textStyle: {
			fontSize: 18,
			color: '#ff0000'
			}
			},
			axisLabel: {
			show: true,
			interval: 0,
			color: '#15b1fa',
			formatter: function (value) {
			var ret = "";//æ¼æ¥å \nè¿åçç±»ç®é¡¹
			var maxLength = 1;//æ¯é¡¹æ¾ç¤ºæåä¸ªæ°
			var valLength = value.length;//Xè½´ç±»ç®é¡¹çæåä¸ªæ°
			var rowN = Math.ceil(valLength / maxLength); //ç±»ç®é¡¹éè¦æ¢è¡çè¡æ°
			if (rowN > 1)//å¦æç±»ç®é¡¹çæåå¤§äº3,
			{
			for (var i = 0; i < rowN; i++) {
			var temp = "";//æ¯æ¬¡æªåçåç¬¦ä¸²
			var start = i * maxLength;//å¼å§æªåçä½ç½®
			var end = start + maxLength;//ç»ææªåçä½ç½®
			//è¿éä¹å¯ä»¥å ä¸ä¸ªæ¯å¦æ¯æåä¸è¡çå¤æï¼ä½æ¯ä¸å ä¹æ²¡æå½±åï¼é£å°±ä¸å å§
			temp = value.substring(start, end) + "\n";
			ret += temp; //ååæç»çåç¬¦ä¸²
			}
			return ret;
			}
			else {
			return value;
			}
			}
			},
			grid: {
			top: '25%', // è°æ´gridçtopå¼ï¼ç»æ é¢çåºç©ºé´
			bottom: '20%',
			left: '10%',
			right: '10%'
			},
			xAxis: {
			type: 'category',
			data: [] // é»è®¤xè½´æ°æ®ä¸ºç©º
			},
			yAxis: {
			type: 'value'
			},
			series: [
			{
			data: [], // é»è®¤seriesæ°æ®ä¸ºç©º
			type: 'bar'
			}
			]
			};



			// å¦æææ°æ®ï¼æ´æ°optionçåå®¹
			if (chartData1 && chartData1.length > 0) {
			option.title.text = 'ä¸è¯åå '; // æ£å¸¸æ°æ®æ¶æ²¡ææ é¢
			option.xAxis.data = chartData1.map(item => item.ä¸è¯åå ); // è®¾ç½®xè½´æ°æ®
			option.series[0].data = chartData1.map(item => item['æ°é']); // è®¾ç½®yè½´æ°æ®

			option.series[0].label = {
			normal: {
			show: true,
			position: 'top',
			formatter: function (params) {
			return echarts.format.addCommas(params.value);
			}
			}
			};

			option.series[0].itemStyle = {
			normal: {
			color: '#15b1fa',
			label: {
			show: true // å¨æ±ç¶å¾ä¸æ¾ç¤ºæ°æ®
			}
			}
			};
			} else {
			// æ²¡ææ°æ®æ¶ï¼æ¾ç¤º"ææ æ°æ®"æç¤º
			option.title.text = 'ææ æ°æ®';
			}

			// æ´æ°å¾è¡¨
			mychart22.setOption(option);
			}

			//é¥¼å¾
			function get_Statistics(mychart3, chartData2) {
			// å¦æ chartData2 ä¸ºç©ºï¼æä¾ä¸ä¸ªâæ æ°æ®âæç¤º
			if (chartData2.length === 0) {
			mychart3.setOption({
			title: {
			text: 'ææ æ°æ®',
			left: 'center',
			top: '10%',
			textStyle: {
			color: 'red', // è®¾ç½®æ é¢é¢è²ä¸ºçº¢è²
			fontSize: 18,
			fontWeight: 'bold'
			}
			},
			series: [], // æ¸ç©ºæ°æ®
			graphic: [] // æ¸ç©ºå¾å½¢ä¸çææ¬
			});
			return;
			}

			// ç¶æé¢è²æ å°
			const statusColorMap = {
			'å¼æº': '#28a745', // ç»¿è²
			'æé': '#ff63a5', // æ¡çº¢è²
			'åæº': '#f0ad4e', // é»è²
			'æªç¥': '#6c757d' // ç°è²
			};

			// è®¡ç®å¼æºç
			const totalDevices = chartData2.reduce((sum, item) => sum + item.æ°é, 0);
			const onlineDevices = chartData2.find(item => item.ç¶æ === 'å¼æº')?.æ°é \|\| 0;
			const onlineRate = totalDevices === 0 ? 0 : (onlineDevices / totalDevices * 100).toFixed(2);

			// å¨æçæé¥¼å¾æ°æ®ï¼å¹¶æ ¹æ®ç¶æè®¾ç½®é¢è²
			var data = chartData2.map(function (item) {
			// è·åå½åç¶æçé¢è²ï¼é»è®¤ä¸ºç°è²
			var color = statusColorMap[item.ç¶æ] \|\| statusColorMap['æªç¥'];

			return {
			value: item.æ°é,
			name: item.ç¶æ,
			itemStyle: {
			color: color // ä¸ºæ¯ä¸ªç¶æè®¾ç½®å¯¹åºçé¢è²
			}
			};
			});

			// å¾è¡¨çéç½®é¡¹
			var option = {
			title: {
			text: 'è®¾å¤ç¶æåæå¯¹æ¯',
			left: 'center',
			top: '10%', // å°æ é¢æ¾ç½®å°é¡¶é¨
			textStyle: {
			color: 'red', // è®¾ç½®æ é¢åä½é¢è²ä¸ºçº¢è²
			fontSize: 18,
			fontWeight: 'bold'
			}
			},
			tooltip: {
			trigger: 'item'
			},
			legend: {
			orient: 'vertical',
			left: 'left'
			},
			series: [
			{
			name: 'è®¾å¤ç¶æ',
			type: 'pie',
			radius: '50%',
			data: data, // ä½¿ç¨å¨æçæçæ°æ®
			emphasis: {
			itemStyle: {
			shadowBlur: 10,
			shadowOffsetX: 0,
			shadowColor: 'rgba(0, 0, 0, 0.5)'
			}
			}
			}
			],
			graphic: [{
			type: 'text',
			left: 'center',
			top: '85%', // è°æ´ææ¬ä½ç½®ï¼è®©å¶ç¨å¾®æ´å¾ä¸
			style: {
			text: `å¼æºç: ${onlineRate}%`, // æ¾ç¤ºå¼æºç
			font: '16px Arial',
			fill: '#00aaff' // ä½¿ç¨æµèè²æ¾ç¤ºå¼æºç
			}
			}]
			};

			// è®¾ç½®å¾è¡¨çéç½®é¡¹
			mychart3.setOption(option);
			}

			//æ±ç¶å¾4
			function get_Histogram4(mychart4, chartData3) {
			// é»è®¤çoptionç»æ
			var option = {
			title: {
			text: 'ç»´ä¿®', // é»è®¤æ é¢ä¸ºç©º
			left: 'center',
			top: '10%', // è°æ´æ é¢ä½ç½®ï¼æ¾å°æä¸é¢
			textStyle: {
			fontSize: 18,
			color: '#ff0000'
			}
			},
			axisLabel: {
			show: true,
			interval: 0,
			color: '#15b1fa',
			formatter: function (value) {
			var ret = "";//æ¼æ¥å \nè¿åçç±»ç®é¡¹
			var maxLength = 1;//æ¯é¡¹æ¾ç¤ºæåä¸ªæ°
			var valLength = value.length;//Xè½´ç±»ç®é¡¹çæåä¸ªæ°
			var rowN = Math.ceil(valLength / maxLength); //ç±»ç®é¡¹éè¦æ¢è¡çè¡æ°
			if (rowN > 1)//å¦æç±»ç®é¡¹çæåå¤§äº3,
			{
			for (var i = 0; i < rowN; i++) {
			var temp = "";//æ¯æ¬¡æªåçåç¬¦ä¸²
			var start = i * maxLength;//å¼å§æªåçä½ç½®
			var end = start + maxLength;//ç»ææªåçä½ç½®
			//è¿éä¹å¯ä»¥å ä¸ä¸ªæ¯å¦æ¯æåä¸è¡çå¤æï¼ä½æ¯ä¸å ä¹æ²¡æå½±åï¼é£å°±ä¸å å§
			temp = value.substring(start, end) + "\n";
			ret += temp; //ååæç»çåç¬¦ä¸²
			}
			return ret;
			}
			else {
			return value;
			}
			}
			},
			grid: {
			top: '25%', // è°æ´gridçtopå¼ï¼ç»æ é¢çåºç©ºé´
			bottom: '20%',
			left: '10%',
			right: '10%'
			},
			xAxis: {
			type: 'category',
			data: [] // é»è®¤xè½´æ°æ®ä¸ºç©º
			},
			yAxis: {
			type: 'value'
			},
			series: [
			{
			data: [], // é»è®¤seriesæ°æ®ä¸ºç©º
			type: 'bar'
			}
			]
			};

			// å¦æææ°æ®ï¼æ´æ°optionçåå®¹
			if (chartData3 && chartData3.length > 0) {
			option.title.text = 'ç»´ä¿®'; // æ£å¸¸æ°æ®æ¶æ²¡ææ é¢
			option.xAxis.data = chartData3.map(item => item.ç»´ä¿®é¡¹ç®); // è®¾ç½®xè½´æ°æ®
			option.series[0].data = chartData3.map(item => item['ç»´ä¿®æ¬¡æ°']); // è®¾ç½®yè½´æ°æ®

			option.series[0].label = {
			normal: {
			show: true,
			position: 'top',
			formatter: function (params) {
			return echarts.format.addCommas(params.value);
			}
			}
			};

			option.series[0].itemStyle = {
			normal: {
			color: '#15b1fa',
			label: {
			show: true // å¨æ±ç¶å¾ä¸æ¾ç¤ºæ°æ®
			}
			}
			};
			} else {
			// æ²¡ææ°æ®æ¶ï¼æ¾ç¤º"ææ æ°æ®"æç¤º
			option.title.text = 'ææ æ°æ®';
			}

			// æ´æ°å¾è¡¨
			mychart4.setOption(option);
			}



			//#region æä½å°æé®ç¹å»äºä»¶

			//å¼æºæé®ç¹å»äºä»¶
			function PowerOn(event, obj) {
			if (wktag == 0) {
			layer.alert("è¯·éæ©å¯¹åºè®¾å¤", { icon: 5 });
			return false;
			}
			layer.open({
			type: 2,
			skin: 'layui-layer-rim', //å ä¸è¾¹æ¡
			title: 'æ°å¢å¼æºå',
			closeBtn: 1,
			shift: 2,
			area: ['100%', '100%'],
			maxmin: true,
			content: '../../è®¾å¤ç®¡ç/è®¾å¤å¼æºå/Sb_EquipBeginBill.html?OperationType=1&linterid=0&HSouceBillType=',
			end: function () {

			},
			success: function (dom, index) {
			var data = [];
			data.push({
			"HEquipID": HEquipID
			});

			//éè¿ç´¢å¼è·åå°å½åiframeå¼¹åºå±
			var iframe = window['layui-layer-iframe' + index];
			//è°ç¨iframeå¼¹åºå±åçæ¹æ³
			iframe.edit(data);
			},
			});
			}

			//åæºæé®ç¹å»äºä»¶
			function PowerOff(event, obj) {
			if (wktag == 0) {
			layer.alert("è¯·éæ©å¯¹åºè®¾å¤", { icon: 5 });
			return false;
			}
			layer.open({
			type: 2,
			skin: 'layui-layer-rim', //å ä¸è¾¹æ¡
			title: 'æ°å¢åæºå',
			closeBtn: 1,
			shift: 2,
			area: ['100%', '100%'],
			maxmin: true,
			content: '../../è®¾å¤ç®¡ç/è®¾å¤åæºå/Sb_EquipStopBill.html?OperationType=1&linterid=0&HSouceBillType=',
			end: function () {

			},
			success: function (dom, index) {
			var data = [];
			data.push({
			"HEquipID": HEquipID
			});

			//éè¿ç´¢å¼è·åå°å½åiframeå¼¹åºå±
			var iframe = window['layui-layer-iframe' + index];
			//è°ç¨iframeå¼¹åºå±åçæ¹æ³
			iframe.edit(data);
			},
			});
			}

			//ç¹æ£è®°å½æé®ç¹å»äºä»¶
			function DotCheck(event, obj) {
			if (wktag == 0) {
			layer.alert("è¯·éæ©å¯¹åºè®¾å¤", { icon: 5 });
			return false;
			}
			layer.open({
			type: 2,
			skin: 'layui-layer-rim', //å ä¸è¾¹æ¡
			title: 'æ¥çè®¾å¤æç¹æ£è®°å½',
			closeBtn: 1,
			shift: 2,
			area: ['100%', '100%'],
			maxmin: true,
			content: '../../è½¦é´ç®¡ç/å¯å¨ç¹æ£å/Sc_WorkDotCheckBillList_Day.html?OperationType=è®¾å¤&linterid=' + HEquipID + '',
			end: function () {

			},
			success: function (dom, index) {
			var data = [];
			data.push({
			"HEquipID": HEquipID,
			"HEquipType": "è®¾å¤"
			});

			//éè¿ç´¢å¼è·åå°å½åiframeå¼¹åºå±
			var iframe = window['layui-layer-iframe' + index];
			//è°ç¨iframeå¼¹åºå±åçæ¹æ³
			iframe.edit(data);

			},
			});
			}

			//æéç»è®°æé®ç¹å»äºä»¶
			function FaultRegistration(event, obj) {
			if (wktag == 0) {
			layer.alert("è¯·éæ©å¯¹åºè®¾å¤", { icon: 5 });
			return false;
			}
			layer.open({
			type: 2,
			skin: 'layui-layer-rim', //å ä¸è¾¹æ¡
			title: 'æ°å¢æéç»è®°å',
			closeBtn: 1,
			shift: 2,
			area: ['100%', '100%'],
			maxmin: true,
			content: '../../è®¾å¤ç®¡ç/Sb_Add_EqpConkBookBillList.html?OperationType=1&linterid=0&HSouceBillType=',
			end: function () {

			},
			success: function (dom, index) {
			var data = [];
			data.push({
			"HEquipID": HEquipID
			});

			//éè¿ç´¢å¼è·åå°å½åiframeå¼¹åºå±
			var iframe = window['layui-layer-iframe' + index];
			//è°ç¨iframeå¼¹åºå±åçæ¹æ³
			iframe.edit(data);
			},
			});
			}

			//ç»´ä¿®è®°å½æé®ç¹å»äºä»¶
			function Maintenance(event, obj) {
			if (wktag == 0) {
			layer.alert("è¯·éæ©å¯¹åºè®¾å¤", { icon: 5 });
			return false;
			}
			layer.open({
			type: 2,
			skin: 'layui-layer-rim', //å ä¸è¾¹æ¡
			title: 'æ°å¢ç»´ä¿®è®°å½å',
			closeBtn: 1,
			shift: 2,
			area: ['100%', '100%'],
			maxmin: true,
			content: '../../è®¾å¤ç®¡ç/Sb_Add_EqpMaintenanceBillList.html?OperationType=1&linterid=0&HSouceBillType=',
			end: function () {

			},
			success: function (dom, index) {
			var data = [];
			data.push({
			"HEquipID": HEquipID
			});

			//éè¿ç´¢å¼è·åå°å½åiframeå¼¹åºå±
			var iframe = window['layui-layer-iframe' + index];
			//è°ç¨iframeå¼¹åºå±åçæ¹æ³
			iframe.edit(data);
			},
			});
			}

			//å±¥åæé®ç¹å»äºä»¶
			function Resume(event, obj) {
			if (wktag == 0) {
			layer.alert("è¯·éæ©å¯¹åºè®¾å¤", { icon: 5 });
			return false;
			}
			layer.open({
			type: 2,
			skin: 'layui-layer-rim', //å ä¸è¾¹æ¡
			title: 'æ¥çè®¾å¤å±¥å',
			closeBtn: 1,
			shift: 2,
			area: ['100%', '100%'],
			maxmin: true,
			content: '../../è®¾å¤ç®¡ç/è®¾å¤æ¥è¡¨/Sb_EquipResumeCheckQuery.html?OperationType=1&linterid=0&HSouceBillType=',
			end: function () {

			},
			success: function (dom, index) {
			var data = [];
			data.push({
			"HEquipID": HEquipID,
			"HEquipNumber": HEquipNumber,
			"HEquipName": HEquipName
			});

			//éè¿ç´¢å¼è·åå°å½åiframeå¼¹åºå±
			var iframe = window['layui-layer-iframe' + index];
			//è°ç¨iframeå¼¹åºå±åçæ¹æ³
			iframe.edit(data);
			},
			});
			}

			//å·¥èºæé®ç¹å»äºä»¶
			function Process(event, obj) {
			if (wktag == 0) {
			layer.alert("è¯·éæ©å¯¹åºè®¾å¤", { icon: 5 });
			return false;
			}
			layer.open({
			type: 2,
			skin: 'layui-layer-rim', //å ä¸è¾¹æ¡
			title: 'æ¥çè®¾å¤å·¥èºåæ°',
			closeBtn: 1,
			shift: 2,
			area: ['100%', '100%'],
			maxmin: true,
			content: '../../çäº§ç®¡ç/è®¢åç¶æåå¸/Sc_EquipmentProcessList.html?OperationType=4&linterid=0&HSouceBillType=',
			end: function () {

			},
			success: function (dom, index) {
			var data = [];
			data.push({
			"HEquipID": HEquipID,
			"HICMOInterID": HICMOInterID,
			"HICMOEntryID": HICMOEntryID
			});

			//éè¿ç´¢å¼è·åå°å½åiframeå¼¹åºå±
			var iframe = window['layui-layer-iframe' + index];
			//è°ç¨iframeå¼¹åºå±åçæ¹æ³
			iframe.edit(data);

			},
			});
			}

			//ç¶ææé®ç¹å»äºä»¶
			function HStatus(event, obj) {
			if (wktag == 0) {
			layer.alert("è¯·éæ©å¯¹åºè®¾å¤", { icon: 5 });
			return false;
			}
			layer.open({
			type: 2,
			skin: 'layui-layer-rim', //å ä¸è¾¹æ¡
			title: 'æ¥çè®¾å¤OEE',
			closeBtn: 1,
			shift: 2,
			area: ['100%', '100%'],
			maxmin: true,
			content: '../../çäº§ç®¡ç/è®¢åç¶æåå¸/Sc_OEEStatusReport.html?OperationType=4&linterid=0&HSouceBillType=',
			end: function () {

			},
			success: function (dom, index) {
			var data = [];
			data.push({
			"HEquipNumber": HEquipNumber
			});

			//éè¿ç´¢å¼è·åå°å½åiframeå¼¹åºå±
			var iframe = window['layui-layer-iframe' + index];
			//è°ç¨iframeå¼¹åºå±åçæ¹æ³
			iframe.edit(data);

			},
			});
			}


			//#endregion

			</script>