bjquanjiang
/
DigitalScholl

﻿@{

    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/layui/css/layui.css" rel="stylesheet" />
    @*<link href="~/Content/layui/layui-v2.6.8/layui/css/layui.css" rel="stylesheet" />*@
    <link href="~/Content/css/fromAdd.css" rel="stylesheet" />
    <style>
        #IdCardPtoUpload1 {
            width: 107px;
            height: 107px;
            border: 1px solid #E9E9E9;
            overflow: hidden;
            margin: 0;
            cursor: pointer;
            text-align: center;
        }

            #IdCardPtoUpload1 img {
                width: 100%;
                height: 100%;
            }

            #IdCardPtoUpload1 .layui-upload-img {
                width: 50%;
                height: auto;
                margin-top: 8px;
            }

            #IdCardPtoUpload1 div {
                font-size: 14px;
                color: #DCDBDB;
            }

        #IdCardPtoUpload2 {
            width: 107px;
            height: 107px;
            border: 1px solid #E9E9E9;
            overflow: hidden;
            margin: 0;
            cursor: pointer;
            text-align: center;
        }

            #IdCardPtoUpload2 img {
                width: 100%;
                height: 100%;
            }

            #IdCardPtoUpload2 .layui-upload-img {
                width: 50%;
                height: auto;
                margin-top: 8px;
            }

            #IdCardPtoUpload2 div {
                font-size: 14px;
                color: #DCDBDB;
            }

        #MidAchievementUpload {
            width: 107px;
            height: 107px;
            border: 1px solid #E9E9E9;
            overflow: hidden;
            margin: 0;
            cursor: pointer;
            text-align: center;
        }

            #MidAchievementUpload img {
                width: 100%;
                height: 100%;
            }

            #MidAchievementUpload .layui-upload-img {
                width: 50%;
                height: auto;
                margin-top: 8px;
            }

            #MidAchievementUpload div {
                font-size: 14px;
                color: #DCDBDB;
            }
    </style>
