{extend name="Public/base" /}
{block name="main"}
<style>
.layui-form-label {
    width: 60px;
}
.xz_in{
	width:190px;
}
.layui-form-item {
    margin-bottom: 5px;
    clear:none;
    float: left;
}
.layui-form-text .layui-input-inline {
    width: 190px;
}
.layui-form-radio {
    line-height: 25px;
    margin: 0;
}
.layui-textarea {
    min-height: 60px;
}
.layui-form-checkbox {
    height: 20px;
    line-height: 19px;
    margin: 0;
    margin-right: 10px;
	padding-right: 15px;
}
.layui-input-block {
    margin-left: 90px;
    min-height: 20px;
}
.layui-form-checkbox span {
    padding: 0 5px;
    font-size: 12px;
}
.layui-form-checkbox i {
    font-size:12px;
	width: 17px;
}
.layui-form-radio i {
    margin-right: 8px;
    font-size: 18px;
    color: #c2c2c2;
	line-height: 20px;
}
</style>
<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 style="width:100%; float:left; clear:both;">

            <div class="layui-form-item layui-form-text">
                <label class="layui-form-label"><font color="#f08080">姓名</font></label>
                <div class="layui-input-inline xz_in">
                    <input name="staffname" id="staffname" value="{$detail['staffname']}"  lay-verify="required" class="layui-input" placeholder="请输入姓名" {if condition="isset($detail['id'])"} readonly{/if}>
                </div>
            </div>
        </div>
        <div style="width:100%; float:left; clear:both;">
            <div class="layui-form-item layui-form-text">
                <label class="layui-form-label" >调整前</label>
                <div class="layui-input-inline" style="width: 690px;" id="change_name">
                    <p>(输入调动人姓名后显示)</p>
                </div>
            </div>
        </div>
            <input type="hidden" name="before_brandclass_id" id="before_brandclass_id">
            <input type="hidden" name="before_brandclass" id="before_brandclass">
            <input type="hidden" name="before_shop_code" id="before_shop_code">
            <input type="hidden" name="before_shop_name" id="before_shop_name">
            <input type="hidden" name="before_department_id" id="before_department_id">
            <input type="hidden" name="before_department_name" id="before_department_name">
            <input type="hidden" name="before_position_code" id="before_position_code">
            <input type="hidden" name="before_position_name" id="before_position_name">

        <div style="width:100%; float:left; clear:both;">
            <div class="layui-form-item layui-form-text">
                <label class="layui-form-label" >调整后</label>
            </div>

            {if condition="isset($detail['id'])"}
            <div class="layui-form-item layui-form-text">
                <div class="layui-input-inline xz_in brand" style="width:150px;">
                    <select name="brandclass" lay-filter="brand">
                        <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>
            {else/}
            <div class="layui-form-item layui-form-text">
                <div class="layui-input-inline xz_in brand" style="width:150px;">
                    <select name="brandclass" lay-filter="brand" {if condition="$Think.session.grade_type gt 1 "} disabled {/if}>
                        <option value="0" >--请选择品牌--</option>
                        {volist name="$brand" id="vo"}
                        <option value="{$vo['brandclass']}"  {if condition="$Think.session.brandclass eq $vo['brandclass']"}selected{/if}>{$vo['brandclass']}</option>
                        {/volist}
                    </select>
                </div>
            </div>
            {/if}

            {if condition="isset($detail['id'])"}
            <div class="layui-form-item layui-form-text">
                <div class="layui-input-inline shop xz_in" style="width:150px;" >
                    <select name="shop_name" lay-filter="shop"  {if condition="$Think.session.grade_type gt 2 "} 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">
                <div class="layui-input-inline shop xz_in" style="width:150px;">
                    <select name="shop_name" lay-filter="shop" {if condition="$Think.session.grade_type gt 2 "} disabled {/if}>
                        <option value="0" >--请选择店面--</option>
                        {volist name="shop" id="vo"}
                           <option value="{$vo['shop_name']}" {if condition="$Think.session.shop_name eq $vo['shop_name']"}selected{/if}>{$vo['shop_name']}</option>
                        {/volist}
                    </select>
                </div>
            </div>
               {/if}

               {if condition="isset($detail['id'])"}
               <div class="layui-form-item layui-form-text">
                   <div class="layui-input-inline shop xz_in" style="width:150px;">
                       <select name="department_id" lay-filter="department"  {if condition="$Think.session.department_id gt 3 "} disabled {/if}>
                           <option value="0" >--请选择部门--</option>
                           {volist name="department" id="vo"}
                           {if condition=" $vo.department_name eq $detail.department_name "}
                           <option value="{$vo['id']}" selected>{$vo['department_name']}</option>
                           {else/}
                           <option value="{$vo['id']}">{$vo['department_name']}</option>
                           {/if}
                           {/volist}
                       </select>
                   </div>
               </div>
               {else/}
               <div class="layui-form-item layui-form-text">
                   <div class="layui-input-inline department xz_in" style="width:150px;">

                       <select name="department_id"  lay-filter="department" {if condition="$Think.session.department_id gt 3 "} disabled {/if}>
                           <option value="0">--请选择部门--</option>
                           {volist name="$department" id="vo"}
                           <option value="{$vo['id']}" {if condition="$Think.session.department_id eq $vo['id']"}selected{/if}>{$vo['department_name']}</option>
                           {/volist}
                       </select>
                   </div>
               </div>
               {/if}
            {if condition="isset($detail['id'])"}
            <div class="layui-form-item layui-form-text" >
                <div class="layui-input-inline main_position xz_in" style="width:150px;">
                    <select name="main_position_id" lay-filter="main_position" lay-verify="required" class="main_position">
                        <option value="0" >--请选择主岗位--</option>
                        {volist name="$position" id="vo"}
                        {if condition=" $vo.id eq $detail.main_position_id "}
                        <option value="{$vo['id']}" selected>{$vo['position_name']}</option>
                        {else/}
                        <option value="{$vo['id']}">{$vo['position_name']}</option>
                        {/if}
                        {/volist}
                    </select>
                </div>
            </div>
            {else/}
            <div class="layui-form-item layui-form-text">
                <div class="layui-input-inline main_position xz_in" style="width:150px;">

                    <select name="main_position_id"  lay-filter="main_position" lay-verify="required" class="main_position">
                        <option value="0">--请选择主岗位--</option>
                        {volist name="$position" id="vo"}
                        <option value="{$vo['id']}" >{$vo['position_name']}</option>
                        {/volist}
                    </select>
                </div>
            </div>
            {/if}
        </div>
            <input type="hidden" name="work_type_id" id="work_type_id">
            <div style="width:100%; float:left; clear:both;">
                <div class="layui-form-item layui-form-text work_type_div" style="display: none;">
                    <label class="layui-form-label" >工作类型</label>
                    <div class="layui-input-inline" style="width: 690px;" >
                        <p id="work_type_name"></p>
                    </div>
                </div>
            </div>
            <div style="width:100%; float:left; clear:both;">
                <div class="layui-form-item layui-form-text work_type_level_div" style="display: none;">
                    <label class="layui-form-label" >工作类型等级</label>
                    <div class="layui-input-inline" style="width: 690px;" id="work_type_level">

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




            <div style="width:100%; float:left; clear:both;">
                <div class="layui-form-item layui-form-text" style="width:585px; height:70px;">
                    <label class="layui-form-label">调动原因</label>
                    <div class="layui-input-inline xz_in" style="width:480px; height:60px">
                        <textarea name="reason" placeholder="请输入调动原因详述" class="layui-textarea"  value="{$detail['reason']}">{$detail['reason']}</textarea>
                    </div>
                </div>
            </div>

            <div class="layui-form-item" style="clear:both;">
                <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 type="text/javascript" src="__PUBLIC__/layui/lay/modules/laydate.js"></script>
