liujiankang
/
iamberry-common-parent
forkato da hexiugang/iamberry-common-parent


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201
							<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <#include "/base/add_base.ftl">
    <link href="${path}/common/lib/jquery.ui/jquery-ui.css" rel="stylesheet" type="text/css" />
    <style>
        .my-title{font-weight: 500;padding-left: 15px;position: relative;}
        .my-title:after{content: '';position: absolute;left: 0;top:12%;width: 3px;height: 80%;background: #32a3d8;}
        .my-input{padding: 5px 10px;width: 60%;}
        .my-input-date{padding: 5px 10px;width: 60%;background: url(${path}/common/images/pts//rili-1.png) 98.5% center no-repeat; background-size:auto 80%;}
        .input-box{margin: 18px 0;}
        .input-dic{float: left;margin:5px 10px 0 0;font-size: 12px;}
        .add-list{list-style-type: none;padding: 10px;background-color: #f5f5f5;width: 60%;float: left;margin: 0;}
        .add-list>li{margin: 10px 0;}
        .my-textarea{padding: 5px 10px;width: 60%;}
        .my-btn-reset{padding: 6px 20px;width: 150px; background-color: #fff;color: #32a3d8;border: 1px solid #32a3d8;cursor:pointer;margin: 10px 10px 0 10px;}
        .my-btn-submit{padding: 6px 20px;width: 150px; background-color: #32a3d8;color: #fff;border: 1px solid #32a3d8;cursor:pointer;margin: 10px 10px 0 10px;}
        .my-select{border: 1px solid rgba(0,0,0,.1);padding:6px 50px 6px 15px;width: 60%; height: 34px;margin: 0 10px; -webkit-appearance:none;appearance:none;background: url(${path}/common/images/pts/select-1.png) right center no-repeat #fff;background-size:auto 100%;}
    </style>
    <title>添加员工- 员工管理 - RST</title>
</head>
<body>
<nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页
    <span class="c-gray en">&gt;</span> 员工管理
    <span class="c-gray en">&gt;</span> 添加员工
    <a class="btn radius r" style="line-height:1.6em;margin-top:3px;background: #58d2ea;color: #fff;" href="javascript:location.replace(location.href);" title="刷新" ><i class="Hui-iconfont">&#xe68f;</i></a>
</nav>
<article class="page-container">
    <form class="form form-horizontal" id="form-admin-addEmployee">
        <div style="padding: 10px;width: 600px;margin: 0 auto;">
            <div class="my-title">员工信息</div>
            <div class="input-box"><span class="input-dic">员工编号</span>&nbsp;&nbsp;<input class="my-input" name="employeeNo" id="employeeNo" type="text" value="" placeholder="请输入员工编号" required   maxlength="10" /> <span style="color: red;" id="employeeNoMsg"></span></div>
            <div class="input-box"><span class="input-dic">员工姓名</span>&nbsp;&nbsp;<input class="my-input" name="employeeName" type="text" value="" placeholder="请输入员工姓名" required   maxlength="20" /> </div>
            <div class="input-box"><span class="input-dic">员工电话</span>&nbsp;&nbsp;<input class="my-input" name="employeeTel" id="employeeTel" type="text" value="" placeholder="请输入员工手机号码" required   maxlength="11" minlength="11" /><span style="color: red;" id="employeeTelMsg"></span> </div>
            <div class="input-box"><span class="input-dic">员工状态</span>&nbsp;&nbsp;
                <input type="radio" id="employeeState1" name="employeeState" value="1" checked/><label for="employeeState1">在职</label>
                <input type="radio" id="employeeState2" name="employeeState" value="0"/><label for="employeeState2">离职</label>
            </div>
            <div class="input-box"><span class="input-dic">清空卡权限</span>
                <input type="radio" id="employeeClearPower1" name="employeeClearPower" value="1" /><label for="employeeClearPower1">具有</label>
                <input type="radio" id="employeeClearPower2" name="employeeClearPower" value="0" checked /><label for="employeeClearPower2">不具有</label>
            </div>

            <div class="input-box"><span class="input-dic">入职日期</span>&nbsp;&nbsp;<input class="my-input-date" type="text" name="employeeEntryDate" id="employeeEntryDate" value="" placeholder="请选择入职日期" onclick="WdatePicker({skin:'whyGreen'})"  readonly="readonly" /> </div>
            <div class="input-box" id="isDeparture"><span class="input-dic">离职日期</span>&nbsp;&nbsp;<input class="my-input-date" type="text" name="employeeDepartureDate" id="employeeDepartureDate" value="" placeholder="请选择离职日期"  onclick="WdatePicker({ dateFmt:'yyyy-MM-dd',minDate:'#F{$dp.$D(\'employeeEntryDate\')||\'%y-%M-%d\'}' })"  readonly="readonly"/> <span style="color: red;" id="employeeDepartureDateMsg"></span></div>
            <div class="input-box"><span class="input-dic">员工岗位</span>&nbsp;&nbsp;<input class="my-input" type="text" name="employeePost" value="" placeholder="请输入员工岗位" required   maxlength="100"/> </div>

            <div style="clear: both;"></div>
            <div class="input-box"><span class="input-dic">员工备注</span>&nbsp;&nbsp;
                <textarea rows="3" cols="20" class="my-textarea" name="employeeDesc" ></textarea>
            </div>
            <div>
                <button type="reset" class="my-btn-reset">重置</button><button type="submit" class="my-btn-submit">确认提交</button>
            </div>
        </div>
    </form>
</article>
<script type="text/javascript" src="${path}/common/lib/My97DatePicker/4.8/WdatePicker.js"></script>
<script type="text/javascript">
    //动态显示隐藏所属菜单
    $(document).on('click', '.menuSubid input[type=radio]', function() {
        isSelectShow($(this).val())
    })

  /*  $(function(){
        $("#form-admin-addEmployee").validate({
            rules:{
                subName:{
                    required:true,
                    minlength:4,
                    maxlength:30
                }
            },
            onkeyup:false,
            focusCleanup:true,
            success:"valid",
            submitHandler:function(form){
                $.post(root_path + "/admin/employee/save_employee", formatJSON(),function(result){
                    if (result.returnCode != 200 || result.returnCode != 200) {
                        layer.msg('录入失败，请重试!',{icon: 5,time:3000});
                    } else {
                        layer.msg('录入成功!!',{icon: 1,time:2000}, function () {
                            // 关闭当前页面，并刷新父级页面
                            window.location.href= '${path}/admin/employee/list_employee';
                        });
                    }
                });
            }
        });
    });*/


    $(function(){
        //var validator = $("#form-admin-addEmployee").validate();
        $("#form-admin-addEmployee").submit(function(){
            ajaxReq();
            return false;
        })

    })

    /* ajax请求*/
    function ajaxReq(){
        var data = formatJSON();
        $.ajax({
            cache: true,
            type: "POST",
            data: data,
            url: "${path}/admin/employee/save_employee",
            async: false,
            success: function(data){
                if (data.returnCode == 200) {
                    window.location.href = '${path}//admin/employee/_employee_list'
                }
            },
            error: function(XmlHttpRequest, textStatus, errorThrown){
            }
        });
    }


    /*实时监听文本框-- 员工编号*/
    document.getElementById("employeeNo").addEventListener("input", function(){
        ptsValiDataEmNo(this.value);
    });
    /*实时监听文本框-- 手机号码*/
    document.getElementById("employeeTel").addEventListener("input", function(){
        ptsValiDataTel(this.value);
    });

    /*验证编号*/
    function ptsValiDataEmNo(thVal) {
        $.ajax({
            cache: true,
            type: "POST",
            data: {
                employeeNo:thVal
            },
            url: "${path}/admin/employee/is_employee",
            async: false,
            success: function(data){
                if (data.returnCode == 200) {
                    $("#employeeNoMsg").html("该员工编号已存在");
                    return false;
                }else{
                    $("#employeeNoMsg").html("");
                    return true;
                }
            },
            error: function(XmlHttpRequest, textStatus, errorThrown){

            }
        });
    }

    /*验证手机号码*/
    function ptsValiDataTel(thVal) {
        if(!(/^1[34578]\d{9}$/.test(thVal))){
            $("#employeeTelMsg").html("手机号码错误");
            return false;
        }else{
            $("#employeeTelMsg").html("");
            return true;
        }
    }

    /*将表单format为JSON*/
    function formatJSON() {
        debugger;
        var serializeObj={};
        $($("#form-admin-addEmployee").serializeArray()).each(function(){
            if (this.value != "" && this.value != null) {
                serializeObj[this.name]=this.value;
            }
        });
        return serializeObj;
    }

    $(function(){
        //隐藏离职日期
        $("#isDeparture").hide();

        //监听离职状态，离职的才有离职时间
        $("[name='employeeState']").change(function(){
            $("[name='employeeDepartureDate']").val("");
            var  departureDate =  $("[name='employeeState']:checked").val();
            if(departureDate == "0"){
                $("#isDeparture").show();
            }else{
                $("#isDeparture").hide();
            }
        })
    })
</script>
</body>
</html>