{extend name="Public/base" /}
{block name="main"}
<script type="text/javascript" src="__PUBLIC__/layui/lay/modules/laydate.js"></script>

<fieldset class="layui-elem-field">
    <legend>人事资料设定 - 部门设定</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">
                <label class="layui-form-label">部门名称</label>
                <div class="layui-input-inline" style="width: 490px;">
                    <input name="department_name" value="{$detail['department_name']}"  lay-verify="required" class="layui-input" placeholder="请输入部门名称" {if condition="isset($detail['shop_name'])" }readonly{/if}>
                </div>
            </div>
            <div class="layui-form-item layui-form-text">
                <label class="layui-form-label" >所属集团</label>
                <div class="layui-input-inline" style="width:490px;">
                    <input name="group_company_name" value="{$company['group_company_name']}" readonly class="layui-input">
                </div>
                <div class="layui-form-mid layui-word-aux">所属集团，不允许修改</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: 490px;">

                        <select name="brandclass" lay-filter="brand" {if condition="isset($detail['id'])"}disabled{/if}>
                            <option value="0" >--请选择品牌--</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>
                <div class="layui-form-item layui-form-text">
                    <label class="layui-form-label"></label>
                    <div class="layui-input-inline shop" style="width: 490px;" >
                        <select name="shop_name" lay-filter="shop" {if condition="isset($detail['id'])"}disabled{/if}>
                            <option value="0" >--请选择店面--</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-block">
                        {volist name='brand' id='vo'}
                        <div class="layui-input-inline">
                            <input type="checkbox" name="work_brand[{$vo['id']}]" value="{$vo['id']}" id="work_brand{$vo.id}" title="{$vo['brandclass']}(直属事业部)" lay-skin="primary" />
                        </div>
                        <div class="layui-input-inline" style="width:650px;">
                            {volist name="$vo.shop" id="sh"}
                            <input type="checkbox" name="work_shop[{$vo['id']}][{$sh['id']}]" value="{$sh['shop_code']}"  id="work_{$sh.shop_name}" title="{$sh['shop_name']}" lay-skin="primary" />
                            {/volist}
                        </div>
                        <hr />
                        {/volist}
                    </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("editDepartment")}',
                data: data.field,
                success: function(msg){
                    if( msg.code == 1 ){
                        parent.layer.closeAll();
                    }else{
                        parent.layer.msg(msg.msg, {
                            icon: 5,
                            shade: [0.6, '#393D49'],
                            time:1500
                        });
                    }
                }
            });
            return false;
        });
    });
</script>
{else /}
<script>

    layui.use('form', function(){
        var form = layui.form();
        form.on('submit(formDemo)', function(data){
            // var sessions=$('#sessions').val();
            // alert(sessions);return false;
            $.ajax({
                type: "POST",
                url: '{:U("addDepartment")}',
                data: data.field,
                success: function(msg){
                    if( msg.code == 1 ){
                        parent.location.reload();
                        //parent.layer.closeAll();
                    }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(grade_type)', function(data){
//             var grade_type = data.value;
//             $.ajax({
//                 type: "POST",
//                 url: '{:U("searchGrade")}',
//                 data: "grade_type="+grade_type,
//                 success: function (msg) {
//                     if(msg.code==1){
//                         var data=msg.data;
//                         var replace = '<select name="shop_name" id="shop_name">';
//                         for(var i=0;i<data.length;i++){
//                             replace += '<option value="'+data[i]['id']+'">'+data[i]['name']+'</option>';
//                         }
//                         replace +='</select>';
//                         $("#shop_select").html(replace);
//                         form.render();
//                     }
//                 }
//             });
//         });
//     });
</script>
{/if}
<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();

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