<!doctype html>
|
<html>
|
<head>
|
[#include "/business/wechat/include/title.html" /]
|
[#include "/business/wechat/include/wheader.html" /]
|
<script type="text/javascript" src="${common_static}/static/wechat/style/js/project.js"></script>
|
</head>
|
|
<body>
|
<header class="kltit">
|
<label class="dropmenu"></label><a href="javascript:history.go(-1);"><span></span></a>日常巡检详情
|
<div class="wlsdrop2">
|
[#if userId == info.cur_id && info.STATE == 2]<a href="${base}/ewyw/ewWorkplan/ewDailySh.html?id=${info.id}"><p class="shenhe">审核</p></a>[/#if]
|
<a href="${base}/ewyw/ewWorkplan/ereport.html?orderId=${info.id}"><p class="baogao">巡检报告</p></a>
|
</div>
|
</header>
|
<nav class="kltwo clearfix">
|
<div class="kltwowrap">
|
<a href="#" hidefocus="true" class="active">基本信息</a>
|
<a href="#" hidefocus="true">巡检类型</a>
|
<a href="#" hidefocus="true">巡检配置</a>
|
<a href="#" hidefocus="true">关联工单</a>
|
</div>
|
</nav>
|
<div class="swiper-container" id="swiper-pages">
|
<div class="swiper-wrapper">
|
<div class="swiper-slide">
|
<section class="wlresponse wldetailtwo">
|
<p class="next3">
|
<span>${Constants.CUSTOMER_CONSTANTS}名称</span>
|
<label>${info.customer_name}</label>
|
</p>
|
<p class="next3">
|
<span>报告日期</span>
|
<label>${DateUtil.format('yyyy-MM-dd',info.patrol_date)}</label>
|
</p>
|
<p class="next3">
|
<span>开始时间</span>
|
<label>${DateUtil.format('yyyy-MM-dd HH:mm',info.begin_time)}</label>
|
</p>
|
|
<p class="next3">
|
<span>结束时间</span>
|
<label>${DateUtil.format('yyyy-MM-dd HH:mm',info.end_time)}</label>
|
</p>
|
<p class="next3">
|
<span>填报人</span>
|
<label>${info.user_name}</label>
|
</p>
|
<p>
|
<span>联系方式</span>
|
<label>${info.user_phone}</label>
|
</p>
|
<p>
|
<span>巡检总结</span>
|
<label>${info.summary}</label>
|
</p>
|
</section>
|
</div>
|
<div class="swiper-slide">
|
[#if info.categoryList??&&info.categoryList?size>0]
|
[#list info.categoryList as category]
|
<div class="inspection-box">
|
<div class="inspection-bg">${category.NAME}</div>
|
[#if category.dataList??&&category.dataList?size>0]
|
[#list category.dataList as item]
|
<a><p class="no-next"><span>${item.item_name}</span>
|
<label>[#if item.result==1]正常[#elseif item.result==2 ]告警[#else]异常[/#if]</label></p></a>
|
[/#list]
|
[/#if]
|
</div>
|
[/#list]
|
[/#if]
|
|
</div>
|
<div class="swiper-slide">
|
[#if info.ciList??&&info.ciList?size>0]
|
[#list info.ciList as ci]
|
<div class="inspection-box">
|
<div class="bg2">${ci.ciname}(${ci.searchcode})</div>
|
[#if ci.xjxlist?? && ci.xjxlist?size > 0]
|
[#list ci.xjxlist as xjx]
|
<a><p class="no-next"><span>${xjx.item_name}</span>
|
<label>[#if xjx.result==1]正常[#elseif xjx.result==2 ]告警[#else]异常[/#if]</label></p></a>
|
[/#list]
|
[/#if]
|
</div>
|
[/#list]
|
[/#if]
|
</div>
|
<div class="swiper-slide">
|
[#if info.orderList?? && info.orderList?size > 0]
|
[#list info.orderList as order]
|
<section class="worklist clearfix">
|
<h2>
|
${order.order_code}
|
</h2>
|
<div class="worklistcon clearfix">
|
<span>${Constants.mapWORKFLOW_BUSINESS_TYPE_Label(order.businesstype+"")}</span>
|
<p>工单名称：${order.wfname}</p>
|
<p>${Constants.CUSTOMER_CONSTANTS}名称：${order.customer_name}</p>
|
<p>创建时间：<em>${DateUtil.format("yyyy-MM-dd HH:mm:ss",order.createtime)}</em></p>
|
<label>${order.creatername}</label>
|
</div>
|
</section>
|
[/#list]
|
[/#if]
|
</div>
|
</div>
|
</div>
|
<script type="text/javascript">
|
n=$('.kltwowrap a').size();
|
var wh=100*n+"%";
|
$('.kltwowrap').width(wh);
|
var lt=(100/n/4);
|
var lt_li=lt+"%";
|
$('.kltwowrap a').width(lt_li);
|
$(".kltwowrap a").on('touchstart mousedown',function(e){
|
e.preventDefault()
|
$(".kltwowrap .active").removeClass('active');
|
$(this).addClass('active');
|
tabsSwiper.slideTo($(this).index());
|
});
|
|
$(".kltwowrap a").click(function(e){
|
e.preventDefault();
|
});
|
|
window.onload=function(){
|
var pages = document.getElementById("swiper-pages");
|
var scale = window.screen.height / window.screen.width;
|
pages.style.height = document.body.clientWidth * scale -$('.kltit').height()-$('.kltwo').height() - 20 + "px";
|
}
|
|
var tabsSwiper = new Swiper(".swiper-container",{
|
setWrapperSize :true,
|
onSlideChangeStart: function(sw){
|
$(".kltwowrap .active").removeClass('active');
|
$(".kltwowrap a").eq(tabsSwiper.activeIndex).addClass('active');
|
|
//sw.width
|
var currTab = $(".kltwowrap a").eq(tabsSwiper.activeIndex);
|
/*if(currTab.width()*sw.activeIndex +10 > sw.width){
|
currTab.parent().css("left",-currTab.width()*sw.activeIndex);
|
}else{
|
currTab.parent().css("left",0);
|
}*/
|
currTab.parent().css("left",-parseInt(sw.activeIndex/4)*sw.width);
|
}
|
});
|
</script>
|
</body>
|
</html>
|
