center_web_menu.php 6.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161
  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-btn-container">
  8. <button type="button" class="layui-btn layui-btn-normal layui-btn-sm" onclick="$eb.createModalFrame('添加pc端导航','{:Url('create_web_recemmend_custom')}?is_fixed=1')"><i class="layui-icon layui-icon-add-1"></i>添加PC端导航</button>
  9. <button type="button" class="layui-btn layui-btn-normal layui-btn-sm" onclick="window.location.reload()"><i class="layui-icon layui-icon-refresh-1"></i>刷新</button>
  10. </div>
  11. <blockquote class="layui-elem-quote">PC端首页导航【注:PC端前端最多显示8条,倒序获得前8条】</blockquote>
  12. <table id="List" lay-filter="List"></table>
  13. <script type="text/html" id="is_show">
  14. <input type='checkbox' name='id' lay-skin='switch' value="{{d.id}}" lay-filter='is_show' lay-text='显示|隐藏' {{ d.is_show == 1 ? 'checked' : '' }}>
  15. </script>
  16. <script type="text/html" id="act">
  17. <button type="button" class="layui-btn layui-btn-xs layui-btn-normal" onclick="dropdown(this)">
  18. <i class="layui-icon">&#xe625;</i>操作
  19. </button>
  20. <ul class="layui-nav-child layui-anim layui-anim-upbit">
  21. <li>
  22. <div onclick="$eb.createModalFrame('{{d.title}}-'+this.innerText,'{:Url('create_web_recemmend_custom')}?id={{d.id}}&is_fixed=1')">
  23. <i class="fa fa-paste"></i> 编辑
  24. </div>
  25. </li>
  26. <li>
  27. <div lay-event='delete'>
  28. <i class="fa fa-trash"></i> 删除
  29. </div>
  30. </li>
  31. </ul>
  32. </script>
  33. </div>
  34. </div>
  35. </div>
  36. {/block}
  37. {block name="script"}
  38. <script src="{__ADMIN_PATH}js/layuiList.js"></script>
  39. <script>
  40. parent.$('.J_menuTab').each(function () {
  41. if ($(this).hasClass('active')) {
  42. $('.layui-card-header').text($(this).text())
  43. return false;
  44. }
  45. });
  46. //实例化form
  47. layList.form.render();
  48. //加载列表
  49. var x = layList.tableList('List',"{:Url('web_recommend_list',['is_fixed' => 1])}",function (){
  50. return [
  51. {field: 'title', title: '导航名称',edit:'title',align:'center'},
  52. {field: 'sort', title: '排序',sort: true,event:'sort',edit:'sort',align:'center'},
  53. {field: 'is_show', title: '状态',templet:'#is_show',align:'center'},
  54. {field: 'right', title: '操作',align:'center',toolbar:'#act'},
  55. ];
  56. }, '', 'lg');
  57. //自定义方法
  58. var action= {
  59. set_value: function (field, id, value) {
  60. layList.baseGet(layList.Url({
  61. a: 'set_value',
  62. q: {field: field, id: id, value: value,recommend:'web'}
  63. }), function (res) {
  64. layList.msg(res.msg);
  65. });
  66. }
  67. };
  68. layList.switch('is_show',function (odj,value) {
  69. if(odj.elem.checked==true){
  70. layList.baseGet(layList.Url({a:'set_show',p:{is_show:1,id:value,recommend:'web'}}),function (res) {
  71. layList.msg(res.msg);
  72. });
  73. }else{
  74. layList.baseGet(layList.Url({a:'set_show',p:{is_show:0,id:value,recommend:'web'}}),function (res) {
  75. layList.msg(res.msg);
  76. });
  77. }
  78. });
  79. //快速编辑
  80. layList.edit(function (obj) {
  81. var id=obj.data.id,value=obj.value;
  82. switch (obj.field) {
  83. case 'title':
  84. action.set_value('title',id,value);
  85. break;
  86. case 'sort':
  87. if (value.trim()) {
  88. if (isNaN(value.trim())) {
  89. layList.msg('请输入正确的数字');
  90. } else {
  91. if (value.trim() < 0) {
  92. layList.msg('排序不能小于0');
  93. } else if (value.trim() > 9999) {
  94. layList.msg('排序不能大于9999');
  95. } else if (parseInt(value.trim()) != value.trim()) {
  96. layList.msg('排序不能为小数');
  97. } else {
  98. action.set_value('sort', id, value.trim());
  99. }
  100. }
  101. } else {
  102. layList.msg('排序不能为空');
  103. }
  104. break;
  105. }
  106. });
  107. //下拉框
  108. $(document).click(function (e) {
  109. $('.layui-nav-child').hide();
  110. })
  111. function dropdown(that){
  112. var oEvent = arguments.callee.caller.arguments[0] || event;
  113. oEvent.stopPropagation();
  114. var offset = $(that).offset();
  115. var top=offset.top-$(window).scrollTop();
  116. var index = $(that).parents('tr').data('index');
  117. $('.layui-nav-child').each(function (key) {
  118. if (key != index) {
  119. $(this).hide();
  120. }
  121. })
  122. if($(document).height() < top+$(that).next('ul').height()){
  123. $(that).next('ul').css({
  124. 'padding': 10,
  125. 'top': - ($(that).parent('td').height() / 2 + $(that).height() + $(that).next('ul').height()/2),
  126. 'min-width': 'inherit',
  127. 'position': 'absolute'
  128. }).toggle();
  129. }else{
  130. $(that).next('ul').css({
  131. 'padding': 10,
  132. 'top':$(that).parent('td').height() / 2 + $(that).height(),
  133. 'min-width': 'inherit',
  134. 'position': 'absolute'
  135. }).toggle();
  136. }
  137. }
  138. //监听并执行排序
  139. layList.sort(['sort'],true);
  140. //点击事件绑定
  141. layList.tool(function (event,data,obj) {
  142. switch (event) {
  143. case 'delete':
  144. var url=layList.U({a:'delete_web_recomm',q:{id:data.id}});
  145. $eb.$swal('delete',function(){
  146. $eb.axios.get(url).then(function(res){
  147. if(res.status == 200 && res.data.code == 200) {
  148. $eb.$swal('success',res.data.msg);
  149. obj.del();
  150. }else
  151. return Promise.reject(res.data.msg || '删除失败')
  152. }).catch(function(err){
  153. $eb.$swal('error',err);
  154. });
  155. });
  156. break;
  157. }
  158. })
  159. </script>
  160. {/block}