You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
197 lines
11 KiB
197 lines
11 KiB
<!DOCTYPE html>
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
|
<title>喷涂上线看板</title>
|
|
<script src="../Scripts/jquery-1.8.0.min.js"></script>
|
|
|
|
<style>
|
|
body {
|
|
margin: 0;
|
|
}
|
|
|
|
.centerT, .centerT tr, .centerT td {
|
|
border-bottom: solid 1px white;
|
|
border-left: solid 1px white;
|
|
border-right: solid 1px white;
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
.title {
|
|
color: white;
|
|
font-family: 黑体;
|
|
font-size: 36px;
|
|
font-weight: 700;
|
|
width: 200px;
|
|
height: 50px;
|
|
text-align: center;
|
|
background-color: blue;
|
|
}
|
|
|
|
.title1 {
|
|
color: white;
|
|
font-family: 黑体;
|
|
font-size: 36px;
|
|
font-weight: 700;
|
|
width: 880px;
|
|
height: 50px;
|
|
text-align: center;
|
|
background-color: blue;
|
|
}
|
|
|
|
.content {
|
|
color: white;
|
|
font-family: 黑体;
|
|
font-size: 24px;
|
|
width: 150px;
|
|
height: 50px;
|
|
line-height: 80px;
|
|
text-align: center;
|
|
}
|
|
|
|
.content1 {
|
|
color: white;
|
|
font-family: 黑体;
|
|
font-size: 24px;
|
|
width: 880px;
|
|
height: 50px;
|
|
line-height: 80px;
|
|
text-align: center;
|
|
}
|
|
|
|
.large_width {
|
|
width: 255px;
|
|
}
|
|
|
|
.min_width {
|
|
width: 150px;
|
|
}
|
|
</style>
|
|
|
|
|
|
|
|
<script>
|
|
$(function () {
|
|
//getTable();
|
|
setInterval("getDate()", 1000);
|
|
setInterval("getTable()", 3000);
|
|
});
|
|
function getDate() {
|
|
var today = new Date();
|
|
$("#DivTimer").text(today.Format("yyyy-MM-dd hh:mm:ss"));
|
|
}
|
|
|
|
// 对Date的扩展，将 Date 转化为指定格式的String
|
|
// 月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符，
|
|
// 年(y)可以用 1-4 个占位符，毫秒(S)只能用 1 个占位符(是 1-3 位的数字)
|
|
// 例子：
|
|
// (new Date()).Format("yyyy-MM-dd hh:mm:ss.S") ==> 2006-07-02 08:09:04.423
|
|
// (new Date()).Format("yyyy-M-d h:m:s.S") ==> 2006-7-2 8:9:4.18
|
|
Date.prototype.Format = function (fmt) { //author: meizz
|
|
var o = {
|
|
"M+": this.getMonth() + 1, //月份
|
|
"d+": this.getDate(), //日
|
|
"h+": this.getHours(), //小时
|
|
"m+": this.getMinutes(), //分
|
|
"s+": this.getSeconds(), //秒
|
|
"q+": Math.floor((this.getMonth() + 3) / 3), //季度
|
|
"S": this.getMilliseconds() //毫秒
|
|
};
|
|
if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
|
|
for (var k in o)
|
|
if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
|
|
return fmt;
|
|
}
|
|
|
|
|
|
function getTable() {
|
|
$.ajax({
|
|
type: "GET",
|
|
url: "../Handler/Handler1.ashx?method=GetTableContent",
|
|
dataType: "json",
|
|
success: function (result) {
|
|
var res = result["result"];
|
|
for (var i = 0; i < res.length; i++) {
|
|
if (i % 2 == 0) {
|
|
if (i == 0) {
|
|
$("td[name='contentRO" + (i + 1) + "']").text(res[i].col1);
|
|
$("td[name='contentRI" + (i + 1) + "']").text(res[i].col2);
|
|
$("td[name='contentRP" + (i + 1) + "']").text(res[i].col3);
|
|
} else {
|
|
$("td[name='contentRO" + i + "']").text(res[i].col1);
|
|
$("td[name='contentRI" + i + "']").text(res[i].col2);
|
|
$("td[name='contentRP" + i + "']").text(res[i].col3);
|
|
}
|
|
} else {
|
|
$("td[name='contentLO" + (Math.floor(i / 2) + 1) + "']").text(res[i].col1);
|
|
$("td[name='contentLI" + (Math.floor(i / 2) + 1) + "']").text(res[i].col2);
|
|
$("td[name='contentLP" + (Math.floor(i / 2) + 1) + "']").text(res[i].col3);
|
|
}
|
|
}
|
|
}
|
|
})
|
|
}
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<div id="div1" style="background-color: black; width: 100%; height: 100%; float: left;">
|
|
<table style="width: 100%; height: 100%">
|
|
<tr>
|
|
<td style="height:120px;width: 100%;display: flex;">
|
|
<div style="background:url('../Pic/Logo_New.png') no-repeat center; background-size: 180px 107px; width:187px; height:120px; display:inline-block; float:left;"></div>
|
|
<div style="color:white;display:inline-block; height: 122px;line-height: 119px; text-align:center; font-size:100px; flex: 1;">喷涂上线信息</div>
|
|
<div id="DivTimer" style="display:inline-block; color:white; font-size:50px; text-align:center; width:550px; line-height:120px; float:left;"></div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="float: left; width: 49.5%;height: 100%">
|
|
<div id="div2" style="width: 100%; height: 100%">
|
|
<table class="centerT">
|
|
<tr><td class="title">零件名称</td><td class="title">颜色</td><td class="title">数量</td></tr>
|
|
<tr><td name="contentLO1" class="content1"></td><td name="contentLI1" class="content"></td><td name="contentLP1" class="content"></td></tr>
|
|
<tr><td name="contentLO2" class="content1"></td><td name="contentLI2" class="content"></td><td name="contentLP2" class="content"></td></tr>
|
|
<tr><td name="contentLO3" class="content1"></td><td name="contentLI3" class="content"></td><td name="contentLP3" class="content"></td></tr>
|
|
<tr><td name="contentLO4" class="content1"></td><td name="contentLI4" class="content"></td><td name="contentLP4" class="content"></td></tr>
|
|
<tr><td name="contentLO5" class="content1"></td><td name="contentLI5" class="content"></td><td name="contentLP5" class="content"></td></tr>
|
|
<tr><td name="contentLO6" class="content1"></td><td name="contentLI6" class="content"></td><td name="contentLP6" class="content"></td></tr>
|
|
<tr><td name="contentLO7" class="content1"></td><td name="contentLI7" class="content"></td><td name="contentLP7" class="content"></td></tr>
|
|
<tr><td name="contentLO8" class="content1"></td><td name="contentLI8" class="content"></td><td name="contentLP8" class="content"></td></tr>
|
|
<tr><td name="contentLO9" class="content1"></td><td name="contentLI9" class="content"></td><td name="contentLP9" class="content"></td></tr>
|
|
<tr><td name="contentL10" class="content1"></td><td name="contentLI10" class="content"></td><td name="contentLP10" class="content"></td></tr>
|
|
<tr><td name="contentL11" class="content1"></td><td name="contentLI11" class="content"></td><td name="contentLP11" class="content"></td></tr>
|
|
<tr><td name="contentL12" class="content1"></td><td name="contentLI12" class="content"></td><td name="contentLP12" class="content"></td></tr>
|
|
<tr><td name="contentL13" class="content1"></td><td name="contentLI13" class="content"></td><td name="contentLP13" class="content"></td></tr>
|
|
<tr><td name="contentL14" class="content1"></td><td name="contentLI14" class="content"></td><td name="contentLP14" class="content"></td></tr>
|
|
<tr><td name="contentL15" class="content1"></td><td name="contentLI15" class="content"></td><td name="contentLP15" class="content"></td></tr>
|
|
</table>
|
|
</div>
|
|
</td>
|
|
<td style="float: right; width: 49.5%;height: 100%">
|
|
<div id="div3" style="width: 100%; height: 100%">
|
|
<table class="centerT">
|
|
<tr><td class="title">零件名称</td><td class="title">颜色</td><td class="title">数量</td></tr>
|
|
<tr><td name="contentRO1" class="content1"></td><td name="contentRI1" class="content"></td><td name="contentRP1" class="content"></td></tr>
|
|
<tr><td name="contentRO2" class="content1"></td><td name="contentRI2" class="content"></td><td name="contentRP2" class="content"></td></tr>
|
|
<tr><td name="contentRO3" class="content1"></td><td name="contentRI3" class="content"></td><td name="contentRP3" class="content"></td></tr>
|
|
<tr><td name="contentRO4" class="content1"></td><td name="contentRI4" class="content"></td><td name="contentRP4" class="content"></td></tr>
|
|
<tr><td name="contentRO5" class="content1"></td><td name="contentRI5" class="content"></td><td name="contentRP5" class="content"></td></tr>
|
|
<tr><td name="contentRO6" class="content1"></td><td name="contentRI6" class="content"></td><td name="contentRP6" class="content"></td></tr>
|
|
<tr><td name="contentRO7" class="content1"></td><td name="contentRI7" class="content"></td><td name="contentRP7" class="content"></td></tr>
|
|
<tr><td name="contentRO8" class="content1"></td><td name="contentRI8" class="content"></td><td name="contentRP8" class="content"></td></tr>
|
|
<tr><td name="contentRO9" class="content1"></td><td name="contentRI9" class="content"></td><td name="contentRP9" class="content"></td></tr>
|
|
<tr><td name="contentR10" class="content1"></td><td name="contentRI10" class="content"></td><td name="contentRP10" class="content"></td></tr>
|
|
<tr><td name="contentR11" class="content1"></td><td name="contentRI11" class="content"></td><td name="contentRP11" class="content"></td></tr>
|
|
<tr><td name="contentR12" class="content1"></td><td name="contentRI12" class="content"></td><td name="contentRP12" class="content"></td></tr>
|
|
<tr><td name="contentR13" class="content1"></td><td name="contentRI13" class="content"></td><td name="contentRP13" class="content"></td></tr>
|
|
<tr><td name="contentR14" class="content1"></td><td name="contentRI14" class="content"></td><td name="contentRP14" class="content"></td></tr>
|
|
<tr><td name="contentR15" class="content1"></td><td name="contentRI15" class="content"></td><td name="contentRP15" class="content"></td></tr>
|
|
</table>
|
|
</div>
|
|
</td>
|
|
|
|
</tr>
|
|
</table>
|
|
|
|
</div>
|
|
</body>
|
|
</html>
|
|
|