duhongyu
/
AnYang_UI


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244
							<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8" />
    <title>督察督办</title>
    <script src="../Script/Common/huayi.load.js"></script>
    <script src="../Script/Common/huayi.config.js"></script>
    <link rel="stylesheet" href="../css/init.css" />
    <link rel="stylesheet" href="../js/layui/css/layui.css">
    <link rel="stylesheet" href="../css/WorkOrder/WorkOrderList.css">
</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 style="padding: 10px" class="tj_content clearFix">
            <div style="padding: 10px" class="tj_content clearFix">
                <div>
                    <span>【搜索信息】</span>
                    <div class="box_content">
                        <table id="sqzx" style="width: 100%;" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                                <th>是否回复：</th>
                                <td>
                                    <select class="form-control" id="state">
                                        <option value="">请选择</option>
                                        <option value="0">未回复</option>
                                        <option value="1">已回复</option>
                                    </select>
                                </td>
                                <!-- <th>监察标题：</th>
                                <td>
                                    <input type="text" id="title" class="form-control" />
                                </td> -->
                                <th>交办意见：</th>
                                <td>
                                    <input type="text" id="opinion" class="form-control" />
                                </td>
                                <th>添加时间：</th>
                                <td colspan="3">
                                    <input type="text" id="starttime" class="photo x-color laydate-icon"
                                        autocomplete="off" style="height: 35px;" />&nbsp;——&nbsp;<input type="text"
                                        id="strendtime" class="photo x-color laydate-icon" autocomplete="off"
                                        style="height: 35px;" />
                                </td>
                            </tr>
                            <tr>
                                <th>督察内容：</th>
                                <td>
                                    <input type="text" id="content" class="form-control" />
                                </td>
                                <th>涉嫌违规情形：</th>
                                <td>
                                    <input type="text" id="situation" class="form-control" />
                                </td>
                                <th></th>
                                <td>
                                    <botton class="btns Seach">搜索</botton>
                                </td>
                            </tr>
                        </table>
                    </div>
                    <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-align="center" data-formatter="serialNumber">序号</th>
                                        <th data-field="F_WorkOrderId" data-formatter="View" data-align="center">
                                            涉嫌违规工单编号
                                        </th>
                                        <th data-field="F_Code" data-align="center">
                                            督察督办编号
                                        </th>
                                        <!-- <th data-field="F_UserCode" data-align="center">
                                            督察人工号
                                        </th> -->
                                        <th data-field="F_Situation" data-align="center">
                                            涉嫌违规情形
                                        </th>
                                        <th data-field="F_Content" data-align="center">
                                            督察内容
                                        </th>
                                        <th data-field="F_State" data-align="center" data-formatter="formatterState">
                                            是否回复
                                        </th>
                                        <th data-field="F_CreateTime" data-align="center">
                                            添加时间
                                        </th>
                                        <th data-field="F_LimitTime" data-align="center">
                                            单位应反馈时间
                                        </th>
                                        <th data-field="F_Opinion" data-align="center">
                                            交办意见
                                        </th>
                                        <th data-field="F_WorkOrderId" data-formatter="Dispose" data-align="center">
                                            操作
                                        </th>
                                    </tr>
                                </thead>
                                <tbody class="list"></tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <script src="../js/layui/layui.js"></script>
        <script src="../css/laydate/laydate.js"></script>
        <script src="../js/WorkOrder/WorkOrderList.js"></script>

        <script>
            $(document).ready(function () {
                load();
                laydate.skin("blue");
                laydate({
                    elem: "#starttime",
                    event: "focus",
                });

                laydate({
                    elem: "#strendtime",
                    event: "focus",
                });
            });

            // 搜索
            $(".Seach").click(function () {
                load();
            })

            //获取查询信息
            function load() {
                //先销毁表格
                $("#orderlist").bootstrapTable("destroy");
                //初始化表格,动态从服务器加载数据
                $("#orderlist").bootstrapTable({
                    method: "get", //使用get请求到服务器获取数据
                    url: huayi.config.callcenter_url + "Affairs/GetSupervList", //获取数据的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,
                            type: 1, // 0监察督办
                            state: $("#state").val(), // 是否回复
                            starttime: $("#starttime").val(), // 开始时间
                            strendtime: $("#strendtime").val(), // 结束时间
                            // title: $("#title").val(), // 督察标题
                            content: $("#content").val(), // 督察内容
                            opinion: $("#opinion").val(), // 督察意见
                            situation: $("#situation").val(), // 涉嫌违规情形
                            token: $.cookie("token"),
                        };
                        return param;
                    },
                    onLoadSuccess: function (data) {
                        //加载成功时执行
                        //						layer.msg("加载成功");
                        //console.log(data);
                    },
                    onLoadError: function () {
                        //加载失败时执行
                        //layer.msg("加载数据失败", { time: 1500, icon: 2 });
                    },
                });
            }

            // 操作
            function Dispose(val, row) {
                return (
                    '<div class="tool_downs">' +
                    '<a href="javascript:;" class="aBtn" authorize="yes" onclick="detailBtn(' +
                    row.F_ID +
                    ')" title="查看">查看</a>' +
                    '<a href="javascript:;" class="aBtn" authorize="yes" onclick="feedbackInspectorSupervise(' +
                    row.F_ID +
                    ')" title="反馈">反馈</a>' +
                    "</div>"
                );
            }

            function formatterState(val, row) {
                var arr = ["未回复", "已回复"];
                return arr[val];
            }

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


            // 详情
            function detailBtn(str) {
                layer.open({
                    type: 2,
                    content: "../CommonHtml/detailInspectorSupervise.html?wid=" + str, //iframe的url，no代表不显示滚动条
                    title: "详情",
                    area: ["70%", "70%"], //宽高
                    shade: 0,
                });
            }
            
            // 反馈
            function feedbackInspectorSupervise(str) {
                layer.open({
                    type: 2,
                    content: "../CommonHtml/feedbackInspectorSupervise.html?wid=" + str, //iframe的url，no代表不显示滚动条
                    title: "反馈",
                    area: ["70%", "70%"], //宽高
                    shade: 0,
                });
            }
        </script>
</body>

</html>