审查视图

public/themes/simpleboot3/index/all_guarantee/index.html 10.6 KB
王晓刚 authored
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="__TMPL__/public/assets/assets/css/weui.min.css">
    <link rel="stylesheet" href="__TMPL__/public/assets/assets/css/swiper-3.4.2.min.css">
    <link rel="stylesheet" href="//at.alicdn.com/t/font_970727_pul0ncci0v.css">
    <link rel="stylesheet" href="__TMPL__/public/assets/assets/css/style.css">
    <script type="text/javascript" src="__TMPL__/public/assets/assets/js/fontsize.js"></script>
    <script type="text/javascript" src="__TMPL__/public/assets/assets/js/jquery-2.1.0.js"></script>
    <title>全部保单</title>
    <style>
        body {
            background: #F5F7F7;
        }

    </style>
</head>
<body>
王晓刚 authored
23
<a class="agree_top my_trsuttop" href="javascript:history.back(-1);">
王晓刚 authored
24 25 26 27 28 29 30 31
    <div class="iconfont icon-xiangzuo"></div>
    <div>返回</div>
</a>
<div class="my_info">
    <div class="my_infoimg">
        <img src="{$user.avatar}" alt="">
    </div>
    <div class="my_inforigth">
王晓刚 authored
32 33 34 35 36 37 38 39
        <div class=" my_payinforigth">
            <div class="my_inforigthtitle">{$user.name}</div>
            <div class="my_rigthblod">托管说明</div>
        </div>
        <div class="my_payinfominitxt">编号:{$user.number}</div>
    </div>

</div>
王晓刚 authored
40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58
<div class="my_main">
    <div class="all_trust">
        <div class="all_active select_status" data-status="0">全部</div>
        <div class="select_status" data-status="1">托管中</div>
        <div class="select_status" data-status="2">即将到期</div>
        <div class="select_status" data-status="3">未托管</div>
    </div>
    <div class="my_mianbox">
       <div class="my_alltxt">
           <div>保单总数{$no_collocation_count}份</div>
           <div>被保险人{$no_people_count}人</div>
           <div>本年保险支出{$no_total_sum}元</div>
       </div>
        <div class="swiperbox">
            <div class="my_main_minibox">
                <div id="swiper1" >
                    <div class="swiper-wrapper">
                        <foreach name="insurer" item="vo">
                            <if condition="$key eq 0">
王晓刚 authored
59
                                <div class="swiper-slide my_main_miniboxitem select_status my_mainactive" style="width:auto;text-align: center;">{$vo.insurer}</div>
王晓刚 authored
60
                                <else/>
王晓刚 authored
61
                                <div class="swiper-slide my_main_miniboxitem select_status" style="width:auto;text-align: center;">{$vo.insurer}</div>
王晓刚 authored
62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77
                            </if>
                        </foreach>
                    </div>
                </div>
            </div>
            <div class="iconfont icon-xiangyou "></div>
        </div>
    </div>
    <div id="dom">
        <foreach name="collocation_data" item="c_d">
            <div class="my_trustitem">
                <div class="detail_logo">
                    <div class="logo_img">
                        <img src="{:cmf_get_image_url($c_d.thumbnail)}" alt="">
                    </div>
                    <div>
王晓刚 authored
78
                        <if condition="$c_d['status'] eq 1 && $c_d['order_about_time']+30*24*60*60 gt time()">
王晓刚 authored
79
                            托管中
王晓刚 authored
80
                            <elseif condition="$c_d['status'] eq 3 && $c_d['order_about_time'] lt time() && ($c_d['order_about_time']+30*24*60*60) gt time() || ($c_d['status'] eq 1 && $c_d['order_about_time'] lt time() && ($c_d['order_about_time']+30*24*60*60) gt time())"/>
王晓刚 authored
81
                            即将到期
王晓刚 authored
82
                            <elseif condition="$c_d['status'] eq 3 && $c_d['order_expire_time'] gt time() && $c_d['order_about_time']+30*24*60*60 gt time()"/>
王晓刚 authored
83
                            托管中{$c_d['status']}
王晓刚 authored
84
                            <elseif condition="$c_d['status'] eq 2 || $c_d['order_expire_time'] lt time() || ($c_d['order_about_time']+24*30*60*60) lt time()"/>
王晓刚 authored
85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102
                            未托管
                        </if>
                    </div>
                </div>
                <div class="dateil_info dateil_info_my">
                    <div class="dateil_info_mytxt">
                        <div>{$c_d.product_name}</div>
                        <div class="dateil_info_mytxt_9">
                            <if condition="$c_d['status'] eq 1">
                                免费托管
                            </if>
                        </div>
                    </div>
                    <div>保险单号:{$c_d.insurance_num}</div>
                    <div class="dateil_infomian">
                        <div class="detail_infoleft">
                            <div>投保人:{$c_d.application}</div>
                            <div>缴费方式:{$c_d.pay_method_id}</div>
王晓刚 authored
103
                            <div>投保日期:{:date('Y-m-d',$c_d.insurer_time)}</div>
王晓刚 authored
104 105 106 107 108 109 110 111 112 113
                            <div>投保人是否豁免:<if condition="$c_d['remit'] eq 1"><else /></if></div>
                        </div>
                        <div class="detail_inforigth">
                            <div>被保险人:{$c_d.insurer}</div>
                            <div>保单金额:{$c_d.insurance_price}元</div>
                            <div>合同生效日期:{:date('Y-m-d',$c_d.take_time)}</div>
                        </div>
                    </div>

                </div>
