zk-platform
/
student-web


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710
							<!DOCTYPE html>
<html>

<head>
  <title>广西自学考试网上系统</title>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
 
<!--<link rel="stylesheet" href="https://unpkg.com/element-ui@2.4.11/lib/theme-chalk/index.css">-->
<!--<link rel="stylesheet" href="https://unpkg.com/element-ui@2.4.11/lib/theme-chalk/index.css">-->
<link rel="stylesheet" href="https://lib.baomitu.com/element-ui/2.12.0/theme-chalk/index.css">
  <script src="https://lib.baomitu.com/jquery/1.12.4/jquery.min.js"></script>
  <script src="./vendor/md5/md5.js" type="text/javascript"></script>
  <script src="./js/tool.js"></script>
  <script src="https://lib.baomitu.com/vue/2.5.17/vue.min.js"></script>
  <script src="https://lib.baomitu.com/element-ui/2.4.11/index.js"></script>
  <script>
  function keyDown(){
    if (event.keyCode==13)  //回车键的键值为13
      document.getElementById("loginBtn").click(); //调用登录按钮的登录事件
    }
  </script>
</head>

<body onkeydown="keyDown();">
  
	<div id="particles-js"></div>

  <div id="app">
 
    
    <div class="center" v-show="loaded">
        
      <div class="content">
        

        <el-card class="box-card" style="position: absolute;top: 5%;width: 480px;">
          <div slot="header" class="clearfix" style="text-align: center;">
            <span>考生信息登记表</span>
          </div>
          <el-form ref="loginForm" :model="loginForm" :rules="loginFormRule">
            

            <form class="el-form">
                <div class="el-form-item">
                    <div class="el-form-item__content">
                      <div class="el-input el-input-group el-input-group--prepend">
                        <div class="el-input-group__prepend" style="padding-left: 5px;padding-right: 5px;color: black">
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;姓名
                        </div>
                        <input v-model="loginForm.std_name" readonly
                        type="text" autocomplete="off" placeholder="请填写姓名" class="el-input__inner">
    
                          
                      </div>
                    </div>
                  </div>

                  <div class="el-form-item" v-if="loginForm.ticket_no">
                      <div class="el-form-item__content">
                        <div class="el-input el-input-group el-input-group--prepend">
                          <div class="el-input-group__prepend" style="padding-left: 5px;padding-right: 5px;color: black">
                              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;准考证号
                          </div>
                          <input v-model="loginForm.ticket_no"  readonly
                          type="text" autocomplete="off" class="el-input__inner">
      
                            
                        </div>
                      </div>
                    </div>

              
<!--
              <div class="el-form-item">
                <div class="el-form-item__content">
                  <div class="el-input el-input-group el-input-group--prepend">
                    <div class="el-input-group__prepend" style="padding-left: 5px;padding-right: 5px;color: black">
                      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;校验码
                    </div>
                    <input v-model="validateCode" maxlength="4"
                      type="text" autocomplete="off" placeholder="请填写校验码" class="el-input__inner">
                      <i v-if="validateCode_check==1" class="fa fa-check-circle-o fa-lg" style="font-size: 22px; position: absolute;top: 15px;right: 100px;height: 80%;color:#67C23A"></i>
                      <i v-if="validateCode_check==0" class="fa fa-times-circle-o fa-lg" style="font-size: 22px; position: absolute;top: 15px;right: 100px;height: 80%;color: #F56C6C"></i>
                      <i v-if="validateCode_check=='loading'" class="fa fa-spinner fa-lg" style="font-size: 22px; position: absolute;top: 15px;right: 100px;height: 80%;color: blue"></i>

                      <img :src="validateCodesrc" @click="freshImg" style="cursor:pointer; position: absolute;top: 5px;right: 2px;height: 80%;">
                  </div>
                </div>
                
              </div>
