<!DOCTYPE html>
<html>
<head>
    <title>访客网络</title>
    <meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<link rel="icon" href="/app/statics/images/favicon.ico" mce_href="favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="/app/statics/css/bootstrap.min.css">
<link rel="stylesheet" href="/app/statics/css/font-awesome.min.css">
<link rel="stylesheet" href="/app/statics/plugins/jqgrid/ui.jqgrid-bootstrap.css">
<link rel="stylesheet" href="/app/statics/plugins/ztree/css/metroStyle/metroStyle.css">
<link rel="stylesheet" href="/app/statics/css/main.css">
<script src="/app/statics/libs/jquery.min.js"></script>
<script src="/app/statics/plugins/layer/layer.js"></script>
<script src="/app/statics/libs/bootstrap.min.js"></script>
<script src="/app/statics/libs/vue.min.js"></script>
<script src="/app/statics/plugins/jqgrid/grid.locale-cn.js"></script>
<script src="/app/statics/plugins/jqgrid/jquery.jqGrid.min.js"></script>
<script src="/app/statics/plugins/ztree/jquery.ztree.all.min.js"></script>
<script src="/app/statics/js/common.js"></script>
<script src="/app/statics/libs/router.js"></script>
<!--时间控件-->
<!--<link rel="stylesheet"-->
<!--      href="/app/statics/plugins/datetimepicker/css/bootstrap-datetimepicker.min.css">-->
<!--<script src="/app/statics/plugins/datetimepicker/js/bootstrap-datetimepicker.min.js"></script>-->
<!--<script src="/app/statics/plugins/datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js"></script>-->
<!--   table表中的数据居中  -->
<style>
    .ui-jqgrid tr.jqgrow td {
        white-space: normal !important;
        vertical-align: middle;
        word-break: break-all;
    }
