{layout name="layout" /}
<style>

	.layui-form-item {
	    /* margin-bottom: 15px; */
	    clear: both;
	    width: auto;
	    margin: 10px 0;
	    float: left;
	}

	.keepsign .layui-input, .layui-textarea {
	    width: 100px;
	}

	#if_con{
		overflow:scroll;
	}
	.cus-con{
		height:1100px;
	}

	.layui_div{
		width:100%;
		box-sizing:border-box;
		float:left;
		clear:both;
		margin-bottom:15px;
	}

	.layui_d1_tit{
		width: 95px;
		float: left;
		font-size: 12px;
		text-align: right;
		padding: 6px 0;
	}

/*设定弹框样式*/


    .meet-detail .layui-tab{
        height: auto;
    }
    .meetSet .layui-tab-title{
        height: 50px;
        line-height: 50px;
        border-bottom: none;
    }
    .meetSet .layui-tab-content{
        padding: 0;
    }
    .meetSet .layui-tab-title li{
        line-height: 50px;
    }
    .meetSet .layui-tab-title .layui-this:after{
        height: 51px;
    }
    .meetSet .meet-con-wrap{
        padding-top: 0;
    }
    .meetSet .meet-top{
        border-bottom: none;
        padding: 20px 0;
        height: auto;
    }

    .meet-detail .meet-left{
        float: none;
        width: 100%;
        border-bottom: 1px solid #e5e5e5;
        overflow: hidden;
        background: #fafafa;
        height: auto;
    }
    .meet-detail .meet-right{
        float: none;
        width: 100%;
        clear: both;
    }
    .meet-detail .meet-ul>li{
        height: auto;
        margin-bottom: 0;
    }
    .meet-detail .pc-block{
        width: 40px;
        height: 40px;
    }

    .meet-detail .pc-white{
        width: 40px;
        height: 40px;
    }

    .meet-detail .pc-ul li{
        width: 50px;
    }
    .meet-detail .room-img img{
        max-width: 40px;
        max-height: 40px;
    }
    .meet-detail .meet-ul{
        position: static;
    }

    .meet-from .layui-form-switch{
        margin-top: 0;
    }
    .meet-from .layui-form-switch i{
        top: 2px;
    }
    .meet-from .layui-form-onswitch i{
        left: 21px;
    }

    .meet-detail .meet-con-wrap{
        padding-bottom: 20px;
        overflow: auto;
    }
    .meet-detail .meet-ul-wrap{
        height: auto;
    }

    .meet-detail .layui-textarea{
        min-height: 66px;
        padding: 2px 10px;
        resize: none;
        font-family: "微软雅黑";
    }

    .meetSet .meet-left{
        width: 100%;
        border-right: none;
        height: auto;
    }
    .meetSet .room-tip{
        margin-bottom: 5px;
    }
    .meetSet .meet-ul>li{
        height: auto;
    }

    .meetSet .meet-con-wrap.layui-form{
        padding-top: 20px;
        overflow: auto;
    }
    .meetSet .meet-from{
        border-top: 1px solid #e5e5e5;
    }
    .meetSet .meet-label-input{
        border: 1px solid #e5e5e5;
        margin: 0 5px;
        font-family: "微软雅黑";
    }
    .meetSet .layui-form-select{
        margin: 0 5px;
    }
    .meetSet .layui-form-select .layui-input{
        border: 1px solid #e5e5e5;
        font-family: "微软雅黑";
    }

    .meet-row-btm .set-btn{
        width: 200px;
    }

    .config-left{
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        flex: 1;
    }
    .config-input{
        display: inline-block;
        width: 60%;
        margin-left: 5px;
        font-size: 14px;
        color: #666;
    }
    .config-input:disabled{
        border: none;
    }
    .config-edit-btn{
        margin: 0 5px;
        color: #41a8b4;
        cursor: pointer;
    }
    .config-form .remind-row{
        padding: 5px 0;
    }
    .config-form .layui-form-checkbox[lay-skin="primary"]{
        margin-top: 10px;
    }
    .config-btm{
        margin: 20px 0;
    }
    .config-btm .layui-input{
        margin-right: 10px;
        margin-left: 0;
    }
					