-->
              <div class="el-form-item" style="padding-bottom:0px;margin-bottom:5px;">
                <div class="el-form-item__content">
                  <div class="el-input el-input-group el-input-group--prepend">
                    <div class="el-input-group__prepend" style="padding-bottom:0px;height:42px;color:#409EFF;padding-left: 5px;padding-right: 5px;">
                      现居住通信地址
                    </div>
                   

                    </div>
                </div>
              </div>

              <div class="el-form-item">
                <div class="el-form-item__content">
                  <div class="el-input el-input-group el-input-group--prepend">
                    <div class="el-input-group__prepend" style="padding-left: 5px;padding-right: 5px;color: black">
                      <font style="color:red;">*</font>省（市、自治区）
                    </div>
                    <el-select v-model="loginForm.province" filterable  placeholder="请选择省（市、自治区）" @change="cityChange" style="width:316px;">
                      <el-option v-for="(item) in provinces" :key="item.code_id" :label="item.code_name" :value="item.code_id"></el-option>
                    </el-select>

                    </div>
                </div>
              </div>

              <div class="el-form-item">
                <div class="el-form-item__content">
                  <div class="el-input el-input-group el-input-group--prepend">
                    <div class="el-input-group__prepend" style="padding-left: 5px;padding-right: 5px;color: black">
                      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<font style="color:red;">*</font>市
                    </div>
                    <el-select v-model="loginForm.city" filterable  placeholder="请选择市" @change="countyChange" style="width:316px;">
                      <el-option v-for="(item) in citys" :key="item.code_id" :label="item.code_name" :value="item.code_id"></el-option>
                    </el-select>

                    </div>
                </div>
              </div>

              <div class="el-form-item">
                <div class="el-form-item__content">
                  <div class="el-input el-input-group el-input-group--prepend">
                    <div class="el-input-group__prepend" style="padding-left: 5px;padding-right: 5px;color: black">
                      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<font style="color:red;">*</font>区（县）
                    </div>
                    <el-select v-model="loginForm.county" filterable  placeholder="请选择区（县）" style="width:316px;">
                      <el-option v-for="(item) in countys" :key="item.code_id" :label="item.code_name" :value="item.code_id"></el-option>
                    </el-select>

                    </div>
                </div>
              </div>


              <div class="el-form-item">
                <div class="el-form-item__content">
                  <div class="el-input el-input-group el-input-group--prepend">
                    <div class="el-input-group__prepend" style="padding-left: 5px;padding-right: 5px;color: black">
                      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<font style="color:red;">*</font>通信地址
                    </div>
                    <input v-model="loginForm.std_address" maxlength="128"
                    type="text" autocomplete="off" placeholder="如街道、门牌号、小区、乡镇、村等" class="el-input__inner">

                      
                  </div>
                </div>
              </div>

              <div class="el-form-item">
                <div class="el-form-item__content">
                  <div class="el-input el-input-group el-input-group--prepend">
                    <div class="el-input-group__prepend" style="padding-left: 5px;padding-right: 5px;color: black">
                      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<font style="color:red;">*</font>手机号
                    </div>
                    <input v-model="loginForm.std_mobile" maxlength="32"
                    type="text" autocomplete="off" placeholder="请填写手机号" class="el-input__inner">

                      
                  </div>
                </div>
              </div>
              <div class="el-form-item">
                <div class="el-form-item__content">
                  <div class="el-input el-input-group el-input-group--prepend">
                    <div class="el-input-group__prepend" style="padding-left: 5px;padding-right: 5px;color: black">
                      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<font style="color:red;">*</font>短信验证码
                    </div>
                    <input v-model="loginForm.code" maxlength="6"
                      type="text" autocomplete="off" placeholder="请填写短信验证码" class="el-input__inner">
                      <a style="cursor:pointer; position: absolute;top: 12px;right: 15px;height: 80%;" href="javascript:void(0)" :disabled="secCountDown>0" @click="sendSmsForLoginBindPhone()">{{secCountDownInfo}}</a>

                    </div>
                </div>
              </div>

              <div style="margin-bottom: 5px;">
                <div role="alert" class="el-alert el-alert--error" size="mini" style=" font-size:12px;">
                  <i class="fa fa-info-circle fa-lg"></i>
                  <div class="el-alert__content">
                    温馨提示:<br>
                    1.手机号码和通信地址将作为本次考试联系考生和身份验证的重要方式，一个手机号只可绑定一个账号，考生务必认真填写核对，确保准确无误。
                    <br>
                    2.考生以上信息如有变动或解绑手机号码，请及时登录本系统，点击“绑定手机”进行修改。
                    <i class="el-alert__closebtn  fa fa-window-close fa-lg"></i>
                  </div>
                </div>
              </div>
            </form>
           
            <div v-if="errorInfo" >
              <div style="margin-bottom: 5px;">
                <div role="alert" class="el-alert el-alert--error" size="mini" style=" font-size:10px;">
                  <i class="fa fa-info-circle fa-lg"></i>
                  <div class="el-alert__content">{{errorInfo}}
                    <i class="el-alert__closebtn  fa fa-window-close fa-lg" @click="errorInfo = null"></i>
                  </div>
                </div>
              </div>
            </div>
            <el-form-item>
              
                <el-button type="primary" id="loginBtn" class="btn-long" @click="login('loginForm')">确定</el-button>
                <el-button type="primary" style="margin-left:0px;margin-top:10px;" class="btn-long" @click="logout()">退出</el-button>

                <!--
                <span style="cursor:pointer;color: red; position: absolute;top: 35px;left: 2px;height: 80%;">没有手机号码，请选择密保设置</span>

                <a style="cursor:pointer; position: absolute;top: 35px;right: 2px;height: 80%;" href="javascript:void(0)"  @click="goQuestion()">设置密保问题</a>
