yangan
2024-10-17 725325a5bdfac73de8e8cbec2ba71a4923883529
pages/register/register.vue
@@ -4,7 +4,7 @@
         <u--form :rules="rules"
            :model="registerFormModel"
            ref="regesterFormRef">
            <u-form-item labelWidth="20%"
            <u-form-item labelWidth="22%"
               label="选择身份"
               borderBottom
               ref="roleRef"
@@ -26,7 +26,7 @@
            </u-form-item>
            <u-form-item prop="name"
               label="姓名"
               labelWidth="20%"
               labelWidth="22%"
               borderBottom
               required>
               <u--input v-model="registerFormModel.name"
@@ -35,7 +35,7 @@
            </u-form-item>
            <u-form-item prop="idCard"
               label="身份证"
               labelWidth="20%"
               labelWidth="22%"
               borderBottom
               required>
               <u--input v-model="registerFormModel.idCard"
@@ -44,7 +44,7 @@
            </u-form-item>
            <u-form-item prop="phone"
               label="手机号"
               labelWidth="20%"
               labelWidth="22%"
               borderBottom
               required>
               <u--input v-model="registerFormModel.phone"
@@ -53,7 +53,7 @@
            </u-form-item>
            <u-form-item prop="password"
               label="密码"
               labelWidth="20%"
               labelWidth="22%"
               borderBottom
               required>
               <u--input v-model="registerFormModel.password"
@@ -78,7 +78,7 @@
        </view>
            <u-form-item prop="confirmPassword"
               label="确认密码"
               labelWidth="20%"
               labelWidth="22%"
               borderBottom
               required>
               <u--input v-model="registerFormModel.confirmPassword"
@@ -88,7 +88,7 @@
            </u-form-item>
            <u-form-item prop="carNo"
               label="车牌号"
               labelWidth="20%"
               labelWidth="22%"
               borderBottom
               v-if="radiovalue1 == '司机'"
               required>
@@ -96,9 +96,54 @@
                  placeholder="请输入内容"
                  clearable></u--input>
            </u-form-item>
            <u-form-item prop="truckLength"
               label="车长"
               labelWidth="22%"
               borderBottom
               v-if="radiovalue1 == '司机'"
               required>
               <u--input v-model="registerFormModel.truckLength"
                  @change="inputchange($event,1)"
                  placeholder="请输入内容"
                  clearable></u--input>
            </u-form-item>
            <u-form-item prop="truckWidth"
               label="车宽"
               labelWidth="22%"
               borderBottom
               v-if="radiovalue1 == '司机'"
               required>
               <u--input v-model="registerFormModel.truckWidth"
                  placeholder="请输入内容"
                  @change="inputchange($event,2)"
                  clearable></u--input>
            </u-form-item>
            <u-form-item prop="truckHeight"
               label="车高"
               labelWidth="22%"
               borderBottom
               v-if="radiovalue1 == '司机'"
               required>
               <u--input v-model="registerFormModel.truckHeight"
                  placeholder="请输入内容"
                  @change="inputchange($event,3)"
                  clearable></u--input>
            </u-form-item>
            <u-form-item prop="maximumPayload"
               label="最大载重"
               labelWidth="22%"
               borderBottom
               v-if="radiovalue1 == '司机'"
               required>
               <u--input v-model="registerFormModel.maximumPayload"
                  @change="inputchange($event,4)"
                  placeholder="请输入内容"
                  clearable></u--input>
            </u-form-item>
            <u-form-item prop="carImg"
               label="车辆照片"
               labelWidth="20%"
               labelWidth="22%"
               borderBottom
               v-if="radiovalue1 == '司机'"
               required
@@ -117,7 +162,7 @@
            </u-form-item>
            <u-form-item prop="drivingImg"
               label="行驶证"
               labelWidth="20%"
               labelWidth="22%"
               borderBottom
               v-if="radiovalue1 == '司机'"
               required
@@ -204,7 +249,7 @@
                  </u-checkbox>
               </u-checkbox-group>
            </u-form-item>
            <u-form-item labelWidth="20%"
            <u-form-item labelWidth="22%"
               v-if="radiovalue1 == '司机'"
               label="车辆类型"
               borderBottom
@@ -344,6 +389,10 @@
               type: 3,
               idCard: '',
               carNo: '',
               truckLength:null,
               truckWidth:null,
               truckHeight:null,
               maximumPayload:null,
               carImg: '',
               drivingImg: '',
               tuiJianMa: '',
@@ -461,6 +510,30 @@
                  message: '请上传从业资格证照片',
                  trigger: ['blur', 'change']
               },
               truckLength: {
                  type: 'number',
                  required: true,
                  message: '请输入车长',
                  trigger: ['blur', 'change']
               },
               truckWidth: {
                  type: 'number',
                  required: true,
                  message: '请输入车宽',
                  trigger: ['blur', 'change']
               },
               truckHeight: {
                  type: 'number',
                  required: true,
                  message: '请输入车高',
                  trigger: ['blur', 'change']
               },
               maximumPayload: {
                  type: 'number',
                  required: true,
                  message: '请输入最大载重',
                  trigger: ['blur', 'change']
               },
            },
            radiolist1: [{
                  name: '司机',
@@ -498,7 +571,8 @@
      watch: {
         radiovalue1(newV) {
            if (this.registerFormModel.name || this.registerFormModel.idCard || this.registerFormModel.phone || this
               .registerFormModel.carNo || this.registerFormModel.password) {
               .registerFormModel.carNo || this.registerFormModel.password || this.registerFormModel.truckLength
                || this.registerFormModel.truckWidth || this.registerFormModel.truckHeight || this.registerFormModel.maximumPayload) {
               if (this.editRoleModelShow == true) {
                  this.editRoleModelShow = false;
               } else {
@@ -520,6 +594,31 @@
      },
      methods: {
         ...mapMutations(['changeisUploadimg']),
         inputchange(e, num) {
            const inputType =/[^\d.]/g
            switch (num) {
               case 1:
                  this.$nextTick(() => {
                     this.registerFormModel.truckLength = e.replace(inputType, '');
                  })
                  break;
               case 2:
                  this.$nextTick(() => {
                     this.registerFormModel.truckWidth = e.replace(inputType, '');
                  })
                  break;
               case 3:
                  this.$nextTick(() => {
                     this.registerFormModel.truckHeight = e.replace(inputType, '');
                  })
                  break;
               case 4:
                  this.$nextTick(() => {
                     this.registerFormModel.maximumPayload = e.replace(inputType, '');
                  })
                  break;
            }
            },
         registerClick() {
        this.$refs.regesterFormRef
            .validate()
@@ -560,7 +659,11 @@
               this.registerFormModel.idCard == '' &&
               this.registerFormModel.phone == '' &&
               this.registerFormModel.carNo == '' &&
               this.registerFormModel.password == ''
               this.registerFormModel.password == '' &&
               this.registerFormModel.truckLength == '' &&
               this.registerFormModel.truckWidth == '' &&
               this.registerFormModel.truckHeight == '' &&
               this.registerFormModel.maximumPayload == ''
            ) {
               this.$refs.regesterFormRef.clearValidate();
               this.beforeChangeValue = e;