</style>
<script>
    <!--  获取URL中的参数  -->
    function getURLQuerys() {
        var url = window.location.href;             //获取当前url
        var dz_url = url.split('#')[0];                //获取#/之前的字符串
        var cs = dz_url.split('?')[1];                //获取?之后的参数字符串
        var cs_arr = cs.split('&');                    //参数字符串分割为数组
        var cs = {};
        for (var i = 0; i < cs_arr.length; i++) {         //遍历数组，拿到json对象
            cs[cs_arr[i].split('=')[0].replace(/\"/g, "")] = cs_arr[i].split('=')[1].replace(/\"/g, "");
        }
        return cs;
    }
</script>
<script>
    if ((navigator.userAgent.match(/(iPad|iPhone|iPod|Android|ios)/i))) {
        document.write("<link href='/app/statics/css/phone.css' rel='stylesheet'>");
    }else{
        document.write("<link href='/app/statics/css/pc.css' rel='stylesheet'>");
    }
</script></head>
<style>
    html {
        font-size: 62.5%;
    }

    body {
        font: normal 100% Arial, sans-serif;
        font-size: 16px;
        font-size: 2.3rem;
    }

    .form-group {
        padding-top: 15px;
    }

    .buttom-sm {
        padding-top: 20px;
    }

    @media screen and (min-width: 767px) {
        .imgCss {
            height: 100px !important;
            width: auto !important
        }

        .form-control {
            width: 250px;
            display: inline;
        }

        .body {
            font-size: 20px;
            width: 100%;
            text-align: center;
            padding-top: 2px;
        }
    }

    @media screen and (max-width: 767px) {
        .imgCss {
            height: 60px !important;
            width: auto !important
        }

        .form-control {
            width: 60%;
            display: inline;
        }

        .body {
            font-size: 18px;
            width: 100%;
            text-align: center;
            padding-top: 2px;
        }
    }

    @media screen and (max-width: 350px) {
        .imgCss {
            height: 50px !important;
            width: auto !important
        }

        .form-control {
            width: 60%;
            display: inline;
        }

        .body {
            font-size: 18px;
            width: 100%;
            text-align: center;
            padding-top: 2px;
        }
    }
</style>
<body>
<div id="jnuapp" v-cloak>
    <div style="text-align: center">
        <img class="imgCss" src="/app/statics/images/guest.png"/>
    </div>
    <hr style="border: 1px solid rgb(229 229 229);margin-top: 0px;">
    <div class="body">
        <form>
            <div class="form-group">
                <div class="">
                    <span>网络时长：</span>
                    <select class="form-control" v-model.trim="guestUser.days">
                        <option value="1">1天</option>
                        <option value="2">2天</option>
                        <option value="3">3天</option>
                        <option value="4">4天</option>
                        <option value="5">5天</option>
                        <option value="6">6天</option>
                        <option value="7">7天</option>
                        <option value="8">8天</option>
                        <option value="9">9天</option>
                        <option value="10">10天</option>
                        <option value="30">30天</option>
                    </select>
                </div>
            </div>
            <div class="form-group">
                <div>
                    <span>手机号码：</span>
                    <input type="text" class="form-control" v-model.trim="guestUser.phoneNo"
                           placeholder="手机号码"/>
                </div>
            </div>
            <div class="form-group">
                <div>
                    <span>邮&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;箱：</span>
                    <input type="text" class="form-control" v-model.trim="guestUser.email"
                           placeholder="邮箱"/>
                </div>
            </div>
            <div class="form-group">
                <div>
                    <span>姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名：</span>
                    <input type="text" class="form-control" v-model.trim="guestUser.userName"
                           placeholder="姓名"/>
                </div>
            </div>
            <div class="form-group">
                <div>
                    <span>证件类型：</span>
                    <select class="form-control" v-model.trim="guestUser.idCardType">
                        <option value="1">身份证</option>
                        <option value="2">护照</option>
                    </select>
                </div>
            </div>
            <div class="form-group">
                <div>
                    <span>证&nbsp;&nbsp;件&nbsp;&nbsp;号：</span>
                    <input type="text" class="form-control" v-model.trim="guestUser.idCardNo"
                           placeholder="证件号"/>
                </div>
            </div>
            <div class="form-group">
                <div style="color: red; margin-left: 10px;margin-right: 10px;">
                    访客网络仅供办公区域和公共区域使用，学生宿舍不可使用。
                </div>
            </div>
            <div class="form-group buttom-sm">
                <input type="button" class="btn btn-primary" id="openAgreement" data-loading-text="提交中..."
                       @click="openAgreement" value="提交" style="width: 100px"/>
            </div>
            <br>
            <dev class="form-group">
                <div style="width: 90%;text-align: left;margin:0 auto;">
                    <span>
                    <h3>校园网校园卡服务方式：</h3>
                    1、网址：https://mynet.jnu.edu.cn<br>
                    2、电话：020-85220304 020-85220305<br>
                    3、邮箱：owl@jnu.edu.cn<br>
                    4、微信客服：暨南大学服务号-信息服务-微服务-校园网-在线客服，或微信端直接访问https://mynet.jnu.edu.cn/wxkf<br>
                    5、微信服务号：暨南大学服务号（jinanuniversity）<br>
                    6、企业微信：“暨南大学”-通讯录-员工服务-“校园网校园卡服务”<br>
                        <img src="https://auth4.jnu.edu.cn/netwxkfcode.png" height="240px" width="200px">
                    </span>
                </div>
            </dev>
        </form>
    </div>

    <!--安全协议-->
    <div id="agreement" style="display: none;margin: 0 5%;padding-top: 1%">
        <div class="grid-btn" style="margin-left: 5%;text-align: center">
            <h2 align="left" style="font-size: 20px;font-weight: bold;">
                本人保证本账号遵守以下条例与规定，若违反愿意接受惩罚并承担有关法律责任。
            </h2>
            <h5 align="left" style="font-size: 16px;">
                1.中华人民共和国计算机信息系统安全保护条例。<br><br>
                2.中华人民共和国和计算机信息网络国际联网管理暂行办法。<br><br>
                3.电子出版物管理暂行办法。<br><br>
                4.计算机信息网络国际联网安全保护管理办法。<br><br>
                5.暨南大学校园网管理暂行办法。<br><br>
                6.暨南大学校园网用户入户网安全责任书。<br><br>
                7.严禁私设代理、宽带路由器等网络共享设备。<br><br>
                8.其它相关法律法规。<br>
            </h5>
            <br>
            <br>
            <h2 align="center" style="font-size: 20px;font-weight: bold;">暨南大学校园网的用户入网安全责任书</h2>
            <br>
            <h5 align="left" style="font-size: 16px;">
                凡接入暨南大学校园网，获得校园网服务的用户必须认真阅读并自觉遵守本《安全责任书》中的各项规定。<br><br>
                一、严格遵守《中华人民共和国个人信息保护法》、《中华人民共和国网络安全法》、《中华人民共和国计算机信息网络管理暂行条例》、《互联网信息服务管理办法》等国家法律法规，遵守暨南大学校园网接入、运行和信息安全管理等有关规定和制度。<br><br>
                二、不得利用计算机联网从事危害国家安全、泄漏国家秘密、侵犯国家、社会、集体和公民合法利益的违法犯罪活动;不得制作、复制、查阅和传播各种违反宪法和法律、行政法规的有害信息。<br><br>
                三、不得进行诸如在网络上发布不真实信息、散布计算机病毒、进入未经授权的计算机系统、非法盗用他人所有的IP地址入网等任何干扰其他网络用户、破坏网络服务和损毁网络设备等危害计算机信息网络安全的活动。<br><br>
                四、校园网用户应当用自己的真实身份登记上网,遵守安全保密的各项规定，不得擅自发布或泄露他人姓名、地址、电子邮件地址等个人信息,并对自己在网上发布（包括转载）的信息负责，承担相应责任。校园网资源用户在有按规定享用的权力的同时，也必须承担安全责任的义务。属个人使用的账号，密码应经常改变,因密码泄漏等造成的后果，责任由用户自己承担。<br><br>
                五、遵守中华人民共和国保守国家秘密法等相关法律法规，严禁用户在校园网互联网等公共网络擅自传输国家秘密，如有违反，造成失泄密的，将列入暨南大学校园网黑名单用户，构成犯罪的，须配合相关机关查处追究相关责任人责任。<br><br>
                六、用户有自觉接受国家和学校有关部门依法进行的监督检查并配合采取必要措施的义务。<br><br>
                七、用户接入校园网须向网络与教育技术中心办理入网申请、登记手续,并签署本《安全责任书》，当确定不再使用网络时也须及时向网络与教育技术中心申请注销。<br><br>
                八、为和本部门有合作关系的校外用户申请校园网接入服务的校内用户，应当承担本入网责任书规定的各项安全责任。<br><br>
                九、本责任书自签订之日起生效，有效期限与网络服务期限相一致。
            </h5>
            <br>
            <input type="button" id="agreementAffirm" class="btn btn-primary"
                   data-loading-text="提交中..." @click="add" value="同意" style="width: 100px"/>
        </div>
    </div>
</div>

<script src="/app/statics/js/guestSP.js?_1752830021425"></script>
</body>
</html>

