|
|
|
|
<!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 style="display:flex;margin-top:40px" id="zhiban">
|
|
|
|
|
<div class="asideBox">
|
|
|
|
|
<div class="asideBody" v-for="item in list" :key="item" @click="handleSelect(item)">
|
|
|
|
|
<div :style="checked == item?{background:'#004EBD',color:'#fff'}:{}">{{item||'/'}}</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div style="display:flex;flex-direction:column;align-items:center;position:relative" v-show="checked == '值班备勤'">
|
|
|
|
|
<div class="tableBox">
|
|
|
|
|
<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>
|
|
|
|
|
</div>
|
|
|
|
|
<ul style="width:1140px">
|
|
|
|
|
{ms:arclist size=999 typeid=1773193604170002434}
|
|
|
|
|
<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>
|
|
|
|
|
</div>
|
|
|
|
|
<div v-show="checked == '值日警官'">
|
|
|
|
|
<div class="tableBox">
|
|
|
|
|
<div class="tableHeader">
|
|
|
|
|
<div style="width:50%;border-right:1px solid #E2E2E2">值日警官领导岗</div>
|
|
|
|
|
<div style="width:50%">值日警官轮值科室</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="tableBody">
|
|
|
|
|
<div class="right_top_con_tr_leaderName" style="width:50%"></div>
|
|
|
|
|
<div class="right_top_con_tr_deptName" style="width:50%"></div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<ul style="width:1140px">
|
|
|
|
|
{ms:arclist size=999 typeid=1773193604170002435}
|
|
|
|
|
<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>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</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')
|
|
|
|
|
|
|
|
|
|
//今日值班人员查询
|
|
|
|
|
function dutyStandbyQuery(){
|
|
|
|
|
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")
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
//今日值日警官查询
|
|
|
|
|
function dutyPoliceQuery(){
|
|
|
|
|
let dutyDate = moment().format('yyyy/M/D')
|
|
|
|
|
axios.get(`/cms/dutyPolice/list.do`, { params: { dutyDate } }).then(res => {
|
|
|
|
|
const { rows } = res.data.data
|
|
|
|
|
|
|
|
|
|
if (rows.length) {
|
|
|
|
|
$('.right_top_con_tr_leaderName').text(rows[0].leaderName)
|
|
|
|
|
$('.right_top_con_tr_deptName').text(rows[0].deptName)
|
|
|
|
|
}
|
|
|
|
|
if ($('.right_top_con_tr_leaderName').text() == '') {
|
|
|
|
|
$('.right_top_con_tr_leaderName').text('/')
|
|
|
|
|
$('.right_top_con_tr_leaderName').css("color", "#999999")
|
|
|
|
|
}
|
|
|
|
|
if ($('.right_top_con_tr_deptName').text() == '') {
|
|
|
|
|
$('.right_top_con_tr_deptName').text('/')
|
|
|
|
|
$('.right_top_con_tr_deptName').css("color", "#999999")
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
var app = new Vue({
|
|
|
|
|
el: '#zhiban',
|
|
|
|
|
data: {
|
|
|
|
|
list: ['值班备勤', '值日警官'],
|
|
|
|
|
checked: "值班备勤",
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
handleSelect(item) {
|
|
|
|
|
this.checked = item
|
|
|
|
|
dutyStandbyQuery()
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
mounted(){
|
|
|
|
|
dutyStandbyQuery()
|
|
|
|
|
dutyPoliceQuery()
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
</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
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.tableBox {
|
|
|
|
|
width: 1140px
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.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;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.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;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.asideBox {
|
|
|
|
|
width: 240px;
|
|
|
|
|
margin-right: 60px;
|
|
|
|
|
border-top: 6px solid #004EBD;
|
|
|
|
|
margin-bottom: 50px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.asideBody {
|
|
|
|
|
font-size: 18px;
|
|
|
|
|
height: 80px;
|
|
|
|
|
text-indent: 53px;
|
|
|
|
|
color: #000;
|
|
|
|
|
line-height: 80px;
|
|
|
|
|
background: #F8F8F8;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
|
|
|
|
|
</html>
|