</style>
    <div class="if_wrap">
        <div id="if_con">
        	<div class="cus-con">
				<div class="set-top">
				{$topmenu}
				</div>
                <form class="layui-form layui-form-pane1"  id="add" enctype="multipart/form-data">
                	<input type="hidden" value="{$detail.id}" name="id"/>
                    <div class="layui-form-item">
                        <span class="layui-btn layui-btn-primary type-set">推荐人拍照类型设定</span>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label" style=" width: 140px">经纪人是否需要申请</label>
                        <div class="layui-input-inline">
                            <input type="checkbox" name="is_apply" lay-skin="switch" lay-text="是|否" {:isset($detail['is_apply']) && $detail['is_apply']==1?'checked':''}>
                        </div>
                    </div>

                    <div class="layui-form-item">
                        <label class="layui-form-label" style=" width: 140px">申请后是否审核</label>
                        <div class="layui-input-inline">
                            <input type="checkbox" name="is_check" lay-skin="switch" lay-text="是|否" {:isset($detail['is_check']) && $detail['is_check']==1?'checked':''}>
                        </div>
                    </div>
                    <!--
					    <div class="layui-form-item">
                            <label class="layui-form-label" style=" width: 140px">是否审核股东码</label>
                            <div class="layui-input-inline">
                                <input type="checkbox" name="is_shareholder" lay-skin="switch" lay-text="是|否" {:isset($detail['is_shareholder']) && $detail['is_shareholder']==1?'checked':''}>
                            </div>
					    </div>
                    -->


                    <div class="layui-form-item">
                        <label class="layui-form-label" style=" width: 140px">推荐成功后赠送</label>
                        <div class="layui-input-inline">
                          <input type="text" name="recommend" value="{$detail.recommend}" class="layui-input"   lay-verify="num" placeholder="请输入积分"  >
                        </div>
                    </div>

                    <div class="layui-form-item">
                        <label class="layui-form-label" style=" width: 140px">推荐人开单付款后奖励</label>
                        <div class="layui-input-inline">
                            <input type="text" name="get_money" value="{$detail.get_money}" class="layui-input"   lay-verify="get_money" placeholder="请输入金额"  >
                        </div>
                        <div class="layui-form-mid layui-word-aux">元</div>
                    </div>

                    <div class="layui-form-item">
                        <label class="layui-form-label" style=" width: 140px">或</label>
                        <div class="layui-input-inline">
                            <input type="text" name="get_score" value="{$detail.get_score}" class="layui-input"   lay-verify="get_score" placeholder="请输入积分"  >
                        </div>
                        <div class="layui-form-mid layui-word-aux">积分</div>
                    </div>

                    <div class="layui-form-item" id="img-type">
                        <label class="layui-form-label" style=" width: 100px">经纪人规则图</label>
                        <div class="layui-input-block">
                            <div class="layui-upload">
                                <button type="button" class="layui-btns" id="test1">上传图片</button>
                                <input type="hidden" name="up1-img" id="up1-img" value="">
                                <div class="layui-upload-list" id="demo1">
                                    <img src="{$detail.jjr_img}" class="layui-upload-img">
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="layui-form-item">
                        <label class="layui-form-label" style=" width: 140px">是否展示经营项目</label>
                        <div class="layui-input-inline">
                            <input type="checkbox" name="is_jyxm" lay-skin="switch" lay-text="是|否" {:isset($detail['is_jyxm']) && $detail['is_jyxm']==1?'checked':''}>
                        </div>
                    </div>

                    <div class="layui-form-item">
                        <label class="layui-form-label" style=" width: 140px">钱包细节设定</label>
                        <div class="layui-input-inline">
                            <textarea placeholder="请输入内容" name="rule_content"  id="editor">{$detail.rule_content}</textarea>
                        </div>
                        <div class="layui-form-mid layui-word-aux"></div>
                    </div>

                    <br>
                    <div class="layui-form-item"></div>

                    <div class="layui-form-item">
                        <label class="layui-form-label" style=" width: 140px;color: #b94a48">接入客资设置</label>
                        <div class="layui-input-inline">

                        </div>
                    </div>



                    <div class="layui-form-item">
                        <label class="layui-form-label" style=" width: 140px">客资接入店</label>
                        <div class="layui-input-inline">
                            <select name="shop_code" id="shop_code" lay-filter="shop_code">
                                <option value="">请选择</option>
                                {volist name="$shopList" id='s'}
                                <option value="{$s.shop_code}" {if condition="$detail.shop_code eq $s.shop_code"}selected{/if}>{$s.shop_name}</option>
                                {/volist}
                            </select>
                        </div>
                    </div>

                    <div class="layui-form-item">
                        <label class="layui-form-label" style=" width: 140px">客资提报人</label>
                        <div class="layui-input-inline">
                            <select name="staff_id" id="staff_id">
                                <option value="">请选择</option>
                                {volist name="$staffList" id='s'}
                                <option value="{$s.id}" {if condition="$detail.staff_id eq $s.id"}selected{/if}>{$s.staffname}</option>
                                {/volist}
                            </select>
                        </div>
                    </div>

                    <div class="layui-form-item">
                        <label class="layui-form-label" style=" width: 140px">客户推荐渠道</label>
                        <div class="layui-input-inline">
                            <select name="channel_id" id="channel_id">
                                <option value="">请选择</option>
                                {volist name="$channel" id='c'}
                                <option value="{$c.id}" {if condition="$detail.channel_id eq $c.id"}selected{/if}>{$c.channel_name}</option>
                                {/volist}
                            </select>
                        </div>
                    </div>

                    <div class="layui-form-item">
                        <label class="layui-form-label" style=" width: 140px">先睹为快渠道</label>
                        <div class="layui-input-inline">
                            <select name="xdwk_channel_id" id="xdwk_channel_id">
                                <option value="">请选择</option>
                                {volist name="$channel" id='c'}
                                <option value="{$c.id}" {if condition="$detail.xdwk_channel_id eq $c.id"}selected{/if}>{$c.channel_name}</option>
                                {/volist}
                            </select>
                        </div>
                    </div>



                    <!--
                        <div class="layui_div ">
                            <div class="layui_d1_tit" style=" width: 157px">成单奖励经纪人</div>
                            <div class="layui-form-item" style="clear:none; margin:0;">
                                <div class="layui-inline" style=" margin-right:0;">
                                    <label class="layui-form-label" style="width:35px;">消费</label>
                                    <div class="layui-input-inline" style="width: 100px;">
                                        <input type="text" class="layui-input" name="cost_money" value="{$detail.cost_money}" lay-verify="num" placeholder="请输入金额"/>
                                    </div>
                                    <div class="layui-form-mid">元，赠送</div>
                                </div>
                                <div class="layui-inline" style=" margin-right:0;" >
                                    <div class="layui-input-inline" style="width: 100px;">
                                        <input type="text" class="layui-input" name="get_money" autocomplete="off" value="{$detail.get_money}"  lay-verify="num" placeholder="请输入金额"/>
                                    </div>
                                    <div class="layui-form-mid">元</div>
                                </div>
                            </div>
                        </div>

                    -->

					<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 back">返回规则列表</button>-->
						</div>
					</div>

				</form>
            </div>
        </div>
    </div>
