zhoufan
/
SQ12345_Web


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196
							<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" href="../layui/css/layui.mobile.css" />
    <link href="../css/mui.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="../css/iconfont.css" />
    <link rel="stylesheet" href="../css/inits.css" />
    <title>个人中心</title>
    <style>
        .count {
            color: #ff0006;
        }

        .icon_color {
            color: #00b4ff;
            margin-right: 3px;
            vertical-align: middle;
        }

        ul li a {
            font-size: 14px;
            color: #585858;
        }

        .head {
            /*background: url(../img/per_bg_01.png) no-repeat;*/
            background: url(../img/banner.png) no-repeat;
            background-size: 100% 100%;
            width: 100%;
            height: 200px;
            position: relative;
        }

        .count_list {
            padding: 0;
            margin: 0;
            width: 100%;
            border: 0;
        }

            .count_list li {
                width: 33.3%;
                text-align: center;
                float: left;
                background: #eef7fd;
                list-style: none;
                padding: 5px 0;
            }

        .nickName_box {
            color: #fff;
            font-size: 20px;
            position: absolute;
            right: 0;
            left: 0;
            top: 90px;
            bottom: 0;
            text-align: center;
        }

        .change_nickName {
            display: block;
            font-size: 10px;
            border: 1px solid #fff;
            width: 100px;
            margin: 9px auto;
            border-radius: 20px;
        }

        .right_wz {
            background: transparent;
            color: #929292;
        }

        .mui-segmented-control .mui-control-item.mui-active {
            color: #000 !important;
            background-color: #eef7fd !important;
        }
    </style>
</head>
<body>
    <div class="mui-content">
        <div class="head">
            <!--<p class="nickName_box"><span class="nickName">豆芽儿</span><span class="change_nickName">请设置您的昵称</span></p>-->
            <p class="nickName_box"><span class="nickName"></span></p>

        </div>
        <ul class="count_list clearFix mui-segmented-control" id="segmentedControl">
            <li><a href="#type_con0" class="mui-control-item mui-active">全部记录<span class="count total"</span></a></li>
            <li><a href="#type_con1" class="mui-control-item">处理中<span class="count blzcount"></span></a></li>
            <li><a href="#type_con2" class="mui-control-item">已办结<span class="count yblcount"></span></a></li>
        </ul>

        <ul class="mui-table-view mui-control-content mui-active" id="type_con0">
            <li class="mui-table-view-cell turn_gdlist" data-index="-1">
                <a class="mui-navigate-right">
                    <span class="type_data">全部诉求</span><span class="count all_count"></span>
                    <span class="mui-badge right_wz">查看全部诉求</span>
                </a>
            </li>
            <!--
            <li class="mui-table-view-cell">
                <a class="mui-navigate-right">
                    建议记录<span class="count">(0)</span>
                </a>
            </li>-->
        </ul>
        <ul class="mui-table-view mui-control-content" id="type_con1">
            <li class="mui-table-view-cell turn_gdlist" data-index="0">
                <a class="mui-navigate-right">
                    <span class="type_data">处理中总数</span><span class="count going"></span>
                    <span class="mui-badge right_wz">查看处理中诉求</span>
                </a>
            </li>

        </ul>
        <ul class="mui-table-view mui-control-content" id="type_con2">
            <li class="mui-table-view-cell turn_gdlist" data-index="1">
                <a class="mui-navigate-right">
                    <span class="type_data">已处理总数</span><span class="count finish"></span>
                    <span class="mui-badge right_wz">查看已处理诉求</span>
                </a>
            </li>

        </ul>


    </div>
    <script src="layui/layui.js"></script>
    <script src="../js/mui.min.js"></script>
    <script src="../layui/layui.js"></script>
    <script src="../js/zepto.js"></script>
    <script src="../Script/Common/huayi.config.js"></script>
    <script src="../Script/Common/huayi.http.js"></script>
    <script>
        var openid = helper.cookies.get("openid");
        if (!openid) {
            window.location.replace("../html/error.html");
        }
        var type = 0;
        Ajax(type);
        $('.count_list li').on('tap', function () {
            type = $(this).index();
            Ajax(type)
        })
        function Ajax(type) {
            $('#type_con' + type).children('.order_jl').remove();
            $.ajax({
                type: "get",
                url: huayi.config.callcenter_url + 'WxLogin/GetWorkOrderCount',
                data: {
                    openid: openid,
                    type: type
                },
                dataType: 'json',
                success: function (result) {
                    console.log(result.state)
                    var con = result.data;
                    if (result.state.toLowerCase() == 'success') {
                        $('.total').html(con.total);//全部记录
                        $('.blzcount').html(con.blzcount);//办理中
                        $('.yblcount').html(con.yblcount);//已办理
                        $('.all_count').html('(' + con.total + ')');//所有诉求
                        $('.going').html('(' + con.blzcount + ')');//办理中
                        $('.finish').html('(' + con.yblcount + ')');//已办理
                        var typeData = con.typedata;
                        $(typeData).each(function (i, n) {
                            $('<li class="mui-table-view-cell order_jl" data-index="' + n.F_ValueId + '">' +
                                '<a class="mui-navigate-right">' +
                                '<span class="type_data">' + n.F_Value + '记录</span><span class="count">(' + n.Count + ')</span>' +
                                '</a>' +
                                '</li>').appendTo('#type_con' + type)
                        })
                    }
                }
            });
        }

        $('.turn_gdlist').on('tap', function () {
            var isdeal = $(this).attr('data-index');
            location.href = "allSuQiu.html?isdeal=" + isdeal;
        })
        $('#type_con' + type).on('tap', '.order_jl', function () {
            var order_type = $(this).attr('data-index');
            location.href = "allSuQiu.html?types=" + order_type;
        })


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