DK-MES-2.0
/
HEGII.gt.mes.dashboard


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306
							<!doctype html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<link rel="shortcut icon" href="/img/logo.png" />
	<link rel="bookmark" href="/img/logo.png" />
	<link rel="stylesheet" href="/plugins/bootstrap-4.3.1/css/bootstrap.min.css">
	<link rel="stylesheet" href="/plugins/font-awesome-4.7.0/css/font-awesome.min.css">
	<link href="/Plugins/bootstrap-table/bootstrap-table.min.css" rel="stylesheet" />
	<link rel="stylesheet" href="../DashBoard.css?v3" />
	<script src="/Plugins/jquery-3.4.1/jquery-3.4.1.min.js"></script>
	<script src="/Plugins/xrequest/xrequest.min.js"></script>
	<title>东科软件</title>
</head>
<body class="bg-white p-0 dk-report">

		<!--实时缺陷记录-->
	<div class="container-fluid pt-1 p-0 box_1920_1080">
		<div class="position-absolute">
			<span id="实时缺陷加载" class="dk-report-loading" style="padding-left: 290px;font-size: 13px;color: #38dcff;font-weight: 700;float: left;padding-top: 40px;"></span>
			<span id="页面跳转" class="dk-report-loading" style="padding-left: 1080px; font-size: 20px; color: #38dcff; font-weight: 700; float: left; margin-top: 40px; margin-left:-1070px ">页面跳转倒计时</span>
		</div>
		<h4 class="text-center pb-2 dk-report-title" style="font-size: 60px; font-weight: bolder;color: #f8f9fa;">一检看板</h4>

		<div id="1" class="box_body" style="display: flex; flex-direction: column; display:block;">
			<div>
				<table class="table-hover  table-striped" style="font-size: 14px; width: 1864px; margin-left: -13px; margin-top: -28px;">
					<tr style="height: 27px; width: 1866px;">
						<td scope="col" class="text-center" id="" style="width: 818px; font-size: 65px; color: #f8f9fa; " colspan="10">交坯质量</td>
					</tr>
				</table>
			</div>
			<h3 class="text-center pb-2 dk-report-title" style="font-size: 35px; font-weight: bolder; color: #f8f9fa; margin-top: -60px; margin-left:-1490px">1#一检交接的产量:<span id="SUMALL" name="SUMALL">0</span></h3>
			<h3 class="text-center pb-2 dk-report-title" style="font-size: 35px; font-weight: bolder; color: #f8f9fa; margin-top: -55px; margin-left: 1449px"><span id="dqsjone" name="dqsjone">0000年00月00日00:00</span></h3>
			<!-- #region 横板 -->
			<div class="box_body" style="display: flex; flex-direction: column; margin-top:-1.1%;margin-left:-8px;">
				<!--表格-->
				<div style="width: 1866px; height: 100%; display: flex; flex-direction: row; margin-top: 2px; margin-left: -5px;">
					<div style="width: 100%; height: 100%; padding-right: 2px;">
						<table cellspacing="0" cellpadding="0" border="0" style="width: 100%; font-size: 35px;">
							<tr class="tr_title_warning" style=" font-size: 35px;">
								<td style="font-size: 40px; color: white; width: 13%;">一检工号</td>
								<td style="font-size: 35px; color: white; width: 15%; ">缺陷信息</td>
								<td style="font-size: 35px; color: white; width: 15%; ">裂</td>
								<td style="font-size: 35px; color: white; width: 15%; ">不平</td>
								<td style="font-size: 35px; color: white; width: 15%;">其他</td>
								<td style="font-size: 35px; color: white; width: 13%;">合格率</td>
								<td style="font-size: 35px; color: white; width: 12%;">产量</td>
							</tr>
						</table>
						<div style="display: flex; height: 100%; overflow: hidden; margin-top: -13px">
							<table id="firstTable_template" style="display:none;">
								<tr class="tr_title_warning" style=" font-size: 35px;">
									<td rowspan="2" style="font-size: 40px; color: white; width: 13%; ">{gh}</td>
									<td style="font-size: 30px; color: white; width: 15%; ">数量</td>
									<td style="font-size: 30px; color: white; width: 15%; ">{lie}</td>
									<td id="bp03sl" style="font-size: 30px; color: white; width: 15%; ">{bp}</td>
									<td id="qt03sl" style="font-size: 30px; color: white; width: 15%; ">{qt}</td>
									<td rowspan="2" id="hgl03" style="font-size: 30px; color: white; width: 13%; ">{hgl}</td>
									<td rowspan="2" id="cl03" style="font-size: 30px; color: white; width: 12%; ">{cl}</td>
								</tr>
								<tr class="tr_title_warning" style=" font-size: 35px;">
									<td style="font-size: 30px; color: white; width: 15%;">前三不良</td>
									<td id="l03sl" style="font-size: 20px; color: white; width: 15%; ">{lbl}</td>
									<td id="bp03sl" style="font-size: 20px; color: white; width: 15%; ">{bpbl}</td>
									<td id="qt03sl" style="font-size: 20px; color: white; width: 15%; ">{qtbl}</td>
								</tr>
							</table>
							<table id="firstTable" cellspacing="0" cellpadding="0" border="0" style="width: 100%; ">
							</table>
						</div>

					</div>
				</div>
			</div>

		</div>
		<div id="2"  style="display: flex; flex-direction: column; display:none;">
			<div >
				<table class="table-hover  table-striped" style="font-size: 14px; width: 1866px; margin-left: 27px; margin-top: -15px;">
					<tr style="height: 27px; width: 1866px;">
						<td class="text-center" id="CrackSum" style="width: 918px; font-size: 65px; color: #f8f9fa; " colspan="10">重点关注成型线 </td>
					</tr>
				</table>
				<h3 class="text-center pb-2 dk-report-title" style="font-size: 30px; font-weight: bolder; color: #f8f9fa; margin-top: -60px; margin-left: 1446px"><span id="dqsj" name="dqsj">0000年00月00日00:00:00</span></h3>
			</div>
			<!-- #region 横板 -->

			<div class="box_body" style="display: flex; flex-direction: column; margin-top:-0.4%;margin-left:27px;">
				<!--表格-->
				<div style="width: 1866px; height: 980px; display: flex; flex-direction: row; ">
					<div style="width: 100%; height: 800px; padding-right: 1px;">
						<table cellspacing="0" cellpadding="0" border="0" style="width: 100%; font-size: 30px;">
							<tr class="tr_title_warning" style=" font-size: 35px;">
								<td style="font-size: 40px; color: white; width: 10%;">序号</td>
								<td style="font-size: 40px; color: white; width: 15%;">成型线</td>
								<td style="font-size: 40px; color: white; width: 13% ">成型工号</td>
								<td style="font-size: 40px; color: white; width: 13% ">产品编码</td>
								<td style="font-size: 40px; color: white; width: 23% ">注浆信息</td>
								<td style="font-size: 40px; color: white; width: 25% ">本日计划交坯需关注件数</td>
							</tr>
						</table>
						<div style="display: flex; height: 830px; overflow: hidden; margin-top: -18px">
							<table id="secondTable_template" style="display:none;">
								<tr class="tr_title_warning" style="height: 60px; font-size: 35px; ">
									<td style="font-size: 45px; color: white; width: 10%">{xh}</td>
									<td style="font-size: 45px; color: white; width: 15%">{cxx}</td>
									<td style="font-size: 45px; color: white; width: 13% ">{cxgh}</td>
									<td style="font-size: 45px; color: white; width: 13% ">{cpbm}</td>
									<td style="font-size: 45px; color: white; width: 23% ">{zjxx}</td>
									<td style="font-size: 45px; color: white; width: 25% ">{remark}</td>
								</tr>
							</table>
							<table id="secondTable" cellspacing="0" cellpadding="0" border="0" style="width: 100%; ">
							</table>
						</div>
					</div>
				</div>
			</div>
		</div>
		</div>
		<!-- #endregion -->
		<!--版权信息-->
		<script src="/Plugins/bootstrap-4.3.1/js/bootstrap.bundle.min.js"></script>
		<script src="/Plugins/bootstrap-table/bootstrap-table.min.js"></script>
		<script src="/Plugins/bootstrap-table/bootstrap-table-locale-all.min.js"></script>
		<script src="/Plugins/sweetalert/sweetalert.min.js"></script>
		<script src="/Plugins/chartjs-2.8.0/chart-2.8.min.js"></script>
		<script src="/Plugins/chartjs-2.8.0/utils.js"></script>
		<script type="text/javascript">
		
		</script>
		<script>
			var refreshTime2 = 30000;
			var currentTime2 = 0;
			var firstInterval;
			var firstTableRowCount = 0;
			var sencondInterval;
			var showpage = 8; //显示条数
			var pages = 1; //当前页数
			var excesspage;  //剩余条数
			var countpage; //总条数
			//定时翻页
			var showpage1 = 11; //显示条数
			var pages1 = 1; //当前页数
			var excesspage1;  //剩余条数
			var countpage1; //总条数
			var jumptime = 120000;
			var jumptimes = 0;
			var lodpage = 1;
			$(document).ready(function () {
				//刷新时间
				loadServerTimes();
				loadServerTime();
				getPage();
				getPage1();
				SumAll();
				doGetTime = setInterval(function () { loadServerTime(); }, 5000);
				doGetTime = setInterval(function () { loadServerTimes(); }, 5000);
				doGetTime = setInterval(function () { getPage(); }, 3000);
				doGetTime = setInterval(function () { SumAll(); }, 5000);
				jumptimes = jumptime;
				doGetData = setInterval(function () { SecondLode(); }, 1000);
			});
			function SecondLode() {
				if (jumptimes == 0) {
					++lodpage;
					if ((lodpage % 2) == 0) {
						jumptime = 180000;
						sencondInterval = setInterval(function () { getPage1(); }, 10000)
					} else {
						jumptime = 120000;
						clearInterval(sencondInterval);
					}
					jumptimes = jumptime;
					timeUpdate();
				}
				else {
					$("#页面跳转").html('页面跳转倒计时（秒）：' + jumptimes / 1000);
					jumptimes = jumptimes - 1000;
				}
			}

			function timeUpdate() {
				$("#1").toggle("d-none");
				$("#2").toggle("d-none");
				getPage();
				getPage1();
			}

			function SumAll() {
				$.get('Onecheck.ashx?m=SUM', function (data) {
					var json = JSON.parse(data);
					if (json["success"] == true) {
						$('#SUMALL').html(json["sumall"]);
					}
				});
			}
			function loadServerTime() {
				$.get('Onecheck.ashx?m=fwq', function (data) {
					var json = JSON.parse(data);
					if (json["success"] == true) {
						$('#dqsjone').html(json["sj"]);
					}
				});
			}
			function loadServerTimes() {
				$.get('Onecheck.ashx?m=fwq', function (data) {
					var json = JSON.parse(data);
					if (json["success"] == true) {
						$('#dqsj').html(json["sj"]);
					}
				});
			}
			function getPage() {
				$.get('Onecheck.ashx?m=count', function (data) {
					var json = JSON.parse(data);
					if (json["success"] == true) {
						countpage = parseInt(json["counts"]);
					}
				});
				excesspage = countpage - (showpage * pages)
				if (excesspage > 0) {
					pages++;
				}
				else {
					pages = 1;
				}
				$.get('Onecheck.ashx?m=firstTable&&page=' + pages, function (data) {
					var json = JSON.parse(data);
					if (json["success"] == true) {
						$("#firstTable").html("");
						for (var i = 0; i < json["rows"].length;  i++) {
							var temp = $("#firstTable_template").html();
							temp = temp.replace("<tbody>", "").replace("</tbody>", "");
							temp = temp.replace('{gh}', json["rows"][i]['USERCODE']);
							temp = temp.replace('{lie}', json["rows"][i]['数量裂']);
							temp = temp.replace('{bp}', json["rows"][i]['数量不平']);
							temp = temp.replace('{qt}', json["rows"][i]['数量其他']);
							temp = temp.replace('{lbl}', json["rows"][i]['裂']);
							temp = temp.replace('{bpbl}', json["rows"][i]['不平']);
							temp = temp.replace('{qtbl}', json["rows"][i]['其他']);
							temp = temp.replace('{hgl}', json["rows"][i]['合格率']);
							temp = temp.replace('{cl}', json["rows"][i]['产量']);
							$("#firstTable").append(temp);
						}
					}
				});
				
				}
			function getPage1() {
				$.get('Onecheck.ashx?m=secondcount', function (data) {
					var json = JSON.parse(data);
					if (json["success"] == true) {
						countpage1 = parseInt(json["counts"]);
					}
				});
				excesspage1 = countpage1 - (showpage1 * pages1)
				if (excesspage1 > 0) {
					pages1++;
				}
				else {
					pages1 = 1;
				}
				$.get('Onecheck.ashx?m=second&&secondpages=' + pages1, function (data) {
					var json = JSON.parse(data);
					if (json["success"] == true) {
						$("#secondTable").html("");
						for (var i = 0; i < json["rows"].length; i++) {
							var temp = $("#secondTable_template").html();
							temp = temp.replace("<tbody>", "").replace("</tbody>", "");
							temp = temp.replace('{xh}', json["rows"][i]['序号']);
							temp = temp.replace('{cxx}', json["rows"][i]['GROUTINGLINECODE']);
							temp = temp.replace('{cxgh}', json["rows"][i]['USERCODE']);
							temp = temp.replace('{cpbm}', json["rows"][i]['GOODSCODE']);
							temp = temp.replace('{zjxx}', json["rows"][i]['MESSAGE']);
							temp = temp.replace('{remark}', json["rows"][i]['CONCERNMESSAGE']);
							$("#secondTable").append(temp);
						}
					}
				});
			}
								//加载数据到表格控件
		</script>
		<style>
			table {
				height: 40px;
				color: #f8f9fa !important;
				font-size: 20px;
				font-weight: 700;
				background: rgba(25, 52, 90,.5);
				border: 1px solid #38dcff;
				margin-bottom: 1rem;
			}

			td {
				padding: 2px !important;
				text-align: center !important;
				border-bottom: 1px solid #38dcff !important;
				border-right: 1px dashed #38dcff !important;
				border: white;
			}
		</style>
</body>
</html>