扫码测试

src/page/sweepCode/sweepCode.vue

 <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