form.html 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270
  1. {extend name='admin@main'}
  2. <style>
  3. .co .uploadimage{
  4. width: 10pc !important;
  5. }
  6. </style>
  7. <link rel="stylesheet" href="/static/plugs/layui/css/layui.css" media="all">
  8. <script src="/static/plugs/layui/layui.all.js" charset="utf-8"></script>
  9. {block name="content"}
  10. <form class="layui-form layui-card" action="{:request()->url()}" data-auto="true" method="post" autocomplete="off">
  11. <div class="layui-card-body think-box-shadow padding-left-40">
  12. <div class="layui-tab">
  13. <ul class="layui-tab-title">
  14. <li class="layui-this">基础设置</li>
  15. </ul>
  16. <div class="layui-tab-content">
  17. <div class="layui-tab-item layui-show">
  18. <div class="layui-form-item layui-row layui-col-space15">
  19. <label class="layui-col-xs9 relative">
  20. <span class="color-green">新闻标题</span>
  21. <input name="title" class="layui-input" placeholder="请输入新闻标题" value="{$vo.title|default=''}">
  22. </label>
  23. </div>
  24. <div class="layui-form-item layui-row layui-col-space15">
  25. <label class="layui-col-xs9 relative">
  26. <span class="color-green">新闻标签</span>
  27. <textarea placeholder="请输入新闻标签" class="layui-textarea" name="label">{$vo.label|default=""}</textarea>
  28. </label>
  29. </div>
  30. <div class="layui-form-item layui-row layui-col-space15">
  31. <label class="layui-col-xs9 relative">
  32. <span class="color-green">新闻描述</span>
  33. <textarea placeholder="请输入新闻描述" class="layui-textarea" name="desc">{$vo.desc|default=""}</textarea>
  34. </label>
  35. </div>
  36. <div class="layui-form-item">
  37. <span class="color-green label-required-prev">新闻封面</span>
  38. <table class="layui-table">
  39. <thead>
  40. <tr>
  41. <td width="auto" class="text-left"><input name="images" type="hidden" value="{$vo.images|default=''}"></td>
  42. </tr>
  43. </thead>
  44. </table>
  45. </div>
  46. <div class="layui-form-item layui-row layui-col-space15">
  47. <label class="layui-col-xs3 relative">
  48. <span class="color-green">会员账号</span>
  49. <input name="phone" class="layui-input" placeholder="请输入会员账号" value="{$vo.phone|default=''}">
  50. </label>
  51. <label class="layui-col-xs3 relative">
  52. <span class="color-green">阅读量</span>
  53. <input name="read_num" class="layui-input" placeholder="" value="{$vo.read_num|default=''}">
  54. </label>
  55. <label class="layui-col-xs3 relative">
  56. <span class="color-green">评论开关</span>
  57. <select class="layui-select" name="comment_switch" id="comment_switch" lay-filter="comment_switch" lay-search>
  58. <option {if isset($vo.comment_switch) && $vo.comment_switch == 1 }selected{/if} value="1">开启</option>
  59. <option {if isset($vo.comment_switch) && $vo.comment_switch == 0 }selected{/if} value="0">关闭</option>
  60. </select>
  61. </label>
  62. </div>
  63. <div class="layui-form-item layui-row layui-col-space15">
  64. <label class="layui-col-xs3 relative">
  65. <span class="color-green">热搜阅读量</span>
  66. <input name="hot_num" value='{$vo.hot_num|default=""}' placeholder="请输入热搜阅读量" class="layui-input">
  67. <input name="hot_num_old" type="hidden" value='{$vo.hot_num|default=""}' class="layui-input">
  68. </label>
  69. <label class="layui-col-xs3 relative">
  70. <span class="color-green">上架时间</span>
  71. <input name="release_time" id="release_time" class="layui-input" placeholder="" value="{$vo.release_time|default=''}">
  72. </label>
  73. </div>
  74. <div class="layui-form-item layui-row layui-col-space15">
  75. <label class="layui-col-xs12 relative">
  76. <span class="color-green">关联资料</span>
  77. </label>
  78. <div class="layui-inline" style="top: -15px;margin-bottom: -25px">
  79. <div class="layui-input-inline">
  80. <select name="datum_id" lay-filter ="datum_id">
  81. <option value="0">请选择</option>
  82. {foreach $datum_list as $dk=>$dv}
  83. <option {if isset($vo.datum_id) && $vo.datum_id == $dv['id'] }selected{/if} data-dl_key="{$dk}" value="{$dv['id']}">{$dv['title']}</option>
  84. {/foreach}
  85. </select>
  86. </div>
  87. <div class="layui-input-inline">
  88. <select name="datum_item" lay-filter ="datum_item">
  89. <option value="0">请选择</option>
  90. {foreach $datum_list as $vk=>$vv}
  91. {if isset($vo.datum_id) && $vo.datum_id == $vv['id'] }
  92. {foreach $vv['url_arr'] as $cln}
  93. <option {if isset($vo.datum_item) && $vo.datum_item == $cln['id']} selected {/if} value="{$cln['id']}">{$cln['title']}</option>
  94. {/foreach}
  95. {/if}
  96. {/foreach}
  97. </select>
  98. </div>
  99. </div>
  100. </div>
  101. <div class="layui-form-item layui-row layui-col-space15">
  102. <label class="layui-col-xs12 relative">
  103. <span class="color-green">视频</span>
  104. </label>
  105. <div class="layui-inline" style="top: -15px;margin-bottom: -25px;margin-right: 20px;">
  106. <div class="layui-input-inline">
  107. <select name="video_id" lay-filter ="video_id">
  108. <option value="0">请选择</option>
  109. {foreach $video_list as $vk=>$vv}
  110. <option {if isset($vo.video_id) && $vo.video_id == $vv['id'] }selected{/if} data-vl_key="{$vk}" value="{$vv['id']}">{$vv['title']}</option>
  111. {/foreach}
  112. </select>
  113. </div>
  114. <div class="layui-input-inline">
  115. <select name="video_item" lay-filter ="video_item">
  116. <option value="0">请选择</option>
  117. {foreach $video_list as $vk=>$vv}
  118. {if isset($vo.video_id) && $vo.video_id == $vv['id'] }
  119. {foreach $vv['video_arr'] as $cln}
  120. <option {if isset($vo.video_item) && $vo.video_item == $cln['id']} selected {/if} value="{$cln['id']}">{$cln['title']}</option>
  121. {/foreach}
  122. {/if}
  123. {/foreach}
  124. </select>
  125. </div>
  126. </div>
  127. </div>
  128. <div class="layui-form-item layui-row layui-col-space15">
  129. <label class="layui-col-xs12 relative">
  130. <span class="color-green">图文</span>
  131. </label>
  132. <div class="layui-inline" style="top: -15px;margin-bottom: -25px;margin-right: 20px;">
  133. <div class="layui-input-inline">
  134. <select name="article_id" lay-filter ="article_id">
  135. <option value="0">请选择</option>
  136. {foreach $article_list as $vk=>$vv}
  137. <option {if isset($vo.article_id) && $vo.article_id == $vv['id'] }selected{/if} data-vl_key="{$vk}" value="{$vv['id']}">{$vv['title']}</option>
  138. {/foreach}
  139. </select>
  140. </div>
  141. <div class="layui-input-inline">
  142. <select name="article_item" lay-filter ="article_item">
  143. <option value="0">请选择</option>
  144. {foreach $article_list as $vk=>$vv}
  145. {if isset($vo.article_id) && $vo.article_id == $vv['id'] }
  146. {foreach $vv['item_children'] as $cln}
  147. <option {if isset($vo.article_item) && $vo.article_item == $cln['id']} selected {/if} value="{$cln['id']}">{$cln['title']}</option>
  148. {/foreach}
  149. {/if}
  150. {/foreach}
  151. </select>
  152. </div>
  153. </div>
  154. </div>
  155. <div class="layui-form-item layui-row layui-col-space15">
  156. <label class="layui-col-xs12 relative">
  157. <span class="color-green">产品</span>
  158. </label>
  159. <div class="layui-inline" style="top: -15px;margin-bottom: -25px;margin-right: 20px;">
  160. <div class="layui-input-inline">
  161. <select name="goods_id" lay-filter ="goods_id">
  162. <option value="0">请选择</option>
  163. {foreach $supplier_goods as $gk=>$gv}
  164. <option {if isset($vo.goods_id) && $vo.goods_id == $gv['id'] }selected{/if} value="{$gv['id']}">{$gv['name']}------{$gv['title']}</option>
  165. {/foreach}
  166. </select>
  167. </div>
  168. </div>
  169. </div>
  170. <div class="layui-form-item layui-row layui-col-space9">
  171. <label class="layui-col-xs15 relative">
  172. <span class="color-green">详情</span>
  173. <textarea name="content">{$vo.content|default=""}</textarea>
  174. </label>
  175. </div>
  176. {notempty name='vo.id'}<input type='hidden' value='{$vo.id}' name='id'>{/notempty}
  177. <div class="layui-form-item text-center">
  178. <button class="layui-btn" type='submit'>保 存</button>
  179. <button class="layui-btn layui-btn-danger" type='button' onclick="history.go(-1)" data-close>返回</button>
  180. </div>
  181. </div>
  182. </div>
  183. </div>
  184. </div>
  185. </form>
  186. {/block}
  187. {block name='script'}
  188. <script>
  189. window.form.render();
  190. $('[name="cover"]').uploadOneImage();
  191. $('[name="images"]').uploadMultipleImage();
  192. require(['ckeditor', 'angular'], function () {
  193. window.createEditor('[name="content"]', {
  194. height: 500,
  195. });
  196. })
  197. laydate.render({
  198. elem: '#release_time'
  199. ,type: 'datetime'
  200. });
  201. // 文章监听
  202. form.on('select(article_id)', function(data){
  203. var cl_html = '<option value="0">请选择</option>';
  204. if(data.value == 0) {
  205. $("select[name='article_item']").html(cl_html);
  206. }else{
  207. var vl_key = data.elem[data.elem.selectedIndex].dataset.vl_key;
  208. var article_list = {:json_encode($article_list)};
  209. $.each(article_list[vl_key]['item_children'],function (ck,cv) {
  210. cl_html +='<option value="'+cv.id+'">'+cv.title+'</option>';
  211. })
  212. $("select[name='article_item']").html(cl_html);
  213. }
  214. window.form.render();
  215. });
  216. // 关联视频监听
  217. form.on('select(video_id)', function(data){
  218. var cl_html = '<option value="0">请选择</option>';
  219. if(data.value == 0) {
  220. $("select[name='video_item']").html(cl_html);
  221. }else{
  222. var vl_key = data.elem[data.elem.selectedIndex].dataset.vl_key;
  223. var video_list = {:json_encode($video_list)};
  224. $.each(video_list[vl_key]['video_arr'],function (ck,cv) {
  225. cl_html +='<option value="'+cv.id+'">'+cv.title+'</option>';
  226. })
  227. $("select[name='video_item']").html(cl_html);
  228. }
  229. window.form.render();
  230. });
  231. // 关联资料监听
  232. form.on('select(datum_id)', function(data){
  233. var cl_html = '<option value="0">请选择</option>';
  234. if(data.value == 0) {
  235. $("select[name='datum_item']").html(cl_html);
  236. }else{
  237. var dl_key = data.elem[data.elem.selectedIndex].dataset.dl_key;
  238. var datum_list = {:json_encode($datum_list)};
  239. $.each(datum_list[dl_key]['url_arr'],function (ck,cv) {
  240. cl_html +='<option value="'+cv.id+'">'+cv.title+'</option>';
  241. })
  242. $("select[name='datum_item']").html(cl_html);
  243. }
  244. window.form.render();
  245. });
  246. </script>
  247. {/block}