gaoyixia/application/operate/view/supplier_goods/form.html

{extend name='admin@main'}

{block name="content"}

{include file='mall@store_goods/form_style'}
<style>
    .layui-form-radio{
        margin: 0 !important;
        padding-right:0 !important;
    }
    .layui-form-select{
        margin-right: 10px !important;
    }
    .layui-col-xs9{
        width: 90%;
    }
</style>
<form onsubmit="return false;" id="GoodsForm" data-auto="true" method="post" class='layui-form layui-card' autocomplete="off">

    <div class="layui-card-body think-box-shadow padding-left-40">
        <div class="layui-tab">
            <ul class="layui-tab-title">
                <li class="layui-this">商品设置</li>
            </ul>
            <div class="layui-tab-content">
                <!--基础设置-->
                <div class="layui-tab-item layui-show">
                    <!--基础设置start-->
                    <div class="layui-form-item layui-row layui-col-space15">
                        <label class="layui-col-xs9 relative">
                            <span class="color-green">名称</span>
                            <input name="name" required class="layui-input" placeholder="请输入商品名称" value="{$vo.name|default=''}">
                        </label>
                    </div>

                    <div class="layui-form-item layui-row layui-col-space15">
                        <label class="layui-col-xs9 relative">
                            <span class="color-green">标签</span><span class="margin-left-10 color-gray">多个半角逗号(,)隔开</span>
                            <textarea placeholder="请输入标签" class="layui-textarea" name="label">{$vo.label|default=''}</textarea>
                        </label>
                    </div>


                    <div class="layui-form-item layui-row layui-col-space15">
                        <label class="layui-col-xs9 relative">
                            <span class="color-green">关联资料</span>
                        </label>
                        <div class="layui-inline" style="top: -15px;margin-bottom: -25px">
                            <div class="layui-input-inline">
                                <select name="datum_id" lay-filter ="datum_id">
                                    <option value="0">请选择</option>
                                    {foreach $datum_list as $dk=>$dv}
                                    <option  {if isset($vo.datum_id) && $vo.datum_id == $dv['id'] }selected{/if} data-dl_key="{$dk}" value="{$dv['id']}">{$dv['title']}</option>
                                    {/foreach}
                                </select>
                            </div>
                            <div class="layui-input-inline">
                                <select name="datum_item" lay-filter ="datum_item">
                                    <option value="0">请选择</option>
                                    {foreach $datum_list as $vk=>$vv}
                                    {if isset($vo.datum_id) && $vo.datum_id == $vv['id'] }
                                    {foreach $vv['url_arr'] as $cln}
                                    <option {if isset($vo.datum_item) && $vo.datum_item == $cln['id']} selected  {/if} value="{$cln['id']}">{$cln['title']}</option>
                                    {/foreach}
                                    {/if}
                                    {/foreach}
                                </select>
                            </div>
                        </div>
                    </div>


                    <div class="layui-form-item layui-row layui-col-space15">
                        <label class="layui-col-xs9 relative">
                            <span class="color-green">关联视频</span>
                        </label>
                        <div class="layui-inline" style="top: -15px;margin-bottom: -25px">
                            <div class="layui-input-inline">
                                <select name="video_id" lay-filter ="video_id">
                                    <option value="0">请选择</option>
                                    {foreach $video_list as $vk=>$vv}
                                    <option  {if isset($vo.video_id) && $vo.video_id == $vv['id'] }selected{/if} data-vl_key="{$vk}" value="{$vv['id']}">{$vv['title']}</option>
                                    {/foreach}
                                </select>
                            </div>
                            <div class="layui-input-inline">
                                <select name="video_item" lay-filter ="video_item">
                                    <option value="0">请选择</option>
                                    {foreach $video_list as $vk=>$vv}
                                    {if isset($vo.video_id) && $vo.video_id == $vv['id'] }
                                    {foreach $vv['video_arr'] as $cln}
                                    <option {if isset($vo.video_item) && $vo.video_item == $cln['id']} selected  {/if} value="{$cln['id']}">{$cln['title']}</option>
                                    {/foreach}
                                    {/if}
                                    {/foreach}
                                </select>
                            </div>
                        </div>
                    </div>

                    <div class="layui-form-item layui-row layui-col-space15">
                        <label class="layui-col-xs9 relative">
                            <span class="color-green">关联文章</span>
                        </label>
                        <div class="layui-inline" style="top: -15px;margin-bottom: -25px">
                            <div class="layui-input-inline">
                                <select name="article_id" lay-filter ="article_id">
                                    <option value="0">请选择</option>
                                    {foreach $article_list as $vk=>$vv}
                                    <option  {if isset($vo.article_id) && $vo.article_id == $vv['id'] }selected{/if} data-vl_key="{$vk}" value="{$vv['id']}">{$vv['title']}</option>
                                    {/foreach}
                                </select>
                            </div>
                            <div class="layui-input-inline">
                                <select name="article_item" lay-filter ="article_item">
                                    <option value="0">请选择</option>
                                    {foreach $article_list as $vk=>$vv}
                                    {if isset($vo.article_id) && $vo.article_id == $vv['id'] }
                                    {foreach $vv['item_list'] as $cln}
                                    <option {if isset($vo.article_item) && $vo.article_item == $cln['id']} selected  {/if} value="{$cln['id']}">{$cln['title']}</option>
                                    {/foreach}
                                    {/if}
                                    {/foreach}
                                </select>
                            </div>
                        </div>
                    </div>

                    <div class="layui-form-item layui-row layui-col-space15">
                        <label class="layui-col-xs9 relative">
                            <span class="color-green label-required-prev">图片</span>
                            <table class="layui-table">
                                <thead>
                                <tr>
                                    <th class="text-left">展示图片</th>
                                </tr>
                                <tr>
                                    <td width="auto" class="text-left"><input name="cover" type="hidden" value="{$vo.cover|default=''}"></td>
                                </tr>
                                </thead>
                            </table>
                        </label>
                        <script>$('[name="cover"]').uploadMultipleImage()</script>
                    </div>

                    <div class="layui-form-item layui-row layui-col-space15">
                        <label class="layui-col-xs9 relative">
                            <span class="color-green">排序</span>
                            <input name="sort" required class="layui-input" placeholder="请输入排序号" value="{$vo.sort|default='0'}">
                        </label>
                    </div>



                    <div class="layui-form-item text-center">
                        {notempty name='vo.id'}<input type="hidden" name="id" value="{$vo.id}">{/notempty}
                        <input type='hidden' value='{$supplier_id|default="0"}' name='supplier_id'>
                        <button class="layui-btn layui-btn-danger" ng-click="hsitoryBack()" type="button">取消</button>
                        <button class="layui-btn" type="submit">保存</button>
                    </div>

                </div>
            </div>
        </div>
    </div>
