No Description

ContactPersonNameList.html 3.5KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8" />
  5. <script src="../Script/Common/huayi.load.js"></script>
  6. <script src="../Script/Common/huayi.config.js"></script>
  7. <link href="../css/layer/need/layer.css" />
  8. <link rel="stylesheet" href="../css/init.css" />
  9. <title>联系人列表</title>
  10. </head>
  11. <body>
  12. <div>
  13. <div style="width: 100%;padding: 10px;">
  14. <table id="orderlist" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
  15. <thead>
  16. <tr>
  17. <th data-formatter="serialNumber" data-align="center">
  18. 序号
  19. </th>
  20. <th data-field="F_CusName" data-align="center" data-class="cusName">联系人</th>
  21. </tr>
  22. </thead>
  23. <tbody class="list"></tbody>
  24. </table>
  25. </div>
  26. </div>
  27. <script>
  28. var mobile = helper.request.queryString("mobile");
  29. var starttime = helper.request.queryString("starttime");
  30. var endtime = decodeURIComponent(helper.request.queryString("endtime"));
  31. $(document).ready(function () {
  32. load();
  33. });
  34. //获取查询信息
  35. function load() {
  36. //先销毁表格
  37. $('#orderlist').bootstrapTable('destroy');
  38. //初始化表格,动态从服务器加载数据
  39. $("#orderlist").bootstrapTable({
  40. method: "get", //使用get请求到服务器获取数据
  41. url: huayi.config.callcenter_url + "WorkOrderReport/WorkOrdrList", //获取数据的Servlet地址
  42. contentType: "application/x-www-form-urlencoded",
  43. striped: true, //表格显示条纹
  44. pagination: true, //启动分页
  45. pageSize: 10, //每页显示的记录数
  46. pageNumber: 1, //当前第几页
  47. pageList: [10, 20, 50, 100], //记录数可选列表
  48. search: false, //是否启用查询
  49. showColumns: false, //显示下拉框勾选要显示的列
  50. showRefresh: false, //显示刷新按钮
  51. sidePagination: "server", //表示服务端请求
  52. //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
  53. //设置为limit可以获取limit, offset, search, sort, order
  54. queryParamsType: "undefined",
  55. queryParams: function queryParams(params) { //设置查询参数
  56. var param = {
  57. page: params.pageNumber,
  58. pagesize: params.pageSize,
  59. mobile: mobile, // 手机
  60. // timetype: 4, // 当前时间段
  61. name: 1, // 获取联系人
  62. token: $.cookie("token")
  63. };
  64. return param;
  65. },
  66. responseHandler: function(res) {
  67. return {
  68. "total": res.total,
  69. "rows": res.rows,
  70. }
  71. },
  72. onLoadSuccess: function (data) { //加载成功时执行
  73. },
  74. onLoadError: function () { //加载失败时执行
  75. //layer.msg("加载数据失败", { time: 1500, icon: 2 });
  76. }
  77. });
  78. }
  79. //编号
  80. function serialNumber(val, row, index) {
  81. return index + 1;
  82. }
  83. </script>
  84. </body>
  85. </html>