create_recemmend_v1.php 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212
  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">
  10. <label class="layui-form-label required">名称:</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="is_show" value="{if isset($recemmend)}{$recemmend.is_show}{else}1{/if}">
  14. <input type="text" maxlength="10" name="title" lay-verify="title" value="{if isset($recemmend)}{$recemmend.title}{/if}" autocomplete="off" placeholder="最多10个字" class="layui-input">
  15. <input type="hidden" name="typesetting" value="{if isset($recemmend)}{$recemmend.typesetting}{/if}">
  16. </div>
  17. </div>
  18. {if !isset($recemmend) || $recemmend.typesetting != 5}
  19. <div class="layui-form-item">
  20. <label class="layui-form-label required">类型:</label>
  21. <div class="layui-input-block">
  22. <select name="type" id="groupid" lay-filter="select">
  23. <option value="">请选择类型</option>
  24. <option value="0" {if isset($recemmend) && $recemmend.type==0}selected{/if}>专题</option>
  25. <option value="1" {if isset($recemmend) && $recemmend.type==1}selected{/if}>新闻</option>
  26. <option value="4" {if isset($recemmend) && $recemmend.type==4}selected{/if}>商品</option>
  27. <option value="6" {if isset($recemmend) && $recemmend.type==6}selected{/if}>讲师</option>
  28. <option value="8" {if isset($recemmend) && $recemmend.type==8}selected{/if}>拼团</option>
  29. <option value="10" {if isset($recemmend) && $recemmend.type==10}selected{/if}>素材</option>
  30. <option value="11" {if isset($recemmend) && $recemmend.type==11}selected{/if}>练习</option>
  31. <option value="12" {if isset($recemmend) && $recemmend.type==12}selected{/if}>考试</option>
  32. <option value="14" {if isset($recemmend) && $recemmend.type==14}selected{/if}>资料</option>
  33. </select>
  34. </div>
  35. </div>
  36. <div class="layui-form-item" id="typesettings" {if isset($recemmend) && $recemmend.type!=0 && $recemmend.type!=4 && $recemmend.type!=8 && $recemmend.type!=10 && $recemmend.type!=12 && $recemmend.type!=14}style="display: none;"{/if}>
  37. <label class="layui-form-label">排版:</label>
  38. <div class="layui-input-block">
  39. <select name="typesetting" lay-verify="typesetting">
  40. <option value="">请选择排版类型</option>
  41. <option value="1" {if isset($recemmend) && $recemmend.typesetting==1}selected{/if}>大图</option>
  42. <option value="2" {if isset($recemmend) && $recemmend.typesetting==2}selected{/if}>宫图</option>
  43. <option value="3" {if isset($recemmend) && $recemmend.typesetting==3}selected{/if}>小图</option>
  44. <option value="4" {if isset($recemmend) && $recemmend.typesetting==4}selected{/if}>左右切换</option>
  45. </select>
  46. </div>
  47. </div>
  48. <div class="layui-form-item" id="category" {if isset($recemmend) && $recemmend.type!=0}style="display: none;"{/if}>
  49. <label class="layui-form-label">一级分类:</label>
  50. <div class="layui-input-block">
  51. <select name="grade_id" lay-verify="grade_id">
  52. <option value="0" {if isset($recemmend) && $recemmend.grade_id==0}selected{/if}>全部</option>
  53. {volist name='grade_list' id='item'}
  54. <option value="{$item.id}" {if isset($recemmend) && $recemmend.grade_id==$item.id}selected{/if}>{$item.name}</option>
  55. {/volist}
  56. </select>
  57. </div>
  58. </div>
  59. <div class="layui-form-item">
  60. <label class="layui-form-label">展示数量:</label>
  61. <div class="layui-input-inline">
  62. <input type="number" name="show_count" lay-verify="show_count" value="{if isset($recemmend)}{$recemmend.show_count}{/if}" autocomplete="off" placeholder="超过最大数量不展示" class="layui-input">
  63. </div>
  64. </div>
  65. {/if}
  66. <div class="layui-form-item">
  67. <label class="layui-form-label">排序:</label>
  68. <div class="layui-input-inline">
  69. <input type="number" name="sort" lay-verify="sort" value="{if isset($recemmend)}{$recemmend.sort}{/if}" autocomplete="off" placeholder="0" class="layui-input">
  70. </div>
  71. </div>
  72. <div class="layui-form-item submit">
  73. <div class="layui-input-block">
  74. {if isset($recemmend)}
  75. <button class="layui-btn layui-btn-normal" lay-submit="" lay-filter="save">立即修改</button>
  76. {else}
  77. <button class="layui-btn layui-btn-normal" lay-submit="" lay-filter="save">立即提交</button>
  78. <button class="layui-btn layui-btn-primary clone">取消</button>
  79. {/if}
  80. </div>
  81. </div>
  82. </form>
  83. </div>
  84. </div>
  85. </div>
  86. </div>
  87. </div>
  88. <script type="text/javascript" src="{__ADMIN_PATH}js/layuiList.js"></script>
  89. <script type="text/javascript" src="{__PC_KS3}src/plupload.full.min.js"></script>
  90. <script type="text/javascript" src="{__PC_KS3}src/ks3jssdk.js"></script>
  91. <script type="text/javascript" src="{__PC_KS3}ks3.js"></script>
  92. {/block}
  93. {block name="script"}
  94. <script>
  95. var id={$id};
  96. var mime_types='jpg,gif,png,JPG,GIF,PNG';
  97. //实例化form
  98. layList.form.render();
  99. //初始化
  100. JSY.Config();
  101. var file_image=$('#file_image'),windowindex =parent.layer.getFrameIndex(window.name);
  102. $('.clone').click(function () {
  103. parent.layer.close(windowindex);
  104. });
  105. file_image.on('click',function () {
  106. $('input[name="file_image"]').click();
  107. });
  108. layList.form.on('select(select)',function (data) {
  109. switch (data.value) {
  110. case '0':
  111. $('#category').show();
  112. $('#typesettings').show();
  113. break;
  114. case '1':
  115. case '11':
  116. $('#category').hide();
  117. $('#typesettings').hide();
  118. break;
  119. case '4':
  120. $('#category').hide();
  121. $('#typesettings').show();
  122. break;
  123. case '8':
  124. $('#category').hide();
  125. $('#typesettings').show();
  126. break;
  127. case '10':
  128. $('#category').hide();
  129. $('#typesettings').show();
  130. break;
  131. case '12':
  132. $('#category').hide();
  133. $('#typesettings').show();
  134. break;
  135. case '14':
  136. $('#category').hide();
  137. $('#typesettings').show();
  138. break;
  139. case '6':
  140. $('#category').hide();
  141. $('#typesettings').hide();
  142. break;
  143. }
  144. });
  145. $('input[name="file_image"]').change(function () {
  146. if(this.files.length > 1) return layList.msg('您上传的图片不能大与1张');
  147. var file=this.files[0];
  148. if(file){
  149. var extension = file.name.split('.').pop(),timestamp = new Date().getTime(),key='image/' + timestamp+'.'+extension;
  150. if(mime_types.indexOf(extension)===-1) return layList.msg('您上传的图片格式不正确');
  151. Ks3.putObject({
  152. Key: key,
  153. File: file,
  154. ACL: 'public-read',
  155. }, function (err) {
  156. if(!err){
  157. file_image.parents('.layui-input-block').prepend(JSY.getImgBoxHtml(key));
  158. file_image.hide();
  159. JSY.LoadEvent();
  160. $('#image .delete_image').on('click',function () {
  161. var that=this;
  162. Ks3.delObject({Key: $(this).data('url')},function () {
  163. $(that).parents('.upload-image-box').remove();
  164. file_image.show();
  165. },function () {
  166. $(that).parents('.upload-image-box').remove();
  167. file_image.show();
  168. });
  169. })
  170. }else{
  171. layList.msg(JSON.stringify(err));
  172. }
  173. });
  174. }
  175. });
  176. //提交
  177. layList.search('save',function(data){
  178. delete data.file_image;
  179. if(!data.title) return layList.msg('请输入标题');
  180. if (data.typesetting !=5) {
  181. if(!data.type) return layList.msg('请选择类型');
  182. if(data.show_count<=0) return layList.msg('请填写展示几个内容板块');
  183. if(data.type==1 || data.type==11|| data.type==6){
  184. data.typesetting=0;
  185. }else if(data.type==14){
  186. if(data.typesetting==1 || data.typesetting==4) return layList.msg('资料不能选择该排版');
  187. }else{
  188. if(!data.typesetting) return layList.msg('请选择排版');
  189. }
  190. if(data.type==10 && data.typesetting!=2) return layList.msg('素材只能选择宫图');
  191. }
  192. layList.basePost(layList.U({a:'save_recemmend',q:{id:id}}),data,function (res) {
  193. layList.msg(res.msg,function () {
  194. parent.layer.close(windowindex);
  195. parent.$(".J_iframe:visible")[0].contentWindow.location.reload();
  196. })
  197. },function (res) {
  198. layList.msg(res.msg);
  199. });
  200. });
  201. $('#image .delete_image').on('click',function () {
  202. var that=this;
  203. Ks3.delObject({Key: $(this).data('url')},function () {
  204. $(that).parents('.upload-image-box').remove();
  205. file_image.show();
  206. },function () {
  207. $(that).parents('.upload-image-box').remove();
  208. file_image.show();
  209. });
  210. })
  211. </script>
  212. {/block}