-->
              
            </el-form-item>
          </el-form>
        </el-card>

        
      </div>

      
    </div>
  </div>

</body>


<script>
  
  new Vue({
    el: '#app',
    computed: {
        //validateCodesrc: function() {
       //   this.randomnum = Date.parse(new Date());
      //  return basePath + "/std/validateCode.htm?"+this.randomnum;
      //  },
       
    },
    watch: {
      //validateCode: function(newValue, oldValue) {
      //    if(newValue && newValue.length ==4){
      //     this.validateCode_check = "loading";
      //      var this_ = this;
            //请求验证 验证码
      //      ajaxRequest("", '/std/stdRegInfo/checkValidateCode.htm', {validateCode:this.validateCode}, function (resp) {
      //        if (resp.success) {
      //          this_.validateCode_check = 1;
        //      } else {
      //         this_.validateCode_check = 0;
      //        }
     //       })
    //      }
    //    },
    },
    data: function () {
      return {
        showInfo:true,
        randomnum:null,
        validateCode_check:null,
        loaded: false,
        isLogin:false,
        logoPath: "",
        productName: "广西自考报考系统",
        errorInfo: null,
        validateCode: "",
        isMutiAccount:false,
        selection:null,
        accountArrayloading:false,
        secCountDown: 0,
        secCountDownInfo:"发送验证码",

        provinces:[],
        citys:[],
        countys:[],
        year_code:null,

        loginForm: {
          std_mobile: "",
          code: "",
          validateCode:"",
          std_id:"",
          province:"",
          city:"",
          county:"",
          std_address:""
        },
        loginFormRule: {
          std_mobile: [{
            required: true,
            message: "请填写手机号",
            trigger: "blur"
          }],
          code: [{
            required: true,
            message: "请填写短信验证码",
            trigger: "blur"
          }],
          //validateCode: [{
          //  required: true,
         //   message: "请填写校验码",
         //   trigger: "blur"
        //  }]
        }

      }
    },
    mounted: function() {
      this.loading = true;
      let _this = this;
      let std_id = '';
      let uerStr = localStorage.getItem("user");
      if(uerStr){
        let user = JSON.parse(uerStr);
        if(user){
          std_id = user.id;
          _this.loginForm.std_name = user.std_name;
          _this.loginForm.ticket_no = user.ticket_no;
          _this.loginForm.std_mobile = user.std_mobile;
        }
      }

      
      ajaxRequest("", '/std/stdRegInfo/initForBindPhone.htm', {std_id:std_id}, function (resp) {
          if (resp.success) {
           
            _this.provinces = resp.map.provinces; 
            _this.year_code = resp.map.year_code; 
            _this.loginForm.province = "450000";
            _this.cityChange("450000");
          }

        });

     
      this.loading = false;
    },
    created: function() {
      this.loaded = true;
    },
    methods: {
      freshImg: function(){
        this.randomnum = Date.parse(new Date());
      },
      goLogin: function() {
        window.location.href = "./login.html";
      },
      goQuestion: function() {
         //跳转设置密保问题页面
         window.location.href = "./question.html";
      },

      sendSmsForLoginBindPhone: function(){
            var _this = this;

            if(!_this.loginForm.std_mobile){
              this.errorInfo = "请填写手机号";
              return;
            }

           // if(!_this.validateCode){
            //  _this.errorInfo = "请填写校验码";
           //   return;
          //  }

              let std_id = '';
              let uerStr = localStorage.getItem("user");
              if(uerStr){
                let user = JSON.parse(uerStr);
                if(user){
                  std_id = user.id;
                }
              }


            ajaxRequest("", '/std/sendSmsForLoginBindPhone.htm', {std_id:std_id,std_mobile:this.loginForm.std_mobile }, function (resp) {
             
              
              if(resp.success==true){ 
                _this.secCountDown = 60;
                var int = setInterval(function(){
                  _this.secCountDown--;
                  if(_this.secCountDown == 0){
                    clearInterval(int);
                    //恢复 发送按钮
                    _this.secCountDownInfo = "发送验证码";
                  }else{
                    //倒计时提示
                    _this.secCountDownInfo = _this.secCountDown+"秒后可重新发送";
                  }
                },1000);

                _this.errorInfo = "验证码发送成功，请填写短信验证码!"; 
            
              }else if(resp.success==false && resp.errorMsg){
                _this.errorInfo = resp.errorMsg;
              
              }else{
                _this.errorInfo = "验证码发送失败,请重新尝试!";
                
              
              }

              //_this.freshImg();
              //_this.validateCode = "";  

            })
          },
      
      login: function () {
        this.errorInfo = null;
        var _this = this;
        if(!this.loginForm.std_mobile){
          this.errorInfo = "请填写手机号";
          return;
        }
        if(!this.loginForm.code){
          this.errorInfo = "请填写短信验证码";
          return;
        }

        //if(!this.validateCode){
        //  this.errorInfo = "请填写校验码";
       //   return;
       // }

         if(!this.loginForm.province){
          this.errorInfo = "请选择省（市、自治区）";
          return;
        }

        if(!this.loginForm.city){
          this.errorInfo = "请选择市";
          return;
        }

        if(!this.loginForm.county){
          this.errorInfo = "请选择区（县）";
          return;
        }

        if(!this.loginForm.std_address){
          this.errorInfo = "请填写通信地址";
          return;
        }else{
          this.loginForm.std_address = this.loginForm.std_address.trim();
        }

        //var regex = new RegExp('(?=.*[0-9])(?=.*[a-zA-Z])(?=.*[^a-zA-Z0-9]).{8,30}');
        var regex = new RegExp('^([\u4E00-\u9FA5A-Za-z0-9\uFF0E\,\s,-,_,—,-](?!\u3000))+$');
        //var regex = new RegExp('[^\a-\z\A-\Z0-9\u4E00-\u9FA5\.\,\?\<\>\。\，\-\——\=\;\@\！\!\+\$]/g');


        if (!regex.test(this.loginForm.std_address)) {
          this.errorInfo = "通信地址只允许输入中文、英文或数字!";
          return;
        }

        this.errorInfo = null;
        
        let info = "确定提交考生信息登记表吗?（手机号可用于登陆和找回密码）";
        var rtn = window.confirm(info);
        if(rtn){
         
              var cloneLoginForm = JSON.parse(JSON.stringify(this.loginForm));
             // cloneLoginForm.validateCode = this.validateCode;

              let std_id = '';
              let uerStr = localStorage.getItem("user");
              if(uerStr){
                let user = JSON.parse(uerStr);
                if(user){
                  std_id = user.id;
                }
              }

              cloneLoginForm.std_id = std_id;

              ajaxRequest("", '/std/bindPhoneForLogin.htm', cloneLoginForm, function (resp) {
                if (resp.success) {
                  if(!resp.login){
                    _this.errorInfo = "请先登录后再提交考生信息登记表！";
                    _this.freshImg();
                   // _this.validateCode = "";
                    _this.isLogin = true;
                  }else{
                    _this.$alert("考生信息登记表提交成功！", '信息提示', { 
                      confirmButtonText: '确定', callback: function() { 
                        
                        window.location.href = "../#/index";
                      } 
                    });
           
                   
                  }
                  
                  
                } else {
                  _this.errorInfo = resp.errorMsg;
                  _this.freshImg();
                  //_this.validateCode = "";
                }
              })
              
            }

      },

      logout(){
        let info = "确定退出当前账号吗?";
        var rtn = window.confirm(info);
        if(rtn){
        
              ajaxRequest("", '/std/logout.htm', {}, function (resp) {
                if(resp.success){
                    // 删除cookie
                   // util.cookies.remove('token')
                   // util.cookies.remove('uuid')
                   
                    window.location.href='login.html';
                  }
              })
              
            }
      },

      cityChange(parent_id){
          if(!parent_id) return;

          let std_id = '';
              let uerStr = localStorage.getItem("user");
              if(uerStr){
                let user = JSON.parse(uerStr);
                if(user){
                  std_id = user.id;
                }
              }

          let _this = this;
          ajaxRequest("", '/std/stdRegInfo/queryBzmbGbXzqhdm.htm', {std_id:std_id,parent_id:parent_id}, function (resp) {
          if (resp.success) {
            _this.citys = resp.map.data; 
          }

          });


    },

    countyChange(parent_id){
          if(!parent_id) return;

          let std_id = '';
              let uerStr = localStorage.getItem("user");
              if(uerStr){
                let user = JSON.parse(uerStr);
                if(user){
                  std_id = user.id;
                }
              }

          let _this = this;
          ajaxRequest("", '/std/stdRegInfo/queryBzmbGbXzqhdm.htm', {std_id:std_id,parent_id:parent_id}, function (resp) {
          if (resp.success) {
            _this.countys = resp.map.data; 
          }

          });

         
    },

    }
  });
