|
@@ -0,0 +1,147 @@
|
|
|
+
|
|
|
+<div class="think-box-shadow">
|
|
|
+ <form class="layui-form layui-card" action="{:request()->url()}" data-auto="true" method="post" autocomplete="off">
|
|
|
+ <div class="layui-card-body">
|
|
|
+
|
|
|
+ <div class="layui-form-item">
|
|
|
+ <label class="layui-form-label label-required">标题</label>
|
|
|
+ <div class="layui-input-block">
|
|
|
+ <input name="title" maxlength="20" value='{$vo.title|default=""}' placeholder="请输入标题" class="layui-input">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="layui-form-item">
|
|
|
+ <label class="layui-form-label label-required">分类</label>
|
|
|
+ <div class="layui-input-inline">
|
|
|
+ <select name="first_classify" lay-filter ="first_classify">
|
|
|
+ <option value="0">请选择</option>
|
|
|
+ {if !empty($cate_tree)}
|
|
|
+ {foreach $cate_tree as $ck=>$cv}
|
|
|
+ {if isset($vo.first_classify) && $vo.first_classify == $cv['id'] }
|
|
|
+ <option selected data-cl_key="{$ck}" value="{$cv['id']}">{$cv['title']}</option>
|
|
|
+ {else}
|
|
|
+ <option data-cl_key="{$ck}" value="{$cv['id']}">{$cv['title']}</option>
|
|
|
+ {/if}
|
|
|
+ {/foreach}
|
|
|
+ {/if}
|
|
|
+ </select>
|
|
|
+ </div>
|
|
|
+ <div class="layui-input-inline">
|
|
|
+ <select name="second_classify" lay-filter ="second_classify">
|
|
|
+ <option value="0">请选择</option>
|
|
|
+ {if !empty($cate_tree)}
|
|
|
+ {foreach $cate_tree as $ck=>$cv}
|
|
|
+ {if isset($vo.first_classify) && $vo.first_classify == $cv['id'] }
|
|
|
+ {if isset($cv['children'])}
|
|
|
+ {foreach $cv['children'] as $cln}
|
|
|
+ {if isset($vo.second_classify) && $vo.second_classify == $cln['id'] }
|
|
|
+ <option selected value="{$cln['id']}">{$cln['title']}</option>
|
|
|
+ {else}
|
|
|
+ <option value="{$cln['id']}">{$cln['title']}</option>
|
|
|
+ {/if}
|
|
|
+ {/foreach}
|
|
|
+ {/if}
|
|
|
+ {/if}
|
|
|
+ {/foreach}
|
|
|
+ {/if}
|
|
|
+ </select>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="layui-form-item">
|
|
|
+ <label class="layui-form-label label-required">封面</label>
|
|
|
+ <div class="layui-input-block">
|
|
|
+ <input name="cover" type="hidden" value="{$vo.cover|default=''}">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+
|
|
|
+ <div class="layui-form-item video">
|
|
|
+ <label class="layui-form-label label-required">视频</label>
|
|
|
+ <div class="layui-input-block">
|
|
|
+ <input name="video_url" type="hidden" value="{$vo.video_url|default=''}">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="layui-form-item">
|
|
|
+ <label class="layui-form-label label-required">是否置顶</label>
|
|
|
+ <div class="layui-input-inline">
|
|
|
+ <select name="is_top" lay-filter ="is_top">
|
|
|
+ {foreach ['不置顶','置顶'] as $ck=>$cv}
|
|
|
+ {if !empty($vo.is_top) && $vo.is_top == $ck }
|
|
|
+ <option selected data-cl_key="{$ck}" value="{$ck}">{$cv}</option>
|
|
|
+ {else}
|
|
|
+ <option data-cl_key="{$ck}" value="{$ck}">{$cv}</option>
|
|
|
+ {/if}
|
|
|
+ {/foreach}
|
|
|
+ </select>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="layui-form-item">
|
|
|
+ <label class="layui-form-label label-required">排序</label>
|
|
|
+ <div class="layui-input-block">
|
|
|
+ <input type="number" name="sort" value='{$vo.sort|default=""}' placeholder="请输入排序号" class="layui-input">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ {notempty name='vo.id'}<input type='hidden' value='{$vo.id}' name='id'>{/notempty}
|
|
|
+ <div class="layui-form-item text-center">
|
|
|
+ <button class="layui-btn" type='submit'>保 存</button>
|
|
|
+ <button class="layui-btn layui-btn-danger" type='button' data-confirm="确定取消编辑吗?" data-close>取消编辑</button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </form>
|
|
|
+ <script>
|
|
|
+ window.form.render();
|
|
|
+ require(['ckeditor', 'angular'], function () {
|
|
|
+ window.createEditor('[name="detail"]', {height: 500,width:1000});
|
|
|
+ })
|
|
|
+
|
|
|
+ $('[name="cover"]').uploadOneImage();
|
|
|
+ $('[name="video_url"]').uploadOneVideo()
|
|
|
+ // 类型选择监听
|
|
|
+ form.on('select(type)', function(data){
|
|
|
+ if(data.value == 1) {
|
|
|
+ $(".video").hide();
|
|
|
+ $(".detail").show();
|
|
|
+ }else{
|
|
|
+ $(".video").show();
|
|
|
+ $(".detail").hide();
|
|
|
+ }
|
|
|
+ window.form.render();
|
|
|
+ })
|
|
|
+ function check_type() {
|
|
|
+ console.log($("select[name='type']").val());
|
|
|
+ if( $("select[name='type']").val() == 1) {
|
|
|
+ $(".video").hide();
|
|
|
+ $(".detail").show();
|
|
|
+ }else{
|
|
|
+ $(".video").show();
|
|
|
+ $(".detail").hide();
|
|
|
+ }
|
|
|
+ window.form.render();
|
|
|
+ }
|
|
|
+ check_type()
|
|
|
+
|
|
|
+
|
|
|
+ // 分类选择监听
|
|
|
+ form.on('select(first_classify)', function(data){
|
|
|
+ var cl_html = '<option value="0">请选择</option>';
|
|
|
+ if(data.value == 0) {
|
|
|
+ $("select[name='second_classify']").html(cl_html);
|
|
|
+ }else{
|
|
|
+ var cl_key = data.elem[data.elem.selectedIndex].dataset.cl_key;
|
|
|
+ var goods_spec = {:json_encode($cate_tree)};
|
|
|
+ $.each(goods_spec[cl_key]['children'],function (ck,cv) {
|
|
|
+ cl_html +='<option value="'+cv.id+'">'+cv.title+'</option>';
|
|
|
+ })
|
|
|
+ $("select[name='second_classify']").html(cl_html);
|
|
|
+ }
|
|
|
+ window.form.render();
|
|
|
+ })
|
|
|
+
|
|
|
+
|
|
|
+ </script>
|
|
|
+</div>
|