</div>



<div id="type-set" class="type-wrap" style="display: none;padding: 20px">
    <div class="layui-form config-form">
        <div id="set-type" style="height: 80%;overflow-y: auto;overflow-x:hidden;">
            <!--
            <div class="remind-row flex">
                <div class="config-left">
                    <input type="text" autocomplete="off" disabled class="layui-input config-input" value="宝宝照">
                </div>
                <div class="config-right">
                    <span class="config-edit-btn edit-span">编辑</span>
                    <span class="config-edit-btn delete-span">删除</span>
                </div>
            </div>
            -->
        </div>

        <div class="config-btm flex">
            <input type="text" id="set-type-name" autocomplete="off" class="layui-input config-input">
            <div class="layui-btn" id="set-type-btn">新增</div>
        </div>
    </div>
</div>

<script type="text/javascript" charset="utf-8" src="__PUBLIC__/admin/editor/ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="__PUBLIC__/admin/editor/ueditor.all.min.js"> </script>
<script type="text/javascript" charset="utf-8" src="__PUBLIC__/admin/editor/lang/zh-cn/zh-cn.js"></script>

<script type="text/html" id="createdelbutton">
<div class="layui-btn-group">			         
	<span class="layui-btn layui-btn-sm del">
	<i class="layui-icon"></i>
	</span>
