MES-WEB-LayUI.git

			@@ -1,1602 +1,178 @@
			ï»¿<!DOCTYPE html>
			<html xmlns="http://www.w3.org/1999/xhtml">
			<html lang="en">
			<head>
			<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
			<title>å·¥åºæµè½¬å¡åè¡¨</title>
			<meta name="renderer" content="webkit">
			<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
			<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
			<link rel="stylesheet" href="../../../layuiadmin/layui/css/layui.css" media="all">
			<link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
			<script src="../../../layuiadmin/layui/layui.js"></script>
			<script src="../../../layuiadmin/Scripts/json2.js"></script>
			<script src="../../../layuiadmin/Scripts/jquery-1.4.1.js"></script>
			<script src="../../../layuiadmin/Scripts/webConfig.js"></script>
			<script src="../../../layuiadmin/zgqCustom/zgqCustom.js"></script>
			<script src="../../../layuiadmin/PubCustom.js"></script>
			<script src="../../../layuiadmin/grwebapp.js"></script>

			<meta charset="UTF-8" />
			<title>Serial Logger and Plotter</title>
			<!--<script src="https://cdn.jsdelivr.net/npm/chart.js@2.8.0"></script>-->
			<script src="../../../layuiadmin/ckou.js"></script>
			</head>
			<body>
			<div class="layui-fluid">
			<div class="layui-col-md12">
			<div class="layui-card" style="padding: 1px">
			<div class="layui-card-body" style="padding: 1px;">
			<form class="layui-form" action="" lay-filter="component-form-group">
			<div class="layui-collapse">
			<div class="layui-colla-item">
			<div class="layui-colla-title layui-inline">
			<div class="layui-inline">
			<span>æ´å¤</span>
			</div>
			</div>
			<div class="layui-inline">
			<label class="layui-form-label">æå°ç¶æ</label>
			<div class="layui-input-block" style="width:100px">
			<select name="city" lay-verify="required" id="SHPrintQty">
			<option value="å¨é¨">å¨é¨</option>
			<option value="æªæå°">æªæå°</option>
			<option value="å·²æå°">å·²æå°</option>
			</select>
			</div>
			</div>
			<input type="checkbox" id="wybj" name="wybj" title="åªæ¾ç¤ºå§å¤" lay-filter="wybj" lay-skin="primary">
			<div class="layui-inline">
			<label class="layui-form-label">å¼å§æ¥æ</label>
			<div class="layui-input-block">
			<input type="date" class="layui-input" id="HDate">
			</div>
			</div>
			<div class="layui-inline">
			<label class="layui-form-label">ç»ææ¥æ</label>
			<div class="layui-input-block">
			<input type="date" class="layui-input" id="HDate1">
			</div>
			</div>
			<button class="layui-btn layuiadmin-btn-order" type="button" lay-submit="" lay-filter="btnSearch" id="btnSearch">
			<i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
			</button>
			<button class="layui-btn layuiadmin-btn-order" type="button" lay-submit="" lay-filter="btnReSearch" id="btnReSearch" style="padding:0 5px">éç½®</button>
			<div class="layui-colla-content" style="padding: 0px; margin-left: 6%;">
			<div class="layui-row" style="margin-top:10px;">
			<div class="layui-inline">
			<label class="layui-form-label">è®¢åè·è¸ªå·</label>
			<div class="layui-input-block">
			<input type="text" class="layui-input" name="HOrderProcNO" id="HOrderProcNO">
			</div>
			</div>
			<div class="layui-inline">
			<label class="layui-form-label">ç©æ</label>
			<div class="layui-input-block">
			<input type="text" class="layui-input" name="HProcExchBillNo" id="SHname">
			</div>
			</div>
			<div class="layui-inline">
			<label class="layui-form-label" style="width: 85px;">ä»»å¡åå·</label>
			<div class="layui-input-block" style="margin-left: 120px;">
			<input type="text" class="layui-input" name="HWorkBillNo" id="HWorkBillNo">
			</div>
			</div>
			</div>
			<div class="layui-row" style="margin-top: 10px; margin-bottom: 10px;">
			<div class="layui-inline">
			<label class="layui-form-label">åæ®å·</label>
			<div class="layui-input-block">
			<input type="text" class="layui-input" name="HBillNo" id="HBillNo">
			</div>
			</div>
			<div class="layui-inline">
			<label class="layui-form-label">å¯ä¸ID</label>
			<div class="layui-input-block">
			<input type="text" class="layui-input" name="HErpID" id="HErpID">
			</div>
			</div>
			</div>
			</div>
			</div>
			</div>
			<!--<div class="layui-tab-item layui-show">-->
			<table class="layui-hide" id="mainTable" lay-filter="mainTable"></table>
			<!--</div>-->
			<!--<table class="" id="mainTable" lay-filter="mainTable"></table>
			<table class="" id="mainTable2" lay-filter="mainTable2"></table>-->
			<div class="layui-tab layui-tab-card">
			<ul class="layui-tab-title">
			<li class="layui-this">å·¥èºæµç¨</li>
			<li>å¨å·æ¸å</li>
			<li>å·¥èºåæ°æ¸å</li>
			</ul>
			<div class="layui-tab-content">
			<div class="layui-tab-item layui-show">
			<!--å·¥èºæµç¨-->
			<table class="layui-hide" id="mainTable2" lay-filter="mainTable2"></table>
			</div>
			<div class="layui-tab-item">
			<!--å¨å·æ¸å-->
			<table class="layui-hide" id="mainTable1" lay-filter="mainTable1"></table>
			</div>
			<div class="layui-tab-item">
			<!--å·¥èºåæ°æ¸å-->
			<table class="layui-hide" id="mainTable3" lay-filter="mainTable3"></table>
			</div>
			</div>
			</div>
			<script type="text/html" id="toolbarDemo">
			<div class="layui-btn-container">
			<button type="button" class="layui-btn layui-btn-sm" lay-event="set_AddNew"><i class="layui-icon layui-icon-file-b"></i>æµè¯æå°</button>
			</div>
			</script>
			<script type="text/html" id="toolbarDemo2">
			<div class="layui-btn-container">
			<!--<button type="button" class="layui-btn layui-btn-sm" lay-event="set_AddNew"><i class="layui-icon layui-icon-file-b"></i>æ°å¢</button>
			<button type="button" class="layui-btn layui-btn-sm" lay-event="set_ShowBill"><i class="layui-icon layui-icon-form"></i>ç¼è¾</button>
			<button type="button" class="layui-btn layui-btn-sm" lay-event="set_DeleteBill"><i class="layui-icon layui-icon-delete"></i>å é¤</button>
			<button type="button" class="layui-btn layui-btn-sm" lay-event="btn_view"><i class="layui-icon layui-icon-tips"></i>é¢è§</button>
			<button type="button" class="layui-btn layui-btn-sm" lay-event="btn_print"><i class="layui-icon layui-icon-print"></i>æå°</button>
			<button type="button" class="layui-btn layui-btn-sm" lay-event="get_Refresh"><i class="layui-icon layui-icon-refresh-3"></i>å·æ°</button>
			<button type="button" class="layui-btn layui-btn-sm" lay-event="get_Exit"><i class="layui-icon layui-icon-logout"></i>éåº</button>
			<button type="button" class="layui-btn layui-btn-sm" lay-event="set_StationOut"><i class="layui-icon layui-icon-form"></i>å·¥åºåºç«æ±æ¥å</button>
			<button type="button" class="layui-btn layui-btn-sm" lay-event="get_StationIn"><i class="layui-icon layui-icon-form"></i>å·¥åºè¿ç«æ¥æ¶å</button>-->
			<button type="button" class="layui-btn layui-btn-sm" lay-event="get_HideColumn2"><i class="layui-icon layui-icon-file-b"></i>æç»åè®¾ç½®</button>
			<button type="button" class="layui-btn layui-btn-sm" lay-event="get_Fg"><i class="layui-icon layui-icon-file-b"></i>å·¥åºè¿å·¥</button>
			</div>
			</script>
			<script type="text/html" id="toolbarDemo3">
			<div class="layui-btn-container">
			<button type="button" class="layui-btn layui-btn-sm" lay-event="get_HideColumn3"><i class="layui-icon layui-icon-file-b"></i>åè®¾ç½®</button>
			</div>
			</script>
			<script type="text/html" id="toolbarDemo4">
			<div class="layui-btn-container">
			<button type="button" class="layui-btn layui-btn-sm" lay-event="get_HideColumn4"><i class="layui-icon layui-icon-file-b"></i>åè®¾ç½®</button>
			</div>
			</script>
			</form>
			</div>
			</div>
			</div>
			<canvas id="myChart" height="100"></canvas>
			<div>
			<button id="butConnect">connect</button><span style="padding: 1%"></span><button id="butEnd">end</button>
			</div>

			<style>
			.layui-table-cell {
			height: 22px;
			}
			</style>
			<div style="margin: 10px">Received:</div>
			<div id="received-data-list" style="border: groove; margin: 10px"></div>
			<script>
			layui.config({
			base: '../../../layuiadmin/' //éæèµæºæå¨è·¯å¾
			}).extend({
			index: 'lib/index', //ä¸»å¥å£æ¨¡å
			}).use(['index', 'form', 'table', 'element', 'laypage', 'laydate'], 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
			, util = layui.util
			//var sWhere = " äº§åä»£ç = 'BX0002'";
			var sWhere = "";
			var option = "";
			var option2 = "";
			var option3 = "";
			var option4 = "";
			var HBillNo = "";
			var wybj = false;
			var QJQD = 0;//å¤æå¨å·æ¸åæ¥è¯¢åè¡¨æ¯å¦ææ°æ® 0æ²¡æ 1æ
			var Organization = sessionStorage["Organization"]
			//#endregion
			/* find the chart and list tag below */
			var ctx = document.getElementById("myChart").getContext("2d");
			var chart = new Chart(ctx, {
			// The type of chart we want to create
			type: "line",

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

			//
			var HModName = "Sc_ProcessExchangeBillList";
			//ä¸éè¦æ¾ç¤ºçåæ®µ å¯æ©å± ï¼ä¸»è¡¨ï¼
			var titleData = ["HItemID", "HEntryID", "HWorkShopID", "HMaterID", "HSupID", "HPRDORGID", "HEquipMentID", "hsubid", "HICMOEntryID", "HDeptID"];
			//ä¸éè¦æ¾ç¤ºçåæ®µ å¯æ©å± ï¼å·¥èºæµç¨ï¼
			var titleData2 = ["HEntryID", "HProcID", "HCenterID", "HDeptID", "hmainid", "hicmointerid", "HWorkShopID", "HMaterID", "HUnitID", "hsubid", "HSupID"];
			//ä¸éè¦æ¾ç¤ºçåæ®µ å¯æ©å± ï¼å¨å·æ¸åï¼
			var titleData3 = ["HEntryID", "HMouldID", "HMaterID", "HUnitID", "hmainid","hicmointerid"];
			//ä¸éè¦æ¾ç¤ºçåæ®µ å¯æ©å± ï¼å·¥èºåæ°æ¸åï¼
			var titleData4 = ["HItemID"];
			//åå§åçé¢
			set_ClearBill();

			//#endregion

			//#region å¤´å·¥å·æ äºä»¶
			table.on('toolbar(mainTable)', function (obj) {
			switch (obj.event) {
			//æ°å¢
			case 'set_AddNew': set_AddNew();
			break;
			//ç¼è¾
			case 'set_ShowBill': set_ShowBill();
			break;
			//å é¤
			case 'set_DeleteBill': set_DeleteBill();
			break;
			//æå
			case 'set_cf': set_cf();
			break;
			//å·æ°
			case 'get_Refresh': get_Refresh();
			break;
			//éåºæé®
			case 'get_Exit': Pub_Close(2);
			break;
			//é¢è§
			case 'btn_view': get_view();
			break;
			//æå°
			case 'btn_print': get_print();
			break;
			//å·¥åºåºç«æ±æ¥å
			case 'set_StationOut': set_StationOut();
			break;
			//å·¥åºè¿ç«æ¥æ¶å
			case 'get_StationIn': get_StationIn();
			break;
			//åè®¾ç½®
			case 'get_HideColumn1': get_HideColumn1();
			break;
			////æç»åè®¾ç½®
			//case 'get_HideColumn2': get_HideColumn2();
			// break;
			////æç»åè®¾ç½®
			//case 'get_HideColumn3': get_HideColumn3();
			// break;
			////æç»åè®¾ç½®
			//case 'get_HideColumn4': get_HideColumn4();
			// break;

			};
			});

			table.on('toolbar(mainTable1)', function (obj) {
			switch (obj.event) {
			//æç»åè®¾ç½®
			case 'get_HideColumn3': get_HideColumn3();
			break;

			};
			});
			table.on('toolbar(mainTable2)', function (obj) {
			switch (obj.event) {
			//æ°å¢
			case 'set_AddNew': set_AddNew();
			break;
			//ç¼è¾
			case 'set_ShowBill': set_ShowBill();
			break;
			//å é¤
			case 'set_DeleteBill': set_DeleteBill();
			break;
			//å·æ°
			case 'get_Refresh': get_Refresh();
			break;
			//éåºæé®
			case 'get_Exit': Pub_Close(2);
			break;
			//é¢è§
			case 'btn_view': get_view();
			break;
			//æå°
			case 'btn_print': get_print();
			break;
			//å·¥åºåºç«æ±æ¥å
			case 'set_StationOut': set_StationOut();
			break;
			//å·¥åºè¿ç«æ¥æ¶å
			case 'get_StationIn': get_StationIn();
			break;
			//åè®¾ç½®
			//case 'get_HideColumn1': get_HideColumn1();
			// break;
			//æç»åè®¾ç½®
			case 'get_HideColumn2': get_HideColumn2();
			break
			//å·¥åºè¿å·¥å
			case 'get_Fg': get_Fg();
			break
			};
			});
			table.on('toolbar(mainTable3)', function (obj) {
			switch (obj.event) {
			//æç»åè®¾ç½®
			case 'get_HideColumn4': get_HideColumn4();
			break;
			};
			});

			//#endregion

			//#region éç½®æé®
			form.on('submit(btnReSearch)', function (data) {
			set_ClearQuery();
			});
			//#endregion

			//#region æ¥è¯¢æé®
			form.on('submit(btnSearch)', function (data) {
			get_FastQuery();
			});
			//#endregion


			//#region æ¬é¡µé¢ææè¢«è°ç¨çæ¹æ³
			function set_ClearBill() {
			$("#HDate").val(Format(new Date(new Date() - 1000 * 60 * 60 * 24 * 30), "yyyy-MM-dd"));//å¼å§æ¥æ
			$("#HDate1").val(Format(new Date(), "yyyy-MM-dd"));//ç»ææ¥æ
			//åå§åä¸»è¡¨åè¡¨
			set_InitGrid();
			//åå§åä»è¡¨åè¡¨
			set_InitGrid2();
			//åå§åä»è¡¨åè¡¨
			set_InitGrid3();
			//åå§åä»è¡¨åè¡¨
			set_InitGrid4();
			table.render(option2);
			//æ¥è¯¢
			get_FastQuery();
			}


			//#region éç½®è¿æ»¤æ¡ä»¶æ¹æ³
			function set_ClearQuery() {
			$("#SHPrintQty").val("");//æå°ç¶æ
			$("input[type='checkbox'][name='wybj']").prop('checked', false);
			form.render("checkbox");//å§å¤æ è®°
			$("#HDate").val(Format(new Date(new Date() - 1000 * 60 * 60 * 24 * 30), "yyyy-MM-dd"));//å¼å§æ¥æ
			$("#HDate1").val(Format(new Date(), "yyyy-MM-dd"));//ç»ææ¥æ
			$("#HOrderProcNO").val("");//è®¢åè·è¸ªå·
			$("#SHname").val("");//ç©æ\|åä»¶åç§°\|åä»¶è§æ ¼
			$("#HBillNo").val("");//åæ®å·
			//$("#btnSearch").click();
			sWhere = "";
			get_FastQuery();
			}
			//#endregion

			//#region å¿«éè¿æ»¤
			function get_FastQuery() {
			var SHPrintQty = $("#SHPrintQty").val();//æå°ç¶æ
			var HDate = $("#HDate").val();//å¼å§æ¥æ
			var HDate1 = $("#HDate1").val();//ç»ææ¥æ
			var HOrderProcNO = $("#HOrderProcNO").val();//è®¢åè·è¸ªå·
			var HWorkBillNo = $("#HWorkBillNo").val();
			var SHname = $("#SHname").val();//ç©æ\|åä»¶åç§°\|åä»¶è§æ ¼
			var HBillNo = $("#HBillNo").val();//åæ®å·
			var HErpID = $("#HErpID").val();//å¯ä¸ID
			if (SHPrintQty) {//å¤ææå°ç¶æ
			if (SHPrintQty == "å¨é¨") {
			sWhere = " and æå°æ¬¡æ° >= 0 ";
			}
			if (SHPrintQty == "å·²æå°") {
			sWhere = " and æå°æ¬¡æ° > 0 ";
			}
			if (SHPrintQty == "æªæå°") {
			sWhere = " and æå°æ¬¡æ° = 0 ";
			}
			}
			if (wybj) {
			sWhere += " and å§å¤æ è®° = 'Y'";
			}
			if (HDate) {
			sWhere += " and æ¥æ >= '" + HDate + "'";
			}
			if (HDate1) {
			sWhere += " and æ¥æ <= '" + HDate1 + "'";
			}
			if (HWorkBillNo) {
			sWhere += " and çäº§è®¢åå· like '%" + HWorkBillNo + "%'";
			}
			if (HOrderProcNO) {
			sWhere += " and è®¢åè·è¸ªå· like '%" + HOrderProcNO + "%'";
			}
			if (SHname) {
			sWhere += " and åä»¶ä»£ç like '%" + SHname + "%'";
			}
			if (HBillNo) {
			sWhere += " and åæ®å· like '%" + HBillNo + "%'"
			}
			if (HErpID) {
			sWhere += " and å¯ä¸ID like '%" + HErpID + "%'";
			}
			get_Display(sWhere);
			sWhere = "";//è°ç¨æ¥å£åæ¸ç©ºsWhereç¼å
			}
			//#endregion
			//#region è§¦åäºä»¶ï¼åæ¬form.on(){}æ ¼å¼çææç¹å»äºä»¶ãéæ©äºä»¶ç


			//éä¸å¤æ
			form.on('checkbox(wybj)', function (data) {
			wybj = data.elem.checked; //æ¯å¦è¢«éä¸ï¼trueæèfalse
			});

			//ç¹å»ä¸»è¡¨å¸¦åºä»è¡¨æ°æ®
			table.on('row(mainTable)', function (obj) { //æ³¨ï¼tool æ¯å·¥å·æ¡äºä»¶åï¼test æ¯ table åå§å®¹å¨çå±æ§ lay-filter="å¯¹åºçå¼"
			var datas = obj.data; //è·å¾å½åè¡æ°æ®
			HBillNo = datas["åæ®å·"].toString();
			var HMainID = datas.hmainid;
			var wait = layer.load();
			$.ajax({
			url: GetWEBURL() + '/LEMS/MES_Sc_ProcessExchangeBillQuerySub_Json',
			type: "GET",
			data: { "sWhere": HMainID },
			//success: function (data1) {
			// if (data1.count == 1) {
			// option2.data = data1.data;
			// table.render(option2);
			// layer.close(wait);
			// } else {
			// layer.alert(data1.code + data1.Message, { icon: 5 });
			// layer.close(wait);
			// }
			//}, error: function () {
			// layer.close(wait);
			// layer.alert("æ¥å£å¤±æ!", { icon: 5 });
			//}
			success: function (data1) {
			if (data1.count == 1) {
			var data = [];
			var col = [];
			//ç»ç©ºçæ°ç»èµå¼
			for (var key in data1.list) {
			data.push({ "id": data1.list[key].ColmCols, "name": data1.list[key].ColmCols, "Type": data1.list[key].ColmType });
			}
			//å¨åè¡¨å·¦è¾¹æ·»å å¾éæ¡
			col.push({ type: 'checkbox', fixed: 'left' });
			for (var i = 0; i < data.length; i++) {
			// if (data[i].name == 'HInterID' \|\| data[i].name == 'HBillType' \|\| data[i].name == 'hmainid') {
			if ($.inArray(data[i].name, titleData2) > -1) {
			col.push({ field: data[i].id, title: data[i].name, align: 'center', hide: true }); //éèidå
			}
			else {
			switch (data[i].Type) {
			//int
			case 'DateTime':
			col.push({ field: data[i].id, title: data[i].name, align: 'center', sort: true, templet: "<div>{{d." + data[i].name + " ==null ?'':layui.util.toDateString(d." + data[i].name + ", 'yyyy-MM-dd')}}</div>", width: 200 });
			break;
			default:
			col.push({ field: data[i].id, title: data[i].name, align: 'center', sort: true, width: 200 });
			}
			}
			}

			//å¨ææ¾ç¤ºåå
			option2 = {
			elem: '#mainTable2'
			, toolbar: '#toolbarDemo2'
			, cols: [col]
			, data: data1.data
			, height: 550
			, page: true
			, cellMinWidth: 90
			, limit: 50
			, limits: [50, 500, 5000, 20000]
			}
			table.render(option2);

			//å·æ°è¡¨æ ¼æ°æ®
			DisPlay_HideColumn();

			layer.close(wait);
			//layer.alert("æ¥è¯¢æå", { icon: 1 });
			} else {
			layer.close(wait);
			layer.alert(data1.code + data1.Message, { icon: 5 });
			}
			}, error: function () {
			layer.close(wait);
			layer.alert("æ¥å£è¯·æ±å¤±è´¥!", { icon: 5 });
			}
			});
			DisPlay_HideColumn_Sec();
			set_ClearBillHMainID(HMainID); //å¨å·æ¸å
			});

			//#endregion


			function set_ClearBillHMainID(HMainID) {
			resultTableHead = []; //æ¸ç©ºè¡¨å¤´åï¼é²æ¢éå¤æ¸²æ
			//åå§æ¥è¯¢
			get_DisplayHMainID(HMainID);
			get_Display4(HMainID);
			}
			//#endregion

			//#region æ¥è¯¢ (å¨å·æ¸å)
			function get_DisplayHMainID(HMainID) {
			var ajaxLoad = layer.load();
			$.ajax({
			url: GetWEBURL() + '/Sc_ProcessExchangeBillList/QJQD',
			type: "GET",
			data: { "HProcExchHinteID": HMainID },
			success: function (data1) {
			if (data1.count == 1) {

			if (data1.data.length == 0) {
			QJQD = 0;
			} else {
			QJQD = 1;
			}

			var data = [];
			//ç»ç©ºçæ°ç»èµå¼
			for (var key in data1.list) {
			data.push({ "id": data1.list[key].ColmCols, "name": data1.list[key].ColmCols, "Type": data1.list[key].ColmType });
			}
			var col = [];
			for (var i = 0; i < data.length; i++) {
			// if (data[i].name == 'HInterID' \|\| data[i].name == 'HBillType' \|\| data[i].name == 'hmainid') {
			if ($.inArray(data[i].name, titleData3) > -1) {
			col.push({ field: data[i].id, title: data[i].name, align: 'center', hide: true }); //éèidå
			}
			else {
			switch (data[i].Type) {
			//int
			case 'DateTime':
			col.push({ field: data[i].id, title: data[i].name, align: 'center', sort: true, templet: "<div>{{d." + data[i].name + " ==null ?'':layui.util.toDateString(d." + data[i].name + ", 'yyyy-MM-dd')}}</div>", width: 200 });
			break;
			default:
			col.push({ field: data[i].id, title: data[i].name, align: 'center', sort: true, width: 200 });
			}
			}
			}

			//å¨ææ¾ç¤ºåå
			option3 = {
			elem: '#mainTable1'
			, toolbar: '#toolbarDemo3'
			, cols: [col]
			, data: data1.data
			, height: 550
			, page: true
			, cellMinWidth: 90
			, limit: 50
			, limits: [50, 500, 5000, 20000]
			}
			table.render(option3);

			layer.close(ajaxLoad);
			//layer.alert("æ¥è¯¢æå", { icon: 1 });
			} else {
			layer.close(ajaxLoad);
			layer.alert(data1.code + data1.Message, { icon: 5 });
			}
			}, error: function () {
			layer.close(ajaxLoad);
			layer.alert("æ¥å£è¯·æ±å¤±è´¥!", { icon: 5 });
			}
			});
			DisPlay_HideColumn_Mod();
			}
			//#endregion

			//#region æ¥è¯¢ å·¥èºåæ°
			function get_Display4(HMainID) {
			var ajaxLoad = layer.load();
			$.ajax({
			url: GetWEBURL() + '/Sc_ProcessExchangeBill/GetProcessExchangeBillSubTech',
			type: "GET",
			data: { "HInterID": HMainID },
			success: function (data1) {
			if (data1.count == 1) {
			var data = [];
			//ç»ç©ºçæ°ç»èµå¼
			for (var key in data1.list) {
			data.push({ "id": data1.list[key].ColmCols, "name": data1.list[key].ColmCols, "Type": data1.list[key].ColmType });
			}
			var col = [];
			for (var i = 0; i < data.length; i++) {
			// if (data[i].name == 'HInterID' \|\| data[i].name == 'HBillType' \|\| data[i].name == 'hmainid') {
			if ($.inArray(data[i].name, titleData4) > -1) {
			col.push({ field: data[i].id, title: data[i].name, align: 'center', hide: true }); //éèidå
			}
			else {
			switch (data[i].Type) {
			//int
			case 'DateTime':
			col.push({ field: data[i].id, title: data[i].name, align: 'center', sort: true, templet: "<div>{{d." + data[i].name + " ==null ?'':layui.util.toDateString(d." + data[i].name + ", 'yyyy-MM-dd')}}</div>", width: 200 });
			break;
			default:
			col.push({ field: data[i].id, title: data[i].name, align: 'center', sort: true, width: 200 });
			}
			}
			}

			//å¨ææ¾ç¤ºåå
			option4 = {
			elem: '#mainTable3'
			, toolbar: '#toolbarDemo4'
			, cols: [col]
			, data: data1.data
			, height: 550
			, page: true
			, cellMinWidth: 90
			, limit: 50
			, limits: [50, 500, 5000, 20000]
			}
			table.render(option4);

			layer.close(ajaxLoad);
			//layer.alert("æ¥è¯¢æå", { icon: 1 });
			} else {
			layer.close(ajaxLoad);
			layer.alert(data1.code + data1.Message, { icon: 5 });
			}
			}, error: function () {
			layer.close(ajaxLoad);
			layer.alert("æ¥å£è¯·æ±å¤±è´¥!", { icon: 5 });
			}
			});
			DisPlay_HideColumn_Tech();
			}
			//#endregion

			//åå§åä¸»è¡¨åè¡¨
			function set_InitGrid() {
			option = {
			elem: '#mainTable'
			, toolbar: '#toolbarDemo'
			, page: true
			, height: 300
			, cellMinWidth: 90
			, limit: 50
			, limits: [50, 500, 5000, 20000]
			, cols: [[
			// { type: 'checkbox', fixed: 'left' }
			// , { field: 'hmainid', title: 'hmainid', width: 90, hide: true }
			// , { field: 'æå°æ¬¡æ°', title: 'æå°æ¬¡æ°' }
			// , { field: 'ç±»å', title: 'ç±»å' }
			// , {
			// field: 'æ¥æ', title: 'æ¥æ', width: 120, sort: true, templet: "<div>{{d.æ¥æ ==null ?'':layui.util.toDateString(d.æ¥æ, 'yyyy-MM-dd')}}</div>"
			// }
			// , { field: 'è®¢åè·è¸ªå·', title: 'è®¢åè·è¸ªå·', width: 120 }
			// , { field: 'åæ®å·', title: 'åæ®å·', width: 190 }
			// , { field: 'hicmointerid', title: 'hicmointerid', width: 80, hide: true }
			// , { field: 'ä»»å¡åå·', title: 'ä»»å¡åå·', width: 140 }
			// , { field: 'å¯ä¸ID', title: 'å¯ä¸ID', width: 140 }
			// , { field: 'æ¥è®¡åå·¥åæ¥æ', title: 'æ¥è®¡åå·¥åæ¥æ', width: 140 }
			// , { field: 'HWorkShopID', title: 'HWorkShopID', width: 80, hide: true }
			// , { field: 'HDeptID', title: 'HDeptID', width: 80, hide: true }
			// , { field: 'çäº§è½¦é´ä»£ç ', title: 'çäº§è½¦é´ä»£ç ', width: 115 }
			// , { field: 'çäº§è½¦é´', title: 'çäº§è½¦é´' }
			// , { field: 'å§å¤æ è®°', title: 'å§å¤æ è®°' }
			// , { field: 'HMaterID', title: 'HMaterID', width: 80, hide: true }
			// , { field: 'åä»¶ä»£ç ', title: 'åä»¶ä»£ç ' }
			// , { field: 'åä»¶åç§°', title: 'åä»¶åç§°' }
			// , { field: 'åä»¶è§æ ¼', title: 'åä»¶è§æ ¼' }
			// , { field: 'æ¹å·', title: 'æ¹å·' }
			// , { field: 'åææ¹æ¬¡å·', title: 'åææ¹æ¬¡å·' }
			// , { field: 'HMaterID2', title: 'HMaterID2', width: 80, hide: true }
			// , { field: 'äº§åä»£ç ', title: 'äº§åä»£ç ' }
			// , { field: 'äº§ååç§°', title: 'äº§ååç§°' }
			// , { field: 'è§æ ¼åå·', title: 'è§æ ¼åå·' }
			// , { field: 'HUnitID', title: 'HUnitID', width: 80, hide: true }
			// , { field: 'åä½ä»£ç ', title: 'åä½ä»£ç ' }
			// , { field: 'åä½', title: 'åä½' }
			// , { field: 'è®¾å¤æ¨¡å·ä»£ç ', title: 'è®¾å¤æ¨¡å·ä»£ç ' }
			// , { field: 'è®¾å¤æ¨¡å·', title: 'è®¾å¤æ¨¡å·' }
			// , { field: 'çäº§æ°é', title: 'çäº§æ°é' }
			// , { field: 'æµè½¬å¡æ°é', title: 'æµè½¬å¡æ°é' }
			// , { field: 'è®¡åå¼å·¥æ¥æ', title: 'è®¡åå¼å·¥æ¥æ' }
			// , { field: 'è®¡åå®å·¥æ¥æ', title: 'è®¡åå®å·¥æ¥æ' }
			// , { field: 'æè¦', title: 'æè¦' }
			// , { field: 'åé¨åæ®å·', title: 'åé¨åæ®å·' }
			// , { field: 'è¡¨å¤´å¤æ³¨', title: 'è¡¨å¤´å¤æ³¨' }
			// , { field: 'å¶åäºº', title: 'å¶åäºº' }
			// , { field: 'å¶åæ¥æ', title: 'å¶åæ¥æ' }
			// , { field: 'å®¡æ ¸äºº', title: 'å®¡æ ¸äºº' }
			// , { field: 'å®¡æ ¸æ¥æ', title: 'å®¡æ ¸æ¥æ' }
			// , { field: 'ä¿®æ¹äºº', title: 'ä¿®æ¹äºº' }
			// , { field: 'ä¿®æ¹æ¥æ', title: 'ä¿®æ¹æ¥æ' }
			// , { field: 'å³éäºº', title: 'å³éäºº' }
			// , { field: 'å³éæ¥æ', title: 'å³éæ¥æ' }
			// , { field: 'ä½åºäºº', title: 'ä½åºäºº' }
			// , { field: 'ä½åºæ¥æ', title: 'ä½åºæ¥æ' }
			// , { field: 'HBillType', title: 'HBillType', width: 80, hide: true }
			// , { field: 'hsubid', title: 'hsubid', width: 80, hide: true }
			// , { field: 'æåæ°é', title: 'æåæ°é' }
			// , { field: 'æºåå®¢æ·ç¼ç ', title: 'æºåå®¢æ·ç¼ç ', width: 80 }
			// , { field: 'åè£æ è¯', title: 'åè£æ è¯', width: 80 }
			// , { field: 'åè£æ è¯ç¼ç ', title: 'åè£æ è¯ç¼ç ', width: 80 }
			]]
			};
			//table.render(option);
			}

			//åå§åä»è¡¨åè¡¨ å·¥èºæµç¨
			function set_InitGrid2() {
			option2 = {
			elem: '#mainTable2'
			//, toolbar: '#toolbarDemo'
			, page: false
			, height: 500
			, cellMinWidth: 90
			, limit: Number.MAX_VALUE//é»è®¤æ¾ç¤ºå¨é¨
			, cols: [[
			//{ type: 'checkbox', fixed: 'left' }
			//, { field: 'hsubid', title: 'hsubid', hide: true }
			//, { field: 'æµæ°´å·', title: 'æµæ°´å·' }
			//, { field: 'HProcID', title: 'HProcID', hide: true }
			//, { field: 'å·¥åºä»£ç ', title: 'å·¥åºä»£ç ' }
			//, { field: 'å·¥åºåç§°', title: 'å·¥åºåç§°' }
			//, { field: 'æµè½¬å¡æ°é', title: 'æµè½¬å¡æ°é', width: 100 }
			//, { field: 'è¿ç«å³èæ°é', title: 'è¿ç«å³èæ°é', width: 120 }
			//, { field: 'åºç«å³èæ°é', title: 'åºç«å³èæ°é', width: 120 }
			//, { field: 'åºç«æ¥åºå³èæ°é', title: 'åºç«æ¥åºå³èæ°é', width: 150 }
			//, { field: 'è¿å·¥æ è®°', title: 'è¿å·¥æ è®°' }
			//, { field: 'å å·¥è¯´æ', title: 'å å·¥è¯´æ' }
			//, { field: 'å·¥ä½ä¸å¿ä»£ç ', title: 'å·¥ä½ä¸å¿ä»£ç ', width: 115 }
			//, { field: 'å·¥ä½ä¸å¿', title: 'å·¥ä½ä¸å¿' }
			//, { field: 'è®¡åæ°é', title: 'è®¡åæ°é' }
			//, { field: 'hmainid', title: 'hmainid', hide: true }
			//, { field: 'æ¥æ', title: 'æ¥æ', sort: true }
			//, { field: 'åæ®å·', title: 'åæ®å·', width: 150 }
			//, { field: 'hicmointerid', title: 'hicmointerid', hide: true }
			//, { field: 'ä»»å¡åå·', title: 'ä»»å¡åå·', width: 100 }
			//, { field: 'HWorkShopID', title: 'HWorkShopID', hide: true }
			//, { field: 'çäº§è½¦é´ä»£ç ', title: 'çäº§è½¦é´ä»£ç ', width: 115 }
			//, { field: 'çäº§è½¦é´', title: 'çäº§è½¦é´' }
			//, { field: 'HMaterID', title: 'HMaterID', hide: true }
			//, { field: 'äº§åä»£ç ', title: 'äº§åä»£ç ' }
			//, { field: 'äº§ååç§°', title: 'äº§ååç§°' }
			//, { field: 'è§æ ¼åå·', title: 'è§æ ¼åå·' }
			//, { field: 'æ¹å·', title: 'æ¹å·' }
			//, { field: 'HUnitID', title: 'HUnitID', hide: true }
			//, { field: 'åä½ä»£ç ', title: 'åä½ä»£ç ' }
			//, { field: 'åä½', title: 'åä½' }
			//, { field: 'çäº§æ°é', title: 'çäº§æ°é' }
			//, { field: 'è®¡åå¼å·¥æ¥æ', title: 'è®¡åå¼å·¥æ¥æ' }
			//, { field: 'è®¡åå®å·¥æ¥æ', title: 'è®¡åå®å·¥æ¥æ' }
			//, { field: 'æè¦', title: 'æè¦' }
			//, { field: 'åé¨åæ®å·', title: 'åé¨åæ®å·' }
			//, { field: 'HSupID', title: 'HSupID', hide: true }
			//, { field: 'å§å¤å å·¥åä½ä»£ç ', title: 'å§å¤å å·¥åä½ä»£ç ' }
			//, { field: 'å§å¤å å·¥åä½', title: 'å§å¤å å·¥åä½' }
			//, { field: 'è¡¨å¤´å¤æ³¨', title: 'è¡¨å¤´å¤æ³¨' }
			//, { field: 'HBillType', title: 'HBillType', hide: true }
			//, { field: 'è¡å³éäºº', title: 'è¡å³éäºº' }
			//, { field: 'å³éç±»å', title: 'å³éç±»å' }
			//, { field: 'è¡¨ä½å¤æ³¨', title: 'è¡¨ä½å¤æ³¨' }
			//, { field: 'æºåä¸»åç ', title: 'æºåä¸»åç ' }
			//, { field: 'æºåååç ', title: 'æºåååç ' }
			//, { field: 'æºååå·', title: 'æºååå·' }
			//, { field: 'æºåç±»å', title: 'æºåç±»å' }
			//, { field: 'æ±æ¥æ°é', title: 'æ±æ¥æ°é' }
			//, { field: 'æµè½¬å·¥åº', title: 'æµè½¬å·¥åº' }
			//, { field: 'åºç«æµè½¬å·¥åº', title: 'åºç«æµè½¬å·¥åº' }
			//, { field: 'é¦éå·¥åº', title: 'é¦éå·¥åº' }
			//, { field: 'æ«éå·¥åº', title: 'æ«éå·¥åº' }
			//, { field: 'ä¸éå·¥åºå·', title: 'ä¸éå·¥åºå·' }
			//, { field: 'ä¸è¯åå³èæ°é', title: 'ä¸è¯åå³èæ°é' }
			]]
			};

			}
			//åå§åä»è¡¨åè¡¨ å¨å·æ¸å
			function set_InitGrid3() {
			option3 = {
			elem: '#mainTable1'
			//, toolbar: '#toolbarDemo'
			, page: false
			, height: 500
			, cellMinWidth: 90
			, limit: Number.MAX_VALUE//é»è®¤æ¾ç¤ºå¨é¨
			, cols: [[]]
			};

			}
			//åå§åä»è¡¨åè¡¨ å·¥èºåæ°æ¸å
			function set_InitGrid4() {
			option4 = {
			elem: '#mainTable3'
			//, toolbar: '#toolbarDemo'
			, page: false
			, height: 500
			, cellMinWidth: 90
			, limit: Number.MAX_VALUE//é»è®¤æ¾ç¤ºå¨é¨
			, cols: [[]]
			};

			}
			//#region æ¥è¯¢ (ä¸»è¡¨)
			function get_Display(sWhere) {
			sWhere += " and HPRDORGID=" + sessionStorage["OrganizationID"] + " ";
			var ajaxLoad = layer.load();
			$.ajax({
			url: GetWEBURL() + '/LEMS/MES_Sc_ProcessExchangeBillQuery_Json',
			type: "GET",
			data: { "sWhere": sWhere, "user": sessionStorage["HUserName"] },
			success: function (data1) {
			if (data1.count == 1) {
			var data = [];
			var col = [];
			//ç»ç©ºçæ°ç»èµå¼
			for (var key in data1.list) {
			data.push({ "id": data1.list[key].ColmCols, "name": data1.list[key].ColmCols, "Type": data1.list[key].ColmType });
			}
			//å¨åè¡¨å·¦è¾¹æ·»å å¾éæ¡
			col.push({ type: 'checkbox', fixed: 'left', totalRowText: 'åè®¡' });
			for (var i = 0; i < data.length; i++) {
			// if (data[i].name == 'HInterID' \|\| data[i].name == 'HBillType' \|\| data[i].name == 'hmainid') {
			if ($.inArray(data[i].name, titleData) > -1) {
			col.push({ field: data[i].id, title: data[i].name, align: 'center', hide: true }); //éèidå
			}
			else {
			switch (data[i].Type) {
			//int
			case 'DateTime':
			col.push({ field: data[i].id, title: data[i].name, align: 'center', sort: true, templet: "<div>{{d." + data[i].name + " ==null ?'':layui.util.toDateString(d." + data[i].name + ", 'yyyy-MM-dd')}}</div>", width: 200 });
			break;
			default:
			if (data[i].name == 'çäº§æ°é' \|\| data[i].name == 'æµè½¬å¡æ°é' \|\| data[i].name == 'å¥åºæ°é') {
			col.push({ field: data[i].id, title: data[i].name, align: 'center', sort: true, width: 200, totalRow: true });
			} else {
			col.push({ field: data[i].id, title: data[i].name, align: 'center', sort: true, width: 200 });
			}
			}
			}
			}

			//å¨ææ¾ç¤ºåå
			option = {
			elem: '#mainTable'
			, toolbar: '#toolbarDemo'
			, cols: [col]
			, data: data1.data
			, height: 550
			, page: true
			, totalRow: true
			, cellMinWidth: 90
			, limit: 50
			, limits: [50, 500, 5000, 20000]
			}
			table.render(option);

			//å·æ°è¡¨æ ¼æ°æ®
			DisPlay_HideColumn();

			layer.close(ajaxLoad);
			//layer.alert("æ¥è¯¢æå", { icon: 1 });
			} else {
			layer.close(ajaxLoad);
			layer.alert(data1.code + data1.Message, { icon: 5 });
			}
			}, error: function () {
			layer.close(ajaxLoad);
			layer.alert("æ¥å£è¯·æ±å¤±è´¥!", { icon: 5 });
			}
			});
			DisPlay_HideColumn();
			}
			//#endregion

			//#region éèåè®¾ç½® (ä¸»åè¡¨)
			function get_HideColumn1() {
			var colName = "";
			for (var i = 1; i < option.cols[0].length - 1; i++) {
			colName += option.cols[0][i]["title"] + ",";
			}

			colName = encodeURI(colName.substring(0, colName.length - 1));//å¯¹ URI è¿è¡ç¼ç
			layer.open({
			type: 2
			, skin: "layui-layer-rim" //å ä¸è¾¹æ¡
			, title: "éèåè®¾ç½®" //æ é¢
			, closeBtn: 1 //çªä½å³ä¸è§å³é ç æ ·å¼
			, shift: 2 //å¼¹åºå¨ç»
			, area: ["50%", "90%"] //çªä½å¤§å°
			, maxmin: true //è®¾ç½®æå¤§æå°æé®æ¯å¦æ¾ç¤º
			, content: ['../../åºç¡èµæ/éèåè®¾ç½®/Gy_GridView_Hide.html?HModName=' + HModName + '&colName=' + colName, "yes"]
			, btn: ["ç¡®å®", "åæ¶"]
			, btn1: function (index, laero) {
			//å·æ°è¡¨æ ¼æ°æ®
			DisPlay_HideColumn();
			//æ´æ°è¡¨æ ¼ç¼åçæ°æ®
			layer.close(index);//å³éå¼¹çª
			}
			})
			}
			//#endregion

			//#region éèåè®¾ç½® (å·¥èºæµç¨)
			function get_HideColumn2() {
			var colName = "";
			for (var i = 1; i < option2.cols[0].length - 1; i++) {
			colName += option2.cols[0][i]["title"] + ",";
			}

			colName = encodeURI(colName.substring(0, colName.length - 1));//å¯¹ URI è¿è¡ç¼ç
			layer.open({
			type: 2
			, skin: "layui-layer-rim" //å ä¸è¾¹æ¡
			, title: "éèåè®¾ç½®" //æ é¢
			, closeBtn: 1 //çªä½å³ä¸è§å³é ç æ ·å¼
			, shift: 2 //å¼¹åºå¨ç»
			, area: ["50%", "90%"] //çªä½å¤§å°
			, maxmin: true //è®¾ç½®æå¤§æå°æé®æ¯å¦æ¾ç¤º
			, content: ['../../åºç¡èµæ/éèåè®¾ç½®/Gy_GridView_Hide.html?HModName=' + HModName + "_Sec" + '&colName=' + colName, "yes"]
			, btn: ["ç¡®å®", "åæ¶"]
			, btn1: function (index, laero) {
			//å·æ°è¡¨æ ¼æ°æ®
			DisPlay_HideColumn_Sec();
			//æ´æ°è¡¨æ ¼ç¼åçæ°æ®
			layer.close(index);//å³éå¼¹çª
			}
			})
			}
			//#endregion

			//å·¥åºè¿å·¥
			function get_Fg() {
			var checkStatus = table.checkStatus('mainTable2')
			, data = checkStatus.data;
			if (checkStatus.data.length === 1) {
			if (checkStatus.data[0]["æµæ°´å·"] != "9999") {
			layer.open({
			type: 2
			, skin: "layui-layer-rim" //å ä¸è¾¹æ¡
			, title: "å·¥åºè¿å·¥ç³è¯·åç¼è¾" //æ é¢
			, closeBtn: 1 //çªä½å³ä¸è§å³é ç æ ·å¼
			, shift: 2 //å¼¹åºå¨ç»
			, area: ["100%", "100%"] //çªä½å¤§å°
			, maxmin: true //è®¾ç½®æå¤§æå°æé®æ¯å¦æ¾ç¤º
			, content: ['../../è½¦é´ç®¡ç/å·¥åºæµè½¬å¡/Sc_ProcExchWorkBackBillEdit.html?OperationType=1&linterid=' + checkStatus.data[0]["hmainid"] + '&HEntryID=' + checkStatus.data[0]["HEntryID"], "yes"]
			, btn: ["ç¡®å®", "åæ¶"]
			, btn1: function (index, laero) {
			//å·æ°è¡¨æ ¼æ°æ®
			DisPlay_HideColumn();
			//æ´æ°è¡¨æ ¼ç¼åçæ°æ®
			layer.close(index);//å³éå¼¹çª
			}
			})
			} else {
			layer.msg('è¿å·¥å·¥åºä¸è½æ¯è½¬å·¥åºï¼');
			}
			} else {
			layer.msg('è¯·éæ©ä¸è¡æ°æ®ç¼è¾ï¼');
			}
			}

			//#region æ¾ç¤ºåæ°æ® (ä¸»åè¡¨)
			function DisPlay_HideColumn() {
			$.ajax({
			url: GetWEBURL() + '/Xt_grdAlignment_WMES/grdAlignmentWMESList',
			type: "GET",
			data: { "HModName": HModName, "user": sessionStorage["HUserName"] },
			success: function (data1) {
			if (data1.data.length != 0) {


			var dataCol = [];//æ°æ®åºæ¥è¯¢åºçåæ°æ®
			/var titleData = ["hmainid", "hicmointerid", "HWorkShopID", "HDeptID", "HMaterID", "HMaterID2", "HUnitID", "HBillType", "hsubid"];//ä¸éè¦æ¾ç¤ºçåæ®µ å¯æ©å±/

			dataCol = data1.data[0].HGridString.split(',');

			for (var i = 0; i < option.cols[0].length - 2; i++) {
			if (dataCol[i]) {
			var dataCols = dataCol[i].split('\|');
			}
			//éèå
			if (dataCols[1] == 1) {
			option.cols[0][i + 1]["hide"] = true;
			}
			//è®¾ç½®åå®½
			if (dataCols[3] > 0) {
			option.cols[0][i + 1]["width"] = dataCols[3];
			}
			//è®¾ç½®åå®¹åä½å¤§å°
			if (data1.data[0].HFontSize != 0) {
			option.cols[0][i + 1]["style"] = "font-size:" + data1.data[0].HFontSize + "px;";
			} else {
			option.cols[0][i + 1]["style"] = "font-size:100%";
			}
			//è®¾ç½®åå®½
			//if (data1.data[0].HColumnWidth != 0) {
			// option.cols[0][i + 1]["width"] = data1.data[0].HColumnWidth + "px;";
			//} else {
			// option.cols[0][i + 1]["width"] = "";
			//}
			//æ¾ç¤ºå
			if (dataCols[1] == 0 && $.inArray(option.cols[0][i + 1]["title"], titleData) == -1) {
			option.cols[0][i + 1]["hide"] = false;
			}
			//åä½æå¨ä½ç½®(å·¦ å±ä¸ å³)
			switch (dataCols[2]) {
			case "L":
			option.cols[0][i + 1]["align"] = "left";
			break;
			case "M":
			option.cols[0][i + 1]["align"] = "center";
			break;
			case "R":
			option.cols[0][i + 1]["align"] = "right";
			break;
			}
			}

			//åæ¶å»ç»å
			for (var i = 1; i < option.cols[0].length - 1; i++) {
			if (option.cols[0][i]["fixed"] != null) {
			option.cols[0][i]["fixed"] = null;
			}
			else {
			break;
			}
			}
			//å»ç»å
			if (data1.data[0].HFixCols != 0) {
			for (var i = 0; i < data1.data[0].HFixCols; i++) {
			if ($.inArray(option.cols[0][i + 1]["title"], titleData) != -1) {
			data1.data[0].HFixCols += 1;
			}
			option.cols[0][i + 1]["fixed"] = "left";
			}
			}
			table.render(option);
			} else {
			table.render(option);
			}
			}, error: function () {
			layer.alert("æ¥å£è¯·æ±å¤±è´¥!", { icon: 5 });
			}
			})
			}
			//#endregion

			//#region æ¾ç¤ºåæ°æ® (å·¥èºæµç¨)
			function DisPlay_HideColumn_Sec() {
			$.ajax({
			url: GetWEBURL() + '/Xt_grdAlignment_WMES/grdAlignmentWMESList',
			type: "GET",
			data: { "HModName": HModName + "_Sec", "user": sessionStorage["HUserName"] },
			success: function (data1) {
			if (data1.data.length != 0) {


			var dataCol = [];//æ°æ®åºæ¥è¯¢åºçåæ°æ®
			//var titleData = ["HMaterID", "HUnitID", "HICMOEmpID"];//ä¸éè¦æ¾ç¤ºçåæ®µ å¯æ©å±

			dataCol = data1.data[0].HGridString.split(',');

			for (var i = 0; i < option2.cols[0].length - 2; i++) {
			if (dataCol[i]) {
			var dataCols = dataCol[i].split('\|');
			}
			//éèå
			if (dataCols[1] == 1) {
			option2.cols[0][i + 1]["hide"] = true;
			}
			//è®¾ç½®åå®½
			if (dataCols[3] > 0) {
			option2.cols[0][i + 1]["width"] = dataCols[3];
			}
			//è®¾ç½®åå®¹åä½å¤§å°
			if (data1.data[0].HFontSize != 0) {
			option2.cols[0][i + 1]["style"] = "font-size:" + data1.data[0].HFontSize + "px;";
			} else {
			option2.cols[0][i + 1]["style"] = "font-size:100%";
			}
			//è®¾ç½®åå®½
			//if (data1.data[0].HColumnWidth != 0) {
			// option2.cols[0][i + 1]["width"] = data1.data[0].HColumnWidth + "px;";
			//} else {
			// option2.cols[0][i + 1]["width"] = "";
			//}
			//æ¾ç¤ºå
			if (dataCols[1] == 0 && $.inArray(option2.cols[0][i + 1]["title"], titleData2) == -1) {
			option2.cols[0][i + 1]["hide"] = false;
			}
			//åä½æå¨ä½ç½®(å·¦ å±ä¸ å³)
			switch (dataCols[2]) {
			case "L":
			option2.cols[0][i + 1]["align"] = "left";
			break;
			case "M":
			option2.cols[0][i + 1]["align"] = "center";
			break;
			case "R":
			option2.cols[0][i + 1]["align"] = "right";
			break;
			}
			}

			//åæ¶å»ç»å
			for (var i = 1; i < option2.cols[0].length - 1; i++) {
			if (option2.cols[0][i]["fixed"] != null) {
			option2.cols[0][i]["fixed"] = null;
			}
			else {
			break;
			}
			}
			//å»ç»å
			if (data1.data[0].HFixCols != 0) {
			for (var i = 0; i < data1.data[0].HFixCols; i++) {
			if ($.inArray(option2.cols[0][i + 1]["title"], titleData2) != -1) {
			data1.data[0].HFixCols += 1;
			}
			option2.cols[0][i + 1]["fixed"] = "left";
			}
			}
			table.render(option2);
			} else {
			table.render(option2);
			}
			}, error: function () {
			layer.alert("æ¥å£è¯·æ±å¤±è´¥!", { icon: 5 });
			}
			})
			}
			//#endregion

			//#region éèå æ¾ç¤ºåæ°æ® ï¼å¨å·æ¸åï¼
			//éè
			function get_HideColumn3() {
			var colName = "";
			for (var i = 1; i < option3.cols[0].length - 1; i++) {
			colName += option3.cols[0][i]["title"] + ",";
			}

			colName = encodeURI(colName.substring(0, colName.length - 1));//å¯¹ URI è¿è¡ç¼ç
			layer.open({
			type: 2
			, skin: "layui-layer-rim" //å ä¸è¾¹æ¡
			, title: "éèåè®¾ç½®" //æ é¢
			, closeBtn: 1 //çªä½å³ä¸è§å³é ç æ ·å¼
			, shift: 2 //å¼¹åºå¨ç»
			, area: ["50%", "90%"] //çªä½å¤§å°
			, maxmin: true //è®¾ç½®æå¤§æå°æé®æ¯å¦æ¾ç¤º
			, content: ['../../åºç¡èµæ/éèåè®¾ç½®/Gy_GridView_Hide.html?HModName=' + HModName + "_Mod" + '&colName=' + colName, "yes"]
			, btn: ["ç¡®å®", "åæ¶"]
			, btn1: function (index, laero) {
			//å·æ°è¡¨æ ¼æ°æ®
			DisPlay_HideColumn_Mod();
			//æ´æ°è¡¨æ ¼ç¼åçæ°æ®
			layer.close(index);//å³éå¼¹çª
			}
			})
			}

			//æ¾ç¤º
			function DisPlay_HideColumn_Mod() {
			$.ajax({
			url: GetWEBURL() + '/Xt_grdAlignment_WMES/grdAlignmentWMESList',
			type: "GET",
			data: { "HModName": HModName + "_Mod", "user": sessionStorage["HUserName"] },
			success: function (data1) {
			if (data1.data.length != 0) {


			var dataCol = [];//æ°æ®åºæ¥è¯¢åºçåæ°æ®
			/var titleData = ["hmainid", "hicmointerid", "HWorkShopID", "HDeptID", "HMaterID", "HMaterID2", "HUnitID", "HBillType", "hsubid"];//ä¸éè¦æ¾ç¤ºçåæ®µ å¯æ©å±/

			dataCol = data1.data[0].HGridString.split(',');

			for (var i = 0; i < option3.cols[0].length - 2; i++) {
			if (dataCol[i]) {
			var dataCols = dataCol[i].split('\|');
			}
			//éèå
			if (dataCols[1] == 1) {
			option3.cols[0][i + 1]["hide"] = true;
			}
			//è®¾ç½®åå®½
			if (dataCols[3] > 0) {
			option3.cols[0][i + 1]["width"] = dataCols[3];
			}
			//è®¾ç½®åå®¹åä½å¤§å°
			if (data1.data[0].HFontSize != 0) {
			option3.cols[0][i + 1]["style"] = "font-size:" + data1.data[0].HFontSize + "px;";
			} else {
			option3.cols[0][i + 1]["style"] = "font-size:100%";
			}
			//è®¾ç½®åå®½
			//if (data1.data[0].HColumnWidth != 0) {
			// option.cols[0][i + 1]["width"] = data1.data[0].HColumnWidth + "px;";
			//} else {
			// option.cols[0][i + 1]["width"] = "";
			//}
			//æ¾ç¤ºå
			if (dataCols[1] == 0 && $.inArray(option3.cols[0][i + 1]["title"], titleData3) == -1) {
			option3.cols[0][i + 1]["hide"] = false;
			}
			//åä½æå¨ä½ç½®(å·¦ å±ä¸ å³)
			switch (dataCols[2]) {
			case "L":
			option3.cols[0][i + 1]["align"] = "left";
			break;
			case "M":
			option3.cols[0][i + 1]["align"] = "center";
			break;
			case "R":
			option3.cols[0][i + 1]["align"] = "right";
			break;
			}
			}

			//åæ¶å»ç»å
			for (var i = 1; i < option3.cols[0].length - 1; i++) {
			if (option3.cols[0][i]["fixed"] != null) {
			option3.cols[0][i]["fixed"] = null;
			}
			else {
			break;
			}
			}
			//å»ç»å
			if (data1.data[0].HFixCols != 0) {
			for (var i = 0; i < data1.data[0].HFixCols; i++) {
			if ($.inArray(option3.cols[0][i + 1]["title"], titleData3) != -1) {
			data1.data[0].HFixCols += 1;
			}
			option3.cols[0][i + 1]["fixed"] = "left";
			}
			}
			table.render(option3);
			} else {
			table.render(option3);
			}
			}, error: function () {
			layer.alert("æ¥å£è¯·æ±å¤±è´¥!", { icon: 5 });
			}
			})
			}
			//#endregion

			//#region éèå æ¾ç¤ºåæ°æ® ï¼å·¥èºåæ°æ¸åï¼
			//éè
			function get_HideColumn4() {
			var colName = "";
			for (var i = 1; i < option4.cols[0].length - 1; i++) {
			colName += option4.cols[0][i]["title"] + ",";
			}

			colName = encodeURI(colName.substring(0, colName.length - 1));//å¯¹ URI è¿è¡ç¼ç
			layer.open({
			type: 2
			, skin: "layui-layer-rim" //å ä¸è¾¹æ¡
			, title: "éèåè®¾ç½®" //æ é¢
			, closeBtn: 1 //çªä½å³ä¸è§å³é ç æ ·å¼
			, shift: 2 //å¼¹åºå¨ç»
			, area: ["50%", "90%"] //çªä½å¤§å°
			, maxmin: true //è®¾ç½®æå¤§æå°æé®æ¯å¦æ¾ç¤º
			, content: ['../../åºç¡èµæ/éèåè®¾ç½®/Gy_GridView_Hide.html?HModName=' + HModName + "_Tech" + '&colName=' + colName, "yes"]
			, btn: ["ç¡®å®", "åæ¶"]
			, btn1: function (index, laero) {
			//å·æ°è¡¨æ ¼æ°æ®
			DisPlay_HideColumn_Tech();
			//æ´æ°è¡¨æ ¼ç¼åçæ°æ®
			layer.close(index);//å³éå¼¹çª
			}
			})
			}

			//æ¾ç¤º
			function DisPlay_HideColumn_Tech() {
			$.ajax({
			url: GetWEBURL() + '/Xt_grdAlignment_WMES/grdAlignmentWMESList',
			type: "GET",
			data: { "HModName": HModName + "_Tech", "user": sessionStorage["HUserName"] },
			success: function (data1) {
			if (data1.data.length != 0) {


			var dataCol = [];//æ°æ®åºæ¥è¯¢åºçåæ°æ®
			/var titleData = ["hmainid", "hicmointerid", "HWorkShopID", "HDeptID", "HMaterID", "HMaterID2", "HUnitID", "HBillType", "hsubid"];//ä¸éè¦æ¾ç¤ºçåæ®µ å¯æ©å±/

			dataCol = data1.data[0].HGridString.split(',');

			for (var i = 0; i < option4.cols[0].length - 2; i++) {
			if (dataCol[i]) {
			var dataCols = dataCol[i].split('\|');
			}
			//éèå
			if (dataCols[1] == 1) {
			option4.cols[0][i + 1]["hide"] = true;
			}
			//è®¾ç½®åå®½
			if (dataCols[3] > 0) {
			option4.cols[0][i + 1]["width"] = dataCols[3];
			}
			//è®¾ç½®åå®¹åä½å¤§å°
			if (data1.data[0].HFontSize != 0) {
			option4.cols[0][i + 1]["style"] = "font-size:" + data1.data[0].HFontSize + "px;";
			} else {
			option4.cols[0][i + 1]["style"] = "font-size:100%";
			}
			//è®¾ç½®åå®½
			//if (data1.data[0].HColumnWidth != 0) {
			// option.cols[0][i + 1]["width"] = data1.data[0].HColumnWidth + "px;";
			//} else {
			// option.cols[0][i + 1]["width"] = "";
			//}
			//æ¾ç¤ºå
			if (dataCols[1] == 0 && $.inArray(option4.cols[0][i + 1]["title"], titleData4) == -1) {
			option4.cols[0][i + 1]["hide"] = false;
			}
			//åä½æå¨ä½ç½®(å·¦ å±ä¸ å³)
			switch (dataCols[2]) {
			case "L":
			option4.cols[0][i + 1]["align"] = "left";
			break;
			case "M":
			option4.cols[0][i + 1]["align"] = "center";
			break;
			case "R":
			option4.cols[0][i + 1]["align"] = "right";
			break;
			}
			}

			//åæ¶å»ç»å
			for (var i = 1; i < option4.cols[0].length - 1; i++) {
			if (option4.cols[0][i]["fixed"] != null) {
			option4.cols[0][i]["fixed"] = null;
			}
			else {
			break;
			}
			}
			//å»ç»å
			if (data1.data[0].HFixCols != 0) {
			for (var i = 0; i < data1.data[0].HFixCols; i++) {
			if ($.inArray(option4.cols[0][i + 1]["title"], titleData4) != -1) {
			data1.data[0].HFixCols += 1;
			}
			option4.cols[0][i + 1]["fixed"] = "left";
			}
			}
			table.render(option4);
			} else {
			table.render(option4);
			}
			}, error: function () {
			layer.alert("æ¥å£è¯·æ±å¤±è´¥!", { icon: 5 });
			}
			})
			}
			//#endregion

			//#region æ°å¢
			function set_AddNew() {
			var checkStatus = table.checkStatus('mainTable')
			, data = checkStatus.data;
			var HInterID = data[0].hmainid.toString();
			var sWhere = "select distinct b.æµæ°´å·,a.æµè½¬å¡æ°é,a.äº§åä»£ç ,a.çæ¬,a.æåç¼å·,a.äº§ååç§°,a.æ¥æ,a.è®¡åå®å·¥æ¥æ,a.åæ®å·,a.æè´¨,b.å·¥åºåç§°,b.æ¨¡å·ç¼å·,b.å·¥èºåæ°,a.åè£æ è¯,a.åè£æ è¯ç¼ç ,a.éå®è®¢åå· from h_v_Sc_ProcessExchangeBillQuery a left join h_v_Sc_ProcessExchangeBillQuerySub b on a.hmainid=b.hmainid where b.hmainid=" + HInterID;
			$.ajax({
			type: "GET",
			url: GetWEBURL() + "/Gy_SOPBillList/WindowPrintList", //æ¹æ³æå¨é¡µé¢åæ¹æ³å
			async: true,
			data: { "sWhere": sWhere },
			success: function (data) {
			if (data.count == 1) { // è¯´æéªè¯æåäºï¼

			var dataPrint = [];
			for (var i = 0; i < data.data.length; i++) {
			dataPrint.push({ "åæ®å·": data.data[i]["åæ®å·"],"æµæ°´å·": data.data[i]["æµæ°´å·"], "å·¥åºä»£ç ": data.data[i]["å·¥åºä»£ç "], "å·¥åºåç§°": data.data[i]["å·¥åºåç§°"], "äº§ååç§°": data.data[0]["äº§ååç§°"], "äº§åä»£ç ": data.data[0]["äº§åä»£ç "], "æ¥æ": data.data[0]["æ¥æ"], "éå®è®¢åå·": data.data[0]["éå®è®¢åå·"], "åè£æ è¯": data.data[0]["åè£æ è¯"], "åè£æ è¯ç¼ç ": data.data[0]["åè£æ è¯ç¼ç "], "æµè½¬å¡æ°é": data.data[0]["æµè½¬å¡æ°é"] }
			);
			}

			var Customer = {
			"b": dataPrint
			}

			//ç´æ¥æå°
			var args = {
			type: "print",
			showOptionDlg: false, //å¦æä¸æ¾ç¤ºæå°å¯¹è¯æ¡èç´æ¥æå°ï¼å°æ¤è¡æ³¨éå»æå³å¯
			report: urlAddRandomNo("../../grf/ces5.grf"),
			data: Customer
			};
			////é¢è§
			//var args = {
			// report: urlAddRandomNo("../../grf/ces5.grf"),
			// data: Customer
			//};
			webapp_ws_ajax_run(args);
			}
			else {
			layer.msg(data.Message, { icon: 5 });
			}
			layer.closeAll("loading");
			// The data for our dataset
			data: {
			labels: [],
			datasets: [
			{
			label: "ugpm3",
			borderColor: "rgb(255, 99, 132)",
			data: [],
			fill: false,
			},
			error: function (err) {
			layer.msg("éè¯¯:" + err, { icon: 5 });
			}
			});
			}
			//#endregion

			//#region ç¼è¾
			function set_ShowBill() {
			var checkStatus = table.checkStatus('mainTable')
			, data = checkStatus.data;
			if (checkStatus.data.length === 1) {
			var linterid = data[0].hmainid;
			//if (AllowLoadData(sSubStr) != false) {//éç©ºéªè¯
			layer.open({
			type: 2
			, area: ['100%', '100%']
			, title: 'å·¥åºåè¡¨-ç¼è¾'
			, shift: 0//å¼¹åºå¨ç»
			, content: '../å·¥åºæµè½¬å¡/Sc_ProcessExchangeBill.html?OperationType=3&linterid=' + linterid + '&HEntryID=&HSouceBillType='
			})
			} else {
			layer.msg('è¯·éæ©ä¸è¡æ°æ®ç¼è¾ï¼');
			}
			}
			//#endregion

			//å é¤
			function set_DeleteBill() {
			var checkStatus = table.checkStatus('mainTable')
			, data = checkStatus.data;
			if (checkStatus.data.length === 1) {
			var HInterID = data[0].hmainid.toString();

			//é»è¾å é¤æ¹æ³
			layer.confirm("ç¡®è®¤è¦å é¤åï¼å é¤åä¸è½æ¢å¤", { title: "å é¤ç¡®è®¤" }, function (index) {
			$.ajax({
			type: "GET",
			url: GetWEBURL() + "/Sc_ProcessExchangeBill/DeltetProcessExchangeBillByID", //æ¹æ³æå¨é¡µé¢åæ¹æ³å
			data: { "HInterID": HInterID, "HPRDORGID": sessionStorage["OrganizationID"], "user": sessionStorage["HUserName"] },
			success: function (result) {
			if (result.count == 1) {
			layer.msg(result.Message, { time: 1 * 1000, icon: 1 }, function () {
			// å¾å°frameç´¢å¼
			var index = layer.getFrameIndex(window.name);
			//å³éå½åframe
			layer.close(index);
			//ä¿®æ¹ä¸ºååå·æ°çé¢
			window.location.reload();
			});

			} else {
			layer.alert(result.code + result.Message, { icon: 5 });
			}
			}, error: function () {
			layer.alert("æ¥å£è¯·æ±å¤±è´¥!", { icon: 5 });
			}
			});
			})
			}
			else {
			layer.msg('è¯·éæ©ä¸è¡æ°æ®å é¤ï¼');
			}
			}

			//æå
			function set_cf() {
			var checkStatus = table.checkStatus('mainTable')
			, data = checkStatus.data;
			if (checkStatus.data.length === 1) {
			var linterid = data[0].hmainid;
			//if (AllowLoadData(sSubStr) != false) {//éç©ºéªè¯
			layer.open({
			type: 2
			, area: ['100%', '100%']
			, title: 'å·¥åºåè¡¨-ç¼è¾'
			, shift: 0//å¼¹åºå¨ç»
			, content: '../å·¥åºæµè½¬å¡/Sc_ProcessExchangeBill_CF.html?OperationType=1&linterid=' + linterid + '&HEntryID=&HSouceBillType='
			})
			} else {
			layer.msg('è¯·éæ©ä¸è¡æ°æ®ç¼è¾ï¼');
			}
			}

			//é¢è§
			function get_view() {
			var checkStatus = table.checkStatus('mainTable')
			, data = checkStatus.data;
			if (checkStatus.data.length === 1) {
			layer.open({
			type: 2
			, area: ['50%', '50%']
			, title: 'æå°æ¨¡çéæ©'
			, shade: 0.6 //é®ç½©éæåº¦
			, maxmin: false //åè®¸å¨å±æå°å
			, anim: 0 //0-6çå¨ç»å½¢å¼ï¼-1ä¸å¼å¯
			, content: ['../../BaseSet/SRM_OpenTmpList.html?linterid=' + data[0].hmainid.toString() + QJQD + '&MyMsg=' + data[0].hmainid.toString() + '&Type=HProcessExchange', 'yes']
			, resize: false
			})
			}
			else {
			layer.msg('è¯·éæ©ä¸è¡æ°æ®æå°ï¼');
			}
			}
			//æå°
			function get_print() {
			var checkStatus = table.checkStatus('mainTable')
			, data = checkStatus.data;
			if (checkStatus.data.length === 1) {
			layer.open({
			type: 2
			, area: ['50%', '50%']
			, title: 'æå°æ¨¡çéæ©'
			, shade: 0.6 //é®ç½©éæåº¦
			, maxmin: false //åè®¸å¨å±æå°å
			, anim: 0 //0-6çå¨ç»å½¢å¼ï¼-1ä¸å¼å¯
			, content: ['../../BaseSet/SRM_OpenTmpList.html?linterid=' + data[0].hmainid.toString() +","+ QJQD + '&MyMsg=' + data[0].hmainid.toString() + '&Type=HProcessExchange', 'yes']
			, resize: false
			})
			}
			else {
			layer.msg('è¯·éæ©ä¸è¡æ°æ®æå°ï¼');
			}
			}

			//å·¥åºåºç«æ±æ¥å
			function set_StationOut() {
			var checkStatus = table.checkStatus('mainTable2')
			, data = checkStatus.data;
			if (data.length === 1) {
			var HProcNo = data[0].æµæ°´å·.toString();

			if (HProcNo == "9999") {
			return layer.msg("æµæ°´å·ä¸è½ä¸ºè½¬å·¥åºæµæ°´å·,è¯·éæ°éæ©!");
			}
			else {
			layer.open({
			type: 2
			, area: ['100%', '100%']
			, title: 'å·¥åºæµè½¬å¡-ç¼è¾'
			, shift: 0//å¼¹åºå¨ç»
			, content: '../../è½¦é´ç®¡ç/å·¥åºåºç«æ±æ¥å/Cj_StationOutBill.html?OperationType=2&HBillNo=' + HBillNo + '&HProcNo=' + HProcNo
			})
			}

			} else {
			layer.msg('è¯·éæ©ä¸è¡æ°æ®ä¸æ¨ï¼');
			}
			}

			//å·¥åºè¿ç«æ¥æ¶å
			function get_StationIn() {
			var checkStatus = table.checkStatus('mainTable2')
			, data = checkStatus.data;
			if (data.length === 1) {
			var HProcNo = data[0].æµæ°´å·.toString();

			if (HProcNo == "9999") {
			return layer.msg("æµæ°´å·ä¸è½ä¸ºè½¬å·¥åºæµæ°´å·,è¯·éæ°éæ©!");
			}
			else {
			layer.open({
			type: 2
			, area: ['100%', '100%']
			, title: 'å·¥åºæµè½¬å¡-ç¼è¾'
			, shift: 0//å¼¹åºå¨ç»
			, content: '../../è½¦é´ç®¡ç/å·¥åºè¿ç«æ¥æ¶å/Cj_StationInBill.html?OperationType=2&HBillNo=' + HBillNo + '&HProcNo=' + HProcNo
			})
			}

			} else {
			layer.msg('è¯·éæ©ä¸è¡æ°æ®ä¸æ¨ï¼');
			}
			}

			//#region å·æ°
			function get_Refresh() {
			set_ClearQuery();
			get_Display(sWhere);
			}
			//#endregion
			//ä»¥ä¸æ¯layuiæ¨¡å
			{
			label: "heat",
			borderColor: "blue",
			data: [],
			fill: false,
			},
			{
			label: "humidity",
			borderColor: "green",
			data: [],
			fill: false,
			},
			],
			},
			// Configuration options go here
			options: {
			title: {
			display: true,
			text: new Date().toLocaleDateString(),
			},
			},
			});

			const dataList = document.getElementById("received-data-list");
			/* find the chart and list tag above*/

			/* butConnect listener below */
			let keepReading = true;
			let reader;
			let writer;
			// all data parsed are stored in a list ordered by received time of the data frame.
			let receivedframe = [];

			document
			.getElementById("butConnect")
			.addEventListener("click", async () => {
			const port = await navigator.serial.requestPort();
			await port.open({ baudRate: 9600 }); // set baud rate
			keepReading = true;
			reader = port.readable.getReader();
			writer = port.writable.getWriter();

			// set how to write to device intervally
			const writeInt = setInterval(async () => {
			const commandframe = new Uint8Array([
			0x00,
			0xff,
			/...some bytes to be sent/
			]);
			await writer.write(commandframe);
			}, 3000); // send a frame every 3000ms

			while (port.readable && keepReading) {
			try {
			while (true) {
			const { value, done } = await reader.read();
			if (done) {
			// Allow the serial port to be closed later.
			reader.releaseLock();
			// Allow the serial port to be closed later.
			writer.releaseLock();
			break;
			}
			if (value) {
			/* TODO: deal with the data value */
			dealWithData(value);
			}
			}
			} catch (error) {
			// Handle non-fatal read error.
			console.error(error);
			} finally {
			console.log(port.readable, keepReading);
			}
			}
			clearInterval(writeInt);
			await port.close();
			console.log("port closed");
			});
			/* butConnect listener above */

			/* function dealWithData below */
			function dealWithData(value) {
			// check the frame
			function checkSum(buf) {
			let checksum = 0;
			buf.forEach((val, idx) => {
			if (idx > 0 && idx < 12) {
			checksum += val;
			} else if (idx == 12) {
			checksum = (~checksum & 0xff) + 1;
			}
			});
			return buf[12] == checksum;
			}

			if (checkSum(value)) {
			// parse the frame
			let ugpm3 = (value[2] << 8) \| value[3];
			let heat = ((value[8] << 8) \| value[9]) / 100;
			let humidity = ((value[10] << 8) \| value[11]) / 100;
			let datatime = new Date();
			let frame = {
			datatime,
			ugpm3,
			heat,
			humidity,
			};

			// record the frame
			receivedframe.push(frame);

			// print data on the page
			dataList.innerHTML += `<p>[${datatime.toLocaleString()}] -> ugpm3: ${ugpm3}, heat: ${heat}, humidity: ${humidity}</p>`;

			// update the chart
			chart.data.labels.push(datatime.toLocaleTimeString());
			chart.data.datasets.forEach((dataset) => {
			dataset.data.push(frame[dataset.label]);
			});
			chart.update();
			}
			}
			/* function dealWithData above */

			/* butEnd listener below */
			document.getElementById("butEnd").addEventListener("click", async () => {
			keepReading = false;
			reader.cancel();
			// create a new handle
			const jsonHandle = await window.showSaveFilePicker();
			// create a FileSystemWritableFileStream to write to
			const writableStream = await jsonHandle.createWritable();
			// write our file
			const aBlob = new Blob([JSON.stringify(receivedframe)], {
			type: "text/plain",
			});
			await writableStream.write(aBlob);
			receivedframe = [];
			// close the file and write the contents to disk.
			await writableStream.close();
			});
			/* butEnd listener above */
			</script>

			</body>
			</html>