{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="title" required class="layui-input" placeholder="请输入供应商名称" value="{$vo.title|default=''}">
                        </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="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>


                    <div class="layui-form-item layui-row layui-col-space15">
                        <label class="layui-col-xs9 relative">
                            <span class="color-green">办公地点</span>
                            <input name="work_place" required class="layui-input" placeholder="请输入办公地点" value="{$vo.work_place|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><span class="margin-left-10 color-gray">多个半角逗号(,)隔开</span>
                            <textarea placeholder="请输入内容" class="layui-textarea" name="business">{$vo.business|default=''}</textarea>
                        </label>
                    </div>

                    <div class="layui-form-item layui-row layui-col-space15">
                        <label class="layui-col-xs3 relative">
                            <span class="color-green">邮箱</span>
                            <input name="email"  required class="layui-input" placeholder="请输入邮箱" value="{$vo.email|default=''}">
                        </label>
                        <label class="layui-col-xs3 relative">
                            <span class="color-green">电话</span>
                            <input name="phone"  required class="layui-input" placeholder="请输入电话" value="{$vo.phone|default=''}">
                        </label>
                        <label class="layui-col-xs3 relative" >
                            <span class="color-green">成立时间</span>
                            <input name="build_time" id="build_time"  value='{$vo.build_time|default=""}' placeholder="" class="layui-input">
                        </label>
                    </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 layui-row layui-col-space15" style="width: 90%">
                        <span class="color-green label-required-prev">二维码</span>
                        <table class="layui-table">
                            <thead>
                            <tr>
                                <td width="auto" class="text-left"><input name="qr_code" type="hidden" value="{$vo.qr_code|default=''}"></td>
                            </tr>
                            </thead>
                        </table>
                        <script>$('[name="qr_code"]').uploadOneImage()</script>

                    </div>




                    <div class="layui-form-item layui-row layui-col-space15" style="width: 90%">
                        <span class="color-green label-required-prev">LOGO</span>
                        <table class="layui-table">
                            <thead>
                            <tr>
                                <td width="auto" class="text-left"><input name="logo" type="hidden" value="{$vo.logo|default=''}"></td>
                            </tr>
                            </thead>
                        </table>
                        <script>$('[name="logo"]').uploadOneImage()</script>

                    </div>


                    <div class="layui-form-item layui-row layui-col-space15">
                        <label class="layui-col-xs9 relative">
                            <span class="color-green">供应商详情</span>
                            <textarea name="content">{$vo.content|default=""}</textarea>
                        </label>
                    </div>

                    <div class="layui-form-item text-center">
                        {notempty name='vo.id'}<input type="hidden" name="id" value="{$vo.id}">{/notempty}
                        <button class="layui-btn" type="submit">保存</button>
                        <button class="layui-btn layui-btn-danger" type='button' onclick="history.go(-1)" data-close>返回</button>
                    </div>

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

{block name='script'}

<script>
    window.form.render();
    layui.use('form', function () {
        var form = layui.form;
        //日期时间范围
        laydate.render({
            elem: '#build_time'
            ,type: 'date'
        });
    })

    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');
        });

    });
    require(['ckeditor', 'angular'], function () {
        window.createEditor('[name="content"]', {
            height: 500,

        });
    })


    // 添加设置
    $(document).on('click',".add_goods_no",function () {
        var knum = $('.no_html tr').length;
        var no_html = get_ht(knum);
        $(".no_html").append(no_html);
        form.render();
        console.log(a);// 别删这个！！！
    })
    // 删除设置
    $(document).on('click',".del_no",function (){
        var knum = $('.no_html tr').length;
        if(knum == 1) {
            layer.msg('不能全部删除！')
            form.render();
            console.log(a);// 别删这个！！！
        }
        var index= $(".del_no").index(this);
        $(".no_detail").eq(index).remove();
        form.render();
        console.log(a);// 别删这个！！！
    })

    // 分类选择监听
    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>
{/block}