</script>


<style scoped>
  .home {
    display: flex;
    flex-direction: column;
    height: 100vh;
  }

  .school-logo {
    margin-left: -300px;
  }

  .header {
    min-height: 120px;
    display: grid;
  }

  .center {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0.8;
	  filter: alpha(opacity = 20);
  }

  .content {
    margin-top: 100px;
    margin-left: 35%;
    width: 380px;
    /* height: 300px; */
    border-radius: 6px;
    background-color: white;
    display: grid;
    grid-template-areas: "";
  }

  .login-type {
    flex: 1;
    line-height: 40px;
    background-color: #eeeeee;
  }

  .active-type {
    background-color: #ffffff;
  }

  .close {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #eeeeee;
    color: #999999;
    width: 80px;
    height: 40px;
    line-height: 40px;
  }

  .close:hover {
    color: #444444;
  }

  .btn-long {
    width: 100%;
  }

  body {
    margin: 0px 0px
  }

  .group__prepend{
    padding: 0px 10px !important;
  }

  .el-alert {
    margin: 20px 0 0;
  }
  .el-alert--error {
    background-color: #fef0f0 !important;
    color: #f56c6c;
  }
  .el-alert {
    width: 100%;
    padding: 8px 16px;
    margin: 0;
    box-sizing: border-box;
    border-radius: 4px;
    position: relative;
    background-color: #fff;
    overflow: hidden;
    opacity: 1;
    display: flex;
    align-items: center;
    transition: opacity .2s;
  }
  .artcle-title {
    margin-top: 25px !important;
    font-family: "Microsoft YaHei", "微软雅黑字体";
    color: #4c4c4c  !important;
    font-size: 23px !important;
    text-align: center !important;
    font-weight: bold !important;
  }
  .artcle-detail {
      padding-top: 20px;
      line-height: 30px;
      font-size: 18px;
  }
  
</style>

</html>