page.js 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238
  1. define(['jquery', 'bootstrap', 'backend', 'table', 'form'], function ($, undefined, Backend, Table, Form) {
  2. //设置弹窗宽高
  3. Fast.config.openArea = ['80%', '80%'];
  4. var Controller = {
  5. index: function () {
  6. // 初始化表格参数配置
  7. Table.api.init({
  8. extend: {
  9. index_url: 'shop/page/index',
  10. add_url: 'shop/page/add',
  11. edit_url: 'shop/page/edit',
  12. del_url: 'shop/page/del',
  13. multi_url: 'shop/page/multi',
  14. table: 'shop_page',
  15. }
  16. });
  17. var table = $("#table");
  18. // 初始化表格
  19. table.bootstrapTable({
  20. url: $.fn.bootstrapTable.defaults.extend.index_url,
  21. pk: 'id',
  22. sortName: 'weigh',
  23. columns: [
  24. [
  25. {checkbox: true},
  26. {field: 'id', sortable: true, title: __('Id')},
  27. {field: 'type', title: __('Type'), formatter: Table.api.formatter.search, searchList: Config.typeList},
  28. {field: 'title', title: __('Title'), operate: 'like'},
  29. {field: 'image', title: __('Image'), events: Table.api.events.image, formatter: Table.api.formatter.image},
  30. {field: 'views', sortable: true, title: __('Views'), operate: 'BETWEEN'},
  31. {
  32. field: 'url', title: __('Url'), formatter: function (value, row, index) {
  33. return '<a href="' + value + '" target="_blank" class="btn btn-default btn-xs"><i class="fa fa-link"></i></a>';
  34. }
  35. },
  36. {field: 'createtime', sortable: true, title: __('Createtime'), operate: 'RANGE', addclass: 'datetimerange', formatter: Table.api.formatter.datetime},
  37. {field: 'updatetime', sortable: true, visible: false, title: __('Updatetime'), operate: 'RANGE', addclass: 'datetimerange', formatter: Table.api.formatter.datetime},
  38. {field: 'weigh', sortable: true, title: __('Weigh')},
  39. {field: 'status', title: __('Status'), formatter: Table.api.formatter.status},
  40. {field: 'operate', title: __('Operate'), table: table, events: Table.api.events.operate, formatter: Table.api.formatter.operate}
  41. ]
  42. ]
  43. });
  44. // 为表格绑定事件
  45. Table.api.bindevent(table);
  46. },
  47. recyclebin: function () {
  48. // 初始化表格参数配置
  49. Table.api.init({
  50. extend: {
  51. 'dragsort_url': ''
  52. }
  53. });
  54. var table = $("#table");
  55. // 初始化表格
  56. table.bootstrapTable({
  57. url: 'shop/page/recyclebin',
  58. pk: 'id',
  59. sortName: 'id',
  60. columns: [
  61. [
  62. {checkbox: true},
  63. {field: 'id', title: __('Id')},
  64. {field: 'title', title: __('Title'), formatter: Table.api.formatter.search},
  65. {
  66. field: 'deletetime',
  67. title: __('Deletetime'),
  68. operate: 'RANGE',
  69. addclass: 'datetimerange',
  70. formatter: Table.api.formatter.datetime
  71. },
  72. {
  73. field: 'operate',
  74. width: '130px',
  75. title: __('Operate'),
  76. table: table,
  77. events: Table.api.events.operate,
  78. buttons: [
  79. {
  80. name: 'Restore',
  81. text: __('Restore'),
  82. classname: 'btn btn-xs btn-info btn-ajax btn-restoreit',
  83. icon: 'fa fa-rotate-left',
  84. url: 'shop/page/restore',
  85. refresh: true
  86. },
  87. {
  88. name: 'Destroy',
  89. text: __('Destroy'),
  90. classname: 'btn btn-xs btn-danger btn-ajax btn-destroyit',
  91. icon: 'fa fa-times',
  92. url: 'shop/page/destroy',
  93. refresh: true
  94. }
  95. ],
  96. formatter: Table.api.formatter.operate
  97. }
  98. ]
  99. ]
  100. });
  101. // 为表格绑定事件
  102. Table.api.bindevent(table);
  103. },
  104. select: function () {
  105. // 初始化表格参数配置
  106. Table.api.init({
  107. extend: {
  108. index_url: 'shop/page/select',
  109. add_url: 'shop/page/add',
  110. edit_url: 'shop/page/edit',
  111. table: 'page',
  112. }
  113. });
  114. var table = $("#table");
  115. // 初始化表格
  116. table.bootstrapTable({
  117. url: $.fn.bootstrapTable.defaults.extend.index_url,
  118. pk: 'id',
  119. sortName: 'weigh',
  120. columns: [
  121. [
  122. {checkbox: true},
  123. {field: 'id', sortable: true, title: __('Id')},
  124. {field: 'title', title: __('Title')},
  125. {field: 'image', title: __('Image'), formatter: Table.api.formatter.image},
  126. {field: 'status', title: __('Status'), formatter: Table.api.formatter.status},
  127. {
  128. field: 'select', title: __('Operate'), table: table, formatter: Table.api.formatter.buttons,
  129. events: {
  130. 'click .btn-select-one': function (e, value, row) {
  131. Fast.api.close(row);
  132. }
  133. },
  134. buttons: [
  135. {
  136. name: "select",
  137. text: __("Select"),
  138. classname: "btn btn-xs btn-success btn-select-one"
  139. }
  140. ]
  141. },
  142. ]
  143. ]
  144. });
  145. // 为表格绑定事件
  146. Table.api.bindevent(table);
  147. },
  148. add: function () {
  149. Controller.api.bindevent();
  150. },
  151. edit: function () {
  152. Controller.api.bindevent();
  153. },
  154. api: {
  155. bindevent: function () {
  156. //获取标题拼音
  157. var si;
  158. $(document).on("keyup", "#c-title", function () {
  159. var value = $(this).val();
  160. if (value != '' && !value.match(/\n/)) {
  161. clearTimeout(si);
  162. si = setTimeout(function () {
  163. Fast.api.ajax({
  164. loading: false,
  165. url: "shop/ajax/get_title_pinyin",
  166. data: {title: value}
  167. }, function (data, ret) {
  168. $("#c-diyname").val(data.pinyin.substr(0, 100));
  169. return false;
  170. }, function (data, ret) {
  171. return false;
  172. });
  173. }, 200);
  174. }
  175. });
  176. $(document).on("click", ".btn-legal", function (a) {
  177. Fast.api.ajax({
  178. url: "shop/ajax/check_content_islegal",
  179. data: {content: $("#c-content").val()}
  180. }, function (data, ret) {
  181. }, function (data, ret) {
  182. if ($.isArray(data)) {
  183. Layer.alert(__('Banned words') + ":" + data.join(","));
  184. }
  185. });
  186. });
  187. $(document).on("click", ".btn-keywords", function (a) {
  188. Fast.api.ajax({
  189. url: "shop/ajax/get_content_keywords",
  190. data: {title: $("#c-title").val(), content: $("#c-content").val()}
  191. }, function (data, ret) {
  192. $("#c-keywords").val(data.keywords);
  193. $("#c-description").val(data.description);
  194. });
  195. });
  196. $(document).on("keyup", "#c-type_text", function () {
  197. $("#c-type").val($(this).val());
  198. });
  199. $.validator.config({
  200. rules: {
  201. diyname: function (element) {
  202. if (element.value.toString().match(/^\d+$/)) {
  203. return __('Can not be only digital');
  204. }
  205. if (!element.value.toString().match(/^[a-zA-Z0-9\-_]+$/)) {
  206. return __('Please input character or digital');
  207. }
  208. return $.ajax({
  209. url: 'shop/page/check_element_available',
  210. type: 'POST',
  211. data: {id: $("#page-id").val(), name: element.name, value: element.value},
  212. dataType: 'json'
  213. });
  214. }
  215. }
  216. });
  217. Form.api.bindevent($("form[role=form]"));
  218. require(['backend/shop/card'], function (Card) {
  219. Card.api.bindcardevent();
  220. });
  221. }
  222. }
  223. };
  224. return Controller;
  225. });