sunjianxi
2 years ago
parent
b42220961c
commit
16e3d7212d
2 changed files with 173 additions and 0 deletions
|
After Width: | Height: | Size: 621 KiB |
@ -0,0 +1,173 @@ |
||||
<!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.title}</title> |
||||
<meta name="keywords" content="${field.keyword}"> |
||||
<meta name="description" content="${field.descrip}"> |
||||
<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="/favicon.ico" rel="shortcut icon" /> |
||||
<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> |
||||
<div> |
||||
<#include "header.htm" /> |
||||
<div class="o_big"> |
||||
<h1>${field.typedescrip}</h1> |
||||
</div> |
||||
<!--正文begin--> |
||||
<div class="wrap"> |
||||
<div class="chuhuijiyao_nav"> |
||||
<a href='/html/web/index.html'>首页</a>><a href='/html/web/zhibanbeiqin/index.html'>值班备勤</a> |
||||
</div> |
||||
<h1 class="chuhuijiyao_title" fieldId="${field.id}">${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" field="${field.id}"> |
||||
<div style="width:33.33%;border-right:1px solid #E2E2E2">日期</div> |
||||
<div style="width:33.33%;border-right:1px solid #E2E2E2">值日警官领导岗</div> |
||||
<div style="width:33.33%">值日警官轮值科室</div> |
||||
</div> |
||||
<div class="tableBody" id="zhiban"> |
||||
<div class="tableBody_item" v-for="item in dutyStandbyList" :key="item.id" |
||||
:style="item.dutyDate == date?{color:'red',fontWeight:'bold'}:{}"> |
||||
<div :style="{width:'33.33%',color:item.dutyDate?'':'#999999'}">{{item.dutyDate || '/'}}</div> |
||||
<div :style="{width:'33.33%',color:item.deptName?'':'#999999'}">{{item.deptName || '/'}}</div> |
||||
<div :style="{width:'33.33%',color:item.leaderName?'':'#999999'}">{{item.leaderName || '/'}}</div> |
||||
</div> |
||||
</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]; |
||||
|
||||
var app = new Vue({ |
||||
el: '#zhiban', |
||||
data: { |
||||
dutyStandbyList: [], |
||||
date: '' |
||||
}, |
||||
mounted() { |
||||
this.date = moment().format('YYYY/M/D') |
||||
let contentId = document.getElementsByClassName('chuhuijiyao_title')[0].getAttribute('fieldid') |
||||
|
||||
axios.get(`/cms/dutyPolice/list.do`, { params: { contentId } }).then(res => { |
||||
this.dutyStandbyList = res.data.data.rows |
||||
}) |
||||
} |
||||
}) |
||||
|
||||
</script> |
||||
</div> |
||||
</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: 20%; |
||||
text-align: center; |
||||
} |
||||
|
||||
.tableBody { |
||||
margin-bottom: 70px; |
||||
} |
||||
|
||||
.tableBody_item { |
||||
display: flex; |
||||
font-size: 22px; |
||||
align-items: center; |
||||
justify-content: space-around; |
||||
height: 80px; |
||||
} |
||||
|
||||
.tableBody_item div { |
||||
width: 20%; |
||||
text-align: center; |
||||
} |
||||
|
||||
.tableBody_item:nth-child(even) { |
||||
background: rgba(0, 78, 189, .1); |
||||
} |
||||
</style> |
||||
|
||||
</html> |
||||
Loading…
Reference in new issue