{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" value="{$detail['staffname']}" id="staffname" lay-verify="required" class="layui-input" placeholder="请输入姓名" {if condition="isset($detail['id'])"} readonly{/if}>
                </div>
            </div>
            <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">
                    {if condition=" $detail['sex'] eq 男"}
                    <input type="radio" class="layui-input" name="sex" value="男" title="男" checked>
                    <input type="radio" class="layui-input" name="sex" value="女" title="女">
                    {else}
                    <input type="radio" class="layui-input" name="sex" value="男" title="男">
                    <input type="radio" class="layui-input" name="sex" value="女" title="女" checked>
                    {/if}
                </div>
            </div>
			
            <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="phone" id="phone" id="phone" value="{$detail['phone']}" maxlength = "11" class="layui-input" lay-verify="required">
                </div>
            </div>
            <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="department_name" id="department_name" value="{$detail['department_name']}" maxlength = "11" class="layui-input" lay-verify="required">
                </div>
            </div>
            <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="position_name" id="position_name" value="{$detail['position_name']}" maxlength = "11" class="layui-input" lay-verify="required">
                </div>
            </div>
            <div class="layui-form-item layui-form-text">
                <label class="layui-form-label">家庭住址</label>
                <div class="layui-input-inline xz_in">
                    <input name="address" id="address" value="{$detail['address']}" maxlength = "11" class="layui-input" >
                </div>
            </div>
        </div>

           <div class="layui-form-item layui-form-text">
               <label class="layui-form-label">入职时间</label>
               <div class="layui-input-inline" style="width: 190px;">
                   <input type="text" name="entry_date" id="entry_date" class="layui-input" placeholder="请选择时间" style="width:190px;" onclick="layui.laydate({elem: this, istime: true, format: 'YYYY-MM-DD'})" value="{$detail['entry_date']}">
               </div>
           </div>
           <div class="layui-form-item layui-form-text">
               <label class="layui-form-label">合同有效期</label>
               <div class="layui-input-inline" style="width: 190px;">
                   <input type="text" name="contract_end_day" id="contract_end_day" class="layui-input" placeholder="请选择时间" style="width:190px;" onclick="layui.laydate({elem: this, istime: true, format: 'YYYY-MM-DD'})" value="{$detail['contract_end_day']}">
               </div>
           </div>


            <div class="layui-form-item layui-form-text">
                <label class="layui-form-label"><font color="#f08080">申请离职</font></label>
                <div class="layui-input-inline" style="width: 190px;">
                    <input type="text" name="apply_leave" id="apply_leave" class="layui-input" placeholder="请选择时间" style="width:190px;" onclick="layui.laydate({elem: this, istime: true, format: 'YYYY-MM-DD'})" value="{$detail['apply_date']}">
                </div>
            </div>
            <div class="layui-form-item layui-form-text">
                <label class="layui-form-label"><font color="#f08080">核准离职</font></label>
                <div class="layui-input-inline" style="width: 190px;">
                    <input type="text" name="check_leave" class="layui-input" id="check_leave" placeholder="请选择时间" style="width:190px;" onclick="layui.laydate({elem: this, istime: true, format: 'YYYY-MM-DD'})" value="{$detail['check_date']}">
                </div>
            </div>

            <div style="width:100%; float:left; clear:both;">
               <div class="layui-form-item">
                   <label class="layui-form-label">离职类型</label>
                   <div class="layui-input-block">

                       <input type="radio" name="leave_type" value="1" title="辞职" {if condition="$detail.leave_type eq 1"}select{/if}>
                       <input type="radio" name="leave_type" value="2" title="辞退" {if condition="$detail.leave_type eq 2"}select{/if}>
                       <input type="radio" name="leave_type" value="3" title="自离" {if condition="$detail.leave_type eq 3"}select{/if}>
                       <input type="radio" name="leave_type" value="4" title="开除" {if condition="$detail.leave_type eq 4"}select{/if}>
                       <input type="radio" name="leave_type" value="5" title="合同到期"  {if condition="$detail.leave_type eq 5"}select{/if}>
                       <input type="radio" name="leave_type" value="6" title="其他" {if condition="$detail.leave_type eq 6"}select{/if}>

                   </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="leave_reason" placeholder="请输入离职原因详述" class="layui-textarea"  value="{$detail['leave_reason']}">{$detail['remarkinfo']}</textarea>
                    </div>
                </div>
                <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="advice" placeholder="请输入离职员工对公司的建议" class="layui-textarea"  value="{$detail['advice']}">{$detail['remarkinfo']}</textarea>
                    </div>
                </div>
                <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="department_advice" placeholder="请输入所属部门意见" class="layui-textarea"  value="{$detail['advice']}">{$detail['remarkinfo']}</textarea>
                    </div>
                </div>
                <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="personnel_advice" placeholder="请输入行政人事部意见" class="layui-textarea"  value="{$detail['advice']}">{$detail['remarkinfo']}</textarea>
                    </div>
                </div>
                <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="manager_advice" placeholder="请输入总经理意见" class="layui-textarea"  value="{$detail['advice']}">{$detail['remarkinfo']}</textarea>
                    </div>
                </div>

            </div>
            <div style="width:100%; float:left; clear:both;">
                <p style="margin-left: 20px;"> 注：1、试用期员工必须提前7天，已转正员工必须提前30天提出离职申请，并在审批后即时提交行政人事部；<br>
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  2、离职当日，请按《员工离职工作交接明细表》进行交接工作；<br>
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 3、此审批表结束后，交由行政人事部保存。
                </p><br>
            </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){

            var telephone=$('#telephone').val();
            var patrn=/^1[3|4|5|6|7|8|9][0-9]{9}$/;
            if(telephone&&!patrn.exec(telephone)){
                layer.alert("手机号输入错误");return false;
            }

            $.ajax({
                type: "POST",
                url: '{:U("editLeave")}',
                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){
            var telephone=$('#telephone').val();
            var patrn=/^1[3|4|5|6|7|8|9][0-9]{9}$/;
            if(telephone&&!patrn.exec(telephone)){
                alert("手机号输入错误");return false;
            }

            $.ajax({
                type: "POST",
                url: '{:U("addLeave")}',
                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>
    layui.use(['layer','form'], function () {
        var layer = layui.layer, form = layui.form;
        $('#staffname').blur(function(){
            var staffname = $('#staffname').val();
            if(staffname){
                $.ajax({
                    type:'post',
                    url: '{:U("get_staff")}',
                    data: "staffname="+staffname,
                    success: function (res) {
                        if (res.code == 1) {
                            var info = res.data;
                            $('#phone').val(info.telephone);
                            $('#department_name').val(info.department_name);
                            $('#position_name').val(info.main_position_name);
                            $('#address').val(info.addressinfo);
                            $('#entry_date').val(info.entry_date);
                            $('#contract_end_day').val(info.contract_endday);
                            $('#check_leave').val(info.leave_date);
                            $("input[name=ban][value='" + info.sex + "']").attr("checked", true);
                            form.render();
                        }else{
                            layer.alert(res.msg)
                        }
                    }
                });
            }
        });
    });


</script>

{/block}