Aucune description

questionList.html 3.4KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105
  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 rel="stylesheet" href="../css/init.css" />
  8. <title>问题列表</title>
  9. <style type="text/css">
  10. .xg {
  11. margin-right: 7px;
  12. }
  13. .toolBar {
  14. border: none;
  15. margin-bottom: 0;
  16. margin-top: -10px;
  17. }
  18. </style>
  19. </head>
  20. <body>
  21. <div class="container-fluid wrapper wrapper-content animated fadeInRight">
  22. <div class="toolBar clearfix" style="margin-top: 20px;">
  23. <div class="toolRight pull-left">
  24. <button class="btns" onclick="btn_add()">添加问题</button>
  25. </div>
  26. </div>
  27. <div class="tableBox">
  28. <table id="table1" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
  29. <thead>
  30. <tr>
  31. <!--<th data-field="" data-formatter="setCode" data-align="center">编号</th>-->
  32. <th data-field="qesContent" data-align="center">问题内容</th>
  33. <th data-field="createBy" data-align="center">创建人</th>
  34. <th data-field="createTime" data-align="center">创建时间</th>
  35. </tr>
  36. </thead>
  37. </table>
  38. </div>
  39. </div>
  40. <script src="../js/laydate/laydate.js"></script>
  41. <script type="text/javascript">
  42. var table = $('#table1');
  43. var token = $.cookie("token");
  44. var taskId = helper.request.queryString("taskId");
  45. $(function() {
  46. initTable();
  47. });
  48. function initTable() {
  49. //先销毁表格
  50. table.bootstrapTable('destroy');
  51. //初始化表格,动态从服务器加载数据
  52. table.bootstrapTable({
  53. method: "get", //使用get请求到服务器获取数据
  54. url: huayi.config.callcenter_url + "AutoCall/GetQuestionListByTaskId", //获取数据的Servlet地址
  55. contentType: 'application/x-www-form-urlencoded',
  56. striped: true, //表格显示条纹
  57. pagination: true, //启动分页
  58. pageSize: 10, //每页显示的记录数
  59. pageNumber: 1, //当前第几页
  60. pageList: [10, 15, 20, 50, 100], //记录数可选列表
  61. search: false, //是否启用查询
  62. showColumns: false, //显示下拉框勾选要显示的列
  63. showRefresh: false, //显示刷新按钮
  64. sidePagination: "server", //表示服务端请求
  65. //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
  66. //设置为limit可以获取limit, offset, search, sort, order
  67. queryParamsType: "undefined",
  68. queryParams: function queryParams(params) { //设置查询参数
  69. var param = {
  70. pageindex: params.pageNumber, //int 否 条数,默认为10
  71. pagesize: params.pageSize, //int 否 页码,默认为1
  72. taskId: Number(taskId),
  73. token: token,
  74. };
  75. return param;
  76. },
  77. responseHandler: function(res) {
  78. return {
  79. "total": res.total, //总页数
  80. "rows": res.rows //数据
  81. };
  82. },
  83. onLoadSuccess: function() { //加载成功时执行
  84. //layer.msg("加载成功");
  85. },
  86. onLoadError: function() { //加载失败时执行
  87. //layer.msg("加载数据失败", { time: 1500, icon: 2 });
  88. }
  89. });
  90. }
  91. function btn_add() {
  92. layer.open({
  93. type: 2,
  94. content: "./template/addQuestion.html?taskId=" + taskId, //iframe的url,no代表不显示滚动条
  95. title: '问题列表',
  96. area: ['50%', '70%'], //宽高
  97. });
  98. }
  99. </script>
  100. </body>
  101. </html>