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


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260
							<!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>
		</div>
		<h4 class="text-center pb-2 dk-report-title" style="font-size: 60px; font-weight: bolder;color: #f8f9fa;">二检看板</h4>
		<table id="二检" class="table-hover  table-striped" style="font-size: 14px; width: 1866px; margin-left: 27px; margin-top: -10px;">
			<thead style="border: 1px solid #38dcff ">
				<tr style="height: 47px; width: 1866px;">
					<!--<td scope="col" class="text-center" style="width: 130px; font-size: 40px; color: #f8f9fa;"><div id="wendu" name="wendu"></div></td>
					<td id="shidu" name="shidu" scope="col" class="text-center" style="width: 130px; font-size: 40px; color: #f8f9fa;"><div id="shidu" name="shidu"></div></td>-->
					<td scope="col" class="text-center" style="text-align: right;width: 130px; font-size: 30px; color: #f8f9fa; ">
						<div id="dqsj" name="dqsj" style="float: right"></div>
					</td>
				</tr>
			</thead>
		</table>
		<div>
			<table class="table-hover  table-striped" style="font-size: 14px; width: 1866px; margin-left: 27px; margin-top: -15px;">
				<tr style="height: 47px; width: 1866px;">
					<td scope="col" class="text-center" id="sumjs" style="width: 918px; font-size: 75px; color: #f8f9fa; ">--</td>
					<td scope="col" class="text-center" id="sumhgl" style="width: 918px; font-size: 75px; color: #f8f9fa; ">总合格率：100%</td>
				</tr>
			</table>

			<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 scope="col" class="text-center" id="CrackSum" style="width: 918px; font-size: 55px; color: #f8f9fa; " colspan="10">--</td>
				</tr>
			</table>
		</div>
		<!-- #region 横板 -->

		<div class="box_body" style="display: flex; flex-direction: column; margin-top:-1%;margin-left:27px;">
			<!--表格-->
			<div style="width: 1866px; height: 830px; display: flex; flex-direction: row; ">
				<div style="width: 60%; height: 930px; padding-right: 2px;">
					<table cellspacing="0" cellpadding="0" border="0" style="width: 100%; font-size: 35px;">
						<tr class="tr_title_warning" style=" font-size: 45px;">
							<td colspan="9" style="color:white;" id="lieone">裂(一线):</td>
						</tr>
						<tr class="tr_title_warning" style=" font-size: 35px;">
							<td style="font-size: 30px; color: white; width: 30%;">责任工号</td>
							<td style="font-size: 30px; color: white; width: 30%">位置</td>
							<td style="font-size: 30px; color: white; width: 30%">数量</td>
						</tr>
					</table>
					<div style="display: flex; height: 600px; overflow: hidden;;margin-top:-13px">
						<table id="firstTable_template" style="display:none;">
							<tr class="tr_title_warning" style="height: 30px; font-size: 35px; ">
								<td style="font-size: 30px; color: white; width: 30%">{dg}</td>
								<td style="font-size: 15px; color: white; width: 30% ">{dp}</td>
								<td style="font-size: 30px; color: white; width: 30%">{dc}</td>
							</tr>
						</table>
						<table id="firstTable" cellspacing="0" cellpadding="0" border="0" style="width: 100%; ">
						</table>
					</div>
				</div>
				<div style="width: 60%;height:930px;">
					<table cellspacing="0" cellpadding="0" border="0" style="width: 100%;">
						<tr class="tr_title_warning" style=" font-size: 45px;">
							<td colspan="9" style="color:white;" id="lietwo">裂(二线):</td>
						</tr>
						<tr class="tr_title_warning" style=" font-size: 35px;">
							<td style="font-size: 30px; color: white; width: 30%">责任工号</td>
							<td style="font-size: 30px; color: white; width: 30%">位置</td>
							<td style="font-size: 30px; color: white; width: 30%">数量</td>
						</tr>
					</table>
					<div style="display: flex; height: 600px; overflow: hidden;; margin-top: -13px ">
						<table id="SecondTable_template" style="display: none; ">
							<tr class="tr_bg_light_orange" style="height:30px;">
								<td style="font-size: 30px; color: white; width: 30% ">{mg}</td>
								<td style="font-size: 15px; color: white; width: 30%">{mp}</td>
								<td style="font-size: 30px; color: white; width: 30% ">{mc}</td>
							</tr>
						</table>
						<table id="SecondTable" cellspacing="0" cellpadding="0" border="0" style="width: 100%;">
						</table>
					</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">
		setTimeout("window.location.href= 'http://172.19.22.31:9200/main/Procedure/test8/SecondaryCheck.html'", 60000);
	</script>
	<script>
		//实时缺陷刷新时间
		var refreshTime2 = 30000;
		var currentTime2 = 0;
		var firstInterval;
		var firstTableRowCount = 0;
		var SecondInterval;
		var SecondTableRowCount = 0;
		$(document).ready(function () {
			firstDayTable();
			SecondDayTable();
			TableLoad();
			doGetTime = setInterval(function () { TableLoad(); }, 15000);
			//刷新时间
			loadServerTime();
			doGetTime = setInterval(function () { FastTable(); }, 15000);
			doGetTime = setInterval(function () { loadServerTime(); }, 5000);
		});
		function loadServerTime() {
			$.get('SecondaryCheckTwo.ashx?m=fwq', function (data) {
				var json = JSON.parse(data);
				if (json["success"] == true) {
					$('#dqsj').html(json["sj"]);
				}
			});
		}
		function FastTable() {
			Jssum();
			//总合格率
			HGL();
			CrackSum();
		}
		function TableLoad() {
			if (firstTableRowCount <= 10) {
				doGetTime = setInterval(function () { firstDayTable(); }, 15000);
			}
			if (SecondTableRowCount <= 10) {
				doGetTime = setInterval(function () { SecondDayTable(); }, 15000);
			}
		}
		function CrackSum() {
			$.get('SecondaryCheckTwo.ashx?m=SumCrack', function (data) {
				var json = JSON.parse(data);
				if (json["success"] == true) {
					$('#lieone').text("裂(一线)：" + json["rows"][0]["一线"]);
					$('#lietwo').text("裂(二线)：" + json["rows"][1]["一线"]);
					$('#CrackSum').text("裂总量：" + json["rows"][2]["一线"]);
				}
			});
		}
		function firstTableScroll() {
			var scrollHeight = $("#firstTable_template").find("tr").outerHeight();
			$("#firstTable").animate({ marginTop: -scrollHeight, }, 500,
				function () {
					$(this).css({ marginTop: "0px", }).find("tr:first").appendTo(this);
					if (firstTableRowCount > -1) {
						firstTableRowCount--;
					} else {
						clearInterval(firstInterval);
						firstDayTable();
					}
				}
			);
		}
		//明细表
		function firstDayTable() {
			$.get("SecondaryCheckTwo.ashx?m=firstTable", 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('{dg}', json["rows"][i]['CODE']);
						temp = temp.replace('{dp}', json["rows"][i]['位置统计']);
						temp = temp.replace('{dc}', json["rows"][i]['一线产量']);
						$("#firstTable").append(temp);
					}
					firstTableRowCount = json["rows"].length;
                    if (firstTableRowCount > 10) {
						firstInterval = setInterval(firstTableScroll, 2000);
					}

				}
			});
		}

		function SecondTableScroll() {
			var scrollHeight = $("#SecondTable_template").find("tr").outerHeight();
			$("#SecondTable").animate({ marginTop: -scrollHeight, }, 500,
				function () {
					$(this).css({ marginTop: "0px", }).find("tr:first").appendTo(this);
					if (firstTableRowCount > -1) {
						firstTableRowCount--;
					} else {
						clearInterval(SecondInterval);
						SecondDayTable();
					}
				}
			);
		}
		//明细表
		function SecondDayTable() {
			$.get("SecondaryCheckTwo.ashx?m=SecondTable", 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('{mg}', json["rows"][i]['CODE']);
						temp = temp.replace('{mp}', json["rows"][i]['位置统计']);
						temp = temp.replace('{mc}', json["rows"][i]['二线产量']);
						$("#SecondTable").append(temp);
					}
					SecondTableRowCount = json["rows"].length;
					if (SecondTableRowCount > 10) {
						SecondInterval = setInterval(SecondTableScroll, 2000);
					}

				}
			});
		}

			//加载数据到表格控件
	</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>