Bez popisu

inspectInfor.html 4.0KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>检查信息</title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <script src="../Script/Common/huayi.load.js"></script>
  8. <script src="../Script/Common/huayi.config.js"></script>
  9. <link href="../js/bootstrap-select/css/bootstrap-select.css" rel="stylesheet" />
  10. <link href="../css/Table/table1.css" rel="stylesheet" />
  11. <link href="../css/init.css" rel="stylesheet" />
  12. <link href="./css/onlineServiceList.css" rel="stylesheet" />
  13. </head>
  14. <body class="gray-bg">
  15. <div class="daoHang clearfix">
  16. <div class="dhLeft">
  17. <sapn><i class="syIcon"></i>位置:
  18. <a id="ReIndex" href="javaScript:;" class="indexreturn">首页</a>&gt;
  19. <a href="javaScript:;">知识库</a>&gt;
  20. <a href="javascript:location.reload()" class="now_position">检查信息</a>
  21. </sapn>
  22. </div>
  23. </div>
  24. <div class="wrapper wrapper-content animated fadeInRight equp_management">
  25. <div class="th-box">
  26. <div class="form-inline th-bar clearfix">
  27. <div class="form-group time-box">
  28. <i class="tub fa fa-search"></i>
  29. <input class="form-control" type="text" id="value" placeholder="请输入名称">
  30. </div>
  31. <div class="time-box form-group">
  32. <input type="button" class="btn_gray" id="sc_btns" value="搜索" />
  33. </div>
  34. </div>
  35. </div>
  36. <div class="tab_contents" id="tab_contents">
  37. <div class="tabs_details showtabs">
  38. <table id="table_all" data-row-style="rowStyle" data-query-params="queryParams">
  39. <thead>
  40. <tr>
  41. <th data-field="CODE" data-align="center">单号</th>
  42. <th data-field="NAME" data-align="center">名称</th>
  43. <th data-field="PRICE" data-align="center">价格</th>
  44. <th data-field="DES" data-align="center">说明</th>
  45. <th data-field="BW" data-align="center">部位</th>
  46. </tr>
  47. </thead>
  48. </table>
  49. </div>
  50. </div>
  51. </div>
  52. <script src="../Script/Common/regexs.js"></script>
  53. <script src="../js/laydate/laydate.js"></script>
  54. <script src="../js/bootstrap-select/js/bootstrap-select.js"></script>
  55. <script src="../js/bootstrap-select/js/i18n/defaults-zh_CN.js"></script>
  56. <script>
  57. $('#sc_btns').click(function() {
  58. initTable()
  59. })
  60. initTable()
  61. function initTable() {
  62. var $tableLeft = $('#table_all');
  63. $tableLeft.bootstrapTable('destroy');
  64. //先销毁表格
  65. $tableLeft.bootstrapTable({
  66. method: "get", //使用get请求到服务器获取数据
  67. url: huayi.config.callcenter_url + "testusertypeapi/api/TestUserType/getyjpt_jcxx",
  68. contentType: "application/x-www-form-urlencoded",
  69. striped: true, //表格显示条纹
  70. pagination: true, //启动分页
  71. pageSize: 10, //每页显示的记录数
  72. pageNumber: 1, //当前第几页
  73. fixedColumns: true,
  74. fixedNumber: 3,
  75. pageList: [500, 1000, 1500], //记录数可选列表
  76. search: false, //是否启用查询
  77. showColumns: false, //显示下拉框勾选要显示的列
  78. showRefresh: false, //显示刷新按钮
  79. sidePagination: "server", //表示服务端请求
  80. //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
  81. //设置为limit可以获取limit, offset, search, sort, order
  82. queryParamsType: "undefined",
  83. queryParams: function queryParams(params) { //设置查询参数
  84. console.log(params)
  85. var param = {
  86. value: $('#value').val(),
  87. PageIndex: params.pageNumber,
  88. PageSize: params.pageSize
  89. };
  90. return param;
  91. },
  92. onLoadSuccess: function(data) { //加载成功时执行
  93. var newDataL = {};
  94. newDataL.state = data.data.state;
  95. newDataL.message = data.data.message;
  96. newDataL.rows = data.data.rows.Rows;
  97. newDataL.total = data.data.rows.Totals;
  98. $tableLeft.bootstrapTable('load', newDataL);
  99. $('.tool_downs').authorizeOperateButton();
  100. },
  101. onLoadError: function() { //加载失败时执行
  102. layer.msg("加载数据失败", {
  103. time: 1500,
  104. icon: 2
  105. });
  106. }
  107. });
  108. }
  109. </script>
  110. </body>
  111. </html>