bjquanjiang
/
DigitalScholl

﻿@{
    ViewBag.Title = "FormAdd";
    Layout = null;
}

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="format-detection" content="telephone=no" />
    <link rel="shortcut icon" href="" />
    <title>数字化校园-教师注册</title>
    <meta name="keywords" content="数字化校园-教师注册" />
    <meta name="description" content="数字化校园-教师注册" />
    <link href="~/Content/css/font-awesome.css" rel="stylesheet" />
    <link href="~/Content/css/common.css" rel="stylesheet" />
    <link href="~/Content/layui/css/layui.css" rel="stylesheet" media="all" />
    <link href="~/Content/css/fromAdd.css" rel="stylesheet" />
</head>
<body>

    <div class="header">
        <div class="fromSec">
            <a href="#">数字化智慧校园</a> <span class="headerLine">|</span> <span>教职工信息注册</span>
        </div>
    </div>
    <div class="warpper" id="app">
        <!--  / index_sec5  -->
        <div class="chickForm_sec">
            <div class="fromSec">
                <div class="chickT">注册</div>
                <form class="layui-form" action="">
                    <!--  / chickForm_sec1  -->
                    <div class="chickForm_sec1">
                        <div class="chickInput">
                                <span class="chickInputLable"><span>*</span> 职工编号</span>
                                <input type="text" id="EmpNo" name="EmpNo" lay-verify="required" placeholder="请输入职工编号" class="layui-input">
                            </div>

                        <div class="chickInput">
                            <span class="chickInputLable"><span>*</span> 姓名</span>
                            <input id="EmpName" type="text" name="EmpName" lay-verify="required" placeholder="请输入姓名" class="layui-input">
                        </div>
                        @*<div class="chickInput">
                            <span class="chickInputLable"> 职工编号</span>
                            <input id="EmpNo" type="text" name="EmpNo" placeholder="请输入姓名" class="layui-input">
                        </div>*@

                        <div class="chickInput">
                            <span class="chickInputLable"><span>*</span> 校区</span>
                            <div class="chickInputBox chickInputBoxs">
                                <select id="F_CompanyId" name="F_CompanyId" lay-verify="" lay-filter="F_CompanyId"></select>
                            </div>
                        </div>

                        <div class="chickInput">
                            <span class="chickInputLable"><span>*</span> 部门</span>
                            <div class="chickInputBox chickInputBoxs">
                                <select id="F_DepartmentId" name="F_DepartmentId" lay-verify="">
                                    <option value="">请选择</option>
                                    <option value="96">部门2</option>
                                    <option value="87">部门13</option>
                                </select>
                            </div>
                        </div>

                        <div class="chickInput">
                            <span class="chickInputLable"><span>*</span> 系部</span>
                            <div class="chickInputBox chickInputBoxs">
                                <select id="DeptNo" name="DeptNo" lay-verify="">
                                    <option value="">请选择</option>
                                    <option value="96">系部2</option>
                                    <option value="87">系部13</option>
                                </select>
                            </div>
                        </div>

                        <div class="chickInput">
                            <span class="chickInputLable"><span>*</span> 性别</span>
                            <div class="chickInputBox chickInputBoxs">
                                <select id="GenderNo" name="GenderNo" lay-verify="">
                                    <option value="">请选择</option>
                                    <option value="true">男</option>
                                    <option value="false">女</option>
                                </select>
                            </div>
                        </div>

                        <div class="chickInput">
                            <span class="chickInputLable">头像上传</span>
                            <div class="chickInputBox">
                                <div class="layui-upload-list" id="chickUpload">
                                    <img src="~/Content/images/chick1.png" class="layui-upload-img" />
                                    <div>选择头像</div>
                                </div>
                            </div>
                        </div>
                        <div class="chickInput" hidden>
                            <span class="chickInputLable" hidden><span>*</span> 照片</span>
                            <input type="text" id="Photo" name="Photo" class="layui-input">
                        </div>
                        <div class="chickInput">
                            <span class="chickInputLable"><span>*</span> 出生日期</span>
                            <div class="chickInputBox" id="time">
                                <div class="layui-input-inline">
                                    <input lay-verify="required" id="Birthday" name="Birthday" type="text" class="layui-input" placeholder="请选择时间">
                                    <img src="~/Content/images/calendar.png" />
                                </div>
                            </div>
                        </div>

                        <div class="chickInput">
                            <span class="chickInputLable">民族</span>
                            <div class="chickInputBox">
                                <select id="NationalityNo" name="NationalityNo" lay-verify="">
                                    <option value="">请选择</option>
                                    <option value="96">民族2</option>
                                    <option value="87">民族13</option>
                                </select>
                            </div>
                        </div>

                        <div class="chickInput">
                            <span class="chickInputLable"><span>*</span> 政治面貌</span>
                            <div class="chickInputBox chickInputBoxs">
                                <select id="PartyFaceNo" name="PartyFaceNo" lay-verify="">
                                    <option value="">请选择</option>
                                    <option value="96">政治面貌</option>
                                    <option value="87">政治面貌</option>
                                </select>
                            </div>
                        </div>

                        <div class="chickInput">
                            <span class="chickInputLable">身份证号</span>
                            <input id="IdentityCardNo" type="text" name="IdentityCardNo" placeholder="请输入身份证号" class="layui-input">
                        </div>

                        <div class="chickInput">
                            <span class="chickInputLable">文化程度</span>
                            <div class="chickInputBox">
                                <select id="CultureDegreeNo" name="CultureDegreeNo" lay-verify="">
                                    <option value="">请选择</option>
                                    <option value="96">文化程度2</option>
                                    <option value="87">文化程度13</option>
                                </select>
                            </div>
                        </div>

                        <div class="chickInput">
                            <span class="chickInputLable"><span>*</span> 最高学位</span>
                            <div class="chickInputBox chickInputBoxs">
                                <select id="DegreeNo" name="DegreeNo" lay-verify="">
                                    <option value="">请选择</option>
                                    <option value="96">最高学位</option>
                                    <option value="87">最高学位</option>
                                </select>
                            </div>
                        </div>

                        <div class="chickInput">
                            <span class="chickInputLable">联系电话</span>
                            <input id="mobile" type="text" name="mobile" placeholder="请输入联系电话" class="layui-input">
                        </div>

                        <div class="chickInput">
                            <span class="chickInputLable">电子邮箱</span>
                            <input id="EMail" type="text" name="Email" placeholder="请输入电子邮箱" class="layui-input">
                        </div>
                    </div>
                    <!--  / chickForm_sec1  -->
                    <div class="chickBtn" lay-submit lay-filter="*">提交申请</div>
                </form>
            </div>
        </div>
    </div>
    <img id="fromBg" src="~/Content/images/from1.png" />
    <div class="footer"> Copyright  ©  2019       数字化智慧校园        版权所有</div>
    <script src="~/Content/js/jquery.min.js"></script>
    <script src="~/Content/layui/layui.all.js"></script>
    <script src="~/Content/vue/vue.js"></script>
    <script>
        var today = formatDateTimesM();

        layui.use(['form', 'laydate', 'upload'], function () {
            var form = layui.form;
            //登录按钮点击
            form.on('submit(*)', function (data) {
                $.ajax({
                    url: "/EducationalAdministration/EmpInfoEnternal/SaveForm?keyValue=",
                    data: { strEntity: JSON.stringify(data.field) },
                    type: "POST",
                    dataType: "json",
                    async: true,
                    cache: false,
                    success: function (data) {
                        console.log(data);
                        layer.msg("注册成功");
                        alert("注册成功");
                        //location.reload();
                location.href = "/home/index";
                    },
                    error: function (XMLHttpRequest, textStatus, errorThrown) {
                    },
                    beforeSend: function () {
                    },
                    complete: function () {
                    }
                });
                return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。

            });

            var laydate = layui.laydate;

            //时间选择
            laydate.render({
                elem: '#Birthday',
                min: today.y + '-' + today.m + '-' + today.d
            });

            var upload = layui.upload;

            //上传图片
            var uploadInst = upload.render({
                elem: '#chickUpload',
                url: '/EducationalAdministration/EmpInfoEnternal/UploadImg',
                before: function (obj) {
                    //预读本地文件示例，不支持ie8
                    obj.preview(function (index, file, result) {
                        $('#chickUpload').html('<img src="' + result + '" alt="">') //图片链接（base64）
                    });
                },
                done: function (res) {
                    //如果上传失败
                    if (res.code != 200) {
                        return layer.msg('上传失败');
                    } else {
                        $("#Photo").val(res.data.folderId)
                    }
                    //上传成功
                },
                error: function () {
                    //演示失败状态，并实现重传
                    var demoText = $('#demoText');
                    demoText.html('<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-xs demo-reload">重试</a>');
                    demoText.find('.demo-reload').on('click', function () {
                        uploadInst.upload();
                    });
                }
            });

            //监听校区
            form.on('select(F_CompanyId)', function (data) {
                //绑定部门
                $.ajax({
                    url: "/EducationalAdministration/EmpInfoEnternal/GetMap?code=" + "classdata" + "&where=" + "F_CompanyId='" + data.value + "'",
                    async: false,
                    success: function (msg) {
                        var companys = $.parseJSON(msg).data.data;
                        var str = '<option value="">请选择</option>';
                        $.each(companys, function (i, item) {
                            str += '<option value="' + item.f_departmentid + '">' + item.f_fullname + '</option>'
                        })
                        $("#F_DepartmentId").html(str);
                    },
                });
                form.render();
            });

        });
        $(window).load(function () {
            $('.chickInputBoxs input').attr('lay-verify', 'required');
            $.ajax({
                url: "/EducationalAdministration/EmpInfoEnternal/GetMap?code=" + "company",
                async: false,
                success: function (msg) {
                    var companys = $.parseJSON(msg).data.data;
                    var str = '<option value="">请选择</option>';
                    $.each(companys, function (i, item) {
                        str += '<option value="' + item.f_companyid + '">' + item.f_fullname + '</option>'
                    })
                    $("#F_CompanyId").html(str);
                },
            });

            $.ajax({
                url: "/EducationalAdministration/EmpInfoEnternal/GetMap?code=" + "CdDeptInfo",
                async: false,
                success: function (msg) {
                    var companys = $.parseJSON(msg).data.data;
                    var str = '<option value="">请选择</option>';
                    $.each(companys, function (i, item) {
                        str += '<option value="' + item.deptno + '">' + item.deptname + '</option>'
                    })
                    $("#DeptNo").html(str);
                },
            });

            $.ajax({
                url: "/EducationalAdministration/EmpInfoEnternal/GetMap?code=" + "classdata",
                async: false,
                success: function (msg) {
                    var companys = $.parseJSON(msg).data.data;
                    var str = '<option value="">请选择</option>';
                    $.each(companys, function (i, item) {
                        str += '<option value="' + item.id + '">' + item.name + '</option>'
                    })
                    $("#F_DepartmentId").html(str);
                },

            });

            $.ajax({
                url: "/EducationalAdministration/EmpInfoEnternal/GetDataItemMap?code=" + "National",
                async: false,
                success: function (msg) {
                    var msgObject = $.parseJSON(msg);
                    var str = '<option value="">请选择</option>';
                    $.each(msgObject.data, function (i, item) {
                        str += '<option value="' + item["F_ItemValue"] + '">' + item["F_ItemName"] + '</option>'
                    })
                    $("#NationalityNo").html(str);
                },
            });
            $.ajax({
                url: "/EducationalAdministration/EmpInfoEnternal/GetDataItemMap?code=" + "BCdPartyFace",
                async: false,
                success: function (msg) {
                    var msgObject = $.parseJSON(msg);
                    var str = '<option value="">请选择</option>';
                    $.each(msgObject.data, function (i, item) {
                        str += '<option value="' + item["F_ItemValue"] + '">' + item["F_ItemName"] + '</option>'
                    })
                    $("#PartyFaceNo").html(str);
                },
            });
            $.ajax({
                url: "/EducationalAdministration/EmpInfoEnternal/GetMap?code=" + "BCdCultureDegree",
                async: false,
                success: function (msg) {
                    var companys = $.parseJSON(msg).data.data;
                    var str = '<option value="">请选择</option>';
                    $.each(companys, function (i, item) {
                        str += '<option value="' + item.culturedegreeno + '">' + item.culturedegree + '</option>'
                    })
                    $("#CultureDegreeNo").html(str);
                },
            });
            $.ajax({
                url: "/EducationalAdministration/EmpInfoEnternal/GetDataItemMap?code=" + "BCdDegree",
                async: false,
                success: function (msg) {
                    var msgObject = $.parseJSON(msg);
                    var str = '<option value="">请选择</option>';
                    $.each(msgObject.data, function (i, item) {
                        str += '<option value="' + item["F_ItemValue"] + '">' + item["F_ItemName"] + '</option>'
                    })
                    $("#DegreeNo").html(str);
                },
            });

            renderForm()

        })


        //重新渲染表单
        function renderForm() {
            layui.use('form', function () {
                var form = layui.form//高版本建议把括号去掉，有的低版本，需要加()
                form.render();
            });
        }
        function formatDateTimesM() {
            var date = new Date(1960, 0, 0);
            var y = date.getFullYear();
            var m = date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1;
            var d = date.getDate() < 10 ? '0' + date.getDate() : date.getDate();
            var h = date.getHours() < 10 ? '0' + date.getHours() : date.getHours();
            var min = date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes();

            return {
                y: y,
                m: m,
                d: d,
                h: h,
                min: min
            }
        };
    </script>
</body>
</html>