duhongyu
/
AnYang_UI


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270
							<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8" />
    <script src="../Script/Common/huayi.load.js"></script>
    <script src="../Script/Common/huayi.config.js"></script>
    <link href="../css/layer/need/layer.css" />
    <link rel="stylesheet" href="../css/init.css" />
    <link rel="stylesheet" href="../js/layui/css/layui.css">
    <link rel="stylesheet" href="../js/layui/css/layui.css">
    <title>工单列表</title>
</head>

<body>
    <div>
        <div style="width: 100%;padding: 10px;">
            <table id="orderlist" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
                <thead>
                    <tr>
                        <!-- <th data-field="F_WorkOrderId" data-formatter="View" data-align="center">工单单号</th> -->
                        <th data-formatter="serialNumber" data-align="center">
                            序号
                        </th>
                        <th data-field="F_WorkOrderId" data-formatter="View" data-align="center">工单单号</th>
                        <th data-field="F_ComTitle" data-formatter="GetCont" data-align="center">诉求标题</th>
                        <th data-field="DeptName" data-align="center">承办单位</th>
                        <th data-field="UserName" data-align="center">受理人</th>
                        <th data-field="F_WorkState" data-align="center" data-formatter="States">办理状态</th>
                        <th data-field="F_ComContent" data-align="center">来电内容</th>
                        <th data-field="GapTime" data-align="center">超时天数</th>
                        <th data-field="Backreason" data-align="center">退单原因</th>
                        <th data-field="OverState" data-formatter="OverTime" data-class="OverState" data-align="center">
                            时限</th>
                        <th data-field="LimitTime" data-formatter="BanTime" data-class="LimitTime" data-align="center">
                            办理时限</th>
                        <th data-field="Oncedissatisfied" data-class="Oncedissatisfied" data-align="center">不满意原因</th>
                        <!-- <th data-field="GapTime" data-class="GapTime" data-align="center">超时天数</th> -->
                    </tr>
                </thead>
                <tbody class="list"></tbody>
            </table>
        </div>
        <div style="text-align: center;">
            <button class="btns exportFile">导出</button>
        </div>
    </div>
    <script src="../js/layui/layui.js"></script>
    <script src="../js/layui/layui.js"></script>
    <script src="../css/laydate/laydate.js"></script>
    <script src="../js/adjustHeight.js"></script>
    <script src="../js/WorkOrder/WorkOrderList.js"></script>

    <script>
        var deptId = helper.request.queryString("deptId");
        var dbtype = helper.request.queryString("dbtype");
        var starttime = decodeURIComponent(helper.request.queryString("starttime"));
        var endtime = decodeURIComponent(helper.request.queryString("endtime"));
        var source = helper.request.queryString("source");
        $(document).ready(function () {
            load();
        });
        //获取查询信息
        function load() {
            //先销毁表格
            $('#orderlist').bootstrapTable('destroy');
            //初始化表格,动态从服务器加载数据
            $("#orderlist").bootstrapTable({
                method: "get", //使用get请求到服务器获取数据
                url: huayi.config.callcenter_url + "WorkOrder/GetModelList", //获取数据的Servlet地址
                contentType: "application/x-www-form-urlencoded",
                striped: true, //表格显示条纹
                pagination: true, //启动分页
                pageSize: 10, //每页显示的记录数
                pageNumber: 1, //当前第几页
                pageList: [10, 20, 50, 100], //记录数可选列表
                search: false, //是否启用查询
                showColumns: false, //显示下拉框勾选要显示的列
                showRefresh: false, //显示刷新按钮
                sidePagination: "server", //表示服务端请求
                //设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
                //设置为limit可以获取limit, offset, search, sort, order
                queryParamsType: "undefined",
                queryParams: function queryParams(params) { //设置查询参数
                    var param = {
                        page: params.pageNumber,
                        pagesize: params.pageSize,
                        dbdata: 1,
                        deptid: deptId,
                        starttime: starttime,
                        endtime: endtime,
                        dbtype: dbtype,
                        source: source,
                        token: $.cookie("token")
                    };
                    return param;
                },
                onLoadSuccess: function (data) { //加载成功时执行
                    listJudgment();
                },
                onLoadError: function () { //加载失败时执行
                    //layer.msg("加载数据失败", { time: 1500, icon: 2 });
                }
            });
        }

        /* 
        1、承办件弹出的工单列表中去掉“时限、办理时限”，增加显示出来电内容

        2、超期件弹出的工单列表中增加显示出来电内容

        3、未果件弹出的工单列表中去掉“时限、办理时限”，增加显示出来电内容

        4、退单件弹出的工单列表中去掉“时限、办理时限”，增加显示出来电内容

        5、群众评议总数弹出的工单列表中去掉“时限、办理时限”，增加显示出来电内容

        6、不满意件弹出的工单列表中去掉“时限、办理时限”，增加显示出来电内容、不满意件原因
        */
        function listJudgment() {
            if (dbtype === "0") {
                $("#orderlist").find(".OverState").hide()
                $("#orderlist").find(".LimitTime").hide()
                $("#orderlist").find(".Oncedissatisfied").hide()
            } else if (dbtype === "1") {
                $("#orderlist").find(".Oncedissatisfied").hide()
                $("#orderlist").find(".OverState").hide()
            } else if (dbtype === "2") {
                $("#orderlist").find(".OverState").hide()
                $("#orderlist").find(".LimitTime").hide()
                $("#orderlist").find(".Oncedissatisfied").hide()
            } else if (dbtype === "3") {
                $("#orderlist").find(".OverState").hide()
                $("#orderlist").find(".LimitTime").hide()
                $("#orderlist").find(".Oncedissatisfied").hide()
            } else if (dbtype === "4") {
                $("#orderlist").find(".OverState").hide()
                $("#orderlist").find(".LimitTime").hide()
                $("#orderlist").find(".Oncedissatisfied").hide()
            } else if (dbtype === "5" || dbtype === "6") {
                $("#orderlist").find(".OverState").hide()
                $("#orderlist").find(".LimitTime").hide()
                $("#orderlist").find(".Oncedissatisfied").show()
            }
        }

        //状态
        function States(val, row) {
            var html = '';
            switch (val + '') {
                case '0':
                    html = '新工单';
                    if (row.F_IsReturn == 1) {
                        html = '新工单（回退）';
                    }
                    break;
                case '1':
                    html = '待交办';
                    break;
                case '2':
                    html = '待查收';
                    break;
                case '3':
                    html = '退回审核中';
                    break;
                case '4':
                    html = '办理中';
                    break;
                case '5':
                    html = '延时审核';
                    break;
                case '6':
                    html = '已办理';
                    break;
                case '7':
                    html = '已回访';
                    break;
                case '8':
                    html = '重办中';
                    break;
                case '9':
                    html = '已结案';
                    break;
                case '10':
                    html = '待审核';
                    break;
                case '11':
                    html = '重办待交办';
                    break;
                case '12':
                    html = '待审核';
                    break;
                case '13':
                    html = '重办驳回';
                    break;
            }
            return html;
        }
        //时限
        function OverTime(val, row) {
            if (val == 1) {
                return '<div class="" style="cursor: pointer;">' +
                    '<span class="Greens">' + row.GapTime + '</span>' +
                    '</div>';
            } else if (val == 2) {
                return '<div class="" style="cursor: pointer;">' +
                    '<span class="Yellows">' + row.GapTime + '</span>' +
                    '</div>';
            } else if (val == 3) {
                return '<div class="" style="cursor: pointer;">' +
                    '<span class="Reds">' + row.GapTime + '</span>' +
                    '</div>';
            }
        }
        //办理时限
        function BanTime(val) {
            if (val) {
                var time = val.substring(0, val.indexOf(' '));
                return '<div class="" style="cursor: pointer;">' +
                    '<span>' + time + '</span>' +
                    '</div>';
            }

        }

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

        function GetCont(val) {
            if (val) {
                var str = '<div '
                if (val.length > 10) {
                    str = str + ' title="' + val + '" ';
                    val = val.substr(0, 10) + "...";
                }
                return str + '>' + val + '</div>';
            } else {
                return '';
            }
        }

        //查看详情
        function ckxq(str) {
            layer.open({
                type: 2,
                content: "../CommonHtml/WorkDatil.html?wid=" + str, //iframe的url，no代表不显示滚动条
                title: '工单详情',
                area: ['100%', '100%'], //宽高
            });
        }

        //导出
        $('.exportFile').click(function () {
            dcexcel(this);
        })

        function dcexcel(obj) {
            var dbdata = 1;

            var url = huayi.config.callcenter_url + "WorkOrder/GetModelList?token=" + $.cookie("token");
            url += "&starttime=" + starttime + "&endtime=" + endtime + "&dbdata=" + dbdata + "&deptid=" + deptId +
                "&dbtype=" + dbtype + "&isdc=1";
            window.location.href = url;
        }
    </script>
</body>

</html>