暫無描述

carouselManagement.js 7.2KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233
  1. $(document).ready(function () {
  2. initTable();
  3. //添加
  4. $(".add").on("click", function(){
  5. btnAdd();
  6. })
  7. //搜索
  8. $(".search").on("click", function() {
  9. initTable();
  10. })
  11. })
  12. //列表
  13. function initTable() {
  14. //先销毁表格
  15. $('#workorderlist').bootstrapTable('destroy');
  16. //初始化表格,动态从服务器加载数据
  17. $("#workorderlist").bootstrapTable({
  18. method: "get", //使用get请求到服务器获取数据
  19. url: huayi.config.callcenter_url + "Rotation/Getlist", //获取数据的Servlet地址
  20. contentType: 'application/x-www-form-urlencoded',
  21. striped: true, //表格显示条纹
  22. pagination: true, //启动分页
  23. pageSize: 10, //每页显示的记录数
  24. pageNumber: 1, //当前第几页
  25. pageList: [10, 20, 50, 100], //记录数可选列表
  26. search: false, //是否启用查询
  27. showColumns: false, //显示下拉框勾选要显示的列
  28. showRefresh: false, //显示刷新按钮
  29. sidePagination: "server", //表示服务端请求
  30. //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
  31. //设置为limit可以获取limit, offset, search, sort, order
  32. queryParamsType: "undefined",
  33. queryParams: function queryParams(params) { //设置查询参数
  34. var param = {
  35. token: $.cookie("token"),
  36. name: $("#pictureName").val().replace(/\ +/g,""), //模糊搜索
  37. pageindex: params.pageNumber, //页码
  38. pagesize: params.pageSize, //条数
  39. };
  40. return param;
  41. },
  42. responseHandler: function (res) {
  43. return {
  44. "total": res.data.total,
  45. "rows": res.data.modelList,
  46. }
  47. },
  48. onLoadSuccess: function () { //加载成功时执行
  49. //layer.msg("加载成功");
  50. },
  51. onLoadError: function () { //加载失败时执行
  52. //layer.msg("加载数据失败", { time: 1500, icon: 2 });
  53. }
  54. });
  55. }
  56. //添加
  57. function btnAdd () {
  58. layer.open({
  59. type: 2,
  60. title: '添加',
  61. maxmin: true, //开启最大化最小化按钮
  62. area: ['30%', '40%'],
  63. content: "./addCarousel.html?",
  64. });
  65. }
  66. //删除
  67. $('.delete').click(function () {
  68. var ids = $.map($("#workorderlist").bootstrapTable('getSelections'), function (row) {
  69. return row.id;
  70. });
  71. var delid = ids.join(",");
  72. if (ids.length <= 0) {
  73. layer.confirm('请选择要删除的行!', {
  74. btn: ['确定']
  75. });
  76. return;
  77. } else {
  78. var laye = layer.confirm('您确定要删除吗?', {
  79. btn: ['确定', '取消'] //可以无限个按钮
  80. }, function () {
  81. //按钮【按钮一】的回调
  82. $.ajax({
  83. type: "post",
  84. url: huayi.config.callcenter_url + "Rotation/SCRotion",
  85. async: true,
  86. dataType: "json",
  87. data: {
  88. token: $.cookie("token"),
  89. ids: delid
  90. },
  91. success: function (data) {
  92. if (data.state.toLowerCase() == 'success') {
  93. layer.msg("删除成功!");
  94. $("#workorderlist").bootstrapTable('refresh');
  95. }
  96. }
  97. });
  98. }, function (index) {
  99. //按钮【按钮二】的回调
  100. layer.close(laye)
  101. });
  102. }
  103. })
  104. //启用
  105. $('.enable').click(function() {
  106. var ids = $.map($("#workorderlist").bootstrapTable('getSelections'), function (row) {
  107. return row.id;
  108. });
  109. var formatId = ids.join(',')
  110. if (ids.length <= 0) {
  111. layer.confirm('请选择要启用的行!', {
  112. btn: ['确定']
  113. });
  114. return;
  115. } else {
  116. var laye = layer.confirm('您确定要启用吗?', {
  117. btn: ['确定', '取消'] //可以无限个按钮
  118. }, function () {
  119. //按钮【按钮一】的回调
  120. $.ajax({
  121. type: "post",
  122. url: huayi.config.callcenter_url + "Rotation/poenRotion",
  123. async: true,
  124. dataType: "json",
  125. data: {
  126. token: $.cookie("token"),
  127. ids: formatId,
  128. },
  129. success: function (data) {
  130. if (data.state.toLowerCase() == 'success') {
  131. layer.msg("启用成功!");
  132. $("#workorderlist").bootstrapTable('refresh');
  133. }
  134. }
  135. });
  136. }, function (index) {
  137. //按钮【按钮二】的回调
  138. layer.close(laye)
  139. });
  140. }
  141. })
  142. //禁用
  143. $('.disable').click(function() {
  144. var ids = $.map($("#workorderlist").bootstrapTable('getSelections'), function (row) {
  145. return row.id;
  146. });
  147. var formatId = ids.join(',')
  148. if (ids.length <= 0) {
  149. layer.confirm('请选择要禁用的行!', {
  150. btn: ['确定']
  151. });
  152. return;
  153. } else {
  154. var laye = layer.confirm('您确定要禁用吗?', {
  155. btn: ['确定', '取消'] //可以无限个按钮
  156. }, function () {
  157. //按钮【按钮一】的回调
  158. $.ajax({
  159. type: "post",
  160. url: huayi.config.callcenter_url + "Rotation/Deldter",
  161. async: true,
  162. dataType: "json",
  163. data: {
  164. token: $.cookie("token"),
  165. ids: formatId,
  166. },
  167. success: function (data) {
  168. if (data.state.toLowerCase() == 'success') {
  169. layer.msg("禁用成功!");
  170. $("#workorderlist").bootstrapTable('refresh');
  171. }
  172. }
  173. });
  174. }, function (index) {
  175. //按钮【按钮二】的回调
  176. layer.close(laye)
  177. });
  178. }
  179. })
  180. function formatterIsEnable(val, row) {
  181. if (val == 0) {
  182. return "启用";
  183. } else if (val == 1) {
  184. return "禁用";
  185. } else {
  186. return "-"
  187. }
  188. }
  189. function formatterRoname(val, row) {
  190. return '<div class="" ><a index="' + val + '"onclick="showPictures(\''+ row.id + '\',\'' + row.roname + '\',\'' + row.romath + '\')">' + val + '</a></div>';
  191. }
  192. function showPictures(id, name, path) {
  193. layer.photos({
  194. photos: {
  195. "title": "", //相册标题
  196. "id": "", //相册id
  197. "start": 0, //初始显示的图片序号,默认0
  198. "data": [ //相册包含的图片,数组格式
  199. {
  200. "alt": name,
  201. "pid": id, //图片id
  202. "src": path, //原图地址
  203. "thumb": "" //缩略图地址
  204. }
  205. ]
  206. },
  207. anim: 5, //0-6的选择,指定弹出图片动画类型,默认随机(请注意,3.0之前的版本用shift参数)
  208. title: '查看图片',
  209. move: '.layui-layer-title',
  210. shadeClose: false,
  211. closeBtn: 1,
  212. area: ['60%', '95%'],
  213. tab: function(pic, layero){
  214. }
  215. });
  216. }
  217. //按enter搜索
  218. $('#pictureName').bind('keypress', function (event) {
  219. if (event.keyCode == "13") {
  220. initTable();
  221. return false;
  222. }
  223. });