bjquanjiang
/
DigitalScholl


			
							@{
    ViewBag.Title = "Form";
    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" />
    <style>
        .enablebtn {
            pointer-events: none;
            background: #a19d95;
        }
    </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>
                            <div class="chickInputBox chickInputBoxs">
                                <select id="MajorOne" name="MajorOne" lay-verify="required">
                                    <option value="">请选择</option>
                                </select>
                            </div>
                        </div>
                        <div class="chickInput">
                            <span class="chickInputLable"><span>*</span> 第二意向 </span>
                            <div class="chickInputBox chickInputBoxs">
                                <select id="MajorTwo" name="MajorTwo" lay-verify="required">
                                    <option value="">请选择</option>
                                </select>
                            </div>
                        </div>
                        <div class="chickInput">
                            <span class="chickInputLable"><span>*</span> 第三意向 </span>
                            <div class="chickInputBox chickInputBoxs">
                                <select id="MajorThree" name="MajorThree" lay-verify="required">
                                    <option value="">请选择</option>
                                </select>
                            </div>
                        </div>
                        <div class="chickInput">
                            <span class="chickInputLable"><span>*</span> 服从安排</span>
                            <div class="chickInputBox chickInputBoxs">
                                <select id="IsPlan" name="IsPlan" lay-verify="required">
                                    <option value="">请选择</option>
                                    <option value="true">是</option>
                                    <option value="false">否</option>
                                </select>
                            </div>
                        </div>

                        <div class="chickInput">
                            <span class="chickInputLable"> 备注</span>
                            <input type="text" id="Demo" name="Demo" class="layui-input">
                        </div>
                    </div>
                    <!--  / chickForm_sec1  -->
                    <div class="chickBtn enablebtn" id="btnsave" lay-submit lay-filter="save">保存</div>
                    <div class="chickBtn enablebtn" id="btnsaveAndSubmit" lay-submit lay-filter="saveAndSubmit">保存并提交</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>
    @Html.AppendJsFile("/Areas/EducationalAdministration/Views/StuVolunteerPhone/server.js")
    <script>
        var keyValue = request('keyValue');
        var EnrollStatus = null;
        //var today = formatDateTimesM();
        layui.use(['form', 'laydate', 'upload'], function () {
            var form = layui.form;
            //保存
            form.on('submit(save)', function (data) {
                var strEntity = data.field;
                if (EnrollStatus == 1) {
                    return alert('您已报名！');
                }
                if (strEntity.MajorOne === strEntity.MajorTwo ||
                    strEntity.MajorOne === strEntity.MajorThree ||
                    strEntity.MajorTwo === strEntity.MajorThree) {
                    return alert('意向不可重复！');
                }
                strEntity.EnrollStatus = 0;

                $.ajax({
                    url: '/EducationalAdministration/StuVolunteerPhone/SubmitForm',
                    data: { keyValue: keyValue, strEntity: JSON.stringify(strEntity) },
                    type: "POST",
                    dataType: "json",
                    async: true,
                    cache: false,
                    success: function (data) {
                        if (data.code == 200) {
                            alert('保存成功！');
                            location.href = '/EducationalAdministration/StuVolunteerPhone/Search';
                        } else {
                            return alert(data.data);
                        }
                    },
                    error: function (XMLHttpRequest, textStatus, errorThrown) {
                    },
                    beforeSend: function () {
                    },
                    complete: function () {
                    }
                });

                return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。

            });

            //保存并提交
            form.on('submit(saveAndSubmit)', function (data) {
                var strEntity = data.field;
                if (EnrollStatus == 1) {
                    return alert('您已报名！');
                }
                if (strEntity.MajorOne === strEntity.MajorTwo ||
                    strEntity.MajorOne === strEntity.MajorThree ||
                    strEntity.MajorTwo === strEntity.MajorThree) {
                    return alert('意向不可重复！');
                }

                strEntity.EnrollStatus = 1;
                $.ajax({
                    url: '/EducationalAdministration/StuVolunteerPhone/SubmitForm',
                    data: { keyValue: keyValue, strEntity: JSON.stringify(strEntity) },
                    type: "POST",
                    dataType: "json",
                    async: true,
                    cache: false,
                    success: function (data) {
                        if (data.code == 200) {
                            alert('提交成功！');
                            location.href = '/EducationalAdministration/StuVolunteerPhone/Search';
                        } else {
                            return alert(data.data);
                        }
                    },
                    error: function (XMLHttpRequest, textStatus, errorThrown) {
                    },
                    beforeSend: function () {
                    },
                    complete: function () {
                    }
                });

                return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。

            });

            var upload = layui.upload;
        });
        $(window).load(function () {

            //绑定专业
            $.ajax({
                url: "/EducationalAdministration/EmpInfoEnternal/GetMap?code=" + "CdMajorInfo",
                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>'
                        })
                    $("#MajorOne").html(str);
                },
            });
            $.ajax({
                url: "/EducationalAdministration/EmpInfoEnternal/GetMap?code=" + "CdMajorInfo",
                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>'
                        })
                    $("#MajorTwo").html(str);
                },
            });
            $.ajax({
                url: "/EducationalAdministration/EmpInfoEnternal/GetMap?code=" + "CdMajorInfo",
                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>'
                        })
                    $("#MajorThree").html(str);
                },
            });

            //获取数据
            $.ajax({
                url: '/EducationalAdministration/StuVolunteerPhone/GetFormData?keyValue=' + keyValue,
                //data: { CardNo: CardNo },
                type: "GET",
                dataType: "json",
                async: false,
                cache: false,
                success: function (data) {
                    if (data.code == 200) {
                        var data = data.data.StuVolunteer;
                        //报名状态
                        EnrollStatus = data.EnrollStatus;

                        $('#MajorOne').val(data.MajorOne);
                        $('#MajorTwo').val(data.MajorTwo);
                        $('#MajorThree').val(data.MajorThree);
                        $('#Demo').val(data.Demo);
                        if (data.IsPlan == true) {
                            $('#IsPlan').val('true');
                        } else if (data.IsPlan == false) {
                            $('#IsPlan').val('false');
                        }

                        if (data.EnrollStatus == 1) {
                            //已提交所选专业 的学生，不可重复提交
                            $('#btnsave').addClass('enablebtn');
                            $('#btnsaveAndSubmit').addClass('enablebtn');
                        } else {
                            $('#btnsave').removeClass('enablebtn');
                            $('#btnsaveAndSubmit').removeClass('enablebtn');
                        }

                    } else {
                        alert(data.info);
                    }
                },
                error: function (XMLHttpRequest, textStatus, errorThrown) {
                },
                beforeSend: function () {
                },
                complete: function () {
                }
            });

            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>