yangan
2024-02-18 12b180ceaf602d19cb0c806f4552ec8161b70763
pages/register/register.vue
@@ -3,8 +3,9 @@
      <view class="registerForm">
         <u--form :rules="rules"
            :model="registerFormModel"
            ref="regesterFormRef">
            <u-form-item labelWidth="20%"
            ref="regesterFormRef"
            :labelStyle="labelStyle">
            <u-form-item labelWidth="30%"
               label="选择身份"
               borderBottom
               ref="roleRef"
@@ -32,6 +33,7 @@
               required>
               <u--input v-model="registerFormModel.name"
                  placeholder="请输入内容"
                  fontSize='40'
                  clearable></u--input>
            </u-form-item>
            <u-form-item prop="idCard"
@@ -41,6 +43,7 @@
               required>
               <u--input v-model="registerFormModel.idCard"
                  placeholder="请输入内容"
                  fontSize='40'
                  clearable></u--input>
            </u-form-item>
            <u-form-item prop="phone"
@@ -49,6 +52,7 @@
               borderBottom
               required>
               <u--input v-model="registerFormModel.phone"
                  fontSize='40'
                  placeholder="请输入内容"
                  clearable></u--input>
            </u-form-item>
@@ -59,16 +63,18 @@
               required>
               <u--input v-model="registerFormModel.password"
                  placeholder="请输入内容"
                  fontSize='40'
                  password
                  clearable></u--input>
            </u-form-item>
            <u-form-item prop="confirmPassword"
               label="确认密码"
               labelWidth="20%"
               labelWidth="30%"
               borderBottom
               required>
               <u--input v-model="registerFormModel.confirmPassword"
                  placeholder="请输入内容"
                  fontSize='40'
                  password
                  clearable
                  @blur="jiaoYanPassword"></u--input>
@@ -81,9 +87,10 @@
               required>
               <u--input v-model="registerFormModel.carNo"
                  placeholder="请输入内容"
                  fontSize='40'
                  clearable></u--input>
            </u-form-item>
            <u-form-item labelWidth="20%"
            <u-form-item labelWidth="30%"
               label="车牌颜色"
               borderBottom
               v-if="radiovalue1 == '司机'"
@@ -120,8 +127,25 @@
                  width="250"
                  height="150"
                  :previewFullImage="true">
                  <!-- <image src="https://cdn.uviewui.com/uview/demo/upload/positive.png"
                  mode="widthFix" style="width: 250px;height: 150px;"></image> -->
               </u-upload>
            </u-form-item>
            <u-form-item prop="bodyofcarJpg"
               label="车头车尾车身照片"
               labelWidth="20%"
               borderBottom
               v-if="radiovalue1 == '司机'"
               required
               @click="beforeRead">
               <u-upload :fileList="fileList3"
                  deletable
                  @afterRead="afterRead"
                  @delete="deletePic"
                  name="3"
                  multiple
                  :maxCount="3"
                  width="250"
                  height="150"
                  :previewFullImage="true">
               </u-upload>
            </u-form-item>
            <u-form-item prop="drivingImg"
@@ -141,15 +165,14 @@
                  width="250"
                  height="150"
                  :previewFullImage="true">
                  <!-- <image src="https://cdn.uviewui.com/uview/demo/upload/positive.png"
                  mode="widthFix" style="width: 250px;height: 150px;"></image> -->
               </u-upload>
            </u-form-item>
            <u-form-item label="推荐人账号"
               labelWidth="25%"
               labelWidth="30%"
               borderBottom>
               <u--input v-model="registerFormModel.tuiJianMa"
                  placeholder="请输入内容"
                  fontSize='40'
                  clearable></u--input>
            </u-form-item>
         </u--form>
@@ -175,8 +198,7 @@
</template>
<script>
   import { apiRegister } from '@/api/publicInterface.js';
   import { BaseUrl } from '@/api/publicInterface.js';
   import { apiRegister, BaseUrl } from '@/api/publicInterface.js';
   import { mapMutations } from 'vuex';
   export default {
      // onLoad: function() {
@@ -197,18 +219,17 @@
      // 监听页面初次渲染完成。注意如果渲染速度快,会在页面进入动画完成前触发
      onReady() {
         this.$refs.regesterFormRef.setRules(this.rules);
         // this.$refs.regesterFormRef.validate().then(res => {}).catch(err => {
         //   console.log(err);
         // })
      },
      onLoad(params) {
         if (params) {
            this.registerFormModel.openId = params.code;
            console.log('页面加载', this.registerFormModel.openId);
         }
      },
      data() {
         return {
            labelStyle: {
               fontSize: '36rpx'
            },
            // 车牌号键盘控制
            carNumShow: false,
            keyValue: '',
@@ -225,10 +246,13 @@
               drivingImg: '',
               tuiJianMa: '',
               confirmPassword: '',
               vehicleColour: ''
               vehicleColour: '',
               bodyofcarJpg: ''
            },
            fileList1: [],
            fileList2: [],
            fileList3: [],
            carBody: [],
            rules: {
               name: {
                  type: 'string',
@@ -317,6 +341,12 @@
                  message: '请上传车辆图片',
                  trigger: ['blur', 'change']
               },
               bodyofcarJpg: {
                  type: 'string',
                  required: true,
                  message: '请上传车辆图片',
                  trigger: ['blur', 'change']
               },
               drivingImg: {
                  type: 'string',
                  required: true,
@@ -336,14 +366,17 @@
            radiovalue1: '货代',
            radiolist2: [{
                  name: '黄色',
                  value: 'huangse'
                  value: '黄色'
               },
               {
                  name: '绿色',
                  disabled: 'lvse'
                  name: '黄绿色',
                  value: '黄绿色'
               },
               {
                  name: '蓝色',
                  value: '蓝色'
               }
            ],
            radiovalue2: '黄色',
            beforeChangeValue: '',
            // 更换角色弹框
            editRoleModelShow: false,
@@ -483,6 +516,11 @@
                     } else if (num == 2) {
                        this.registerFormModel.drivingImg = JSON.parse(res.data).data.url;
                        resolve(`${BaseUrl}${JSON.parse(res.data).data.url}`);
                     } else if (num == 3) {
                        let imageUrl = JSON.parse(res.data).data.url
                        this.carBody.push(imageUrl)
                        this.registerFormModel.bodyofcarJpg = this.carBody.join(',')
                        resolve(`${BaseUrl}${JSON.parse(res.data).data.url}`);
                     }
                  }
               });