瀏覽代碼

面试登记字段修改

wangxin 5 年之前
父節點
當前提交
6b184b1460
共有 1 個文件被更改,包括 113 次插入14 次删除
  1. 113 14
      src/view/interview/xiapu.vue

+ 113 - 14
src/view/interview/xiapu.vue

@@ -18,6 +18,16 @@
                         :rules="[{message: '请输入姓名' }]"
                 />
                 <van-field
+                        v-model="phone"
+                        name="phone"
+                        label="手机号"
+                        maxlength="11"
+                        type="number"
+                        placeholder="请输入手机号"
+                        required
+                        :rules="[{ message: '请输入手机号' }]"
+                />
+                <van-field
                         name="gender"
                         label="性别"
                         required
@@ -150,34 +160,63 @@
                 </van-field>
                 <div class="bar"></div>
                 <van-field
-                        v-model="phone"
-                        name="phone"
-                        label="本人手机号"
-                        maxlength="11"
-                        type="number"
-                        placeholder="请输入本人手机号"
+                        name="dustCoatSize"
+                        v-model="dustCoatSize"
+                        label="防尘服尺寸"
+                        placeholder="请按照实际尺寸大一码选择"
+                        @click="show_dustCoatSize = true"
                         required
-                        :rules="[{ message: '请输入本人手机号' }]"
-                />
+                        readonly
+                >
+                </van-field>
+                <van-field
+                        name="antiStaticShoeSize"
+                        v-model="antiStaticShoeSize"
+                        label="防静电鞋码数"
+                        placeholder="请按照实际尺寸大两码选择"
+                        @click="show_antiStaticShoeSize = true"
+                        required
+                        readonly
+                >
+                </van-field>
+                <div class="bar"></div>
+                <van-field
+                        name="notLeave"
+                        label="今年未离锡"
+                        placeholder="请选择"
+                        required
+                >
+                    <template #input>
+                        <van-radio-group v-model="notLeave" direction="horizontal">
+                            <van-radio checked-color="#0177FF" name="是">是</van-radio>
+                            <van-radio checked-color="#0177FF" name="否">否</van-radio>
+                        </van-radio-group>
+                    </template>
+                </van-field>
                 <van-field
+                        v-if="notLeave === '是'"
                         v-model="come"
                         name="come"
                         label="从哪到达无锡"
                         placeholder="请选择"
                         readonly
+                        required
                         @click="showLocation('come')"
                 >
                 </van-field>
                 <van-field
+                        v-if="notLeave === '是'"
                         v-model="to_date"
                         name="to_date"
                         label="到锡日期"
                         placeholder="请选择"
                         readonly
+                        required
                         @click="showDate('to_date')"
                 >
                 </van-field>
                 <van-field
+                        v-if="notLeave === '是'"
                         name="transportation"
                         label="到锡交通工具"
                         placeholder="请选择">
@@ -192,10 +231,11 @@
                     </template>
                 </van-field>
                 <van-field
+                        v-if="notLeave === '是'"
                         v-model="license_plate"
                         name="license_plate"
                         label="车牌或车次"
-                        placeholder="请输入汽车车牌火车车次等"
+                        placeholder="请输入汽车车牌,火车车次等"
                 >
                 </van-field>
                 <div class="bar"></div>
@@ -288,6 +328,32 @@
         >
             <van-area :area-list="areaList" @cancel="show_location = false" @confirm="confirmForm"/>
         </van-popup>
+        <van-popup
+                v-model="show_dustCoatSize"
+                position="bottom"
+                :safe-area-inset-bottom="true"
+                :style="{ height: '45%' }">
+            <van-picker
+                    title="标题"
+                    show-toolbar
+                    :columns="['M' ,'L' ,'XL','XXL' ,'XXXL' ,'XXXXL','XXXXXL']"
+                    @confirm="dustCoatSizeConfirm"
+                    @cancel="show_dustCoatSize = false"
+            />
+        </van-popup>
+        <van-popup
+                v-model="show_antiStaticShoeSize"
+                position="bottom"
+                :safe-area-inset-bottom="true"
+                :style="{ height: '45%' }">
+            <van-picker
+                    title="标题"
+                    show-toolbar
+                    :columns="[35,36,37,38,39,40,41,42,43,44,45,46,47,48]"
+                    @confirm="antiStaticShoeSizeConfirm"
+                    @cancel="show_antiStaticShoeSize = false"
+            />
+        </van-popup>
     </div>
 
 </template>
