cy
2022-06-21 129904537f66509f97b285e7eb4f42b3dc349dd0
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
<!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>