Commit 35ae251d authored by zhangderong's avatar zhangderong

扫码测试

parent ca7f4000
<template>
<div id="Sweepcode">
<div class="header">
<h3 style="margin-top:10px">应聘登记表</h3>
<h3 style="margin-top:10px;font-size:0.35rem">应聘登记表</h3>
</div>
<div class="sweepcode_content">
<Form :label-width="120" :model="formInline" :rules="ruleInline" ref="formInline" class="fontsize" label-position=left style="margin-left:3%">
<FormItem label="邀约人" prop="Inviter" style="margin-top:1rem;font-size:15px">
<Input placeholder="请输入" style="width:85%;" v-model="formInline.Inviter" @on-focus='a' size="large"/>
<FormItem label="邀约人" prop="Inviter" style="margin-top:0.4rem;font-size:15px">
<Input placeholder="请输入" style="width:85%;" v-model="formInline.Inviter" size="large"/>
</FormItem>
<FormItem label="邀约人号码" style="" class="phone">
<Input placeholder="请输入" style="width:85%;" v-model="formInline.InviterPhoneNumber" @on-focus='a' size="large"/>
<Input placeholder="请输入" style="width:85%;" v-model="formInline.InviterPhoneNumber" size="large" /><br>
</FormItem>
<FormItem label="面试时间" prop="time">
<Input placeholder="请输入" style="width:40%;" v-model="formInline.date" :readonly="true" size="large" />
......@@ -17,7 +17,7 @@
<TimePicker type="time" placeholder="请选择时间" style="width: 43%" v-model="formInline.time" format="HH:mm" @on-change="selectTime" @on-focus="defaultRRRR" :editable="false" size="large"></TimePicker>
</FormItem>
<FormItem label="应聘职位" prop="position">
<Input placeholder="请输入" style="width:85%;" v-model="formInline.position" @on-focus='a' size="large"/>
<Input placeholder="请输入" style="width:85%;" v-model="formInline.position" size="large"/>
</FormItem>
<FormItem label="应聘来源" prop="model1">
<Select v-model="formInline.model1" style="width:85%;" size="large">
......@@ -25,10 +25,10 @@
</Select>
</FormItem>
<FormItem label="姓名" prop="name">
<Input placeholder="请与简历保持一致" style="width:85%;" v-model="formInline.name" @on-focus='a' size="large"/>
<Input placeholder="请与简历保持一致" style="width:85%;" v-model="formInline.name" size="large"/>
</FormItem>
<FormItem label="手机号码" prop="phoneNUmber">
<Input placeholder="请输入" style="width:85%;" v-model="formInline.phoneNUmber" @on-focus='a' size="large"/>
<Input placeholder="请输入" style="width:85%;" v-model="formInline.phoneNUmber" size="large"/>
</FormItem>
<FormItem label="是否携带简历" prop="model2">
<Select v-model="formInline.model2" style="width:85%;" size="large">
......@@ -79,19 +79,19 @@ export default {
modal4:false,
ruleInline: {
Inviter: [
{ required: true, message: '邀约人不能为空', trigger: 'blur' }
{ required: true, message: '请输入邀约人', trigger: 'blur' }
],
time: [
{ required: true,message: '面试时间不能为空', trigger: 'date' }
],
position: [
{ required: true,message: '请输入面试岗', trigger: 'blur' }
{ required: true,message: '请输入应聘职', trigger: 'blur' }
],
model1: [
{ required: true,message: '请输入应聘来源', trigger: 'blur' }
],
name: [
{ required: true,message: '请输入正确的姓名', trigger: 'blur' }
{ required: true,message: '请输入姓名', trigger: 'blur' }
],
phoneNUmber: [
{ required: true,message: '请输入正确的手机号码', trigger: 'blur' },
......@@ -102,6 +102,7 @@ export default {
],
},
saleDate:'',
isV:false,
options3: {
disabledDate (date) {
return date && date.valueOf() <Date.now()-3600*24*1000|| date.valueOf() >Date.now();
......@@ -169,6 +170,10 @@ export default {
this.$Message.error('请填写完整的信息')
return
}
if(!(/^[1][3,4,5,7,8,6,9][0-9]{9}$/.test(this.formInline.phoneNUmber))||!(/^[1][3,4,5,7,8,6,9][0-9]{9}$/.test(this.formInline.InviterPhoneNumber,))){
this.$Message.error('请输入正确的手机号')
return
}
let parmars={
invitePerson:this.formInline.Inviter,
inviterMobile:this.formInline.InviterPhoneNumber,
......@@ -203,20 +208,18 @@ export default {
welconme(){
this.modal3=true
},
// jedugePhone(){
// if(!(/^[1][3,4,5,7,8,6,9][0-9]{9}$/.test(this.formInline.InviterPhoneNumber,))){
// this.isV=true
// setTimeout(() => {
// this.isV=false
// }, 3000);
// }
// },
// 阻止弹出键盘
defaultRRRR(){
document.activeElement.blur()
},
a(){
var h = document.body.scrollHeight;
window.onresize = function(){
if (document.body.scrollHeight < h) {
document.getElementsByClassName("utbuton").style.display = "none";
}else{
document.getElementsByClassName("utbuton").style.display = "block";
}
};
}
},
mounted(){
this.welconme()
......@@ -226,8 +229,17 @@ export default {
const day = myDate.getDate(); // 获取当前日(1-31)
this.saleDate = `${year}/${month}/${day}`;
this.formInline.date=this.saleDate
function getRem() {
var html = document.getElementsByTagName("html")[0];
var oWidth = document.body.clientWidth || document.documentElement.clientWidth;
html.style.fontSize = oWidth / 7.5 + "px";
}
this.$nextTick(()=>{
getRem()
})
window.onresize = ()=>{
return(()=>{ 
getRem()
if (!this.isResize) {   
this.docmHeight=document.documentElement.clientHeight                              
 this.isResize = true                     
......@@ -236,6 +248,9 @@ export default {
})()   
}
},
beforeDestroy() {
document.getElementsByTagName("html")[0].removeAttribute("style");
},
watch :{
showHeight:function() { 
if(this.docmHeight > this.showHeight){           
......@@ -259,7 +274,6 @@ export default {
height: 100%
}
.header{
font-size: 19px;
text-align: center;
height: 5%;
/* float: left; */
......@@ -268,15 +282,15 @@ export default {
height: 20%;
}
.submission button{
width: 40%;
font-size: 14px;
margin-top: 40px;
margin-left: 30%
width: 47%;
font-size: 0.35rem;
margin-top: 15%;
margin-left: 26%;
height: 39px;
}
.sweepcode_content{
margin-top:0.2rem;
font-size: 15px;
font-size: 0.15rem;
height: 70%;
border-top: 1px solid rgba(241,241,241,1);
}
......@@ -284,13 +298,13 @@ export default {
</style>
<style >
.sweepcode_content input.ivu-input.ivu-input-large{
background: rgba(241,241,241,1)
background: #F4F4F4
}
.sweepcode_content .ivu-select-placeholder{
background: rgba(241,241,241,1)
background: #F4F4F4
}
.fontsize .ivu-form-item-label{
font-size: 15px
font-size: 0.28rem
}
.fontsize{
height: 100%;
......@@ -305,8 +319,7 @@ export default {
/* border:1px solid red; */
height:7%;
}
/* .fontsize .ivu-form-item.ivu-form-item-required{
border: 2px solid black;
height: 10%
} */
.fontsize .ivu-input.ivu-input-large{
font-size: 0.23rem
}
</style>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment