center_menu.php 5.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121
  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-group">
  8. <button type="button" class="layui-btn layui-btn-normal layui-btn-sm" onclick="$eb.createModalFrame('添加我的服务菜单','{:Url('create_recemmend_custom')}?is_fixed=2')"><i class="layui-icon">&#xe608;</i>添加我的服务菜单</button>
  9. <button type="button" class="layui-btn layui-btn-normal layui-btn-sm" onclick="window.location.reload()">
  10. <i class="layui-icon">&#xe669;</i>刷新
  11. </button>
  12. </div>
  13. <table id="List" lay-filter="List"></table>
  14. <script type="text/html" id="icon">
  15. {{# if(d.icon) { }}
  16. <img lay-event='open_image' src="{{d.icon}}" height="50">
  17. {{# } }}
  18. </script>
  19. <script type="text/html" id="is_show">
  20. <input type='checkbox' name='id' lay-skin='switch' value="{{d.id}}" lay-filter='is_show' lay-text='显示|隐藏' {{ d.is_show == 1 ? 'checked' : '' }}>
  21. </script>
  22. <script type="text/html" id="act">
  23. <button type="button" class="layui-btn layui-btn-xs layui-btn-normal" onclick="$eb.createModalFrame('{{d.title}}-'+this.innerText,'{:Url('create_recemmend_custom')}?id={{d.id}}&is_fixed=2')"><i class="fa fa-paste"></i>编辑</button>
  24. <button type="button" class="layui-btn layui-btn-danger layui-btn-xs" lay-event='delete'><i class="fa fa-trash"></i>删除</button>
  25. </script>
  26. </div>
  27. </div>
  28. </div>
  29. {/block}
  30. {block name="script"}
  31. <script src="{__ADMIN_PATH}js/layuiList.js"></script>
  32. <script>
  33. //实例化form
  34. layList.form.render();
  35. //加载列表
  36. layList.tableList('List',"{:Url('recommend_list',['is_fixed' => 2])}",function (){
  37. return [
  38. {field: 'title', title: '导航名称',edit:'title',align:'center'},
  39. {field: 'icon', title: '图标',templet:'#icon',align:'center'},
  40. {field: 'sort', title: '排序',sort: true,event:'sort',edit:'sort',align:'center'},
  41. {field: 'is_show', title: '状态',templet:'#is_show',align:'center'},
  42. {field: 'right', title: '操作',align:'center',toolbar:'#act'}
  43. ];
  44. });
  45. //自定义方法
  46. var action= {
  47. set_value: function (field, id, value) {
  48. layList.baseGet(layList.Url({
  49. a: 'set_value',
  50. q: {field: field, id: id, value: value}
  51. }), function (res) {
  52. layList.msg(res.msg);
  53. });
  54. }
  55. };
  56. layList.switch('is_show',function (odj,value) {
  57. if(odj.elem.checked==true){
  58. layList.baseGet(layList.Url({a:'set_show',p:{is_show:1,id:value}}),function (res) {
  59. layList.msg(res.msg);
  60. });
  61. }else{
  62. layList.baseGet(layList.Url({a:'set_show',p:{is_show:0,id:value}}),function (res) {
  63. layList.msg(res.msg);
  64. });
  65. }
  66. });
  67. //快速编辑
  68. layList.edit(function (obj) {
  69. var id=obj.data.id,value=obj.value;
  70. switch (obj.field) {
  71. case 'title':
  72. action.set_value('title',id,value);
  73. break;
  74. case 'sort':
  75. if (value.trim()) {
  76. if (isNaN(value.trim())) {
  77. layList.msg('请输入正确的数字');
  78. } else {
  79. if (value.trim() < 0) {
  80. layList.msg('排序不能小于0');
  81. } else if (value.trim() > 9999) {
  82. layList.msg('排序不能大于9999');
  83. } else if (parseInt(value.trim()) != value.trim()) {
  84. layList.msg('排序不能为小数');
  85. } else {
  86. action.set_value('sort', id, value.trim());
  87. }
  88. }
  89. } else {
  90. layList.msg('排序不能为空');
  91. }
  92. break;
  93. }
  94. }, false, 'List');
  95. //监听并执行排序
  96. layList.sort(['sort'],true);
  97. //点击事件绑定
  98. layList.tool(function (event,data,obj) {
  99. switch (event) {
  100. case 'delete':
  101. var url=layList.U({a:'delete_recomm',q:{id:data.id}});
  102. $eb.$swal('delete',function(){
  103. $eb.axios.get(url).then(function(res){
  104. if(res.status == 200 && res.data.code == 200) {
  105. $eb.$swal('success',res.data.msg);
  106. obj.del();
  107. }else
  108. return Promise.reject(res.data.msg || '删除失败')
  109. }).catch(function(err){
  110. $eb.$swal('error',err);
  111. });
  112. });
  113. break;
  114. case 'open_image':
  115. $eb.openImage(data.icon);
  116. break;
  117. }
  118. })
  119. </script>
  120. {/block}