{extend name="Public/base" /}
{block name="main"}
<style>
.layui-form-radio i {
    margin-right: 8px;
    font-size: 18px;
	line-height:20px;
    color: #c2c2c2;
}
.add-shop-all{
    width: 100%;
    height: auto;
    overflow: hidden;
}
    .add-shop-wrap{
        border: 1px solid #ccc;
        padding: 10px;
    }
</style>
<fieldset class="layui-elem-field">
    <legend>批量设置岗位-「{$shop_name}-{$department_name}」</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 layui-form-text">
                <p><font color="#f08080">一、请选择岗位</font> </p>
            </div>
            <div class="layui-form-item layui-form-text">
                {volist name="position" id="vo"}
                <input type="radio" name="position_code" value="{$vo['position_code']}" title="{$vo['position_name']}" >
                {/volist}
            </div>

            <div class="layui-form-item layui-form-text">
                <p><font color="#f08080">二、请选择要兼职哪些店</font> </p>
            </div>
            {volist name='brandclass' id='vo'}
                <div class="layui-form-item">
                   <p>{$vo['brandclass']}</p>
                </div>

                <div class="layui-form-item">
                    <label style="width: 100px"></label>
                    <div class="layui-input-inline" style="width:700px;" onclick="cateCheck()">
                        {volist name="$vo.shop" id="sh"}
                        <input type="checkbox"  name="shop_code[{$sh['id']}]" value="{$sh['shop_code']}" title="{$sh['shop_name']}" lay-skin="primary" lay-filter="cateCheckbox">
                        {/volist}
                    </div>
                </div>
            {/volist}
            <div class="add-shop-all">


            </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">重置</button>
                    </div>
                </div>
            </form>
        </div>
    </fieldset>
    {/block}
    {block name="myScript"}

    <script>

        layui.use('form', function(){
            var form = layui.form(), layer = layui.layer;
            form.on('checkbox(cateCheckbox)', function(data){
                var shop=data.value;
                if(data.elem.checked){
                    $.ajax({
                        type: "POST",
                        url: '{:U("search_positon")}',
                        data:'shop='+shop,
                        success: function(msg){
                            console.log(msg);
                            if( msg.code == 1 ){
                                var position=msg.data.position;
                                var shop_name=msg.data.shop_name;
                                if(position){
                                    var replace='';
                                    replace +='<div class="layui-form-item add-shop-wrap" id="'+shop+'"> <p>'+shop_name+'</p><div class="layui-input-inline" style="width:700px;">';
                                    for(var i=0;i<position.length;i++){
                                        if(position[i]['department_name']!=null){
                                            replace +='<input type="checkbox"  name="vice_position_code['+position[i]['id']+']" value="'+position[i]['position_code']+'" title="'+position[i]['department_name']+'-'+position[i]['position_name']+'" lay-skin="primary">';
                                        }else{
                                            replace +='<input type="checkbox"  name="vice_position_code['+position[i]['id']+']" value="'+position[i]['position_code']+'" title="'+position[i]['position_name']+'" lay-skin="primary">';
                                        }
                                    }
                                    replace +=' </div></div>';

                                    $(".add-shop-all").append(replace);
                                    form.render();
                                }else{
                                    var replace='';
                                    replace +='<div class="layui-form-item add-shop-wrap" id="'+shop+'"> <p>'+shop_name+'</p><div class="layui-input-inline" style="width:700px;">';
                                    replace +='<p>此店面没有设置岗位</p> </div></div>';

                                    $(".add-shop-all").append(replace);
                                }

                            }else{
                                parent.layer.msg("查询失败，请稍后重试", {
                                    icon: 5,
                                    shade: [0.6, '#393D49'],
                                    time:1500
                                });
                            }
                        }

                    });
                }else{
                    $("#"+shop).remove();
                }
//                console.log(data.elem); //得到checkbox原始DOM对象
//                console.log(data.elem.checked); //是否被选中，true或者false
//                console.log(data.value); //复选框value值，也可以通过data.elem.value得到
//                console.log(data.othis); //得到美化后的DOM对象
            });

            form.on('submit(formDemo)', function(data){

                var position_code=data.field.position_code;
                var shop_code=data.field.shop_code;
                var department_name=data.field.department_name;
                var position_name=data.field.position_name;
                if(!position_code){
                    layer.msg('请选择岗位', {
                        icon: 5,
                        shade: [0.6, '#393D49'],
                        time:1500
                    });
                    return false;
                }


                $.ajax({
                    type: "POST",
                    url: '{:U("doBatch")}',
                    data: data.field,
                    success: function(msg){
                        console.log(msg);
                        if( msg.code == 1 ){
                            layer.alert(msg.msg);
                            //parent.location.reload();
                        }else{
                            parent.layer.msg(msg.msg, {
                                icon: 5,
                                shade: [0.6, '#393D49'],
                                time:1500
                            });
                        }
                    }

                });
                return false;
            });

        });
    </script>

<script>


    layui.use('form', function(){
        var form = layui.form();
        form.on('select(brand)', function(data){
            var brand = data.value;
            $.ajax({
                type: "POST",
                url: '{:U("searchShop")}',
                data: "brand="+brand,
                success: function (msg) {
                    if(msg.code==1){
                        var shop=msg.data['shop'];
                        var department=msg.data['department'];
                        var position=msg.data['position'];
                        var replace = '<select name="shop_name" lay-filter="shop"><option value="0" >--请选择--</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();

                        var replace2 = '<select name="department_id"><option value="0" >--请选择--</option>';
                        for(var j=0;j<department.length;j++){
                            replace2 += '<option value="'+department[j]['id']+'">'+department[j]['department_name']+'</option>';
                        }
                        replace2 +='</select>';
                        $(".department").html(replace2);
                        form.render();

                        var replace3="";
                        for(var a=0;a<position.length;a++){
                            replace3 += '<input type="checkbox" name="position_name['+position[a]['id']+']" value="'+position[a]['id']+'" title="'+position[a]['position_name']+'">';
                        }
                        $(".position").html(replace3);
                        form.render();
                    }
                }
            });
        });


        form.on('select(shop)', function(data){
            var shop_name = data.value;
            $.ajax({
                type: "POST",
                url: '{:U("searchDepartment")}',
                data: "shop="+shop_name,
                success: function (msg) {
                    //console.log(msg);return false;
                    if(msg.code==1){
                        //var detail=msg.data;
                        var department=msg.data['department'];
                        var position=msg.data['position'];
                        var replace1="";
                        if(department.length>0){
                            replace1 += '<select name="department_id"><option value="0" >--请选择--</option>';
                            for(var i=0;i<department.length;i++){
                                replace1 += '<option value="'+department[i]['id']+'">'+department[i]['department_name']+'</option>';
                            }
                            replace1 +='</select>';
                        }else{
                            replace1 +='<select name="department_id"><option value="0" >--请选择--</option></select>'
                        }
                        $(".department").html(replace1);
                        form.render();
                    }
                }
            });
        });
    });

</script>
    {/block}