zhengbingbing
/
Autobio_UI


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212
							<!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]-->
    <meta name="keywords" content="">
    <meta name="description" content="">
    <script src="../../Script/Common/huayi.load.js"></script>
    <script src="../../Script/Common/huayi.config.js"></script>
    <!--<link rel="stylesheet" href="../../css/huTotal.css" />-->
    <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 select {
            padding: 2px;
            height: 28px;
            border: 1px solid #ebebeb;
            color: #1ab394;
            outline: none;
            vertical-align: middle;
        }

        .topCon input {
            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 {
            font-size: 12px;
        }

            .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="javaScript:;">业务数据分析</a>&gt;<a href="" style="color: #000;">工单流程执行效率分析</a></sapn>
				</div>
			</div>
        <div class="kpi-top clearfix">
            <div class="topCon">
                开始时间：
                <input type="text" class="laydate-icon" id="startTime" />
                结束时间：
                <input type="text" class="laydate-icon" id="endTime" />
                <button class="btns sear">搜索</button>
                <!--<button class="btns daochu ">导出</button>-->
            </div>
        </div>

        <div class="kpi-content">
            <div class="kpi-table">
                <h2 style="text-align: center;">工单流程执行效率分析</h2>
                <table class="table table-bordered text-center table-hover" style="width: 100%;">
                    <thead>
                        <tr>
                            <td>日期</td>
                            <td>工单总量</td>
                            <td>工单总用时/小时</td>
                            <td>工单平均用时/小时</td>
                            <td>指派总用时/小时</td>
                            <td>指派平均用时/小时</td>
                            <td>接单总用时/小时</td>
                            <td>接单平均用时/小时</td>
                            <td>处理总用时/小时</td>
                            <td>处理平均用时/小时</td>
                            <!--<td>回访总用时/小时</td>
                            <td>回访平均用时/小时</td>
                            <td>结单总用时/小时</td>
                            <td>结单平均用时/小时</td>-->
                        </tr>
                    </thead>
                    <tbody class="tbody">
                    </tbody>
                    <tfoot>
                        <tr>
                            <td>合计</td>
                            <td><span class="hj"></span></td>
                            <td><span class="hj"></span></td>
                            <td><span class="hj"></span></td>
                            <td><span class="hj"></span></td>
                            <td><span class="hj"></span></td>
                            <td><span class="hj"></span></td>
                            <td><span class="hj"></span></td>
                            <td><span class="hj"></span></td>
                            <td><span class="hj"></span></td>
                        </tr>
                    </tfoot>
                </table>
                <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: '#startTime',
                event: 'focus',
                format: 'YYYY-MM-DD'
            });
            laydate({
                elem: '#endTime',
                event: 'focus',
                format: 'YYYY-MM-DD'
            });
            bind();
            $(".sear").click(function () {
                bind();
            })
        })
        function bind() {
            var Count = 0;
            var TotalTime = 0;
            var AvgTime = 0;
            var ZPTotalTime = 0;
            var ZPAvgTime = 0;
            var JDTotalTime = 0;
            var JDAvgTime = 0;
            var CLTotalTime = 0;
            var CLAvgTime = 0;


            $(".tbody").empty();
            $.getJSON(huayi.config.callcenter_url + 'Business/GetWorkEfficiency', { starttime: $("#startTime").val(), endtime: $("#endTime").val(), "token": $.cookie("token") }, function (result) {
                if (result.state.toLowerCase() == "success") {
                    $(result.data).each(function (i, n) {
                        var html = '<tr><td>' + n.Date + '</td><td>' + n.Count + '</td><td>' + n.TotalTime + '</td><td>'
                            + n.AvgTime + '</td><td>' + (n.ZPTotalTime ? n.ZPTotalTime : 0) + '</td><td>' + (n.ZPAvgTime ? n.ZPAvgTime : 0) + '</td><td>'
                            + (n.JDTotalTime ? n.JDTotalTime : 0) + '</td><td>' + (n.JDAvgTime ? n.JDAvgTime : 0) + '</td><td>'
                            + (n.CLTotalTime ? n.CLTotalTime : 0) + '</td><td>' + (n.CLAvgTime ? n.CLAvgTime : 0) + '</td></tr>';
                        $(".tbody").append(html);

                        Count = Count + (n.Count ? n.Count * 1 : 0);
                        TotalTime = TotalTime + (n.TotalTime ? n.TotalTime * 1 : 0);
                        AvgTime = AvgTime + (n.AvgTime ? n.AvgTime * 1 : 0);
                        ZPTotalTime = ZPTotalTime + (n.ZPTotalTime ? n.ZPTotalTime * 1 : 0);
                        ZPAvgTime = ZPAvgTime + (n.ZPAvgTime ? n.ZPAvgTime * 1 : 0);
                        JDTotalTime = JDTotalTime + (n.JDTotalTime ? n.JDTotalTime * 1 : 0);
                        JDAvgTime = JDAvgTime + (n.JDAvgTime ? n.JDAvgTime * 1 : 0);
                        CLTotalTime = CLTotalTime + (n.CLTotalTime ? n.CLTotalTime * 1 : 0);
                        CLAvgTime = CLAvgTime + (n.CLAvgTime ? n.CLAvgTime * 1 : 0);
                    })
                    $(".hj").eq(0).text(Count);
                    $(".hj").eq(1).text(TotalTime);
                    $(".hj").eq(2).text(AvgTime);
                    $(".hj").eq(3).text(ZPTotalTime);
                    $(".hj").eq(4).text(ZPAvgTime);
                    $(".hj").eq(5).text(JDTotalTime);
                    $(".hj").eq(6).text(JDAvgTime);
                    $(".hj").eq(7).text(CLTotalTime);
                    $(".hj").eq(8).text(CLAvgTime);
                }
            })
        }
    </script>
</body>

</html>