duhongyu
/
AnYang_UI


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236
							<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>督办报表</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="../Script/Common/huayi.load.js"></script>
    <script src="../Script/Common/huayi.config.js"></script>
    <link rel="stylesheet" href="../css/WorkOrder/Search.css" />
    <link rel="stylesheet" href="../css/init.css" />
    <link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
    <script src="../js/laydate/laydate.js"></script>
    <script src="../js/zTree/jquery.ztree.core.js"></script>
    <style>
        table td {
            word-break: break-all;
            word-wrap: break-word;
        }

        .Shows {
            display: block !important;
        }

        .complain {
            display: none;
        }

        .toolLeft input {
            width: 200px;
        }

        th {
            padding: 5px;
            text-align: center;
        }

        td {
            padding: 5px;
        }

        .Borders {
            border: 1px solid #d7d7d7;
        }

        .daoHang {
            margin-bottom: 15px;
        }

        .Content_box .title {
            font-size: 24px;
            text-align: center;
        }

        .Content_box h5 {
            font-size: 16px;
            text-align: center;
        }

        .select {
            width: 200px;
            height: 32px;
            border: 1px solid rgb(229, 230, 231);
        }

        .footerDataStatistics {
            /* padding: 0 0 0 20px; */
            margin: 10px 0 0 10px;
            font-size: 18px;
        }
    </style>
</head>

<body class="gray-bg">
    <div class="wrapper wrapper-content animated fadeInRight">
        <div class="daoHang clearfix">
            <div class="dhLeft">
                <sapn>
                    <i class="syIcon"></i>位置：
                    <a href="javaScript:;" id="ReIndex">首页</a>&gt;
                    <a href="javaScript:;">业务统计</a>&gt;
                    <a href="" class="nowPosition">督办报表</a>
                </sapn>
            </div>
            <div class="dhRight">
                <a href="" title="刷新"><i class="fa fa-refresh"></i></a>
            </div>
        </div>

        <div class="Content_box">
            <div class="complain Shows">
                <div class="toolBar clearfix">
                    <div class="toolLeft">
                        开始日期：
                        <input class="photo x-color inputs laydate-icon" type="text" id="squeryTime"
                            autocomplete="off" />
                        结束时间：
                        <input class="photo x-color inputs laydate-icon" type="text" id="equeryTime"
                            autocomplete="off" />
                        <button class="btns search_1">查询</button>
                        <!-- <a class="btns" id="exportPublicSentiments">导出</a> -->
                    </div>
                </div>
                <div style="width: 100%;padding: 10px;">
                    <table id="workorderlist" class="tables" data-row-style="rowStyle" data-query-params="queryParams"
                        data-pagination="true">
                        <thead>
                            <tr>
                                <th data-field="" data-formatter="serialNumber" data-align="center">序号</th>
                                <th data-field="name" data-align="center">人员</th>
                                <th data-field="Checkcount" data-align="center" data-formatter="superviseCheck">督办查收量</th>
                                <th data-field="distribute" data-align="center" data-formatter="superviseDispatch">督办派单量</th>
                                <th data-field="returncount" data-align="center" data-formatter="superviseReturn">督办退回量</th>
                                <th data-field="Closecount" data-align="center" data-formatter="superviseClosed">督办结案量</th>
                                <th data-field="upcomingcount" data-align="center" data-formatter="superviseUpcoming">督办待办量</th>
                            </tr>
                        </thead>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <script>
        $(document).ready(function () {
            laydate.render({
                elem: '#squeryTime',
                theme: '#00a1cb',
                type: 'datetime'
            });
            laydate.render({
                elem: '#equeryTime',
                theme: '#00a1cb',
                type: 'datetime'
            });
            initTable();
        });
        //表格
        function initTable() {
            $.ajax({
                url: huayi.config.callcenter_url + 'WorkOrderReport/GetDBReportform',
                type: 'get',
                data: {
                    starttime: $('#squeryTime').val(),
                    endtime: $('#equeryTime').val(),
                    source: $("#source").val(),
                    token: $.cookie("token")
                },
                dataType: "json",
                async: true,
                success: function (returnValue) {
                    var resultData = returnValue.obj1;
                    resultData[0].upcomingcount = returnValue.total[0].Column1;
                    $('#workorderlist').bootstrapTable('load', resultData);
                    $('#workorderlist').bootstrapTable('mergeCells', {
                        index: 0,
                        field: 'upcomingcount',
                        colspan: 0,
                        rowspan: resultData.length
                    });
                }
            });
            $('#workorderlist').bootstrapTable('destroy').bootstrapTable({
                striped: true,
                pagination: false,
            });
        }

        //搜索
        $(".search_1").click(function () {
            initTable();
        });

        //编号
        function serialNumber(val, row, index) {
            return index + 1;
        }

        // 督办查收
        function superviseCheck(val, row) {
            return '<div class="imgs" ><a class="" onclick="viewList(\'' + row.UserCode + '\', \'1\')" >' + val +
                '</a></div>';
        }

        // 督办派单
        function superviseDispatch(val, row) {
            return '<div class="imgs" ><a class="" onclick="viewList(\'' + row.UserCode + '\', \'2\')" >' + val +
                '</a></div>';
        }

        // 督办退回
        function superviseReturn(val, row) {
            return '<div class="imgs" ><a class="" onclick="viewList(\'' + row.UserCode + '\', \'3\')" >' + val +
                '</a></div>';
        }

        // 督办结案
        function superviseClosed(val, row) {
            return '<div class="imgs" ><a class="" onclick="viewList(\'' + row.UserCode + '\', \'4\')" >' + val +
                '</a></div>';
        }

        // 督办待办
        function superviseUpcoming(val, row) {
            return '<div class="imgs" ><a class="" onclick="viewList(\'' + '\', \'5\')" >' + val +
                '</a></div>';
        }

        // 查看列表
        function viewList(dbusercode, db) {
            dbusercode = encodeURIComponent(dbusercode);
            var starttime = encodeURIComponent($('#squeryTime').val())
            var endtime = encodeURIComponent($('#equeryTime').val())
            layer.open({
                type: 2,
                content: "./superviseReportList.html?dbusercode=" + dbusercode + "&db=" + db + "&starttime=" + starttime + "&endtime=" + endtime, //iframe的url，no代表不显示滚动条
                title: '督办报表',
                area: ['90%', '90%'], //宽高
            });
        }

        //导出
        $('#exportPublicSentiments').click(function () {
            dcexcelDispath(this);
        });

        function dcexcelDispath(obj) {
            var starttime = $('#squeryTime').val()
            var endtime = $('#equeryTime').val()
            var url = huayi.config.callcenter_url + "WorkOrderReport/GetDBReportform?token=" + $.cookie("token");
            url += "&starttime=" + starttime + "&endtime=" + endtime + "&isdc=true";
            obj.href = url;
        }
    </script>
</body>

</html>