index_v1.php 7.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179
  1. {extend name="public/container"}
  2. {block name="content"}
  3. <div class="layui-fluid">
  4. <div class="layui-card">
  5. <div class="layui-card-header">首页活动</div>
  6. <div class="layui-card-body">
  7. <div class="layui-row layui-col-space15">
  8. <div class="layui-col-md12">
  9. <form class="layui-form layui-form-pane" action="">
  10. <div class="layui-form-item">
  11. <div class="layui-inline">
  12. <label class="layui-form-label">是否展示</label>
  13. <div class="layui-input-inline">
  14. <select name="status">
  15. <option value="">全部</option>
  16. <option value="1">显示</option>
  17. <option value="0">不显示</option>
  18. </select>
  19. </div>
  20. </div>
  21. <div class="layui-inline">
  22. <div class="layui-input-inline">
  23. <button class="layui-btn layui-btn-sm layui-btn-normal" lay-submit="search"
  24. lay-filter="search">
  25. <i class="layui-icon">&#xe615;</i>搜索
  26. </button>
  27. </div>
  28. </div>
  29. </div>
  30. </form>
  31. </div>
  32. <div class="layui-col-md12">
  33. <div class="layui-btn-container">
  34. <form class="layui-form" lay-filter="formswitch" action="">
  35. <div class="layui-form-item">
  36. <div class="layui-inline">
  37. <label class="layui-form-label" style="font-size: 14px;width: 170px;">在前台首页显示状态:</label>
  38. <div class="layui-input-inline">
  39. <input type='checkbox' name='state' class="test" lay-skin='switch' lay-filter='is_show_or_hide' lay-text='显示|隐藏'>
  40. </div>
  41. </div>
  42. </div>
  43. </form>
  44. </div>
  45. <table class="layui-hide" id="List" lay-filter="List"></table>
  46. <script type="text/html" id="pic">
  47. <img width="50" height="50" lay-event='open_image' src="{{d.pic}}">
  48. </script>
  49. <script type="text/html" id="status">
  50. <input type='checkbox' name='id' lay-skin='switch' value="{{d.id}}" lay-filter='status'
  51. lay-text='显示|隐藏' {{ d.status== 1 ? 'checked' : '' }}>
  52. </script>
  53. <script type="text/html" id="act">
  54. <button class="layui-btn layui-btn-normal layui-btn-xs" lay-event="edit">
  55. <i class="layui-icon">&#xe642;</i>编辑
  56. </button>
  57. </script>
  58. </div>
  59. </div>
  60. </div>
  61. </div>
  62. </div>
  63. <script src="{__ADMIN_PATH}js/layuiList.js"></script>
  64. {/block}
  65. {block name="script"}
  66. <script>
  67. var is_show_or_hide={$is_show_or_hide};
  68. //实例化form
  69. layList.form.render();
  70. layList.form.val('formswitch',{
  71. state: is_show_or_hide == 1 ? true : false
  72. })
  73. //加载列表
  74. layList.tableList('List', "{:Url('get_group_data_list',['gid'=>$gid])}", function () {
  75. return [
  76. {field: 'id', title: '编号', width: 60,align: 'center'},
  77. {field: 'title', title: '标题', edit: 'title'},
  78. {field: 'info', title: '简介', edit: 'info'},
  79. {field: 'pic', title: '图标', templet: '#pic',align:'center'},
  80. {field: 'sort', title: '排序', sort: true, event: 'sort', edit: 'sort',align:'center'},
  81. {field: 'status', title: '状态', templet: '#status',align:'center'},
  82. {field: 'right', title: '操作', align: 'center', toolbar: '#act'},
  83. ];
  84. });
  85. //自定义方法
  86. var action = {
  87. set_group_data: function (field, id, value) {
  88. layList.baseGet(layList.Url({
  89. a: 'set_group_data',
  90. q: {field: field, id: id, value: value}
  91. }), function (res) {
  92. layList.msg(res.msg);
  93. });
  94. },
  95. };
  96. //查询
  97. layList.search('search', function (where) {
  98. layList.reload(where, true);
  99. });
  100. layList.form.on('switch(is_show_or_hide)',function (data) {
  101. layList.baseGet(layList.Url({
  102. a: 'is_show_or_hide',
  103. q: {value: data.elem.checked==true ? 1 : 2}
  104. }), function (res) {
  105. layList.msg(res.msg);
  106. });
  107. });
  108. layList.switch('status', function (odj, value) {
  109. action.set_group_data('status', value, odj.elem.checked == true ? 1 : 0);
  110. });
  111. //快速编辑
  112. layList.edit(function (obj) {
  113. var id = obj.data.id, value = obj.value;
  114. switch (obj.field) {
  115. case 'title':
  116. action.set_group_data('title', id, value);
  117. break;
  118. case 'info':
  119. action.set_group_data('info', id, value);
  120. break;
  121. case 'sort':
  122. if (value.trim()) {
  123. if (isNaN(value.trim())) {
  124. layList.msg('请输入正确的数字');
  125. } else {
  126. if (value.trim() < 0) {
  127. layList.msg('排序不能小于0');
  128. } else if (value.trim() > 9999) {
  129. layList.msg('排序不能大于9999');
  130. } else if (parseInt(value.trim()) != value.trim()) {
  131. layList.msg('排序不能为小数');
  132. } else {
  133. action.set_group_data('sort', id, value.trim());
  134. }
  135. }
  136. } else {
  137. layList.msg('排序不能为空');
  138. }
  139. break;
  140. }
  141. });
  142. //监听并执行排序
  143. layList.sort(['id', 'sort'], true);
  144. //点击事件绑定
  145. layList.tool(function (event, data, obj) {
  146. switch (event) {
  147. case 'delstor':
  148. var url = layList.U({ a: 'delete', q: {id: data.id}});
  149. $eb.$swal('delete', function () {
  150. $eb.axios.get(url).then(function (res) {
  151. if (res.status == 200 && res.data.code == 200) {
  152. $eb.$swal('success', res.data.msg);
  153. obj.del();
  154. } else
  155. return Promise.reject(res.data.msg || '删除失败')
  156. }).catch(function (err) {
  157. $eb.$swal('error', err);
  158. });
  159. });
  160. break;
  161. case 'open_image':
  162. $eb.openImage(data.pic);
  163. break;
  164. case 'edit':
  165. layui.layer.open({
  166. type: 2,
  167. title: '编辑',
  168. content: "{:Url('create_v1')}?id=" + data.id,
  169. area: ['800px', '500px'],
  170. end: function () {
  171. window.location.reload();
  172. }
  173. });
  174. break;
  175. }
  176. })
  177. </script>
  178. {/block}