<%@ page language="java" import="java.util.*" contentType="text/html; charset=utf-8"%>
<%@ include file="/WEB-INF/include/taglib.jsp"%>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="renderer" content="webkit">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <link rel="stylesheet" href="/static/weixin/css/public.css">
    <link rel="stylesheet" href="/static/weixin/css/new_basic.css">
    <script src="/static/weixin/js/flexible.js"></script>
    <link href="/static/weixin/css/mobiscroll/mobiscroll_002.css" rel="stylesheet" type="text/css">
    <link href="/static/weixin/css/mobiscroll/mobiscroll.css" rel="stylesheet" type="text/css">
    <link href="/static/weixin/css/mobiscroll/mobiscroll_003.css" rel="stylesheet" type="text/css">
    <title id="proTitle">保险产品</title>
    <style>
        .left{
            float: left;
            position: absolute;
            top: 25px;
            left: 25px;
        }
        #ert{
            display: none;
            text-align: center;
            font-size: 16px;
            padding: 10px;
            color: #7e95c4;
        }
        [data-dpr="2"] #scroller p#ert{
            font-size: 32px;
        }
        [data-dpr="3"] #scroller p#ert{
            font-size: 48px;
        }
        #wrapper.new-bill-s.sd {
            top: 2.73333rem;
        }
    </style>
    <script>
        var weixin_login_distribution_level = "${p.weixin_login_distribution_level}";
        var weixin_login_company_type = "${p.weixin_login_distribution_level}";
    </script>
</head>
<body id="contain">
<div class="contain">
    <div class="new-head-bill">
        <span id="bill_list_title">保险产品</span>
        <a href="/weixin/bill/index" class="left">
            <img src="/static/weixin/images/head-left.png"/>
        </a>
        <%--<input type="text" readonly id="appDate" value="其他月份" />--%>
        <i  id="condition" class="lm-shai">筛选</i>
    </div>

    <div class="lm-yui-cont">
        <%--<div class="tyu">--%>
            <%--<p><em>福建省</em></p>--%>
            <%--<p>--%>
                <%--<em>2018-05-02 至 2018-09-12</em>--%>
            <%--</p>--%>
        <%--</div>--%>
        <div class="tyu">
            <p>
                <em>我的收入:</em>
                <i id="sumIncome">${total.sum}</i>
            </p>
            <c:if test="${p.weixin_login_distribution_level!='3'}">
                <c:if test="${p.weixin_login_company_type!=4}">
                    <p>
                        <em>下级收入:</em>
                        <i id="lowLevelIncome">0</i>
                    </p>
                </c:if>
            </c:if>
        </div>
        <div class="tyu">
            <%--<p>--%>
                <%--<em>实际收益:</em>--%>
                <%--<i id="realIncome">0</i>--%>
            <%--</p>--%>
            <p>
                <em>总数:</em>
                <i id="total_row">0</i>
            </p>
        </div>
    </div>

    <div id="wrapper" class="new-bill-s sd">
        <div class="administer" id="scroller">
            <%--<div class="new-bill-income">--%>
                <%--<p >--%>
                    <%--<i id="bill-total-income"></i>--%>
                    <%--<b id="xiang" style="display: none">详情</b>--%>
                <%--</p>--%>

            <%--</div>--%>
            <ul id="billed-list-new">
            </ul>
            <div id="pullUp">
                <span class="pullUpLabel">上拉加载更多...</span>
            </div>
            <p id="ert"></p>
        </div>
    </div>

    <!--黑色蒙版-->
    <div class="black-mask"></div>

    <!--黑色蒙版2-->
    <div class="black-mask-more"></div>

    <!--详情弹窗-->
    <div class="bill-regard">
        <div class="regard-head">
            <p>收入结构</p>
            <span>
                <img src="/static/weixin/images/regard-error.png" />
            </span>
        </div>
        <ul id="bill-detail-month">
        </ul>
    </div>
</div>

<script src="/static/weixin/js/jquery-1.8.3.min.js"></script>
<script src="/static/weixin/js/mobiscroll/mobiscroll_002.js" type="text/javascript"></script>
<script src="/static/weixin/js/mobiscroll/mobiscroll_004.js" type="text/javascript"></script>
<script src="/static/weixin/js/mobiscroll/mobiscroll.js" type="text/javascript"></script>
<script src="/static/weixin/js/mobiscroll/mobiscroll_003.js" type="text/javascript"></script>
<script src="/static/weixin/js/mobiscroll/mobiscroll_005.js" type="text/javascript"></script>

<script src="/static/weixin/common/layer_mobile/layer.js"></script>
<link rel="stylesheet" href="/static/weixin/common/layer_mobile/need/right.css">
<script src="/static/weixin/common/jquery.formHelper.js"></script>
<script type="text/javascript" src="/static/weixin/js/iscroll.js"></script>
<script type="text/javascript" src="/static/weixin/js/g.js"></script>
<script type="text/javascript" src="/static/weixin/js/bill.js"></script>

<script>

    $(function () {

//        $(document).click(function (e) {
//            drag = $("#drag");
//            dragel = $("#drag")[0];
//            target = e.target;
//            dragel2 = $("#bill-city")[0];
//            if (drag && dragel && dragel2) {
//                if ((dragel !== target && !$.contains(dragel, target)) && (dragel2 !== target && !$.contains(dragel2, target))) {
//                    $('#bill-city').removeClass('on');
//                    $('.new-bill-month .bill-city').slideUp('fast');
//                    $('.black-mask').hide();
//                }
//            }
//        });

////        详情的弹窗
//        $('#xiang').click(function () {
//            $('.bill-regard').show();
//            $('.black-mask-more').show();
//        });
//        $('.regard-head span').click(function () {
//            $('.bill-regard').hide();
//            $('.black-mask-more').hide();
//        });
//        $('.black-mask-more').click(function () {
//            $('.bill-regard').hide();
//            $('.black-mask-more').hide();
//        });


        if('${p.product_type}'=="6"){
            $("#bill_list_title").text("保险产品");
            $("#proTitle").text("保险产品");
        }else if('${p.product_type}'=="7"){
            $("#bill_list_title").text("风评产品");
            $("#proTitle").text("风评产品");
        } else if('${p.product_type}'=="8"){
            $("#bill_list_title").text("培训产品");
            $("#proTitle").text("培训产品");
        }

        $("#condition").click(function(){
            window.location.href="/weixin/bill/bill-condition?product_type=${p.product_type}"
        });


    });


</script>
</body>
</html>