<!doctype html>
|
<html>
|
<head>
|
<meta charset="utf-8">
|
[#include "/business/wechat/include/title.html" /]
|
[#include "/business/wechat/include/wheader.html" /]
|
</head>
|
|
<body>
|
<header class="kltit">
|
<a href="javascript:history.go(-1);"><span></span></a>报修详情
|
</header>
|
<section class="wlresponse wldetailtwo">
|
<p>
|
<span>报修人</span>
|
<label>${repair.CREATE_NAME}</label>
|
</p>
|
<p>
|
<span>业务科室</span>
|
<label>${repair.YWKS}</label>
|
</p>
|
<p>
|
<span>联系方式</span>
|
<label>${repair.CONTACTS_TYPE}</label>
|
</p>
|
<p>
|
<span>办公电话</span>
|
<label>${repair.TELEPHONE}</label>
|
</p>
|
<p>
|
<span>手机号</span>
|
<label>${repair.MOBILE}</label>
|
</p>
|
<p>
|
<span>职务</span>
|
<label>${repair.ZW}</label>
|
</p>
|
<p>
|
<span>${Constants.CUSTOMER_CONSTANTS}名称</span>
|
<label>${repair.CUSTOMER_NAME}</label>
|
</p>
|
<p>
|
<span>状态</span>
|
[#if repair.STATUS ==1]
|
<label>待响应</label>
|
[#elseif repair.STATUS ==2]
|
<label>处理中</label>
|
[#elseif repair.STATUS ==3]
|
<label>已完成</label>
|
[#else ]
|
<label>已关闭</label>
|
[/#if]
|
</p>
|
<p>
|
<span>报修时间</span>
|
<label>${DateUtil.format("yyyy-MM-dd HH:mm:ss",repair.CREATE_TIME)}</label>
|
</p>
|
<p>
|
<span>处理人</span>
|
<label>${repair.DEAL_NAME}</label>
|
</p>
|
[#if repair.STATUS == 3]
|
<a href="">
|
<p class="next">
|
<span>关联事件工单</span>
|
</p>
|
</a>
|
[/#if]
|
</section>
|
</body>
|
<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>
|
</html>
|