</head>
<body>
    <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="StuName" name="StuName" lay-verify="required" placeholder="请输入姓名" class="layui-input">
                        </div>
                        <div class="chickInput">
                            <span class="chickInputLable"><span>*</span> 性别</span>
                            <div class="chickInputBox chickInputBoxs">
                                <select id="Gender" name="Gender" 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">
                                <select id="Nationals" name="Nationals" lay-verify="">
                                    <option value="">请选择</option>
                                </select>
                            </div>
                        </div>
                        <div class="chickInput">
                            <span class="chickInputLable"><span>*</span> 住址</span>
                            <input type="text" id="HomeAddress" name="HomeAddress" lay-verify="required" placeholder="请输入住址" class="layui-input">
                        </div>
                        <div class="chickInput">
                            <span class="chickInputLable"><span>*</span> 身份证号</span>
                            <input type="text" id="IDCard" name="IDCard" lay-verify="required" placeholder="请输入身份证号" class="layui-input">
                        </div>
                        <div class="chickInput">
                            <span class="chickInputLable"><span>*</span> 手机号</span>
                            <input type="text" id="StuMobile" name="StuMobile" lay-verify="required" placeholder="请输入手机号" class="layui-input">
                        </div>
                        <div class="chickInput">
                            <span class="chickInputLable"><span>*</span> 毕业学校</span>
                            <input type="text" id="FromSchool" name="FromSchool" lay-verify="required" placeholder="请输入毕业学校" class="layui-input">
                        </div>
                        <div id="scoreDiv"></div>
                        <div class="chickInput">
                            <span class="chickInputLable"><span>*</span> 中考总分</span>
                            <input type="number" id="MidTermExam" name="MidTermExam" readonly="readonly" placeholder="请输入中考总分" class="layui-input">
                        </div>
                        <div class="chickInput">
                            <span class="chickInputLable"> 特长</span>
                            <input type="text" id="Specialty" name="Specialty" placeholder="请输入特长" class="layui-input">
                        </div>
                        <div class="chickInput">
                            <span class="chickInputLable"><span>*</span> 地市</span>
                            <div class="chickInputBox chickInputBoxs">
                                <select id="City" name="City" lay-verify="required" lay-filter="City">
                                    <option value="">请选择</option>
                                </select>
                            </div>

                        </div>
                        <div class="chickInput">
                            <span class="chickInputLable"><span>*</span> 县区</span>
                            <div class="chickInputBox chickInputBoxs">
                                <select id="County" name="County" lay-verify="required" lay-filter="County">
                                    <option value="">请选择</option>
                                </select>
                            </div>
                        </div>
                        <div class="chickInput">
                            <span class="chickInputLable"><span>*</span> 专业</span>
                            <div class="chickInputBox chickInputBoxs">
                                <select id="MajorNo" name="MajorNo" lay-verify="required">
                                    <option value="">请选择</option>
                                </select>
                            </div>
                        </div>
                        <div class="chickInput">
                            <span class="chickInputLable">身份证正面照片</span>
                            <div class="chickInputBox">
                                <div class="layui-upload-list UploadFile" id="IdCardPtoUpload1">
                                    <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="IdCardPto1" name="IdCardPto1" class="layui-input">
                        </div>

                        <div class="chickInput">
                            <span class="chickInputLable">身份证反面照片</span>
                            <div class="chickInputBox">
                                <div class="layui-upload-list UploadFile" id="IdCardPtoUpload2">
                                    <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="IdCardPto2" name="IdCardPto2" class="layui-input">
                        </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="MidDiplomaPto" name="MidDiplomaPto" class="layui-input">
                        </div>

                        <div class="chickInput">
                            <span class="chickInputLable">中考成绩截图</span>
                            <div class="chickInputBox">
                                <div class="layui-upload-list UploadFile" id="MidAchievementUpload">
                                    <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="MidAchievementPto" name="MidAchievementPto" class="layui-input">
                        </div>

                        <div class="chickInput">
                            <span class="chickInputLable"> 备注</span>
                            <input type="text" id="Remark" name="Remark" 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.js"></script>
    @*<script src="~/Content/layui/layui-v2.6.8/layui/layui.js"></script>*@
    <script src="~/Content/vue/vue.js"></script>
    <script src="~/PhonePage/server.js"></script>
    <script>
        var today = formatDateTimesM();
        var EmpNo = request('EmpNo'); //'XCMY1002';
        layui.use(['form', 'laydate', 'upload'], function () {
            var form = layui.form;
            //登录按钮点击
            form.on('submit(*)', function (data) {
                if (!$('#IdCardPto1').val() || !$('#IdCardPto2').val()) {
                    alert('请上传身份证照片！');
                    return;
                }
                if (!$('#MidDiplomaPto').val()) {
                    alert('请上传初中毕业证照片！');
                    return;
                }
                if (!$('#MidAchievementPto').val()) {
                    alert('请上传中考成绩截图！');
                    return;
                }
                var strEntity = JSON.stringify(data.field);

                var scoreList = [];

                $.each($("#scoreDiv").find('input'),
                    function (i, item) {
                        var entity = {
                            subjectName: item.name,
                            subjectCode: item.id,
                            score: item.value
                        };
                        scoreList.push(entity);
                    });

                $.ajax({
                    url: '/EducationalAdministration/StuEnrollPhone/SaveForm?keyValue=&EmpNo=' + EmpNo,
                    data: { strEntity: strEntity, scoreList: JSON.stringify(scoreList) },
                    type: "POST",
                    dataType: "json",
                    async: true,
                    cache: false,
                    success: function (data) {
                        if (data.code == 200) {
                            alert('报名成功，请等待考试通知');
                            location.href = '/EducationalAdministration/StuEnrollPhone/Link?EmpNo=' + EmpNo;
                        } else {
                            return alert(data.data);
                        }
                    },
                    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',
                exts: 'jpg|png|gif|',
                multiple: false,
                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 {
                        $("#MidDiplomaPto").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();
                    });
                }
            });

            //身份证正面照片
            var uploadIdCard = upload.render({
                elem: '#IdCardPtoUpload1',
                url: '/EducationalAdministration/EmpInfoEnternal/UploadImg',
                exts: 'jpg|png|gif|',
                multiple: true,
                before: function (obj) {
                    //预读本地文件示例，不支持ie8
                    obj.preview(function (index, file, result) {
                        $('#IdCardPtoUpload1').html('<img src="' + result + '" alt="">') //图片链接（base64）
                    });
                },
                done: function (res) {
                    //如果上传失败
                    if (res.code != 200) {
                        return layer.msg('上传失败');
                    } else {
                        $("#IdCardPto1").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 () {
                        uploadIdCard.upload();
                    });
                }
            });

            //身份证反面照片
            var uploadIdCard = upload.render({
                elem: '#IdCardPtoUpload2',
                url: '/EducationalAdministration/EmpInfoEnternal/UploadImg',
                exts: 'jpg|png|gif|',
                multiple: true,
                before: function (obj) {
                    //预读本地文件示例，不支持ie8
                    obj.preview(function (index, file, result) {
                        $('#IdCardPtoUpload2').html('<img src="' + result + '" alt="">') //图片链接（base64）
                    });
                },
                done: function (res) {
                    //如果上传失败
                    if (res.code != 200) {
                        return layer.msg('上传失败');
                    } else {
                        $("#IdCardPto2").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 () {
                        uploadIdCard.upload();
                    });
                }
            });
            //中考成绩截图
            var uploadMidAchieve = upload.render({
                elem: '#MidAchievementUpload',
                url: '/EducationalAdministration/EmpInfoEnternal/UploadImg',
                before: function (obj) {
                    //预读本地文件示例，不支持ie8
                    obj.preview(function (index, file, result) {
                        $('#MidAchievementUpload').html('<img src="' + result + '" alt="">') //图片链接（base64）
                    });
                },
                done: function (res) {
                    //如果上传失败
                    if (res.code != 200) {
                        return layer.msg('上传失败');
                    } else {
                        $("#MidAchievementPto").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 () {
                        uploadMidAchieve.upload();
                    });
                }
            });

            //监听地市
            form.on('select(City)', function (data) {
                //绑定县区
                $.ajax({
                    url: "/EducationalAdministration/EmpInfoEnternal/GetMap?code=" + "DIC_AREA" + "&where=" + "aparent='" + 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.acode + '">' + item.aname + '</option>';
                            });
                        $("#County").html(str);
                    },
                });

                form.render();
            });
            //监听县区
            //form.on('select(County)', function (data) {
            //2022.7.14  去掉根据地区绑定专业下拉框
            //绑定专业
            //$.ajax({
            //    url: "/EducationalAdministration/EmpInfoEnternal/GetMap?code=" + "CdMajorInfo" + "&where=" + "Area='" + 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.id + '">' + item.majorname + '</option>'
            //            })
            //        $("#MajorNo").html(str);
            //    },
            //});


            //form.render();
            //});
        });
        $(window).load(function () {
            //中考科目
            $.ajax({
                url: "/EducationalAdministration/EmpInfoEnternal/GetDataItemMap?code=" + "MidTermSubject",
                async: false,
                success: function (msg) {
                    var data = $.parseJSON(msg).data;
                    var str = '';
                    $.each(data,
                        function (i, item) {
                            str += '<div class="chickInput">';
                            str += '<span class="chickInputLable"><span>*</span>' + item.F_ItemName + '</span>';
                            str += '<input type="number" id="' + item.F_ItemValue + '" name="' + item.F_ItemName + '" lay-verify="required" placeholder="请输入' + item.F_ItemName + '" class="layui-input">';
                            str += '</div>';
                        });
                    $("#scoreDiv").html(str);
                },
            });

            //当前时间
            var myDate = new Date();
            var tYear = myDate.getFullYear();
            //专业
            $.ajax({
                url: "/EducationalAdministration/EmpInfoEnternal/GetMap?code=" + "CdMajorInfo" + '&where=' + "Year='" + tYear + "'",
                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.majorname + '</option>';
                        });
                    $("#MajorNo").html(str);
                },
            });
            //民族
            $.ajax({
                url: "/EducationalAdministration/EmpInfoEnternal/GetDataItemMap?code=" + "National",
                async: false,
                success: function (msg) {
                    var companys = $.parseJSON(msg).data;
                    var str = '<option value="">请选择</option>';
                    $.each(companys,
                        function (i, item) {
                            str += '<option value="' + item.F_ItemValue + '">' + item.F_ItemName + '</option>'
                        })
                    $("#Nationals").html(str);
                },
            });
            
            //地市
            $.ajax({
                url: "/EducationalAdministration/EmpInfoEnternal/GetMap?code=" + "DIC_CITY" + "&where=" + "cparent='650000'",
                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.ccode + '">' + item.cname + '</option>'
                        })
                    $("#City").html(str);
                },
            });
            //县区
            $.ajax({
                url: "/EducationalAdministration/EmpInfoEnternal/GetMap?code=" + "DIC_AREA",
                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.acode + '">' + item.aname + '</option>';
                        });
                    $("#County").html(str);
                },
            });
            renderForm();

            //计算总分
            $('#scoreDiv').find('input').on('change',
                function () {
                    var scoreSum = 0;
                    $.each($("#scoreDiv").find('input'),
                        function (i, item) {
                            if (!!item.value) {
                                scoreSum += parseFloat(item.value);
                            }
                        });
                    if (scoreSum > 0) {
                        $('#MidTermExam').val(scoreSum.toFixed(2));
                    }

                });
        });


        //重新渲染表单
        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>