王晓刚 authored
114
                <div class="look_detal"><a href="{:cmf_url('all_guarantee/guarantee_info',array('id'=>$c_d['o_id']))}">查看详情</a></div>
王晓刚 authored
115 116 117 118 119 120 121 122
            </div>
        </foreach>
    </div>
</div>
<!--托管说明-->
<div class="my_mold" style="display: none">
    <div class="my_moldbox">
        <div class="my_topbtn">托管说明</div>
王晓刚 authored
123
        <div class="my_moldmian">
王晓刚 authored
124
            {$page_html.content}
王晓刚 authored
125
        </div>
王晓刚 authored
126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167
        <div class="my_moldbtn">关闭</div>
    </div>
</div>
<script type="text/javascript" src="__TMPL__/public/assets/assets/js/jquery-2.1.0.js"></script>
<script type="text/javascript" src="__TMPL__/public/assets/assets/js/common.js"></script>
<script type="text/javascript" src="__TMPL__/public/assets/assets/js/Augly_Verification.js"></script>
<script type="text/javascript" src="__TMPL__/public/assets/assets/js/swiper-3.4.2.jquery.min.js"></script>
<script>
    var mySwiper = new Swiper('#swiper1', {
        slidesPerView : 3,
        slidesPerGroup : 3,
    });
    $('.my_main_miniboxitem').click(function () {
        $(this).addClass('my_mainactive').siblings().removeClass('my_mainactive');
    });
    $('.all_trust div').click(function () {
        $(this).addClass('all_active').siblings().removeClass('all_active');
    });
    $('.my_rigthblod').click(function () {
        $('.my_mold').show();
    });
    $('.select_status').click(function () {
        var status = $('.all_active').attr('data-status');
        var insurer = $('.my_mainactive').text();
        $.ajax({
            url: "{:url('me_guarantee/select_status')}",
            type: "POST",
            data: {'status': status,'insurer': insurer},
            success: function (data) {
                var mydata = '';
                var type = "";
                var data = eval("(" + data + ")");
                var result = data.data;
                if(data.code == 20000){
                    $.each(result,function(k,n){
                        if(status == 1){
                            type = "托管中";
                        }else if(status == 2){
                            type = "即将到期";
                        }else if(status == 3){
                            type = "未托管";
                        }else if(status == 0){
王晓刚 authored
168
                            console.log(n.status)
王晓刚 authored
169
                            if(n.status == 1 && n.order > {:time()}){
王晓刚 authored
170
                                type = "托管中";
王晓刚 authored
171
                            }else if(n.status == 3 && n.order_about_time < {:time()} && (n.order_about_time+30*24*60*60) > {:time()} || n.status == 1 && n.order_about_time < {:time()} && (n.order_about_time+30*24*60*60) > {:time()}){
王晓刚 authored
172
                                type = "即将到期";
王晓刚 authored
173
                            }else if(n.status == 3 && n.order_expire_time > {:time()} && n.order_about_time > {:time()}){
王晓刚 authored
174
                                type = "托管中";
王晓刚 authored
175
                            }else if(n.status == 2 || n.order_expire_time < {:time()} || (n.order_about_time+30*24*60*60) < {:time()}){
王晓刚 authored
176
                                type = "未托管";
王晓刚 authored
177 178
                            }else{
                                type = "未托管";
王晓刚 authored
179 180 181
                            }
                        }
                        if(n.status == 1){
王晓刚 authored
182
                            mydata += '<div class="my_trustitem"><div class="detail_logo"><div class="logo_img"><img src="'+n.thumbnail+'" alt=""></div><div>'+type+'</div></div><div class="dateil_info dateil_info_my"><div class="dateil_info_mytxt"><div>'+n.product_name+'</div><div class="dateil_info_mytxt_9">免费托管</div></div><div>保险单号:'+n.insurance_num+'</div><div class="dateil_infomian"><div class="detail_infoleft"><div>投保人:'+n.application+'</div><div>缴费方式:'+n.pay_method_id+'</div><div>投保日期:'+n.insurer_time+'</div><div>投保人是否豁免:是</div></div><div class="detail_inforigth"><div>被保险人:'+n.insurer+'</div><div>保单金额:'+n.insurance_price+'元</div><div>合同生效日期:'+n.take_time+'</div></div></div></div><div class="look_detal"><a href="{:url('all_guarantee/guarantee_info','','')}/id/'+n.o_id+'">查看详情</a></div></div>';
王晓刚 authored
183
                        }else{
王晓刚 authored
184
                            mydata += '<div class="my_trustitem"><div class="detail_logo"><div class="logo_img"><img src="'+n.thumbnail+'" alt=""></div><div>'+type+'</div></div><div class="dateil_info dateil_info_my"><div class="dateil_info_mytxt"><div>'+n.product_name+'</div></div><div>保险单号:'+n.insurance_num+'</div><div class="dateil_infomian"><div class="detail_infoleft"><div>投保人:'+n.application+'</div><div>缴费方式:'+n.pay_method_id+'</div><div>投保日期:'+n.insurer_time+'</div><div>投保人是否豁免:是</div></div><div class="detail_inforigth"><div>被保险人:'+n.insurer+'</div><div>保单金额:'+n.insurance_price+'元</div><div>合同生效日期:'+n.take_time+'</div></div></div></div><div class="look_detal"><a href="{:url('all_guarantee/guarantee_info','','')}/id/'+n.o_id+'">查看详情</a></div></div>';
王晓刚 authored
185 186 187 188 189 190 191 192 193 194 195 196
                        }
                    });
                    $('#dom').html(mydata);
                }else{
                    toast('与服务器断开连接');
                }
            }
        })
    })
</script>
</body>
</html>