web_recommend.php 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221
  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">PC端首页推荐</div>
  6. <div class="layui-card-body">
  7. <div class="layui-row layui-col-space15">
  8. <div class="layui-col-md12">
  9. <div class="layui-btn-container">
  10. <button type="button" class="layui-btn layui-btn-sm layui-btn-normal" onclick="$eb.createModalFrame('添加推荐分组','{:Url('create_web_recemmend')}',{h:580})">
  11. <i class="layui-icon">&#xe608;</i>添加推荐分组
  12. </button>
  13. <button type="button" class="layui-btn layui-btn-sm layui-btn-normal" onclick="window.location.reload()">
  14. <i class="layui-icon">&#xe669;</i>刷新
  15. </button>
  16. </div>
  17. </div>
  18. <div class="layui-col-md12">
  19. <table id="List" lay-filter="List"></table>
  20. <script type="text/html" id="is_show">
  21. <input type='checkbox' name='id' lay-skin='switch' value="{{d.id}}" lay-filter='is_show' lay-text='显示|隐藏' {{ d.is_show == 1 ? 'checked' : '' }}>
  22. </script>
  23. <script type="text/html" id="act">
  24. {{# if(d.type!=5){ }}
  25. <button type="button" class="layui-btn layui-btn-xs layui-btn-normal" onclick="dropdown(this)"><i class="layui-icon">&#xe625;</i>操作</button>
  26. <ul class="layui-nav-child layui-anim layui-anim-upbit">
  27. <li>
  28. <div onclick="$eb.createModalFrame('{{d.title}}-'+this.innerText,'{:Url('create_web_recemmend')}?id={{d.id}}',{h:480})">
  29. <i class="fa fa-paste"></i> 推荐编辑
  30. </div>
  31. </li>
  32. {{# if(d.type==0){ }}
  33. <li>
  34. <a href="javascript:;" onclick="$eb.createModalFrame('{{d.title}}-'+this.innerText,'{:Url('special_list')}?id={{d.id}}',{w:1000,h:800})">
  35. <i class="fa fa-list-ul"></i> 内容管理
  36. </a>
  37. </li>
  38. {{# }else if(d.type==1){ }}
  39. <li>
  40. <a href="javascript:;" onclick="$eb.createModalFrame('{{d.title}}-'+this.innerText,'{:Url('special_list')}?id={{d.id}}',{w:1000,h:800})">
  41. <i class="fa fa-list-ul"></i> 内容管理
  42. </a>
  43. </li>
  44. {{# }else if(d.type==2){ }}
  45. <li>
  46. <a href="javascript:;" onclick="$eb.createModalFrame('{{d.title}}-'+this.innerText,'{:Url('lecturer_list')}?id={{d.id}}',{w:1000,h:800})">
  47. <i class="fa fa-list-ul"></i> 内容管理
  48. </a>
  49. </li>
  50. {{# }else if(d.type==3){ }}
  51. <li>
  52. <a href="javascript:;" onclick="$eb.createModalFrame('{{d.title}}-'+this.innerText,'{:Url('data_download')}?id={{d.id}}',{w:1000,h:800})">
  53. <i class="fa fa-list-ul"></i> 内容管理
  54. </a>
  55. </li>
  56. {{# }else if(d.type==4){ }}
  57. <li>
  58. <a href="javascript:;" onclick="$eb.createModalFrame('{{d.title}}-'+this.innerText,'{:Url('article_list')}?id={{d.id}}',{w:1000,h:800})">
  59. <i class="fa fa-list-ul"></i> 内容管理
  60. </a>
  61. </li>
  62. {{# }else if(d.type==7){ }}
  63. <li>
  64. <a href="javascript:;" onclick="$eb.createModalFrame('{{d.title}}-'+this.innerText,'{:Url('test_list')}?id={{d.id}}',{w:1000,h:800})">
  65. <i class="fa fa-list-ul"></i> 内容管理
  66. </a>
  67. </li>
  68. {{# }else if(d.type==8){ }}
  69. <li>
  70. <a href="javascript:;" onclick="$eb.createModalFrame('{{d.title}}-'+this.innerText,'{:Url('test_list')}?id={{d.id}}',{w:1000,h:800})">
  71. <i class="fa fa-list-ul"></i> 内容管理
  72. </a>
  73. </li>
  74. {{# } }}
  75. {{# if(d.type!=4){ }}
  76. <li>
  77. <div lay-event='delete'>
  78. <i class="fa fa-trash"></i> 推荐删除
  79. </div>
  80. </li>
  81. {{# } }}
  82. </ul>
  83. {{# }else{ }}
  84. <button type="button" class="layui-btn layui-btn-xs layui-btn-normal">自动推荐</button>
  85. {{# } }}
  86. </script>
  87. </div>
  88. </div>
  89. </div>
  90. </div>
  91. </div>
  92. <script src="{__ADMIN_PATH}js/layuiList.js"></script>
  93. {/block}
  94. {block name="script"}
  95. <script>
  96. //实例化form
  97. layList.form.render();
  98. //加载列表
  99. layList.tableList('List',"{:Url('web_recommend_list',['is_fixed' => 0])}",function (){
  100. return [
  101. {field: 'title', title: '列表名称',edit:'title',align:'center'},
  102. {field: 'type_name', title: '内容类型',align:'center'},
  103. {field: 'sort', title: '排序',sort: true,event:'sort',edit:'sort',align:'center'},
  104. {field: 'show_count', title: '可显示数量',align:'center'},
  105. {field: 'number', title: '展示数量',align:'center'},
  106. {field: 'is_show', title: '状态',templet:'#is_show',align:'center'},
  107. {field: 'right', title: '操作',toolbar:'#act',align:'center'}
  108. ];
  109. });
  110. //自定义方法
  111. var action= {
  112. set_value: function (field, id, value) {
  113. layList.baseGet(layList.Url({
  114. a: 'set_value',
  115. q: {field: field, id: id, value: value,recommend:'web'}
  116. }), function (res) {
  117. layList.msg(res.msg);
  118. },function (err) {
  119. layList.msg(err.msg,function () {
  120. location.reload();
  121. });
  122. });
  123. },
  124. }
  125. layList.switch('is_show',function (odj,value) {
  126. if(odj.elem.checked==true){
  127. layList.baseGet(layList.Url({a:'set_show',p:{is_show:1,id:value,recommend:'web'}}),function (res) {
  128. layList.msg(res.msg);
  129. });
  130. }else{
  131. layList.baseGet(layList.Url({a:'set_show',p:{is_show:0,id:value,recommend:'web'}}),function (res) {
  132. layList.msg(res.msg);
  133. });
  134. }
  135. });
  136. //快速编辑
  137. layList.edit(function (obj) {
  138. var id=obj.data.id,value=obj.value;
  139. switch (obj.field) {
  140. case 'title':
  141. action.set_value('title',id,value);
  142. break;
  143. case 'sort':
  144. if (value.trim()) {
  145. if (isNaN(value.trim())) {
  146. layList.msg('请输入正确的数字');
  147. } else {
  148. if (value.trim() < 0) {
  149. layList.msg('排序不能小于0');
  150. } else if (value.trim() > 9999) {
  151. layList.msg('排序不能大于9999');
  152. } else if (parseInt(value.trim()) != value.trim()) {
  153. layList.msg('排序不能为小数');
  154. } else {
  155. action.set_value('sort', id, value.trim());
  156. }
  157. }
  158. } else {
  159. layList.msg('排序不能为空');
  160. }
  161. break;
  162. }
  163. });
  164. //监听并执行排序
  165. layList.sort(['sort'],true);
  166. //点击事件绑定
  167. layList.tool(function (event,data,obj) {
  168. switch (event) {
  169. case 'delete':
  170. var url=layList.U({a:'delete_web_recomm',q:{id:data.id}});
  171. $eb.$swal('delete',function(){
  172. $eb.axios.get(url).then(function(res){
  173. if(res.status == 200 && res.data.code == 200) {
  174. $eb.$swal('success',res.data.msg);
  175. obj.del();
  176. }else
  177. return Promise.reject(res.data.msg || '删除失败')
  178. }).catch(function(err){
  179. $eb.$swal('error',err);
  180. });
  181. })
  182. break;
  183. case 'open_image':
  184. $eb.openImage(data.image);
  185. break;
  186. }
  187. })
  188. //下拉框
  189. $(document).click(function (e) {
  190. $('.layui-nav-child').hide();
  191. })
  192. function dropdown(that){
  193. var oEvent = arguments.callee.caller.arguments[0] || event;
  194. oEvent.stopPropagation();
  195. var offset = $(that).offset();
  196. var top=offset.top-$(window).scrollTop();
  197. var index = $(that).parents('tr').data('index');
  198. $('.layui-nav-child').each(function (key) {
  199. if (key != index) {
  200. $(this).hide();
  201. }
  202. })
  203. if($(document).height() < top+$(that).next('ul').height()){
  204. $(that).next('ul').css({
  205. 'padding': 10,
  206. 'top': - ($(that).parent('td').height() / 2 + $(that).height() + $(that).next('ul').height()/2),
  207. 'min-width': 'inherit',
  208. 'position': 'absolute'
  209. }).toggle();
  210. }else{
  211. $(that).next('ul').css({
  212. 'padding': 10,
  213. 'top':$(that).parent('td').height() / 2 + $(that).height(),
  214. 'min-width': 'inherit',
  215. 'position': 'absolute'
  216. }).toggle();
  217. }
  218. }
  219. </script>
  220. {/block}