233 lines
9.4 KiB
Plaintext
233 lines
9.4 KiB
Plaintext
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Room.aspx.cs"
|
||
Inherits="BeginScreen.Room" %>
|
||
|
||
<!DOCTYPE html>
|
||
|
||
<html xmlns="http://www.w3.org/1999/xhtml" style="height: 100%;">
|
||
<head id="Head1" runat="server">
|
||
<script src="js/jquery.min.js" type="text/javascript"></script>
|
||
<script src="js/speak.js"></script>
|
||
<script language="javascript" src="js/url.js" charset="utf-8"></script>
|
||
<style type="text/css">
|
||
thead tr:last-child td {
|
||
height: 50px;
|
||
}
|
||
|
||
tbody td {
|
||
background: none !important;
|
||
color: #fff !important;
|
||
border-bottom: 15px solid #62906900 !important;
|
||
}
|
||
|
||
tbody td div {
|
||
width: 100%;
|
||
height: 100%;
|
||
line-height: 50px;
|
||
background: #E46705 !important;
|
||
border-top: 1.9px solid #fff;
|
||
border-bottom: 1.9px solid #fff;
|
||
}
|
||
|
||
tbody tr td:first-child {
|
||
padding-left: 1%;
|
||
}
|
||
|
||
tbody tr td:last-child {
|
||
padding-right: 1%;
|
||
}
|
||
|
||
tbody tr td:first-child div {
|
||
border-left: 1.9px solid #fff;
|
||
border-top-left-radius: 30px;
|
||
border-bottom-left-radius: 30px;
|
||
}
|
||
|
||
tbody tr td:last-child div {
|
||
border-right: 1.9px solid #fff;
|
||
border-top-right-radius: 30px;
|
||
border-bottom-right-radius: 30px;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body style="margin: 0; background: linear-gradient(#0E101A,#DF8A53); height: 100%;" bgcolor="#000000" id="Mybody">
|
||
|
||
<table id="table" border="0" width='100%' height='92%' cellpadding="0" cellspacing="0">
|
||
<thead>
|
||
<tr style="background: linear-gradient(#08413C,#28A1A9); color: white; margin-bottom: 6px; font-size: 28px; font-family: 微软雅黑;">
|
||
<td colspan="10" align="center" valign="middle" height="10%" style="padding: 6px;">
|
||
<div onclick="speak('');" style="left: 10px; top: 10px; position: absolute; font-size: 25px; font-family: 微软雅黑;">
|
||
秦皇岛市工人医院
|
||
</div>
|
||
今日手术
|
||
<div style="right: 180px; top: 22px; position: absolute; font-size: 20px;">
|
||
<div id="currentTime">
|
||
</div>
|
||
<div id="currentHour"></div>
|
||
</div>
|
||
<div style="right: 20px; top: 22px; position: absolute; font-size: 20px;">
|
||
<div id="js">
|
||
</div>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
<tr style="/*background: #2D9131; */ color: white; margin-bottom: 6px; font-size: 19px; font-family: 微软雅黑;">
|
||
<td width="1%" align="center" valign="middle" height="5%" style="padding: 6px;"></td>
|
||
<td width="20%" align="center" valign="middle" height="5%" style="padding: 6px;">科室
|
||
</td>
|
||
<td width="15%" align="center" valign="middle" height="5%" style="padding: 6px;">床号
|
||
</td>
|
||
<td width="16%" align="center" valign="middle" height="5%" style="padding: 6px;">姓名
|
||
</td>
|
||
<td width="24%" align="center" valign="middle" height="5%" style="padding: 6px;">状态
|
||
</td>
|
||
</tr>
|
||
</thead>
|
||
<tbody id="Mytbody" style="background: linear-gradient(#221A1C,#DF8A53);">
|
||
</tbody>
|
||
</table>
|
||
<table id="table1" table border="0" width='100%' height='0' cellpadding="0" cellspacing="0">
|
||
<tbody id="Mytbody1" style="background: linear-gradient(#221A1C,#DF8A53);">
|
||
<tr style="position: fixed; bottom: 0; width: 100%;">
|
||
<td colspan="10" style="border-bottom: 0 !important; display: block;">
|
||
<div style="background: #016768 !important; border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom: 0; padding: 0 5%; height: 60px; width: 89%; position: relative;">
|
||
<div style="background: #17233B!important; width: 99%; height: 40px; margin-top: 10px; padding: 0 0px;">
|
||
<marquee id="marqueeid" direction="left" scrollamount="6" style="font-family: sans-serif; font-size: 25px; color: #fff; height: 40px; line-height: 40px; font-weight: bold;"></marquee>
|
||
</div>
|
||
<span style="display: block; width: 20px; height: 20px; background: red; position: absolute; left: 1.8%; top: 22px; border-radius: 50%; border: 1px solid #fff;"></span>
|
||
<span style="display: block; width: 20px; height: 20px; background: red; position: absolute; right: 1.8%; top: 22px; border-radius: 50%; border: 1px solid #fff;"></span>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
<%-- <audio id="myaudio" src="/static/Record.wav" loop="loop" /><%-- muted="muted"--%> --%>
|
||
|
||
</body>
|
||
<script type="text/javascript">
|
||
|
||
var messId = 0;
|
||
var sendType = "";
|
||
|
||
var tbodyobj = document.getElementById('Mytbody');
|
||
var marqueeid = document.getElementById('marqueeid');
|
||
setInterval(load, 10000);
|
||
var WorkerCurrentPage = 1;
|
||
load();
|
||
var countPage;
|
||
|
||
function load() {
|
||
if (WorkerCurrentPage > countPage) {
|
||
WorkerCurrentPage = 1;
|
||
}
|
||
$.ajax({
|
||
type: "POST",
|
||
url: "WaitingHandler.ashx?cmd=GetHtml&WorkerCurrentPage=" + WorkerCurrentPage,
|
||
dataType: 'json',
|
||
async: false,
|
||
success: function (result) {
|
||
var data = eval(result);
|
||
if (data.success) {
|
||
tbodyobj.innerHTML = data.html;
|
||
sendType = data.sendType;
|
||
messId = data.messId;
|
||
marqueeid.innerHTML = data.msg;
|
||
//if (data.msg != "") {
|
||
// //var audio = document.getElementById("myaudio");
|
||
// //var promise = audio.play();
|
||
// let mp3 = new Audio('/static/Record.wav') // 创建音频对象
|
||
// mp3.loop = true
|
||
// mp3.play() // 播放
|
||
//}
|
||
countPage = data.countPage;
|
||
$("#js").html('（第' + WorkerCurrentPage + '屏/共' + data.countPage + '屏）');
|
||
}
|
||
}
|
||
});
|
||
WorkerCurrentPage = WorkerCurrentPage + 1
|
||
}
|
||
//function testAutoPlay() {
|
||
// // 返回一个promise以告诉调用者检测结果
|
||
// return new Promise(resolve => {
|
||
// let audio = document.createElement('audio');
|
||
// // require一个本地文件，会变成base64格式
|
||
// audio.src = require('/static/Record.wav');
|
||
// document.body.appendChild(audio);
|
||
// let autoplay = true;
|
||
// // play返回的是一个promise
|
||
// audio.play().then(() => {
|
||
// // 支持自动播放
|
||
// autoplay = true;
|
||
// }).catch(err => {
|
||
// // 不支持自动播放
|
||
// autoplay = false;
|
||
// }).finally(() => {
|
||
// audio.remove();
|
||
// // 告诉调用者结果
|
||
// resolve(autoplay);
|
||
// });
|
||
// });
|
||
//}
|
||
|
||
Date.prototype.format = function (format) {
|
||
var o = {
|
||
"M+": this.getMonth() + 1, //month
|
||
"d+": this.getDate(), //day
|
||
"h+": this.getHours(), //hour
|
||
"m+": this.getMinutes(), //minute
|
||
"s+": this.getSeconds(), //second
|
||
"q+": Math.floor((this.getMonth() + 3) / 3), //quarter
|
||
"S": this.getMilliseconds() //millisecond
|
||
}
|
||
|
||
if (/(y+)/.test(format)) {
|
||
format = format.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
|
||
}
|
||
var week = {
|
||
"0": "日",
|
||
"1": "一",
|
||
"2": "二",
|
||
"3": "三",
|
||
"4": "四",
|
||
"5": "五",
|
||
"6": "六"
|
||
};
|
||
if (/(E+)/.test(format)) {
|
||
format = format.replace(RegExp.$1, ((RegExp.$1.length > 1) ? (RegExp.$1.length > 2 ? "星期" : "周") : "") + week[this.getDay() + ""]);
|
||
}
|
||
|
||
for (var k in o) {
|
||
if (new RegExp("(" + k + ")").test(format)) {
|
||
format = format.replace(RegExp.$1, RegExp.$1.length == 1 ? o[k] : ("00" + o[k]).substr(("" + o[k]).length));
|
||
}
|
||
}
|
||
return format;
|
||
}
|
||
|
||
$(function () {
|
||
var _timestamp
|
||
getSoundAccess();
|
||
$.ajax({
|
||
type: "POST",
|
||
url: "RoomHandler.ashx?cmd=GetHtmlTime",
|
||
async: false,
|
||
success: function (result) {
|
||
_timestamp = Date.parse(result);
|
||
$("#currentTime").text(new Date(_timestamp).format("yyyy年MM月dd日") + " " + GetWeek(_timestamp));
|
||
setInterval(function () {
|
||
$("#currentTime").text(new Date(_timestamp).format("yyyy年MM月dd日") + " " + GetWeek(_timestamp));
|
||
_timestamp += 1000;
|
||
}, 1000);
|
||
|
||
}
|
||
});
|
||
});
|
||
|
||
function GetWeek(_timestamp) {
|
||
var a = new Array("日", "一", "二", "三", "四", "五", "六");
|
||
var week = new Date(_timestamp).getDay();
|
||
var str = "星期" + a[week];
|
||
return str;
|
||
}
|
||
</script>
|
||
</html>
|