{extend name="Public/base_new" /}

{block name="main"}

<style>
    .layui-upload-list{
        height: auto;
        min-height: 0;
        line-height: 0;
    }
    .layui-upload-img{
        width: auto;
        height: auto;
        max-width: 100px;
        max-height: 100px;
    }

    .layui-btns:hover {

        opacity: .8;
        filter: alpha(opacity=80);
        color: #fff;

    }
    .layui-btns {

        display: inline-block;
        height: 34px;
        line-height: 34px;
        padding: 0 15px;
        background-color: #009688;
        color: #fff;
        white-space: nowrap;
        text-align: center;
        font-size: 14px;
        border: none;
        border-radius: 2px;
        cursor: pointer;
    }
</style>

<fieldset class="layui-elem-field">
    <legend>CRM系统设定 - 新增来源渠道</legend>
    <div class="layui-field-box">
        <form class="layui-form" action="">
            {if condition="isset($detail['id'])"}
            <input type="hidden" name="id" value="{$detail['id']}">
            {/if}
            <div class="layui-form-item">
                <label class="layui-form-label">来源渠道</label>
                <div class="layui-input-block">
                    <input type="text" name="channel_name" required value="{$detail['channel_name']}" lay-verify="required" placeholder="请输入来源渠道" class="layui-input">
                </div>
            </div>
            {if condition="customize('shynk')"}
            <div class="layui-form-item">
                <label class="layui-form-label">来源简码</label>
                <div class="layui-input-block" style="width: 100px;">
                    <input type="text" name="infocode" required value="{$detail['infocode']}" placeholder="请输入简码" class="layui-input">
                </div>
            </div>
            {/if}
            <div class="layui-form-item" id="img-type">
                <label class="layui-form-label">图标</label>
                <div class="layui-input-block">
                    <div class="layui-upload">
                        <button type="button" class="layui-btns" id="test1">上传图片</button>
                        <input type="hidden" name="img" id="img" value="">请上传30*30大小的png图标
                        <div class="layui-upload-list" id="demo1">
                            {if condition="isset($detail['id'])"}
                            <img src="{$detail.img}" class="layui-upload-img">
                            {/if}
                        </div>
                    </div>
                </div>
            </div>

            {if condition="isset($detail['id'])"}
            <div class="layui-form-item layui-form-text">
                <label class="layui-form-label">所属类型</label>
                <div class="layui-input-inline" style="width: 400px;">
                    <select name="channelclass" lay-verify="required">
                        <option value="" >--请选择--</option>
                        {volist name="channel" id="vo"}
                        {if condition=" $vo.channelclass eq $detail.channelclass "}
                        <option value="{$vo['channelclass']}" selected>{$vo['channelclass']}</option>
                        {else/}
                        <option value="{$vo['channelclass']}">{$vo['channelclass']}</option>
                        {/if}
                        {/volist}
                    </select>
                </div>
            </div>
            {else/}
            <div class="layui-form-item layui-form-text">
                <label class="layui-form-label">所属类型</label>
                <div class="layui-input-inline" style="width: 500px;">

                    <select name="channelclass" lay-verify="required">
                        <option value="" >--请选择--</option>
                        {volist name="channel" id="vo"}
                        <option value="{$vo['channelclass']}" >{$vo['channelclass']}</option>
                        {/volist}
                    </select>
                </div>
            </div>
            {/if}
     <!--       {if condition="isset($detail['id'])"}
            <div class="layui-form-item layui-form-text">
                <label class="layui-form-label">所属</label>
                <div class="layui-input-inline" style="width: 500px;">

                    <select name="brandclass" lay-filter="brand">
                        <option value="" >--请选择品牌--</option>
                        {volist name="$brand" id="vo"}
                        {if condition=" $vo.brandclass eq $detail.brandclass "}
                        <option value="{$vo['brandclass']}" selected>{$vo['brandclass']}</option>
                        {else/}
                        <option value="{$vo['brandclass']}">{$vo['brandclass']}</option>
                        {/if}

                        {/volist}
                    </select>
                </div>
            </div>
            {else/}
            <div class="layui-form-item layui-form-text">
                <label class="layui-form-label" >所属</label>
                <div class="layui-input-inline" style="width:500px;">

                    <select name="brandclass" lay-filter="brand">
                        <option value="" >--请选择品牌--</option>
                        {volist name="$brand" id="vo"}
                        <option value="{$vo['brandclass']}" >{$vo['brandclass']}</option>
                        {/volist}
                    </select>
                </div>
            </div>
            {/if}

            {if condition="isset($detail['id'])"}
            <div class="layui-form-item layui-form-text">
                <label class="layui-form-label"></label>
                <div class="layui-input-inline shop" style="width: 500px;" >

                    <select name="shop_name" lay-filter="shop">
                        <option value="" >--请选择店面--</option>
                        {volist name="shop" id="vo"}
                        {if condition=" $vo.shop_name eq $detail.shop_name "}
                        <option value="{$vo['shop_name']}" selected>{$vo['shop_name']}</option>
                        {else/}
                        <option value="{$vo['shop_name']}">{$vo['shop_name']}</option>
                        {/if}
                        {/volist}
                    </select>
                </div>
            </div>
            {else/}
            <div class="layui-form-item layui-form-text">
                <label class="layui-form-label"></label>
                <div class="layui-input-inline shop" style="width: 500px;" >

                    <select name="shop_name" lay-filter="shop">
                        <option value="" >--请选择店面--</option>
                        {volist name="shop" id="vo"}
                        <option value="{$vo['shop_name']}" >{$vo['shop_name']}</option>
                        {/volist}

                    </select>
                </div>
            </div>
            {/if}
            -->
            <div class="layui-form-item">
                <div class="layui-input-block">
                    <button class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button>
                    <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                </div>
            </div>
        </form>
    </div>
