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.
200 lines
6.9 KiB
200 lines
6.9 KiB
<!DOCTYPE html> |
|
<html> |
|
|
|
<head> |
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
|
<meta name="renderer" content="webkit"> |
|
<meta name="viewport" |
|
content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" /> |
|
<meta name="robots" content="index, follow" /> |
|
<title>${field.typetitle}</title> |
|
<meta name="keywords" content="${field.typekeyword}"> |
|
<meta name="description" content="${field.typedescrip}"> |
|
<meta http-equiv="Cache-Control" content="no-transform" /> |
|
<meta http-equiv="Cache-Control" content="no-siteapp" /> |
|
<meta name="applicable-device" content="pc,mobile" /> |
|
<link href="/{ms:global.style/}css/style.css" rel="stylesheet" /> |
|
<link href="/{ms:global.style/}css/css.css" rel="stylesheet" /> |
|
<script src="/{ms:global.style/}js/jquery-1.8.3.min.js"></script> |
|
<script type="text/javascript" src="/{ms:global.style/}js/jquery.superslide.2.1.1.js">//pc导航</script> |
|
<script src="/{ms:global.style/}js/anim.js">//动画</script> |
|
<script type="text/javascript" src="/{ms:global.style/}js/basic.js"></script> |
|
<script src="/{ms:global.style/}js/moment.js"></script> |
|
</head> |
|
|
|
<body> |
|
<#include "header.htm" /> |
|
<div class="wrap"> |
|
<div class="chuhuijiyao_nav" style="margin-top:50px"> |
|
<a href='/html/web/index.html'>首页</a>><span style="cursor:default">${field.typetitle}</span> |
|
</div> |
|
<h1 class="chuhuijiyao_title">${field.typetitle}</h1> |
|
<div class="dateCard"> |
|
<li id="z_year1"></li> |
|
<li id="z_year2"></li> |
|
<li id="z_year3"></li> |
|
<li id="z_year4"></li> |
|
<div>年</div> |
|
<li id="z_month1"></li> |
|
<li id="z_month2"></li> |
|
<div>月</div> |
|
<li id="z_day1"></li> |
|
<li id="z_day2"></li> |
|
<div>日</div> |
|
</div> |
|
<div class="tableHeader"> |
|
<div style="width:16%;border-right:1px solid #E2E2E2">带班长</div> |
|
<div style="width:28%;border-right:1px solid #E2E2E2">民警值班员</div> |
|
<div style="width:28%;border-right:1px solid #E2E2E2">辅警值班员</div> |
|
<div style="width:28%">北岭值班员</div> |
|
</div> |
|
<div class="tableBody"> |
|
<div class="right_top_con_tr_monitor" style="width:16%"></div> |
|
<div class="right_top_con_tr_deputyMonitor" style="width:28%"></div> |
|
<div class="right_top_con_tr_operator" style="width:28%"></div> |
|
<div class="right_top_con_tr_dutyPerson" style="width:28%"></div> |
|
</div> |
|
<ul> |
|
{ms:arclist size=7 ispaging=true} |
|
<li class="list_item"> |
|
<a href="{ms:global.html/}${field.link}"> |
|
<div class="chuhuijiyao_li_div"> |
|
<div class="chuhuijiyao_li_div_div"> |
|
<p class="title2">${field.title}</p> |
|
</div> |
|
<label class="chuhuijiyao_date">${field.date?string("yyyy-MM-dd")}</label> |
|
</div> |
|
</a> |
|
<#if field.index==7> |
|
<div class="chuhuijiyao_line" /> |
|
</#if> |
|
</li> |
|
{/ms:arclist} |
|
</ul> |
|
<#include "pagination.htm" /> |
|
</div> |
|
<!--正文end--> |
|
<#include "footer.htm" /> |
|
<script language="javascript" src="/{ms:global.style/}js/foot.js"></script><!--尾部end--> |
|
<script> |
|
//年 |
|
document.getElementById('z_year1').innerText = String(new Date().getFullYear())[0]; |
|
document.getElementById('z_year2').innerText = String(new Date().getFullYear())[1]; |
|
document.getElementById('z_year3').innerText = String(new Date().getFullYear())[2]; |
|
document.getElementById('z_year4').innerText = String(new Date().getFullYear())[3]; |
|
|
|
//月 |
|
let month = String(new Date().getMonth() + 1) |
|
if (month.length < 2) { |
|
month = '0' + month; |
|
} |
|
document.getElementById('z_month1').innerText = month[0]; |
|
document.getElementById('z_month2').innerText = month[1]; |
|
|
|
// 日 |
|
let day = String(new Date().getDate()) |
|
if (day.length < 2) { |
|
day = '0' + day; |
|
} |
|
document.getElementById('z_day1').innerText = day[0]; |
|
document.getElementById('z_day2').innerText = day[1]; |
|
|
|
|
|
//今日值班人员查询 |
|
let dutyDate = moment().format('yyyy/M/D') |
|
axios.get(`/cms/dutyStandby/list.do`,{params:{dutyDate}}).then(res=>{ |
|
const { rows } = res.data.data |
|
if(rows.length){ |
|
$('.right_top_con_tr_monitor').text(rows[0].monitor) |
|
$('.right_top_con_tr_deputyMonitor').text(rows[0].policeDuty) |
|
$('.right_top_con_tr_operator').text(rows[0].auxiliaryPoliceDuty) |
|
$('.right_top_con_tr_dutyPerson').text(rows[0].blDutyPerson) |
|
} |
|
if($('.right_top_con_tr_monitor').text() == ''){ |
|
$('.right_top_con_tr_monitor').text('/') |
|
$('.right_top_con_tr_monitor').css("color", "#999999") |
|
} |
|
if($('.right_top_con_tr_deputyMonitor').text() == ''){ |
|
$('.right_top_con_tr_deputyMonitor').text('/') |
|
$('.right_top_con_tr_deputyMonitor').css("color", "#999999") |
|
} |
|
if($('.right_top_con_tr_operator').text() == ''){ |
|
$('.right_top_con_tr_operator').text('/') |
|
$('.right_top_con_tr_operator').css("color", "#999999") |
|
} |
|
if($('.right_top_con_tr_dutyPerson').text() == ''){ |
|
$('.right_top_con_tr_dutyPerson').text('/') |
|
$('.right_top_con_tr_dutyPerson').css("color", "#999999") |
|
} |
|
}) |
|
</script> |
|
</body> |
|
<style> |
|
.dateCard { |
|
display: flex; |
|
align-items: center; |
|
font-size: 22px; |
|
} |
|
|
|
.dateCard li { |
|
background: #004ebd; |
|
color: #fff; |
|
margin-right: 2px; |
|
width: 28px; |
|
height: 28px; |
|
text-align: center; |
|
font-weight: bold; |
|
} |
|
.dateCard div { |
|
font-size:16px; |
|
margin-right:2px |
|
} |
|
|
|
.tableHeader { |
|
display: flex; |
|
border-top: 6px solid #004EBD; |
|
background: rgba(0, 78, 189, .06); |
|
color: #9F9F9F; |
|
font-size: 18px; |
|
align-items: center; |
|
justify-content: space-around; |
|
height: 80px; |
|
margin-top: 30px; |
|
} |
|
|
|
.tableHeader div { |
|
width: 25%; |
|
text-align: center; |
|
} |
|
|
|
.tableBody { |
|
display: flex; |
|
background-color: rgba(0, 78, 189, .1); |
|
font-size: 22px; |
|
align-items: center; |
|
justify-content: space-around; |
|
height: 80px; |
|
margin-bottom: 50px; |
|
} |
|
|
|
.tableBody div { |
|
width: 25%; |
|
text-align: center; |
|
} |
|
|
|
.title2 { |
|
font-size: 18px; |
|
color: #333333; |
|
font-weight: 400; |
|
} |
|
|
|
.title2:hover { |
|
font-weight: bold; |
|
color: #003F91; |
|
} |
|
.list_item{ |
|
margin-bottom: 29px; |
|
} |
|
</style> |
|
|
|
</html> |