toolbar.js 5.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135
  1. define(['jquery', 'bootstrap', 'backend', 'table', 'form'], function ($, undefined, Backend, Table, Form) {
  2. var Controller = {
  3. index: function () {
  4. // 初始化表格参数配置
  5. Table.api.init({
  6. extend: {
  7. index_url: 'kefu/toolbar/index' + location.search,
  8. add_url: 'kefu/toolbar/add',
  9. edit_url: 'kefu/toolbar/edit',
  10. del_url: 'kefu/toolbar/del',
  11. multi_url: 'kefu/toolbar/multi',
  12. table: 'kefu_toolbar',
  13. }
  14. });
  15. var table = $("#table");
  16. // 初始化表格
  17. table.bootstrapTable({
  18. url: $.fn.bootstrapTable.defaults.extend.index_url,
  19. pk: 'id',
  20. sortName: 'id',
  21. columns: [
  22. [
  23. {checkbox: true},
  24. {field: 'id', title: __('Id')},
  25. // {field: 'position', title: __('Position'), searchList: {"frontend":__('Position frontend'),"backend":__('Position backend'),"general":__('Position general')}, formatter: Table.api.formatter.flag, custom:{frontend: 'info', backend:'success', general:'warning'}},
  26. {field: 'mark', title: __('Mark')},
  27. {field: 'title', title: __('Title')},
  28. {
  29. field: 'icon_image',
  30. title: __('Icon_image'),
  31. events: Table.api.events.image,
  32. formatter: Table.api.formatter.image
  33. },
  34. {
  35. field: 'status',
  36. title: __('Status'),
  37. searchList: {"0": __('Status 0'), "1": __('Status 1')},
  38. formatter: Table.api.formatter.status
  39. },
  40. {
  41. field: 'operate',
  42. title: __('Operate'),
  43. table: table,
  44. events: Table.api.events.operate,
  45. formatter: Table.api.formatter.operate
  46. }
  47. ]
  48. ]
  49. });
  50. // 为表格绑定事件
  51. Table.api.bindevent(table);
  52. },
  53. recyclebin: function () {
  54. // 初始化表格参数配置
  55. Table.api.init({
  56. extend: {
  57. 'dragsort_url': ''
  58. }
  59. });
  60. var table = $("#table");
  61. // 初始化表格
  62. table.bootstrapTable({
  63. url: 'kefu/toolbar/recyclebin' + location.search,
  64. pk: 'id',
  65. sortName: 'id',
  66. columns: [
  67. [
  68. {checkbox: true},
  69. {field: 'id', title: __('Id')},
  70. {field: 'title', title: __('Title'), align: 'left'},
  71. {
  72. field: 'deletetime',
  73. title: __('Deletetime'),
  74. operate: 'RANGE',
  75. addclass: 'datetimerange',
  76. formatter: Table.api.formatter.datetime
  77. },
  78. {
  79. field: 'operate',
  80. width: '130px',
  81. title: __('Operate'),
  82. table: table,
  83. events: Table.api.events.operate,
  84. buttons: [
  85. {
  86. name: 'Restore',
  87. text: __('Restore'),
  88. classname: 'btn btn-xs btn-info btn-ajax btn-restoreit',
  89. icon: 'fa fa-rotate-left',
  90. url: 'kefu/toolbar/restore',
  91. refresh: true
  92. },
  93. {
  94. name: 'Destroy',
  95. text: __('Destroy'),
  96. classname: 'btn btn-xs btn-danger btn-ajax btn-destroyit',
  97. icon: 'fa fa-times',
  98. url: 'kefu/toolbar/destroy',
  99. refresh: true
  100. }
  101. ],
  102. formatter: Table.api.formatter.operate
  103. }
  104. ]
  105. ]
  106. });
  107. // 为表格绑定事件
  108. Table.api.bindevent(table);
  109. },
  110. add: function () {
  111. Controller.api.bindevent();
  112. },
  113. edit: function () {
  114. Controller.api.bindevent();
  115. },
  116. api: {
  117. bindevent: function () {
  118. Form.api.bindevent($("form[role=form]"));
  119. var mark = $('#c-mark').val();
  120. if (mark == 'goods' || mark == 'order') {
  121. $('.data_api').show(200);
  122. $('#c-data_api').attr('placeholder', mark == 'goods' ? '请输入商品数据接口Url' : '请输入订单数据接口Url')
  123. }
  124. }
  125. }
  126. };
  127. return Controller;
  128. });