create_recemmend.php 5.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121
  1. {extend name="public/container"}
  2. {block name="content"}
  3. <div class="layui-fluid">
  4. <div class="layui-row layui-col-space15" id="app">
  5. <div class="layui-col-md12">
  6. <div class="layui-card">
  7. <div class="layui-card-body">
  8. <form class="layui-form" action="">
  9. <div class="layui-form-item required">
  10. <label class="layui-form-label">导航名称:</label>
  11. <div class="layui-input-block">
  12. <input type="hidden" name="is_fixed" value="{if isset($recemmend)}{$recemmend.is_fixed}{else}{$is_fixed}{/if}">
  13. <input type="hidden" name="typesetting" value="5">
  14. <input type="text" name="title" lay-verify="title" value="{if isset($recemmend)}{$recemmend.title}{/if}" autocomplete="off" placeholder="导航名称" maxlength="6" class="layui-input">
  15. </div>
  16. </div>
  17. <div class="layui-form-item">
  18. <label class="layui-form-label">一级分类</label>
  19. <div class="layui-input-block">
  20. <select name="grade_id" lay-verify="grade_id">
  21. <option value="0" {if isset($recemmend) && $recemmend.grade_id==0}selected{/if}>全部</option>
  22. {volist name='grade_list' id='item'}
  23. <option value="{$item.id}" {if isset($recemmend) && $recemmend.grade_id==$item.id}selected{/if}>{$item.name}</option>
  24. {/volist}
  25. </select>
  26. </div>
  27. </div>
  28. <div class="layui-form-item required">
  29. <label class="layui-form-label">图标:(90*90)</label>
  30. <div class="layui-input-block" id="icon">
  31. {if isset($recemmend) && $recemmend.icon}
  32. <div class="upload-image-box">
  33. <img src="{$recemmend.icon}" alt="">
  34. <input type="hidden" name="icon" value="{$recemmend.icon}">
  35. <div class="mask">
  36. <p><i class="fa fa-eye open_image" data-url="{$recemmend.icon}"></i><i class="fa fa-trash-o delete_image" data-url="{$recemmend.icon_key}"></i></p>
  37. </div>
  38. </div>
  39. {/if}
  40. <div class="upload-image" id="file_icon" {if isset($recemmend) && $recemmend.icon} style="display: none" {/if}>
  41. <div class="fiexd"><i class="fa fa-plus"></i></div>
  42. <p>上传图片</p>
  43. </div>
  44. <input type="file" name="file_icon" style="display:none;">
  45. </div>
  46. </div>
  47. <div class="layui-form-item">
  48. <label class="layui-form-label">排序</label>
  49. <div class="layui-input-inline">
  50. <input type="number" name="sort" lay-verify="sort" value="{if isset($recemmend)}{$recemmend.sort}{/if}" autocomplete="off" placeholder="排序" class="layui-input" min="0">
  51. </div>
  52. </div>
  53. <div class="layui-form-item submit">
  54. <div class="layui-input-block">
  55. {if isset($recemmend)}
  56. <button class="layui-btn layui-btn-normal" lay-submit="" lay-filter="save">立即修改</button>
  57. {else}
  58. <button class="layui-btn layui-btn-normal" lay-submit="" lay-filter="save">立即提交</button>
  59. <button class="layui-btn layui-btn-primary clone">取消</button>
  60. {/if}
  61. </div>
  62. </div>
  63. </form>
  64. </div>
  65. </div>
  66. </div>
  67. </div>
  68. </div>
  69. <script type="text/javascript" src="{__ADMIN_PATH}js/layuiList.js"></script>
  70. <script type="text/javascript" src="{__ADMIN_PATH}js/request.js"></script>
  71. <script type="text/javascript" src="{__MODULE_PATH}widget/OssUpload.js"></script>
  72. {/block}
  73. {block name="script"}
  74. <script>
  75. //实例化form
  76. layList.form.render();
  77. //初始化
  78. var file_image=$('#file_icon'),id={$id};
  79. /**
  80. * 选择图片
  81. */
  82. file_image.on('click',function () {
  83. ossUpload.createFrame('选择图片',{},{w:700});
  84. });
  85. /**
  86. * 选择图片回调事件
  87. * */
  88. var changeIMG = function(res,url){
  89. file_image.parents('.layui-input-block').prepend(ossUpload.getImageHtml(url,'icon',''));
  90. file_image.hide();
  91. ossUpload.LoadEvent();
  92. deleteImage();
  93. }
  94. //提交
  95. layList.search('save',function(data){
  96. if(!data.title || !$.trim(data.title)) return layList.msg('请输入标题');
  97. if(!data.icon || data.icon==undefined) return layList.msg('请上传图标');
  98. layList.basePost(layList.U({a:'save_recemmend',q:{id:id}}),data,function (res) {
  99. layList.msg(res.msg,function () {
  100. parent.layer.closeAll();
  101. parent.$(".J_iframe:visible")[0].contentWindow.location.reload();
  102. })
  103. },function (res) {
  104. layList.msg(res.msg);
  105. });
  106. });
  107. function deleteImage (){
  108. $('#icon .delete_image').on('click',function () {
  109. $(this).parents('.upload-image-box').remove();
  110. file_image.show();
  111. })
  112. }
  113. deleteImage();
  114. </script>
  115. {/block}