{extend name="Public/base" /}
{block name="main"}
<fieldset class="layui-elem-field">
    <legend>人事资料设定 - {:isset($detail['id'])?'编辑':'新增'}职级</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"><span style="color:red">*</span> 职级名称</label>
                <div class="layui-input-block">
                    <input type="text" name="zhiji_name" required value="{:isset($detail['zhiji_name'])?$detail['zhiji_name']:''}" lay-verify="required" placeholder="请输入职级名称" class="layui-input">
                </div>
            </div>

            {if condition="isset($detail['id'])"}
            <div class="layui-form-item superior">
                <label class="layui-form-label"><span style="color:red">*</span> 直属上级</label>
                <div class="layui-input-block"  style="width: 160px;">
                    <select name="fatid" lay-verify="" >
                        <option value="0">--请选择--</option>
                        {volist name="zhiji" id="vo"}
                            {if condition="$vo.id eq $detail.fatid"}
                                <option value="{$vo.id}" selected>{$vo.zhiji_name}</option>
                            {else/}
                                 <option value="{$vo.id}" >{$vo.zhiji_name}</option>
                            {/if}
                        {/volist}
                    </select>
                </div>
            </div>
            {else/}
                <div class="layui-form-item superior">
                    <label class="layui-form-label"><span style="color:red">*</span> 直属上级</label>
                    <div class="layui-input-block"  style="width: 160px;">
                        <select name="fatid" lay-verify="">
                            <option value="0">--请选择--</option>
                            {volist name="zhiji" id="vo"}
                            <option value="{$vo.id}" >{$vo.zhiji_name}</option>
                            {/volist}
                        </select>
                    </div>
                </div>
            {/if}
            <div class="layui-form-item">
                <label class="layui-form-label"><span style="color:red">*</span> 职等</label>
                <div class="layui-input-block">
                    <input type="text" name="grade" required value="{:isset($detail['grade'])?$detail['grade']:''}" lay-verify="required" placeholder="请输入职等" class="layui-input">
                </div>
            </div>
        <!--    <div class="layui-form-item layui-form-text">
                <label class="layui-form-label">所属</label>
                <div class="layui-input-inline" style="width: 400px;">

                    <select name="grade_type"  lay-filter="grade_type">
                        <option value="" >--请选择--</option>
                        <option value="1" {if condition=" $detail['grade_type'] eq 1 "} selected {/if}>集团</option>
                        <option value="2" {if condition=" $detail['grade_type'] eq 2 "} selected {/if}>品牌</option>
                        <option value="3" {if condition=" $detail['grade_type'] eq 3 "} selected {/if}>店面</option>
                        <option value="4" {if condition=" $detail['grade_type'] eq 4 "} selected {/if}>部门</option>

                    </select>
                </div>
            </div>
            <div class="layui-form-item layui-form-text">
                <label class="layui-form-label">所属名称</label>
                <div class="layui-input-inline" id="shop_select"  style="width: 400px;">

                    <select name="shop_name">
                        <option value="" >--请选择--</option>
                        {volist name="shop" id="vo"}
                        <option value="{$vo['brandclass']}" >{$vo['brandclass']}</option>
                        {/volist}
                    </select>
                </div>
            </div>
            -->
            <div class="layui-form-item">
                <div class="layui-input-block">
                    <button class="layui-btn" lay-submit lay-filter="admin-form">立即提交</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'])"}
<script>
    layui.use('form', function(){
        var form = layui.form();
        form.on('submit(admin-form)', function(data){
            var id = data.field.id;
            var fatid = data.field.fatid;
            var zhiji_name = data.field.zhiji_name;
            var grade = data.field.grade;
            var fatname = $(".superior select[name=fatid] option:selected").html();
            $.ajax({
                type: "POST",
                url: '{:U("editZhiji")}',
                data: 'id='+id+'&fatid='+fatid+'&zhiji_name='+zhiji_name+'&grade='+grade+'&fatname='+fatname,
                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(admin-form)', function(data){
            var fatid = data.field.fatid;
            var zhiji_name = data.field.zhiji_name;
            var grade = data.field.grade;
            if(fatid==0){
                var fatname = '';
            }else{
                var fatname = $(".superior select[name=fatid] option:selected").html();
            }

            $.ajax({
                type: "POST",
                url: '{:U("addZhiji")}',
                data: 'fatid='+fatid+'&zhiji_name='+zhiji_name+'&grade='+grade+'&fatname='+fatname,
                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>
<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}
{/block}