duhongyu
/
AnYang_UI


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109
							<!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 rel="stylesheet" href="../css/init.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="" data-align="center" data-formatter="Code">编号</th>
                        <th data-field="CallNumber" data-align="center" data-formatter="formatterCallNum">电话号码</th>
                        <th data-field="count" 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>
        var phoneNumber = decodeURIComponent(helper.request.queryString("phoneNumber"));
        $(document).ready(function () {
            load();
        });
        //获取查询信息
        function load() {
            //先销毁表格
            $('#orderlist').bootstrapTable('destroy');
            //初始化表格,动态从服务器加载数据
            $("#orderlist").bootstrapTable({
                method: "get", //使用get请求到服务器获取数据
                url: huayi.config.callcenter_url + "Callrecords/GetNotconnectedList", //获取数据的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,
                        phone: phoneNumber, 
                        token: $.cookie("token")
                    };
                    return param;
                },
                responseHandler: function(res) {
                    return {
                        "total": res.total,
                        "rows": res.rows,
                    }
                },
                onLoadSuccess: function (data) { //加载成功时执行
                },
                onLoadError: function () { //加载失败时执行
                    //layer.msg("加载数据失败", { time: 1500, icon: 2 });
                }
            });
        }

        //音频
        function setCode(val) {
            if (val) {
                return '<div class="imgs">' +
                    '<img src="../img/vice.png" alt="" onclick="helper.luyin.view(this)" item="' + val + '" />' +
                    '</div>';
            } else {
                return '';
            }
        }
        //编号
        function Code(val, row, index) {
            return index + 1;
        }

        // 电话号码
        function formatterCallNum(val, row) {
            var phoneNumber
            if (val.length === 12) {
                phoneNumber = val.slice(1)
            } else if (val.length === 13) {
                phoneNumber = val.slice(2)
            } else {
                phoneNumber = val
            }
            return phoneNumber;
        }
    </script>
</body>

</html>