Няма описание

复制 keys.html 5.2KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <script src="../Script/Common/huayi.load.js"></script>
  7. <script src="../Script/Common/huayi.config.js"></script>
  8. <link href="../css/init.css" rel="stylesheet" />
  9. <link href="../css/Table/table1.css" rel="stylesheet" />
  10. <title>关键词</title>
  11. </head>
  12. <body class="gray-bg">
  13. <div class="container-fluid wrapper-content animated fadeInRight">
  14. <!--<div class="daoHang clearfix">
  15. <div class="dhLeft">
  16. <sapn><i class="syIcon"></i>位置:
  17. <a id="ReIndex" href="javaScript:;">首页</a>&gt;
  18. <a href="javaScript:;">专题管理</a>&gt;
  19. <a href="" class="nowPosition">专题管理</a>
  20. </sapn>
  21. </div>
  22. <div class="dhRight">
  23. <a href="" title="刷新"><i class="fa fa-refresh"></i></a>
  24. </div>
  25. </div>-->
  26. <!--<div class="th-box">
  27. <div class="th-bar clearfix">
  28. <div class="operation fl">
  29. <a href="javascript:;" class="sc_btn add max-right">添加</a>
  30. <a class="sc_btn xg max-right">修改</a>
  31. <a class="sc_btn remove">删除</a>
  32. </div>
  33. <div class="seach-box fr">
  34. <ul>
  35. <li>专题名称:<input class="photo x-color" type="text" id="name" placeholder="请输入名称" /></li>
  36. <li>
  37. <a class="sc_btn" id="sc_btns">搜索</a>
  38. </li>
  39. </ul>
  40. </div>
  41. </div>
  42. </div>-->
  43. <div style="width: 100%;padding: 10px;">
  44. <table id="list" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
  45. <thead>
  46. <tr>
  47. <th data-field="state" data-checkbox="true"></th>
  48. <th data-align="center" data-formatter="setCode">序号</th>
  49. <th data-field="F_Name">关键词</th>
  50. <th data-field="F_CreateTime">创建时间</th>
  51. </tr>
  52. </thead>
  53. <tbody id="tbody"></tbody>
  54. </table>
  55. </div>
  56. </div>
  57. <script>
  58. var id = helper.request.queryString("id");
  59. $(document).ready(function() {
  60. $(".xg").click(function() {
  61. var id = $.map($('#list').bootstrapTable('getSelections'),
  62. function(row) {
  63. return row.F_ID;
  64. });
  65. if(id.length != 1) {
  66. layer.confirm('请选择一行进行修改?', {
  67. btn: ['确定'] //按钮
  68. });
  69. return;
  70. } else {
  71. layer.open({
  72. type: 2,
  73. content: "editTheme.html?type=2&id=" + id, //iframe的url,no代表不显示滚动条
  74. title: '修改专题',
  75. area: ['40%', '50%'] //宽高
  76. });
  77. }
  78. });
  79. /*删除内容*/
  80. $(".remove").click(function() {
  81. var ids = $.map($('#list').bootstrapTable('getSelections'),
  82. function(row) {
  83. return row.F_ID;
  84. });
  85. /*判断长度*/
  86. if(ids.length <= 0) {
  87. layer.confirm('没有可删除的选项?', {
  88. btn: ['确定'] //按钮
  89. });
  90. return;
  91. }
  92. layer.confirm('确定删除选中的选项?', {
  93. btn: ['是', '否'] //按钮
  94. }, function() {
  95. /*执行删除*/
  96. var ids = $.map($('#list').bootstrapTable('getSelections'),
  97. function(row) {
  98. return row.F_ID;
  99. });
  100. /*发送请求*/
  101. $.post(huayi.config.callcenter_url + "Theme/DelModel", {
  102. ids: ids,
  103. token: $.cookie("token")
  104. }, function(result) {
  105. result = JSON.parse(result);
  106. if(result.state.toLowerCase() == "success") {
  107. layer.msg("删除成功");
  108. initTable();
  109. }
  110. })
  111. });
  112. });
  113. initTable();
  114. })
  115. function initTable() {
  116. //先销毁表格
  117. $('#list').bootstrapTable('destroy');
  118. //初始化表格,动态从服务器加载数据
  119. $("#list").bootstrapTable({
  120. method: "get", //使用get请求到服务器获取数据
  121. url: huayi.config.callcenter_url + "SamplePool/GetKeyWordList", //获取数据的Servlet地址
  122. contentType: "application/x-www-form-urlencoded",
  123. striped: true, //表格显示条纹
  124. pagination: true, //启动分页
  125. pageSize: 10, //每页显示的记录数
  126. pageNumber: 1, //当前第几页
  127. pageList: [10, 20, 50, 100], //记录数可选列表
  128. search: false, //是否启用查询
  129. showColumns: false, //显示下拉框勾选要显示的列
  130. showRefresh: false, //显示刷新按钮
  131. sidePagination: "server", //表示服务端请求
  132. //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
  133. //设置为limit可以获取limit, offset, search, sort, order
  134. queryParamsType: "undefined",
  135. queryParams: function queryParams(params) { //设置查询参数
  136. var param = {
  137. page: params.pageNumber,
  138. pagesize: 100,
  139. // specialid: ,
  140. classification: id,
  141. token: $.cookie("token")
  142. };
  143. return param;
  144. },
  145. onLoadSuccess: function(data) { //加载成功时执行
  146. //layer.msg("加载成功");
  147. },
  148. onLoadError: function() { //加载失败时执行
  149. //layer.msg("加载数据失败", { time: 1500, icon: 2 });
  150. }
  151. });
  152. }
  153. //编号
  154. function setCode(val, row, index) {
  155. return index + 1;
  156. }
  157. </script>
  158. </body>
  159. </html>