@@ -306,6 +372,7 @@
         DatetimePicker,
         Popup,
         Area,
+        Picker
     } from 'vant';
     import {dk_formatDate} from '@/utils/util'
     import areaList from '@/utils/area'
@@ -324,7 +391,10 @@
         school: '请选择毕业学校',
         graduation_date: '请选择毕业时间',
         accommodation: '请选择是否住宿',
-        phone: '请填写本人手机号',
+        phone: '请填写手机号',
+        dustCoatSize: '请选择防尘服尺寸',
+        antiStaticShoeSize: '请选择防静电鞋码数',
+        notLeave: '请选择今年是否离锡',
     }
     export default {
         name: "xiapu",
@@ -341,6 +411,7 @@
             [DatetimePicker.name]: DatetimePicker,
             [Popup.name]: Popup,
             [Area.name]: Area,
+            [Picker.name]: Picker,
         },
         data() {
             return {
@@ -350,6 +421,8 @@
                 nowDate: new Date(),
                 show_date: false,
                 show_location: false,
+                show_dustCoatSize: false,
+                show_antiStaticShoeSize: false,
                 condition: '',
                 user_token: '',
                 user_id: '',
@@ -380,6 +453,9 @@
                 company: '',
                 start_work: '',
                 end_work: '',
+                dustCoatSize: '',
+                antiStaticShoeSize: '',
+                notLeave: '',
                 params: {
                     minority: '民族',
                     is_marry: '婚姻状况',
@@ -390,6 +466,9 @@
                     graduation_date: '毕业日期',
                     address: '无锡现居地址',
                     accommodation: '是否住宿',
+                    dustCoatSize: '防尘服尺寸',
+                    antiStaticShoeSize: '防静电鞋码数',
+                    notLeave: '今年未离锡',
                     come: '从哪到达无锡',
                     to_date: '到锡日期',
                     transportation: '到锡交通工具',
@@ -420,7 +499,6 @@
             if (this.hpInterviewRegisterStatus) {
                 this.getDetails(this.user_token, this.user_id, this.member_id, this.registerCompanyId)
             }
-
         },
         methods: {
             getDetails(user_token, user_id, member_id, registerCompanyId) {
@@ -453,20 +531,33 @@
                             return
                         }
                     }
+                    if (data.notLeave === '是') {
+                        if (!data.come) {
+                            this.$toast('请填写从哪到达无锡');
+                            this.$refs.form.scrollToField('come')
+                            this.loading = false
+                            return
+                        } else if (!data.to_date) {
+                            this.$toast('请选择到锡日期');
+                            this.$refs.form.scrollToField('to_date')
+                            this.loading = false
+                            return
+                        }
+                    }
                     if (!isMobile(data.phone)) {
-                        this.$toast.fail('手机号格式错误');
+                        this.$toast('手机号格式错误');
                         this.$refs.form.scrollToField('phone')
                         this.loading = false
                         return
                     }
                     if (data.contact_number && !isMobile(data.contact_number) && !isPhone(data.contact_number)) {
-                        this.$toast.fail('紧急联系人电话号码格式错误');
+                        this.$toast('紧急联系人电话号码格式错误');
                         this.$refs.form.scrollToField('contact_number')
                         this.loading = false
                         return
                     }
                     if (data.idcardNumber.length !== 15 && data.idcardNumber.length !== 18) {
-                        this.$toast.fail('身份证格式错误');
+                        this.$toast('身份证格式错误');
                         this.$refs.form.scrollToField('idcardNumber')
                         this.loading = false
                         return
@@ -529,6 +620,14 @@
             },
             closedDate() {
                 this.nowDate = new Date()
+            },
+            dustCoatSizeConfirm(value) {
+                this.dustCoatSize = value
+                this.show_dustCoatSize = false
+            },
+            antiStaticShoeSizeConfirm(value) {
+                this.antiStaticShoeSize = value
+                this.show_antiStaticShoeSize = false
             }
         }
     }