<!doctype html>
|
<html class="no-js">
|
<head>
|
<meta charset="utf-8">
|
<title>日常巡检详情</title>
|
[#include "/business/pages/include/static.html" /]
|
[#include "/component/excExport.html" /]
|
<!--(start) platform css+javascript-->
|
<style type="text/css">
|
.ss{
|
background: #30bdeb none repeat scroll 0 0;
|
}
|
</style>
|
<script language="javascript" src="${common_static}/static/plugins/print/LodopFuncs.js"></script>
|
<script type="text/javascript">
|
function onDialogBtnClick(btnID, dialogID, config){//此函数放在子页面
|
if(btnID == "btnExport"){
|
saveAsFile();
|
}
|
if(btnID == "btnPrint"){
|
prn1_preview();
|
}
|
}
|
</script>
|
|
|
<script type="text/javascript">
|
var userId = '${userId}';
|
$(function(){
|
calendarInit('${calendar.firstWeekDay}','${calendar.monthDays}','${calendar.warnString}','${calendar.hasReportDate}');
|
selCurDate();
|
//获取报表
|
showReportLebel('${patrolDate}','${orderId}');
|
//showReport('${orderId}');
|
$('div.icon_select').each(function(i){
|
var $this = $(this),
|
dtkTxt = $this.find('a.mainbtn').find('em');
|
dtkCon = $this.find('div.ins_con');
|
iconSelect($this, dtkTxt, dtkCon);
|
});
|
});
|
|
//初始化日历
|
function calendarInit(firstWeekDay,monthDays,warnString,hasReportDate){
|
var weekArr = ['日','一','二','三','四','五','六'];
|
var weekDayModel = '';
|
var MonthDayModel = '';
|
var warnModel = '';
|
firstWeekDay = parseInt(firstWeekDay);
|
for(var i=1;i<=monthDays;i++){
|
weekDayModel = weekDayModel + '<td>'+weekArr[firstWeekDay]+'</td>';
|
MonthDayModel = MonthDayModel + '<td><a onclick="changeDate($(this))">'+i+'</a></td>';
|
if(hasReportDate!=''){
|
var dayString = '';
|
if(i.toString().length==1){
|
dayString = '0'+i.toString();
|
}else{
|
dayString = i.toString();
|
}
|
var temp = ','+ dayString +',';
|
if(warnString!=''){
|
if(warnString.indexOf(temp)!=-1){
|
warnModel = warnModel + '<td><img src="${common_static}/static/ui/images/zc-icon-54.png" alt="" /></td>';
|
}else{
|
if(hasReportDate.indexOf(temp)!=-1){
|
warnModel = warnModel + '<td><img src="${common_static}/static/ui/images/zc-icon-53.png" alt="" /></td>';
|
}else{
|
warnModel = warnModel + '<td></td>';
|
}
|
}
|
}else{
|
if(hasReportDate.indexOf(temp)!=-1){
|
warnModel = warnModel + '<td><img src="${common_static}/static/ui/images/zc-icon-53.png" alt="" /></td>';
|
}else{
|
warnModel = warnModel + '<td></td>';
|
}
|
}
|
}else{
|
warnModel = warnModel + '<td></td>';
|
}
|
if(firstWeekDay==0&&i!=monthDays){
|
weekDayModel = weekDayModel + '<td class="cutoff_wrap"><span class="cutoff_line"></span></td>';
|
MonthDayModel = MonthDayModel + '<td></td>';
|
warnModel = warnModel + '<td></td>';
|
}
|
if(firstWeekDay==6){
|
firstWeekDay = 0;
|
}else{
|
firstWeekDay = firstWeekDay+1;
|
}
|
}
|
$("#weekList").html(weekDayModel);
|
$("#dayOfMonth").html(MonthDayModel);
|
$("#warnFlag").html(warnModel);
|
}
|
//选中当前日期
|
function selCurDate(){
|
//获取当前年份(4位)
|
var myDate = new Date();
|
var currentYear = myDate.getFullYear();
|
var year = currentYear - 5;
|
$(".mainbtn em").text('${currentYear}年');
|
for(var i=0;i<=5;i++){
|
$(".ins_con").append('<a onclick="updateCalendar()">'+year+'年</a>');
|
year = year + 1;
|
}
|
|
//当前月被选中
|
var currentMonth = '${currentMonth}';
|
if(currentMonth.length==1){
|
currentMonth = '0' + currentMonth + '月';
|
}else{
|
currentMonth = currentMonth + '月';
|
}
|
$(".ym_month a").each(function(index){
|
if($(this).text()==currentMonth){
|
$(this).addClass("focus");
|
}
|
});
|
|
//当前天被选中
|
var currentDay = '${currentDay}';
|
$("#dayOfMonth td").each(function(index){
|
if($(this).text()==currentDay){
|
$(this).find("a").addClass("focus");
|
}
|
});
|
}
|
|
function changeDate(href){
|
$("#dayOfMonth a.focus").removeClass();
|
href.addClass("focus");
|
var year = $(".mainbtn em").text();
|
var month = $(".ym_month a.focus").text();
|
var day = $("#dayOfMonth a.focus").text();
|
if(day.length==1){
|
day ="0"+day;
|
}
|
year = year.substring(0,year.length-1);
|
month = month.substring(0,month.length-1);
|
var patrolDate = year + month + day;
|
//清楚当前显示报表
|
var strHrml = '<div id="noDailyReport" style="position:relative;width:100%;height:400px">';
|
strHrml = strHrml + '<span class="nodata"></span>';
|
strHrml = strHrml + '</div>';
|
$("#dailyReport").html(strHrml);
|
|
//显示当前天的报告
|
showReportLebel(patrolDate,"0");
|
}
|
|
|
//显示当前日期报告
|
function showReportLebel(patrolDate,currentId){
|
var param = {"userId":userId,"patrolDate":patrolDate};
|
$.post("${base}/business/pages/rcxj/getCurOrders.html",param,function(data){
|
if(data.length>0){
|
var strHrml = '';
|
$.each(data,function(index,item){
|
index = data.length - index;
|
strHrml = strHrml + '<a class="common" href="javascript:showReport(\''+item.orderId+'\')" id="s'+index+'"><span>'+index+'</span></a>';
|
//如果有id，默认选中该id的报告
|
if(currentId != "0"){
|
if(currentId == item.orderId){
|
showReport(item.orderId);
|
strHrml += '<script>'+'$("#s'+index+'").css("background-color","#bcbcbc");'+'<\/script>';
|
}
|
}else{
|
//如果没有id，默认选中第一个
|
if(index==1){
|
showReport(item.orderId);
|
}
|
}
|
})
|
//如果没有id，默认让第一个选中
|
if(currentId == "0"){
|
strHrml += '<script>'+'$("#s1").css("background-color","#bcbcbc");'+'<\/script>';
|
}
|
$("#orderDiv").html(strHrml);
|
}else{
|
$("#orderDiv").html('');
|
}
|
},'json');
|
}
|
|
//显示选中报告
|
function showReport(orderId){
|
$("#orderId").val(orderId);
|
loading($("#dailyReport"));
|
$("#dailyReport").load("${base}/business/pages/rcxj/rcxjReport.html",{"orderId":orderId},function(data,textStatus) {
|
loaded($("#dailyReport"));
|
});
|
}
|
|
//为按钮添加点击事件，点击后改变颜色
|
$("#orderDiv .common").live('click',function(){
|
$("#orderDiv .common").each(function(){$(this).css('background-color','#f8f8f8');});
|
$(this).css('background-color','#bcbcbc');
|
});
|
|
//更改月份
|
function monthChange(month){
|
$(".ym_month a.focus").removeClass();
|
month.addClass("focus");
|
updateCalendar();
|
}
|
|
//更新日历
|
function updateCalendar(){
|
var year = $(".mainbtn").text();
|
var month = $(".ym_month a.focus").text();
|
year = year.substring(0,year.length-1);
|
var patrolDate = year + month.substring(0,month.length-1);
|
if(month.indexOf("0")==0){
|
month = month.substring(1,2);
|
}else{
|
month = month.substring(0,month.length-1);
|
}
|
$.post("${base}/business/pages/rcxj/getCalendarData.html",{year:year,month:month,patrolDate:patrolDate,userId:userId},function(data){
|
var calendar = eval('('+data+')');
|
calendarInit(calendar.firstWeekDay,calendar.monthDays,calendar.warnString,calendar.hasReportDate);
|
});
|
}
|
|
//巡检详情
|
function patrolDetail(){
|
loading($("#dailyReport"));
|
var orderId = $("#orderId").val();
|
$("#dailyReport").load("${base}/business/pages/rcxj/patrolDetail.html",{"orderId":orderId},function(data,textStatus) {
|
loaded($("#dailyReport"));
|
});
|
}
|
|
</script>
|
</head>
|
|
<body class="fullscreen">
|
[#include "/business/pages/include/header.html" /]
|
<input type="hidden" id="orderId" />
|
<nav class="fs_nav">
|
<div class="fsnav_con">
|
<h3>日常巡检</h3>
|
<a [#if Session["loguser"].DESKTOP_URL?? && Session["loguser"].DESKTOP_URL!=""]href="${base}${Session["loguser"].DESKTOP_URL}"[/#if]><span>我的桌面</span></a>
|
<a class="focus"><span>巡检报告</span></a>
|
</div>
|
</nav>
|
<div class="fs_navpath">
|
<h3>当前位置</h3>
|
<span></span>
|
<a>日常巡检 </a>
|
<span></span>
|
</div>
|
<div class="fs_main clearfix">
|
<div class="check_date">
|
<div class="year_month">
|
<!-- 年份 -->
|
<div class="icon_select">
|
<a class="mainbtn"><span><em></em></span></a>
|
<div class="ins_con"></div>
|
</div>
|
|
<!-- 月 -->
|
<div class="ym_month">
|
<a onclick="monthChange($(this))">01月</a>
|
<a onclick="monthChange($(this))">02月</a>
|
<a onclick="monthChange($(this))">03月</a>
|
<a onclick="monthChange($(this))">04月</a>
|
<a onclick="monthChange($(this))">05月</a>
|
<a onclick="monthChange($(this))">06月</a>
|
<a onclick="monthChange($(this))">07月</a>
|
<a onclick="monthChange($(this))">08月</a>
|
<a onclick="monthChange($(this))">09月</a>
|
<a onclick="monthChange($(this))">10月</a>
|
<a onclick="monthChange($(this))">11月</a>
|
<a onclick="monthChange($(this))">12月</a>
|
</div>
|
</div>
|
<div class="week">
|
<table border="1">
|
<tr id="weekList" class="title">
|
</tr>
|
<tr id="dayOfMonth" class="daynow">
|
<!--
|
<td><a class="focus">5</a></td>
|
-->
|
</tr>
|
<tr id="warnFlag" class="state">
|
<!--
|
<td><a><img src="${common_static}/static/ui/images/zc-icon-53.png" alt="" /></a></td>
|
<td><a><img src="${common_static}/static/ui/images/zc-icon-54.png" alt="" /></a></td>
|
-->
|
</tr>
|
</table>
|
|
</div>
|
</div>
|
<div class="check_btn clearfix">
|
<a class="common close" onclick="window.close();"><span>关闭</span></a>
|
[@excExp id="dailyReport" name="" /]
|
<a class="common print" onclick="javascript:printA4(1,'dailyReport');"><span>打印</span></a>
|
<a class="common" onclick="javascript:patrolDetail();"><span>巡检详情</span></a>
|
<div id="orderDiv"></div>
|
</div>
|
<div id="dailyReport"></div>
|
</div>
|
[#include "/business/pages/include/footer.html" /]
|
</body>
|
</html>
|
