ruoxing.wang
2 months ago
8 changed files with 1905 additions and 357 deletions
File diff suppressed because it is too large
@ -0,0 +1,17 @@ |
|||||
|
using System; |
||||
|
using System.Collections.Generic; |
||||
|
using System.Linq; |
||||
|
using System.Web; |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// JsonModel 的摘要说明
|
||||
|
/// </summary>
|
||||
|
public class JsonModel |
||||
|
{ |
||||
|
public JsonModel() |
||||
|
{ |
||||
|
//
|
||||
|
// TODO: 在此处添加构造函数逻辑
|
||||
|
//
|
||||
|
} |
||||
|
} |
@ -0,0 +1,89 @@ |
|||||
|
<!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="jquery-1.8.0.min.js"></script> |
||||
|
<link href="StyleSheet.css" rel="stylesheet" /> |
||||
|
<script> |
||||
|
$(function () { |
||||
|
setInterval("GetTime()", 1000); |
||||
|
setInterval("initTable()", 3000); |
||||
|
//initTable(); |
||||
|
setTimeout(jumurl, 15000); |
||||
|
}); |
||||
|
|
||||
|
function jumurl() { |
||||
|
window.location.href = '/Default2.html'; |
||||
|
} |
||||
|
|
||||
|
function initTable() { |
||||
|
$.ajax({ |
||||
|
type: "GET", |
||||
|
url: "/Handler.ashx?method=GetTable3", |
||||
|
dataType: "text", |
||||
|
success: function (result1) { |
||||
|
$("#table1").html(result1); |
||||
|
} |
||||
|
}) |
||||
|
|
||||
|
$.ajax({ |
||||
|
type: "GET", |
||||
|
url: "/Handler.ashx?method=GetTable4", |
||||
|
dataType: "text", |
||||
|
success: function (result2) { |
||||
|
$("#table2").html(result2); |
||||
|
} |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
function GetTime() { |
||||
|
var today = new Date(); |
||||
|
$("#DivTimer").html('<br>' + today.Format("yyyy-MM-dd hh:mm:ss") + '<br>'); |
||||
|
} |
||||
|
|
||||
|
// 对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; |
||||
|
} |
||||
|
</script> |
||||
|
</head> |
||||
|
<body> |
||||
|
<table> |
||||
|
<tr> |
||||
|
<td> |
||||
|
<table id="TableTitle"><tr><td id="tdImg"><img id="Img"></td><td id="Title">注塑车间塑料粒子加料目视看板</td><td style="border-right:hidden;"><div id="DivTimer"></div></td></tr></table> |
||||
|
</td> |
||||
|
</tr> |
||||
|
<tr> |
||||
|
<td> |
||||
|
<div id="table1"> |
||||
|
</div> |
||||
|
</td> |
||||
|
</tr> |
||||
|
<tr> |
||||
|
<td> |
||||
|
<div id="table2"> |
||||
|
</div> |
||||
|
</td> |
||||
|
</tr> |
||||
|
</table> |
||||
|
</body> |
||||
|
</html> |
@ -0,0 +1,88 @@ |
|||||
|
<!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="jquery-1.8.0.min.js"></script> |
||||
|
<link href="StyleSheet.css" rel="stylesheet" /> |
||||
|
<script> |
||||
|
$(function () { |
||||
|
setInterval("GetTime()", 1000); |
||||
|
setInterval("initTable()", 3000); |
||||
|
setTimeout(jumurl, 15000); |
||||
|
}); |
||||
|
|
||||
|
function jumurl() { |
||||
|
window.location.href = '/Default.html'; |
||||
|
} |
||||
|
|
||||
|
function initTable() { |
||||
|
$.ajax({ |
||||
|
type: "GET", |
||||
|
url: "/Handler.ashx?method=GetTable5", |
||||
|
dataType: "text", |
||||
|
success: function (result1) { |
||||
|
$("#table1").html(result1); |
||||
|
} |
||||
|
}) |
||||
|
|
||||
|
$.ajax({ |
||||
|
type: "GET", |
||||
|
url: "/Handler.ashx?method=GetTable6", |
||||
|
dataType: "text", |
||||
|
success: function (result2) { |
||||
|
$("#table2").html(result2); |
||||
|
} |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
function GetTime() { |
||||
|
var today = new Date(); |
||||
|
$("#DivTimer").html('<br>' + today.Format("yyyy-MM-dd hh:mm:ss") + '<br>'); |
||||
|
} |
||||
|
|
||||
|
// 对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; |
||||
|
} |
||||
|
</script> |
||||
|
</head> |
||||
|
<body> |
||||
|
<table> |
||||
|
<tr> |
||||
|
<td> |
||||
|
<table id="TableTitle"><tr><td id="tdImg"><img id="Img"></td><td id="Title">注塑车间塑料粒子加料目视看板</td><td style="border-right:hidden;"><div id="DivTimer"></div></td></tr></table> |
||||
|
</td> |
||||
|
</tr> |
||||
|
<tr> |
||||
|
<td> |
||||
|
<div id="table1"> |
||||
|
</div> |
||||
|
</td> |
||||
|
</tr> |
||||
|
<tr> |
||||
|
<td> |
||||
|
<div id="table2"> |
||||
|
</div> |
||||
|
</td> |
||||
|
</tr> |
||||
|
</table> |
||||
|
</body> |
||||
|
</html> |
@ -0,0 +1,73 @@ |
|||||
|
<!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="jquery-1.8.0.min.js"></script> |
||||
|
<link href="StyleSheet.css" rel="stylesheet" /> |
||||
|
<script> |
||||
|
$(function () { |
||||
|
initTableY(0); |
||||
|
}); |
||||
|
|
||||
|
function initTableY(j) { |
||||
|
$.ajax({ |
||||
|
type: "GET", |
||||
|
url: "/Handler.ashx?method=GetTableY&pa=" + j, |
||||
|
dataType: "text", |
||||
|
success: function (result) { |
||||
|
$("#table1").html(result); |
||||
|
} |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
function GetTime() { |
||||
|
var today = new Date(); |
||||
|
$("#DivTimer").html('<br>' + today.Format("yyyy-MM-dd hh:mm:ss") + '<br>'); |
||||
|
} |
||||
|
|
||||
|
// 对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; |
||||
|
} |
||||
|
</script> |
||||
|
</head> |
||||
|
<body> |
||||
|
<table> |
||||
|
<tr> |
||||
|
<td> |
||||
|
<table id="TableTitle"><tr><td id="tdImg"><img id="Img"></td><td id="Title">注塑车间塑料粒子加料目视看板</td><td style="border-right:hidden;"><div id="DivTimer"></div></td></tr></table> |
||||
|
</td> |
||||
|
</tr> |
||||
|
<tr> |
||||
|
<td> |
||||
|
<div id="table1"> |
||||
|
</div> |
||||
|
</td> |
||||
|
</tr> |
||||
|
<tr> |
||||
|
<!--<td> |
||||
|
<div id="table2"> |
||||
|
</div> |
||||
|
</td>--> |
||||
|
</tr> |
||||
|
</table> |
||||
|
</body> |
||||
|
</html> |
@ -0,0 +1,98 @@ |
|||||
|
<!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="jquery-1.8.0.min.js"></script> |
||||
|
<link href="StyleSheet.css" rel="stylesheet" /> |
||||
|
<script> |
||||
|
$(function () { |
||||
|
//setInterval("GetTime()", 1000); |
||||
|
initTable(); |
||||
|
//setInterval("initTable()", 15000); |
||||
|
|
||||
|
//initTableX(20); |
||||
|
}); |
||||
|
|
||||
|
function initTable() { |
||||
|
var i = new Array("0", "10", "20"); |
||||
|
|
||||
|
for (var j = 0; j < 3; j++) |
||||
|
{ |
||||
|
( |
||||
|
function (j) |
||||
|
{ |
||||
|
setTimeout( |
||||
|
function () |
||||
|
{ |
||||
|
initTableX(i[j]); |
||||
|
}, (j + 1) * 5000 ); |
||||
|
} |
||||
|
)(j) |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
|
||||
|
function initTableX(j) { |
||||
|
$.ajax({ |
||||
|
type: "GET", |
||||
|
url: "/Handler.ashx?method=GetTableX&pa=" + j, |
||||
|
dataType: "text", |
||||
|
success: function (result) { |
||||
|
var str = result.split(';'); |
||||
|
$("#table1").html(str[0]); |
||||
|
$("#table2").html(str[1]); |
||||
|
} |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
function GetTime() { |
||||
|
var today = new Date(); |
||||
|
$("#DivTimer").html('<br>' + today.Format("yyyy-MM-dd hh:mm:ss") + '<br>'); |
||||
|
} |
||||
|
|
||||
|
// 对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; |
||||
|
} |
||||
|
</script> |
||||
|
</head> |
||||
|
<body> |
||||
|
<table> |
||||
|
<tr> |
||||
|
<td> |
||||
|
<table id="TableTitle"><tr><td id="tdImg"><img id="Img"></td><td id="Title">注塑车间塑料粒子加料目视看板</td><td style="border-right:hidden;"><div id="DivTimer"></div></td></tr></table> |
||||
|
</td> |
||||
|
</tr> |
||||
|
<tr> |
||||
|
<td> |
||||
|
<div id="table1"> |
||||
|
</div> |
||||
|
</td> |
||||
|
</tr> |
||||
|
<tr> |
||||
|
<td> |
||||
|
<div id="table2"> |
||||
|
</div> |
||||
|
</td> |
||||
|
</tr> |
||||
|
</table> |
||||
|
</body> |
||||
|
</html> |
Loading…
Reference in new issue