</form>
{/block}

{block name='script'}

<script>
    window.form.render();

    layui.use('element', function(){
        var $ = layui.jquery
            ,element = layui.element;
        var active = {
            tabAdd: function(){
                element.tabAdd('demo', {
                    title: '新选项'+ (Math.random()*1000|0)
                    ,content: '内容'+ (Math.random()*1000|0)
                    ,id: new Date().getTime()
                })
            }
            ,tabDelete: function(othis){
                element.tabDelete('demo', '44');
                othis.addClass('layui-btn-disabled');
            }
            ,tabChange: function(){
                element.tabChange('demo', '22');
            }
        };

        $('.site-demo-active').on('click', function(){
            var othis = $(this), type = othis.data('type');
            active[type] ? active[type].call(this, othis) : '';
        });

        //Hash地址的定位
        var layid = location.hash.replace(/^#test=/, '');
        element.tabChange('test', layid);

        element.on('tab(test)', function(elem){
            location.hash = 'test='+ $(this).attr('lay-id');
        });

    });


    // 关联视频监听
    form.on('select(video_id)', function(data){
        var cl_html = '<option value="0">请选择</option>';
        if(data.value == 0) {
            $("select[name='video_item']").html(cl_html);
        }else{
            var vl_key =  data.elem[data.elem.selectedIndex].dataset.vl_key;
            var video_list = {:json_encode($video_list)};
            $.each(video_list[vl_key]['video_arr'],function (ck,cv) {
                cl_html +='<option value="'+cv.id+'">'+cv.title+'</option>';
            })
            $("select[name='video_item']").html(cl_html);
        }
        window.form.render();
    });

    // 关联资料监听
    form.on('select(datum_id)', function(data){
        var cl_html = '<option value="0">请选择</option>';
        if(data.value == 0) {
            $("select[name='datum_item']").html(cl_html);
        }else{
            var dl_key =  data.elem[data.elem.selectedIndex].dataset.dl_key;
            var datum_list = {:json_encode($datum_list)};
            $.each(datum_list[dl_key]['url_arr'],function (ck,cv) {
                cl_html +='<option value="'+cv.id+'">'+cv.title+'</option>';
            })
            $("select[name='datum_item']").html(cl_html);
        }
        window.form.render();
    });

    // 文章监听
    form.on('select(article_id)', function(data){
        var cl_html = '<option value="0">请选择</option>';
        if(data.value == 0) {
            $("select[name='article_item']").html(cl_html);
        }else{
            var vl_key =  data.elem[data.elem.selectedIndex].dataset.vl_key;
            var article_list = {:json_encode($article_list)};
            $.each(article_list[vl_key]['item_list'],function (ck,cv) {
                cl_html +='<option value="'+cv.id+'">'+cv.title+'</option>';
            })
            $("select[name='article_item']").html(cl_html);
        }
        window.form.render();
    });

</script>
{/block}