</div>
</script>
<script>
// 实例化编辑器
var ue = UE.getEditor('editor',{
    initialFrameWidth :800,//设置编辑器宽度
    initialFrameHeight:520,//设置编辑器高度
    scaleEnabled:true,//设置不自动调整高度
});
layui.use('laydate', function(){
    var laydate = layui.laydate;

    //同时绑定多个
    lay('.test-item').each(function(){
        laydate.render({
            elem: this
            ,trigger: 'click'
            ,type: 'datetime'
        });
    });
});
layui.use(['form', 'upload'], function(){
    var form = layui.form , upload = layui.upload;

    form.on('select(shop_code)', function(data){
        var shop_code = $('#shop_code option:selected').val();

        $.ajax({
            type: "POST",
            url: "/vip/Recommend/getStaffAndChannel",
            data: {shop_code:shop_code},
            dataType: "json",
            success: function (res) {
                if(res.code == 200){
                    var staff = res.data.staff;
                    $('#staff_id').html("");
                    var opt = '<option value="">请选择</option>';
                    for(var i=0;i<staff.length;i++){
                        opt += '<option value="'+staff[i]['id']+'" >'+staff[i]['staffname']+'</option>';
                    }
                    $('#staff_id').append(opt);


                    var channel = res.data.channel;

                    //客户推荐渠道
                    $('#channel_id').html("");
                    var str = '<option value="">请选择</option>';
                    for(var j=0;j<channel.length;j++){
                        str += '<option value="'+channel[j]['id']+'" >'+channel[j]['channel_name']+'</option>';
                    }
                    $('#channel_id').append(str);

                    //先睹为快渠道
                    $('#xdwk_channel_id').html("");
                    var xdwk_str = '<option value="">请选择</option>';
                    for(var k=0;k<channel.length;k++){
                        str += '<option value="'+channel[j]['id']+'" >'+channel[j]['channel_name']+'</option>';
                    }
                    $('#xdwk_channel_id').append(xdwk_str);

                    form.render();
                }else{
                    layer.alert(res.msg);
                    $('#staff_id').html("");
                    $('#channel_id').html("");
                    form.render();
                }
            }
        })
    });

    var layer = layui.layer;
    //自定义验证规则
    form.verify({
        title: function(value){
            if(value.length < 2){
                return '标题也太短了吧';
            }
        }
        ,num: [/^[0-9]*$/, '请只能输入正确的数据']
    });


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

 
//监听提交
form.on('submit(formDemo)', function(data){
    var param = data.field;
    var shop_name = $('[name=shop_code] option:selected').html();
    var staff_name = $('[name=staff_id] option:selected').html();

    var channel_name = '';
    var xdwk_channel_name = '';


    if(data.field.channel_id){
        channel_name = $('[name=channel_id] option:selected').html();
    }

    if(data.field.xdwk_channel_id){
        xdwk_channel_name = $('[name=xdwk_channel_id] option:selected').html();
    }

    var jjr_img = $("#demo1 img").attr('src');

    param.shop_name = shop_name;
    param.staff_name = staff_name;
    param.channel_name = channel_name;
    param.xdwk_channel_name = xdwk_channel_name;
    param.jjr_img = jjr_img;
    //console.log(param);
    //return false;

    $.ajax({
        type:'post',
        url:"/vip/recommend/editConfig",
        data:param,
        success:function(res){
            if(res.code==1){
            layer.alert('设置成功');

            }else{
                layer.msg('修改失败', {
                    icon: 2
                });
            }
        }
    });

    return false;

});


//弹窗设置类别
$('.type-set').click(function(){
    $('#set-type-name').val('');
    var type_str = '';
        $.ajax({
        type:'post',
        url:"{:url('Recommend/getType')}",
        success:function(res){
            var set_type = res.data;
            if(set_type){
                $.each(set_type,function(k,v){
                    type_str += getSetStr(v.id,v.type_name);
                })
            }
            $('#set-type').html(type_str);
            form.render();
        }
    });

    layer.open({
        title: '类型配置',
        type: 1,
        skin: 'layui-layer-rim',
        area: ['740px', '550px'],
        content: $('#type-set'),
        btn: ['确定']
    });
});

    //获取内容
    function getSetStr(id,name){
        var res_str = '<div class="remind-row flex device-div" data-id="'+ id +'">';
        res_str += '<div class="config-left">';
        res_str += '<input type="text" autocomplete="off" disabled class="layui-input config-input" value="'+ name +'">';
        res_str += '</div>';
        res_str += '<div class="config-right">';
        res_str += '<span class="config-edit-btn edit-span">编辑</span>';
        res_str += '<span class="config-edit-btn delete-span">删除</span>';
        res_str += '</div>';
        res_str += '</div>';
        return res_str;
    }

    //新增类别
    $('#set-type-btn').click(function(){
        var type_name = $('#set-type-name').val();
        $.ajax({
            type:'post',
            url:'{:url("Recommend/addType")}',
            data:{type_name:type_name},
            success:function(res){
                if(res.code == 200){

                    var add_str = getSetStr(res.data,type_name);
                    $('#set-type').append(add_str);
                    $('#set-type-name').val('');
                    form.render();
                }
            }
        })
    });


    //点击编辑设备
    $("body").on("click",".edit-span",function(){
        $(this).parents(".remind-row").find(".config-input").attr("disabled",false).focus();
    });

    //进行编辑类别
    $("body").on("blur",".type-wrap .config-left .config-input",function(){
        var type_id = $(this).parents('.device-div').attr('data-id');
        var type_name = $(this).val();
        $.ajax({
            type:'post',
            url:'{:url("Recommend/addType")}',
            data:{id:type_id,type_name:type_name}
        });
        $(this).attr("disabled",true);
    });

    //删除类别
    $("body").on("click",".type-wrap .delete-span",function(){
        var the_parent = $(this).parents('.device-div');
        var type_id = the_parent.attr('data-id');

        $.ajax({
            type:'post',
            url:'{:url('delType')}',
            data:{id:type_id},
            success:function(res){
                if(res.code == 200){
                    the_parent.remove();
                }
            }
        });
    });



});

// 返回按钮
$(".back").on('click',function(){
	location.href = "{:url('vip/level/index')}";
});




</script>