<script>

    layui.use('form', function(){
        var form = layui.form();
        var layer = layui.layer;
        form.on('submit(formDemo)', function(data){


            $.ajax({
                type: "POST",
                url: '{:U("editChange")}',
                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 form = layui.form();
        form.on('submit(formDemo)', function(data){

            $.ajax({
                type: "POST",
                url: '{:U("addChange")}',
                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>
{/if}
<script>

    var name,detail, array = [], objname = {};
    layui.use('form', function(){
        var form = layui.form();
        var layer = layui.layer;
        $('#staffname').blur(function(){
            var staffname = $('#staffname').val();
            if(!staffname){
                layer.alert('请输入员工姓名');
                return false;
            }
            $.ajax({
                type: "POST",
                url: '{:U("get_staff")}',
                data: "staffname="+staffname,
                success: function (res) {
                    if(res.code==1){
                        var info=res.data;
                        $('#before_brandclass_id').val(info.brandclass_id);
                        $('#before_brandclass').val(info.brandclass);
                        $('#before_shop_code').val(info.shop_code);
                        $('#before_shop_name').val(info.shop_name);
                        $('#before_department_id').val(info.department_id);
                        $('#before_department_name').val(info.department_name);
                        $('#before_position_code').val(info.main_position_code);
                        $('#before_position_name').val(info.main_position_name);

                        var brandclass,shop_name,department_name;
                        if(info['brandclass']&&info['brandclass']!=0){
                            brandclass = info['brandclass'];
                        }else{
                            brandclass = '';
                        }
                        if(info['shop_name']&&info['shop_name']!=0){
                            shop_name = info['shop_name'];
                        }else{
                            shop_name = '';
                        }
                        if(info['department_name']&&info['department_name']!=0){
                            department_name = info['department_name'];
                        }else{
                            department_name = '';
                        }
                        var str = '<p>'+brandclass+'-'+shop_name+'-'+department_name+'-'+info['main_position_name']+'</p>';

                        $("#change_name").html(str);
                        form.render();

                    }else{
                        layer.alert(res.msg);
                        return false;
                    }
                }
            });
        });


        form.on('select(brand)', function(data){
            var brand = data.value;
            console.log(brand);
            if(brand==0){
                $.ajax({
                    type: "POST",
                    url: '/admin/Personnel/link_search',
                    data: "brandclass="+brand,
                    success: function (msg) {
                        console.log(msg);
                        if(msg.code==1){
                            var department=msg.data['department'];
                            var position=msg.data['position'];
                            var replace = '<select name="shop_name" lay-filter="shop"><option value="0" >--请选择店面--</option></select>';
                            $(".shop").html(replace);
                            form.render();

                            var replace2 = '<select name="department_id" lay-filter="department" id="vice_departments" ><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 = '<select name="main_position_id" lay-filter="main_position" class="main_position"><option value="0" >--请选择主岗位--</option>';
                            for(var q=0;q<position.length;q++){
                                replace3 += '<option value="'+position[q]['id']+'">'+position[q]['position_name']+'</option>';
                            }
                            replace3 +='</select>';
                            $(".main_position").html(replace3);
                            form.render();

                        }
                    }

                });
            }else{
                $.ajax({
                    type: "POST",
                    url: '/admin/Personnel/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" lay-filter="department" id="vice_departments" ><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 = '<select name="main_position_id" lay-filter="main_position" class="main_position"><option value="0" >--请选择主岗位--</option>';
                            for(var q=0;q<position.length;q++){
                                replace3 += '<option value="'+position[q]['id']+'">'+position[q]['position_name']+'</option>';
                            }
                            replace3 +='</select>';
                            $(".main_position").html(replace3);
                            form.render();

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


        form.on('select(shop)', function(data){
            var shop_name = data.value;
            console.log(shop_name);
            if(shop_name==0){
                var brandclass=$(".brand select[name=brandclass] option:selected").val();
                $.ajax({
                    type: "POST",
                    url: '/admin/Personnel/link_search',
                    data: "brandclass="+brandclass+"&shop_name="+shop_name,
                    success: function (msg) {
                        if(msg.code==1){
                            var department=msg.data['department'];
                            var position=msg.data['position'];
                            var replace2 = '<select name="department_id" lay-filter="department" id="vice_departments" ><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 = '<select name="main_position_id" lay-filter="main_position" class="main_position"><option value="0" >--请选择主岗位--</option>';
                            for(var q=0;q<position.length;q++){
                                replace3 += '<option value="'+position[q]['id']+'">'+position[q]['position_name']+'</option>';
                            }
                            replace3 +='</select>';
                            $(".main_position").html(replace3);
                            form.render();

                        }
                    }
                });
            }else{
                $.ajax({
                    type: "POST",
                    url: '/admin/Personnel/searchDepartment',
                    data: "shop="+shop_name,
                    success: function (msg) {
                        //console.log(msg);return false;
                        var replace1="";
                        if(msg.code==1){
                            var department=msg.data['department'];
                            var position=msg.data['position'];
                            replace1 += '<select name="department_id" lay-filter="department" id="vice_departments" ><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>';

                            $(".department").html(replace1);
                            form.render();

                            var replace3 = '<select name="main_position_id" lay-filter="main_position" class="main_position"><option value="0" >--请选择主岗位--</option>';
                            for(var q=0;q<position.length;q++){
                                replace3 += '<option value="'+position[q]['id']+'">'+position[q]['position_name']+'</option>';
                            }
                            replace3 +='</select>';
                            $(".main_position").html(replace3);
                            form.render();
                        }else{
                            replace1 +='<select name="department_id" lay-filter="department" id="vice_departments" ><option value="0" >--请选择--</option></select>';
                            $(".department").html(replace1);
                            form.render();

                            var replace3 = '<select name="main_position_id" lay-filter="main_position" class="main_position"><option value="0" >--请选择主岗位--</option></select>';
                            $(".main_position").html(replace3);
                            form.render();
                        }
                    }
                });
            }
        });


        form.on('select(department)', function(data){
            var department_id = data.value;
            if(department_id>0){
                $.ajax({
                    type: "POST",
                    url: '/admin/Personnel/searchPosition',
                    data: "department_id="+department_id,
                    success: function (msg) {
                        var replace3="";
                        if(msg.code==1){
                            var position=msg.data;

                            replace3 += '<select name="main_position_id" lay-filter="main_position" class="main_position"><option value="0" >--请选择主岗位--</option>';
                            for(var q=0;q<position.length;q++){
                                replace3 += '<option value="'+position[q]['id']+'">'+position[q]['position_name']+'</option>';
                            }
                            replace3 +='</select>';
                            $(".main_position").html(replace3);
                            form.render();
                        }else{
                            replace3 += '<select name="main_position_id" lay-filter="main_position" class="main_position"><option value="0" >--请选择主岗位--</option></select>';
                            $(".main_position").html(replace3);
                            form.render();
                        }
                    }
                });
            }else{
                var brandclass=$(".brand select[name=brandclass] option:selected").val();
                var shop_name=$(".shop select[name=shop_name] option:selected").val();
                $.ajax({
                    type: "POST",
                    url: '/admin/Personnel/link_search',
                    data: "brandclass="+brandclass+"&shop_name="+shop_name+'&department_id='+department_id,
                    success: function (msg) {
                        if(msg.code==1){
                            var position=msg.data['position'];
                            var replace3 = '<select name="main_position_id" lay-filter="main_position" class="main_position"><option value="0" >--请选择主岗位--</option>';
                            for(var q=0;q<position.length;q++){
                                replace3 += '<option value="'+position[q]['id']+'">'+position[q]['position_name']+'</option>';
                            }
                            replace3 +='</select>';
                            $(".main_position").html(replace3);
                            form.render();
                        }
                    }
                });
            }
        });
        form.on('select(main_position)',function(data){
            var position_id = data.value;
            if(position_id>0){
                $.ajax({
                    type:'POST',
                    url:'get_position_info',
                    data:'position_id='+position_id,
                    success:function(res){
                        console.log(res);
                        if(res.code==1){
                            $('#work_type_name').html(res.work_type);
                            $('#work_type_id').val(res.work_type_id);
                            $('.work_type_div').css('display','inline-block');
                            var data = res.data;
                            if(data.length>=1&&data[0]['level_id']){
                                var work_str='';
                                for(var i=0;i<data.length;i++){
                                    work_str +='<input type="radio"  name="work_type_level_id" value="'+data[i]['level_id']+'" title="'+data[i]['level_name']+'" lay-skin="primary">';
                                }
                                $("#work_type_level").html(work_str);
                                $('.work_type_level_div').css('display','inline-block');
                                form.render();
                            }else{
                                $('.work_type_level_div').css('display','none');
                            }
                        }else{
                            layer.alert(res.msg);
                        }
                    }
                })
            }else{
                $('.work_type_div').css('display','none');
                $('.work_type_level_div').css('display','none');
            }
        });




    });

</script>

{/block}