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.
209 lines
8.6 KiB
209 lines
8.6 KiB
<!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>
|
|
<meta charset="utf-8" />
|
|
<title>添加</title>
|
|
<meta name="renderer" content="webkit" />
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
|
|
<meta name="apple-mobile-web-app-capable" content="yes" />
|
|
<meta name="format-detection" content="telephone=no" />
|
|
<link rel="stylesheet" href="../../layui/css/layui.css" media="all" />
|
|
<link rel="stylesheet" href="../../css/public.css" media="all" />
|
|
<link rel="stylesheet" href="../../iconfont/iconfont.css" media="all" />
|
|
<script src="../../js/jquery-2.1.3.min.js" type="text/javascript"></script>
|
|
<script src="../../js/jq_extend.js"></script>
|
|
<script src="../../js/jquery.cookie.js" type="text/javascript"></script>
|
|
<script type="text/javascript" src="../../js/jq_extend.js"></script>
|
|
<style>
|
|
.layui-table {
|
|
width: 45%;
|
|
float: left;
|
|
}
|
|
|
|
.layui-tab-item {
|
|
overflow: auto;
|
|
}
|
|
|
|
.layui-table td, .layui-table th {
|
|
min-width: 150px;
|
|
}
|
|
|
|
.layui-disabled, .layui-disabled:hover {
|
|
color: rgb(102, 102, 102) !important;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body class="childrenBody">
|
|
<form class="layui-form" style=" width: 90%;margin-left:5%;">
|
|
<input class="layui-input ID" type="hidden" />
|
|
<input class="layui-input Action" type="hidden" />
|
|
<div style="text-align: center; font-size: xx-large;">岗哨排班表</div>
|
|
<div style=" width: 50%; float: left; text-align: center;" class="displayDate"></div>
|
|
<div style=" width: 50%; float: left; text-align: center;" class="displayWeek"></div>
|
|
<div style=" width: 50%; float: left; text-align: center;">值班干部：<div style="width: 50%;float:right;" class="shiftman shiftman_zbgb"></div></div>
|
|
<div style=" width: 50%; float: left; text-align: center;">值班班长：<div style="width: 50%; float: right;" class="shiftman shiftman_zbbz"></div></div>
|
|
|
|
<table id="tbList" class="layui-table" style="border-right-style: solid;">
|
|
<thead class="layui-table-body" style="text-align:center;">
|
|
<tr style="background-color: #18758c;">
|
|
<td>时间</td>
|
|
<td>站岗</td>
|
|
<td>坐岗</td>
|
|
</tr>
|
|
<tr>
|
|
<td>7:00-9:00</td>
|
|
<td class="shiftman shiftman7_9"></td>
|
|
<td rowspan="5" class="shiftman shiftman7_13"></td>
|
|
</tr>
|
|
<tr>
|
|
<td>9:00-10:00</td>
|
|
<td class="shiftman shiftman9_10"></td>
|
|
</tr>
|
|
<tr>
|
|
<td>10:00-11:00</td>
|
|
<td class="shiftman shiftman10_11"></td>
|
|
</tr>
|
|
<tr>
|
|
<td>11:00-12:00</td>
|
|
<td class="shiftman shiftman11_12"></td>
|
|
</tr>
|
|
<tr>
|
|
<td>12:00-13:00</td>
|
|
<td class="shiftman shiftman12_13"></td>
|
|
</tr>
|
|
<tr>
|
|
<td>13:00-14:00</td>
|
|
<td class="shiftman shiftman13_14"></td>
|
|
<td class="shiftman shiftman13_21" rowspan="6"></td>
|
|
</tr>
|
|
<tr>
|
|
<td>14:00-15:00</td>
|
|
<td class="shiftman shiftman14_15"> </td>
|
|
</tr>
|
|
<tr>
|
|
<td>15:00-16:00</td>
|
|
<td class="shiftman shiftman15_16"></td>
|
|
</tr>
|
|
<tr>
|
|
<td>16:00-17:00</td>
|
|
<td class="shiftman shiftman16_17"></td>
|
|
</tr>
|
|
<tr>
|
|
<td>17:00-18:30</td>
|
|
<td class="shiftman shiftman17_183"></td>
|
|
</tr>
|
|
<tr>
|
|
<td>18:30-21:00</td>
|
|
<td class="shiftman shiftman183_21"></td>
|
|
</tr>
|
|
<tr style="background-color: #18758c;">
|
|
<td>时间</td>
|
|
<td colspan="2">哨兵</td>
|
|
</tr>
|
|
<tr>
|
|
<td>21:00-23:30</td>
|
|
<td class="shiftman shiftman21_233_1"></td>
|
|
<td class="shiftman shiftman21_233_2"></td>
|
|
</tr>
|
|
<tr>
|
|
<td>23:30-02:00</td>
|
|
<td class="shiftman shiftman233_02_1"></td>
|
|
<td class="shiftman shiftman233_02_2"></td>
|
|
</tr>
|
|
<tr>
|
|
<td>02:00-04:30</td>
|
|
<td class="shiftman shiftman02_043_1"></td>
|
|
<td class="shiftman shiftman02_043_2"></td>
|
|
</tr>
|
|
<tr>
|
|
<td>04:30-07:00</td>
|
|
<td class="shiftman shiftman043_07_1"></td>
|
|
<td class="shiftman shiftman043_07_2"></td>
|
|
</tr>
|
|
</thead>
|
|
|
|
<tbody class="layui-table-body" id="tbBody">
|
|
</tbody>
|
|
</table>
|
|
</form>
|
|
<script type="text/javascript" src="../../layui/layui.js"></script>
|
|
<link rel="stylesheet" href="../../css/right-list.css" media="all" />
|
|
<link rel="stylesheet" href="../../css/bulletframebg.css" media="all" />
|
|
<script>
|
|
layui.use(['form', 'layer', 'table', 'laytpl', 'laydate', 'upload', 'element'], function () {
|
|
var form = layui.form,
|
|
layer = parent.layer === undefined ? layui.layer : top.layer,
|
|
$ = layui.jquery,
|
|
laytpl = layui.laytpl,
|
|
table = layui.table,
|
|
upload = layui.upload,
|
|
laydate = layui.laydate,
|
|
element = layui.element;
|
|
var DUTY_DATE = $.getUrlVar("DUTY_DATE");
|
|
var OrgId = $.getUrlVar("orgId");
|
|
|
|
$(".displayDate").html(DUTY_DATE);
|
|
|
|
var weeks = new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六");
|
|
var now = new Date(DUTY_DATE);
|
|
var day = now.getDay();
|
|
$(".displayWeek").html(weeks[day]);
|
|
|
|
|
|
|
|
$.post("../../ashx/FireShiftsHandler.ashx", {
|
|
Action: 'GetShiftsListByDutyDateAndCameraXZ',
|
|
DUTY_DATE: DUTY_DATE,
|
|
OrgId: OrgId,
|
|
random: new Date().getTime()
|
|
}, function (res) {
|
|
res = $.parseJSON(res);
|
|
console.log(res);
|
|
if (res.code == 1) {
|
|
res.data.forEach(function (obj, index, arr) {
|
|
var bigImg = obj.TO_PHOTO;
|
|
var html = '';
|
|
if (obj.EXTENDCODE5=="3") {
|
|
var html = '<span style="width: 50%; text-align: left; float: left;">' + obj.O_NAME + '</span>';
|
|
}
|
|
else {
|
|
//var html = '<span style="width: 50%; text-align: left; float: left;">计划岗哨人员：' + obj.O_NAME + '</span>';
|
|
var html = '<span style="width: 100%; text-align: left; float: left;cursor: pointer;" onclick="previewImg(\'' + bigImg + '\')">站岗人员：' + obj.EXTENDCODE6 + '<i class="layui-icon layui-icon-search" style="margin-left:10px;"></i> </span>';
|
|
}
|
|
|
|
$("." + obj.EXTENDCODE4).html(html);
|
|
});
|
|
|
|
} else {
|
|
top.layer.msg(res.msg);
|
|
}
|
|
});
|
|
|
|
previewImg = function (obj) {
|
|
if (obj=='') {
|
|
layer.msg("暂无图片！");
|
|
return false;
|
|
}
|
|
var imgHtml = "<img src='" + obj + "' width='100%' height='100%'/>";
|
|
//弹出层
|
|
layer.open({
|
|
type: 1,
|
|
shade: 0.8,
|
|
offset: 'auto',
|
|
area: [600 + 'px', 800 + 'px'],
|
|
shadeClose: true,
|
|
scrollbar: false,
|
|
title: "图片预览",
|
|
content: imgHtml,
|
|
cancel: function () {
|
|
|
|
}
|
|
});
|
|
}
|
|
})
|
|
|
|
</script>
|
|
</body>
|
|
</html>
|
|
|