duhongyu
/
AnYang_UI


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114
							<!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"> -->
    <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-formatter="serialNumber" data-align="center">
                            序号
                        </th>
                        <th data-field="TimeLogin" data-class="classTimeLogin" data-align="center">签入时间</th>
                        <th data-field="TimeLogout" data-class="classTimeLogout" data-align="center">签出时间</th>
                        <th data-field="OccurTime" data-class="classOccurTime" 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/WorkOrder/WorkOrderList.js"></script> -->
    <script>
        var usercode = decodeURIComponent(helper.request.queryString("usercode"));
        var state = decodeURIComponent(helper.request.queryString("state"));
        var starttime = decodeURIComponent(helper.request.queryString("starttime"));
        var endtime = decodeURIComponent(helper.request.queryString("endtime"));
        $(document).ready(function () {
            load();
        });
        //获取查询信息
        function load() {
            //先销毁表格
            $('#orderlist').bootstrapTable('destroy');
            //初始化表格,动态从服务器加载数据
            $("#orderlist").bootstrapTable({
                method: "get", //使用get请求到服务器获取数据
                url: huayi.config.callcenter_url + "WorkOrderReport/GetZuoXiTime", //获取数据的Servlet地址
                contentType: "application/x-www-form-urlencoded",
                striped: true, //表格显示条纹
                pagination: false, //启动分页
                // 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 = {
                        usercode: usercode, // 坐席code
                        state: state, // 0签入1签出2置闲3置忙
                        starttime: starttime, // 开始时间
                        endtime: endtime, // 结束时间
                        token: $.cookie("token")
                    };
                    return param;
                },
                responseHandler: function(res) {
                    return {
                        "total": res.length,
                        "rows": res,
                    }
                },
                onLoadSuccess: function (data) { //加载成功时执行
                    listJudgment();
                },
                onLoadError: function () { //加载失败时执行
                    //layer.msg("加载数据失败", { time: 1500, icon: 2 });
                }
            });
        }

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

        function listJudgment() {
            if (String(state) === "0") {
                $("#orderlist").find(".classTimeLogin").show();
                $("#orderlist").find(".classTimeLogout").hide();
                $("#orderlist").find(".classOccurTime").hide();
            } else if (String(state) === "1") {
                $("#orderlist").find(".classTimeLogin").hide();
                $("#orderlist").find(".classTimeLogout").show();
                $("#orderlist").find(".classOccurTime").hide();
            } else if (String(state) === "2" || String(state) === "3") {
                $("#orderlist").find(".classTimeLogin").hide();
                $("#orderlist").find(".classTimeLogout").hide();
                $("#orderlist").find(".classOccurTime").show();
            }
        }
    </script>
</body>

</html>