309 lines
11 KiB
HTML
309 lines
11 KiB
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||
<head>
|
||
<title>当前手术参与人明细</title>
|
||
<script src="js/jquery.min.js" type="text/javascript"></script>
|
||
<script src="js/bootstrap.min.js"></script>
|
||
<script src="js/bootstrap-table.js"></script>
|
||
<script src="js/bootstrap-table-zh-CN.js"></script>
|
||
<link href="css/bootstrap-table.css" rel="stylesheet" />
|
||
<link href="css/bootstrap.min.css" rel="stylesheet" />
|
||
<style type="text/css">
|
||
webkit-full-screen
|
||
{
|
||
color: #000; /* properties */
|
||
}
|
||
:-moz-full-screen
|
||
{
|
||
/* properties */
|
||
}
|
||
:-ms-fullscreen
|
||
{
|
||
/* properties */
|
||
}
|
||
:full-screen
|
||
{
|
||
/*pre-spec */ /* properties */
|
||
}
|
||
:fullscreen
|
||
{
|
||
/* spec */ /* properties */
|
||
}
|
||
/* deeper elements */
|
||
:-webkit-full-screen video
|
||
{
|
||
width: %;
|
||
height: %;
|
||
}
|
||
/* styling the backdrop*/
|
||
::backdrop
|
||
{
|
||
/* properties */
|
||
}
|
||
::-ms-backdrop
|
||
{
|
||
/* properties */
|
||
}
|
||
|
||
table tr:first-child th:first-child
|
||
{
|
||
border-top-left-radius: 20px;
|
||
}
|
||
|
||
table tr:first-child th:last-child
|
||
{
|
||
border-top-right-radius: 20px;
|
||
}
|
||
table tr:last-child td:first-child
|
||
{
|
||
border-bottom-left-radius: 20px;
|
||
}
|
||
|
||
table tr:last-child td:last-child
|
||
{
|
||
border-bottom-right-radius: 20px;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body style='margin: 0; background-color: RoyalBlue; margin: 0 auto;'>
|
||
<div>
|
||
<table id="table" width='100%' cellpadding="0" cellspacing="0" style="color: white;
|
||
margin-bottom: 6px; font-size: 40px; font-weight: bolder; font-family: '宋体'">
|
||
<thead>
|
||
<tr style="background-color: CornflowerBlue; color: white; margin-bottom: 6px; font-size: 44px;
|
||
font-weight: bold;">
|
||
<td colspan="8" style="padding: 6px;" valign="middle" height="8%" align="center">
|
||
<label id="RoomName">
|
||
</label>
|
||
<div id="Close" style="position: absolute; right: 10px; top: 15px;">
|
||
<img src="img/guanbi-copy.png" width="40px" height:"40px" style="cursor:hand" alt="关闭" onclick="window.close();"/>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
</thead>
|
||
<tbody id="Mytbody">
|
||
</tbody>
|
||
</table>
|
||
<div id="OperatorModal" style="width: 100%; color: White; font-family: '宋体';">
|
||
</div>
|
||
</div>
|
||
<!--<body>
|
||
<div>
|
||
<table id="table">
|
||
</table>
|
||
</div>
|
||
</body>-->
|
||
<script type="text/javascript">
|
||
var rowcount = 8; //第二个table 显示的行数
|
||
var timing = 30000; //30秒 控制两个table 切换时间。
|
||
|
||
//setInterval(load, 10000)
|
||
var tbodyobj = document.getElementById('Mytbody');
|
||
var WorkerCurrentPage = 1
|
||
var countPage
|
||
var opeRoom;
|
||
|
||
function GetUrlParam(paraName) {
|
||
var url = document.location.toString();
|
||
var arrObj = url.split("?");
|
||
if (arrObj.length > 1) {
|
||
var arrPara = arrObj[1].split("&");
|
||
var arr;
|
||
for (var i = 0; i < arrPara.length; i++) {
|
||
arr = arrPara[i].split("=");
|
||
if (arr != null && arr[0] == paraName) {
|
||
return arr[1];
|
||
}
|
||
}
|
||
return "";
|
||
}
|
||
else {
|
||
return "";
|
||
}
|
||
}
|
||
|
||
function load() {
|
||
// opeRoom = GetUrlParam("opeRoom");
|
||
// alert(opeRoom);
|
||
if (WorkerCurrentPage > countPage) {
|
||
WorkerCurrentPage = 1;
|
||
}
|
||
$.ajax({
|
||
type: "POST",
|
||
url: "OpeRoomPlanNoticeHandler.ashx?cmd=GetCurrentOperator&WorkerCurrentPage=" + WorkerCurrentPage,
|
||
dataType: 'json',
|
||
async: false,
|
||
success: function (result) {
|
||
var data = eval(result);
|
||
if (data.success) {
|
||
tbodyobj.innerHTML = data.msg;
|
||
|
||
countPage = data.countPage
|
||
// $("#ys").html(' （第' + WorkerCurrentPage + '屏/共' + data.countPage + '屏）')
|
||
}
|
||
}
|
||
});
|
||
WorkerCurrentPage = WorkerCurrentPage + 1;
|
||
|
||
$.ajax({
|
||
type: "POST",
|
||
url: "OpeRoomPlanNoticeHandler.ashx?cmd=GetCurrentOperationOperatorInfo",
|
||
dataType: 'json',
|
||
async: false,
|
||
success: function (result) {
|
||
var str = "";
|
||
if (result != "[]") {
|
||
|
||
var data = eval(result);
|
||
if (data != "") {
|
||
for (var i = 0; i < data.length; i++) {
|
||
str += "<div style='border: 2px solid AliceBlue;border-radius:20px;width:15%;height:auto;float:left;margin-left:80px;margin-top:50px;font-size:36px;'><div style='height:60px;text-align:center'><label >" + data[i].角色 + "</label></div><div style='height:240px;text-align:center;' ><img width='170px' height='230px' src='data:image/png;base64," + data[i].ElectronicSignature + "' /></div><div style='height:70px;text-align:center'><label>" + data[i].Workname + "</label></div></div>";
|
||
}
|
||
|
||
IssetInterval = true;
|
||
var obj = document.getElementById('OperatorModal');
|
||
obj.innerHTML = str;
|
||
} else {
|
||
var obj = document.getElementById('OperatorModal');
|
||
obj.innerHTML = "";
|
||
IssetInterval = false;
|
||
}
|
||
}
|
||
}
|
||
});
|
||
}
|
||
|
||
|
||
$(function () {
|
||
var _timestamp
|
||
//setInterval("$('#currentTime').text(new Date().toLocalsString());",1000);
|
||
$.ajax({
|
||
type: "POST",
|
||
url: "OpeRoomPlanNoticeHandler.ashx?cmd=GetHtmlTime",
|
||
async: false,
|
||
success: function (result) {
|
||
_timestamp = Date.parse(result);
|
||
//_timestamp = _timestamp.toString().match(/^\d$/) ? _timestamp : new Date().getTime();
|
||
setInterval(function () {
|
||
$("#currentTime").text(new Date(_timestamp).toLocaleString());
|
||
$("#currentTime1").text(new Date(_timestamp).toLocaleString());
|
||
_timestamp += 1000;
|
||
}, 1000);
|
||
|
||
}
|
||
});
|
||
});
|
||
|
||
var IssetInterval = false; ;
|
||
$(function () {
|
||
|
||
|
||
// $("#table1").css("Hide");
|
||
});
|
||
|
||
|
||
var c = 0
|
||
var t
|
||
function timedCount() {
|
||
c = c + 1
|
||
t = setTimeout("timedCount()", 1000)
|
||
}
|
||
var RoomName;
|
||
$(function () {
|
||
|
||
$.ajax({
|
||
type: "POST",
|
||
url: "OpeRoomPlanNoticeHandler.ashx?cmd=GetRoomName",
|
||
async: false,
|
||
success: function (result) {
|
||
var str = "";
|
||
if (result != "") {
|
||
$("#RoomName").text("第 " + result);
|
||
$("#RoomName1").text("第 " + result);
|
||
load();
|
||
}
|
||
}
|
||
});
|
||
});
|
||
// timedCount();
|
||
//转换div
|
||
function changeDiv() {
|
||
load();
|
||
// var table = document.getElementById("table");
|
||
// var table1 = document.getElementById("table1");
|
||
// if (IssetInterval == true) {
|
||
// if (table.style.display == "none") {
|
||
// table.style.display = '';
|
||
// table1.style.display = 'none';
|
||
// } else {
|
||
// table1.style.display = '';
|
||
// table.style.display = 'none';
|
||
|
||
// }
|
||
// } else {
|
||
// table.style.display = '';
|
||
// table1.style.display = 'none';
|
||
// }
|
||
|
||
}
|
||
//利用setInterval，设置每隔10秒执行changeDiv函数。
|
||
window.setInterval(changeDiv, timing);
|
||
|
||
|
||
|
||
|
||
// $(function () {
|
||
// //转换div
|
||
// function changeDiv() {
|
||
// $("#table").fadeOut(2000);
|
||
// $("#table1").fadeIn(3000);
|
||
// }
|
||
// //利用setInterval，设置每隔10秒执行changeDiv函数。
|
||
// window.setInterval(changeDiv, 20000);
|
||
// });
|
||
|
||
//// $(function () {
|
||
//// //转换div
|
||
//// function changeDiv() {
|
||
//// $("#table1").fadeOut(3000);
|
||
//// }
|
||
//// //利用setInterval，设置每隔10秒执行changeDiv函数。
|
||
//// window.setInterval(changeDiv, 40000);
|
||
//// });
|
||
|
||
|
||
// $(function () {
|
||
// $('#table').bootstrapTable({
|
||
// url: "OpeRoomPlanNoticeHandler.ashx?cmd=GetCurrentOperationOperatorInfo", //数据源
|
||
// cache: false, //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
|
||
// clickToSelect: false, //是否启用点击选中行
|
||
// striped: true, //条纹
|
||
// height: 560,
|
||
// uniqueId: 'Id',
|
||
// detailFormatter: 'detailFormatter',
|
||
// queryParams: queryParams, //参数
|
||
// showHeader: true,
|
||
// columns: [
|
||
// { field: 'Id', title: 'Id', visible: false },
|
||
// { field: '角色', title: '角色', visible: false },
|
||
// { field: 'Workname', title: '姓名', visible: false },
|
||
// { field: 'ElectronicSignature', title: '照片', visible: false },
|
||
// { field: 'teachname', title: '职称', visible: false },
|
||
// { field: 'departName', title: '科室', visible: false },
|
||
// { field: 'rolename', title: '角色', visible: false },
|
||
//
|
||
// ]
|
||
// });
|
||
// });
|
||
|
||
// function queryParams() {
|
||
// var temp;
|
||
// return temp;
|
||
// }
|
||
|
||
|
||
|
||
|
||
</script>
|
||
</html>
|