zhoufan
/
12345_Base_Web


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144
							<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>投诉统计</title>
    <!--[if lt IE 9]>
    <meta http-equiv="refresh" content="0;ie.html" />
    <![endif]-->
    <script src="../Script/Common/huayi.load.js"></script>
    <script src="../Script/Common/huayi.config.js"></script>
    <link rel="stylesheet" href="../css/init.css" />
    <style>
        .clearfix:after {
            content: "";
            display: block;
            clear: both;
        }

        .kpi-top {
            background: #f3f3f4;
            height: 60px;
            padding: 10px 20px;
        }

        .topCon {
            float: right;
            margin-right: 45px;
        }

        .kpi-content h2 {
            font-size: 18px;
            margin-bottom: 20px;
        }

        .topCon input,select {
            width: 128px;
            padding: 2px 2PX 2PX 10PX;
            height: 28px;
            border: 1px solid #ebebeb;
            color: #1ab394;
            outline: none;
            vertical-align: middle;
        }


        .kpi-content {
            width: 90%;
            margin: 0 auto;
        }

        .kpi-table table {
            width:100%;
        }
            .kpi-table table tr td {
                border: 1px solid #E0EEFE;
            }
            .kpi-table table thead tr td {
                background: #1ab394;
                color: #fff;
                font-size: 14px;
            }
    </style>
</head>

<body class="gray-bg" style="background: #fefefe;">
    <div class="hwkpi">
    	<div class="daoHang clearfix">
					<div class="dhLeft">
					<sapn><i class="syIcon"></i>位置：<a id="ReIndex" href="javaScript:;">首页</a>&gt;<a href="javaScript:;">报表管理</a>&gt;<a href="" class="nowPosition">投诉统计</a></sapn>
				</div>
				 <div class="dhRight"><i class="fa fa-refresh"></i></div>
			</div>
        <div class="kpi-top clearfix">
            <div class="topCon">
                年：
                <input type="text" class="laydate-icon" id="year" />
                月份：
                <select id="month" >
                    <option value="01">1</option>
                    <option value="02">2</option>
                    <option value="03">3</option>
                    <option value="04">4</option>
                    <option value="05">5</option>
                    <option value="06">6</option>
                    <option value="07">7</option>
                    <option value="08">8</option>
                    <option value="09">9</option>
                    <option value="10">10</option>
                    <option value="11">11</option>
                    <option value="12">12</option>
                </select>
                <button class="btns sear">搜索</button>
                <a class="btns daochu " onclick="dcexcel(this)">导出</a>
            </div>
        </div>
        <div class="kpi-content">
            <div class="kpi-table">
                <h2 style="text-align: center;">投诉统计分布</h2>
                <div class="tjtable"></div>
                <div style="color: red;">
                    注：默认显示当月1号0：00：00至当日23：59：59的数据
                </div>
            </div>
        </div>
    </div>

    <script src="../css/laydate/laydate.js"></script>
    <script src="../js/echarts.common.min.js"></script>
    <script src="http://cdn.hcharts.cn/highcharts/highcharts.js"></script>
    <script>
        $(function () {
            laydate.skin('molv');
            laydate({
                elem: '#year',
                event: 'focus',
                format: 'YYYY'
            });
            $('#year').val(laydate.now(0, 'YYYY'));
            $('#month').val(laydate.now(0, 'YYYYMM').substr(4, 2));
            bind();
            $(".sear").click(function () {
                bind();
            })
        })
        function bind() {

            $(".tjtable").empty();
            $.getJSON(huayi.config.callcenter_url + 'Business/GetTSCountList', { year: $("#year").val(), month: $("#month").val(), "token": $.cookie("token") }, function (result) {
                if (result.state.toLowerCase() == "success") {
                    $(result.data).appendTo($(".tjtable"));
                }
            })
        }
        function dcexcel(obj) {
            var url = huayi.config.callcenter_url + "Business/ExportTSCountList?token=" + $.cookie("token");
            url += "&year=" + $("#year").val() + "&month=" + $("#month").val() + "";
            obj.href = url;
        }
    </script>
</body>

</html>