</fieldset>
{/block}
{block name="myScript"}
{if condition="isset($detail['id'])"}
<input type="hidden" name="id" value="{$detail['id']}">
<script>
    layui.use('form', function(){
        var form = layui.form;
        form.on('submit(formDemo)', function(data){
            $.ajax({
                type: "POST",
                url: '{:U("editChannelInfo")}',
                data: data.field,
                success: function(msg){
                    if( msg.code == 1 ){
                        parent.location.reload();
                    }else{
                        parent.layer.msg(msg.msg, {
                            icon: 5,
                            shade: [0.6, '#393D49'],
                            time:1500
                        });
                    }
                }
            });
            return false;
        });

    });
</script>
{else /}
<script>
    layui.use('form', function(){
        var $ = layui.jquery, layer = layui.layer;
        var form = layui.form;
        form.on('submit(formDemo)', function(data){
            $.ajax({
                type: "POST",
                url: '{:U("addChannelInfo")}',
                data: data.field,
                success: function(msg){
                    //console.log(msg);return false;
                    if( msg.code == 1 ){
                        parent.location.reload();
                    }else{
                        parent.layer.msg(msg.msg, {
                            icon: 5,
                            shade: [0.6, '#393D49'],
                            time:1500
                        });
                    }
                }
            });
            return false;
        });

    });
</script>
{/if}
<script>


    layui.use(['form', 'upload'], function(){
        var form = layui.form, upload = layui.upload;
        form.on('select(brand)', function(data){
            var brand = data.value;
            $.ajax({
                type: "POST",
                url: '{:U("personnel/brandShop")}',
                data: "brand="+brand,
                success: function (msg) {
                    if(msg.code==1){
                        var shop=msg.data;
                        var replace = '<select name="shop_name" lay-filter="shop"><option value="" >--请选择--</option>';
                        for(var i=0;i<shop.length;i++){
                            replace += '<option value="'+shop[i]['shop_name']+'">'+shop[i]['shop_name']+'</option>';
                        }
                        replace +='</select>';
                        $(".shop").html(replace);
                        form.render();

                    }
                }
            });
        });


        //图片上传
        upload.render({
            elem: '#test1'
            , url: "{:url('Channel/upload')}"
            , done: function (data) {
                if (data.error === 0) {
                    $('#demo1').html('<img src="/public' + data.url + '" class="layui-upload-img">');
                    $('#img').val('/public'+data.url);
                }else{
                    layer.msg(data.message);
                }
            }
        });

    });

</script>
{/block}