|
|
|
@ -2,12 +2,12 @@
|
|
|
|
|
<div class="report-info-content">
|
|
|
|
|
<div class="title-box">
|
|
|
|
|
<div class="auto-style">
|
|
|
|
|
<span>长春市高校疫情防控投诉举报平台</span>
|
|
|
|
|
<span>长春市属高校疫情防控投诉举报平台</span>
|
|
|
|
|
<span class="light-style" @click="toAdmin">进入后台</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="banner-box">
|
|
|
|
|
<img src="../../assets/images/banner.png" style="width: 100%;height: 100%"/>
|
|
|
|
|
<img src="../../assets/images/banner01.png" style="width: 100%"/>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="report-content-style">
|
|
|
|
|
<a-spin :spinning="loading">
|
|
|
|
@ -18,14 +18,14 @@
|
|
|
|
|
</a-form-item>
|
|
|
|
|
<a-form-item label="手机号码" :validate-status="rules.phoneNum.status" :help="rules.phoneNum.help">
|
|
|
|
|
<a-input v-model="phoneNum" @change="checkPhoneNum()"/>
|
|
|
|
|
<span v-show="smsFlag" style="color: #00b7ee;font-family:'Microsoft YaHei';cursor: pointer;text-decoration: underline;position: absolute;right: -90px"
|
|
|
|
|
<span v-show="smsFlag" style="color: #00b7ee;font-family:'Microsoft YaHei';cursor: pointer;text-decoration: underline;position: absolute;right: -90px;height: 32px;line-height: 32px;bottom: -5px"
|
|
|
|
|
@click="getCode">获取验证码</span>
|
|
|
|
|
<span v-show="!smsFlag" style="position: absolute;right: -100px" class="count">{{count}}s后重新获取</span>
|
|
|
|
|
</a-form-item>
|
|
|
|
|
<a-form-item label="验证码" :validate-status="rules.verificationCode.status"
|
|
|
|
|
:help="rules.verificationCode.help">
|
|
|
|
|
<a-input v-model="verificationCode" @change="checkVerificationCode()"/>
|
|
|
|
|
<a-icon :class="codeCheck?'code_success':''" style="position: absolute;right: -30px;top:2px;font-size: 20px" type="check-circle" theme="filled" />
|
|
|
|
|
<!--<a-icon :class="codeCheck?'code_success':''" style="position: absolute;right: -30px;top:2px;font-size: 20px" type="check-circle" theme="filled" />-->
|
|
|
|
|
</a-form-item>
|
|
|
|
|
<a-form-item :wrapperCol="textAreaWrapperCol" label="高校名称" :validate-status="rules.colleges.status" :help="rules.colleges.help">
|
|
|
|
|
<a-select :value="collegeId" @change="collegeChange">
|
|
|
|
@ -95,7 +95,7 @@
|
|
|
|
|
smsFlag: true,//获取验证码标识
|
|
|
|
|
count:"",
|
|
|
|
|
timer:null,
|
|
|
|
|
codeCheck:false,
|
|
|
|
|
//codeCheck:false,
|
|
|
|
|
loading:false
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
@ -206,11 +206,11 @@
|
|
|
|
|
this.rules.verificationCode.help = "请输入验证码!";
|
|
|
|
|
return false;
|
|
|
|
|
} else {
|
|
|
|
|
if(this.verificationCode.trim().length === 6){
|
|
|
|
|
this.codeCheck = true;
|
|
|
|
|
}else {
|
|
|
|
|
this.codeCheck = false;
|
|
|
|
|
}
|
|
|
|
|
// if(this.verificationCode.trim().length === 6){
|
|
|
|
|
// this.codeCheck = true;
|
|
|
|
|
// }else {
|
|
|
|
|
// this.codeCheck = false;
|
|
|
|
|
// }
|
|
|
|
|
this.rules.verificationCode.status = "success";
|
|
|
|
|
this.rules.verificationCode.help = "";
|
|
|
|
|
return true;
|
|
|
|
@ -338,7 +338,7 @@
|
|
|
|
|
}
|
|
|
|
|
.banner-box {
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 400px;
|
|
|
|
|
/*height: 400px;*/
|
|
|
|
|
min-width: 1200px;
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: flex-end;
|
|
|
|
|