banner.js 4.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106
  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: 'wwh/banner/index' + location.search,
  8. add_url: 'wwh/banner/add',
  9. edit_url: 'wwh/banner/edit',
  10. del_url: 'wwh/banner/del',
  11. multi_url: 'wwh/banner/multi',
  12. table: 'wwh_banner',
  13. dragsort_url:'',
  14. }
  15. });
  16. var table = $("#table");
  17. // 初始化表格
  18. table.bootstrapTable({
  19. url: $.fn.bootstrapTable.defaults.extend.index_url,
  20. pk: 'id',
  21. sortName: 'id',
  22. fixedColumns: true,
  23. fixedRightNumber: 1,
  24. columns: [
  25. [
  26. {checkbox: true},
  27. {field: 'id', title: __('Id')},
  28. {field: 'title', title: __('Title')},
  29. {field: 'pc_image', title: __('Pc_image'), events: Table.api.events.image, formatter: Table.api.formatter.image},
  30. {field: 'phone_image', title: __('Phone_image'), events: Table.api.events.image, formatter: Table.api.formatter.image},
  31. {field: 'video_image', title: __('Video_image'), events: Table.api.events.image, formatter: Table.api.formatter.image},
  32. {field: 'bigfont', title: __('Bigfont')},
  33. {field: 'font', title: __('Font')},
  34. {field: 'url', title: __('Url'), formatter: Table.api.formatter.url},
  35. {
  36. field: 'weigh',
  37. title: __('Weigh'),
  38. operate: false,
  39. sortable: true,
  40. formatter: function (value, row, index) {
  41. return '<input type="text" class="form-control text-center text-weigh" data-id="' + row.id + '" value="' + value + '" style="width:50px;margin:0 auto;" />';
  42. },
  43. events: {
  44. "dblclick .text-weigh": function (e) {
  45. e.preventDefault();
  46. e.stopPropagation();
  47. return false;
  48. }
  49. }
  50. },
  51. {field: 'lang', title: __('Lang'), searchList: {"1":__('Lang 1'),"2":__('Lang 2')}, custom: {1: 'success', 2: 'warning'}, formatter: Table.api.formatter.normal},
  52. {field: 'operate', title: __('Operate'), table: table, events: Table.api.events.operate, formatter: Table.api.formatter.operate}
  53. ]
  54. ]
  55. });
  56. // 权重修改
  57. $(document).on("change", ".text-weigh", function () {
  58. $(this).data("params", {weigh: $(this).val()});
  59. Table.api.multi('', [$(this).data("id")], table, this);
  60. return false;
  61. });
  62. // 为表格绑定事件
  63. Table.api.bindevent(table);
  64. // 弹窗窗口大小
  65. table.on('post-body.bs.table',function(e, settings, json, xhr){
  66. $(".btn-add").data("area", ['80%','80%']);
  67. $(".btn-editone").data("area", ['80%','80%']);
  68. });
  69. // TAB选项卡默认选中简体中文
  70. $('ul.nav-tabs li a[data-toggle="tab"]').eq(0).trigger("click");
  71. // 获取TAB选项卡值,通过options.extend.add_url传递
  72. $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
  73. var options = table.bootstrapTable('getOptions');
  74. options.extend.add_url = 'wwh/banner/add?lang=' + $(this).data('value');
  75. });
  76. },
  77. add: function () {
  78. // 将TAB选项卡赋值给lang
  79. $('#c-lang option').each(function(){
  80. if($(this).attr('value') == Fast.api.query('lang'))
  81. {
  82. $(this).attr('selected', 'selected');
  83. }
  84. });
  85. Controller.api.bindevent();
  86. },
  87. edit: function () {
  88. Controller.api.bindevent();
  89. },
  90. api: {
  91. bindevent: function () {
  92. Form.api.bindevent($("form[role=form]"));
  93. }
  94. }
  95. };
  96. return Controller;
  97. });