| | |
| | | <template> |
| | | <view class="register"> |
| | | <!-- <home-species title="注册"></home-species> --> |
| | | <view class="registerForm"> |
| | | <u--form :rules="rules" :model="registerFormModel" ref="regesterFormRef"> |
| | | <u-form-item labelWidth="20%" label="选择身份" borderBottom ref="roleRef" required> |
| | |
| | | <u--input v-model="registerFormModel.carNo" placeholder="请输入内容" clearable></u--input> |
| | | </u-form-item> |
| | | <u-form-item prop="carImg" label="车辆照片" labelWidth="20%" borderBottom v-if="radiovalue1 == '司机'" required> |
| | | <u-upload :fileList="fileList1" @afterRead="afterRead" @delete="deletePic" name="1" multiple :maxCount="1" width="250" height="150"> |
| | | <u-upload |
| | | :fileList="fileList1" |
| | | deletable |
| | | @afterRead="afterRead" |
| | | @delete="deletePic" |
| | | name="1" |
| | | multiple |
| | | :maxCount="1" |
| | | 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="drivingImg" label="行驶证" labelWidth="20%" borderBottom v-if="radiovalue1 == '司机'" required> |
| | | <u-upload :fileList="fileList2" @afterRead="afterRead" @delete="deletePic" name="2" multiple :maxCount="1" width="250" height="150"> |
| | | <u-upload |
| | | :fileList="fileList2" |
| | | deletable |
| | | @afterRead="afterRead" |
| | | @delete="deletePic" |
| | | name="2" |
| | | multiple |
| | | :maxCount="1" |
| | | 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%" borderBottom><u--input v-model="registerFormModel.tuiJianMa" placeholder="请输入内容" clearable></u--input></u-form-item> |
| | | <u-form-item label="推荐人账号" labelWidth="25%" borderBottom> |
| | | <u--input v-model="registerFormModel.tuiJianMa" placeholder="请输入内容" clearable></u--input> |
| | | </u-form-item> |
| | | </u--form> |
| | | </view> |
| | | <view class="roleModel"> |
| | | <u-modal :show="editRoleModelShow" :title="title" :content="content" :showCancelButton="true" @confirm="roleConfirm" @cancel="roleCancel"></u-modal> |
| | | </view> |
| | | <view class="registerBtn"><u-button text="注册" type="primary" @click="registerClick"></u-button></view> |
| | | <!-- 图片预览弹出框 --> |
| | | <!-- <view class="previewImage-container"> |
| | | <u-popup :show="previewImageShow" mode="center" @close="previewImageClose" @open="previewImageOpen"> |
| | | <u--image :src="previewImageSrc != null ? BaseUrl + previewImageSrc : ''" width="400px" height="400px"></u--image> |
| | | </u-popup> |
| | | </view> --> |
| | | </view> |
| | | </template> |
| | | |
| | | <script> |
| | | // import HomeSpecies from '@/components/home-species/HomeSpecies.vue'; |
| | | import { apiRegister } from '@/api/publicInterface.js'; |
| | | import { BaseUrl } from '@/api/publicInterface.js'; |
| | | export default { |
| | |
| | | // } |
| | | // }) |
| | | // }, |
| | | components: { |
| | | // HomeSpecies |
| | | }, |
| | | // 监听页面初次渲染完成。注意如果渲染速度快,会在页面进入动画完成前触发 |
| | | onReady() { |
| | | // this.$refs.regesterFormRef.setRules(this.rules); |
| | |
| | | carImg: '', |
| | | drivingImg: '', |
| | | tuiJianMa: '', |
| | | confirmPassword:'' |
| | | confirmPassword: '' |
| | | }, |
| | | fileList1: [], |
| | | fileList2: [], |
| | |
| | | message: '长度在6-12个字符之间' |
| | | } |
| | | ], |
| | | confirmPassword:[ |
| | | confirmPassword: [ |
| | | { |
| | | required: true, |
| | | message: '请设置初始密码', |
| | |
| | | trigger: ['blur', 'change'] |
| | | } |
| | | }, |
| | | confirmPassword:'', |
| | | // 基本案列数据 |
| | | radiolist1: [ |
| | | { |
| | |
| | | }, |
| | | methods: { |
| | | registerClick() { |
| | | if(this.registerFormModel.password == this.registerFormModel.confirmPassword){ |
| | | if (this.registerFormModel.password == this.registerFormModel.confirmPassword) { |
| | | this.$refs.regesterFormRef |
| | | .validate() |
| | | .then(res => { |
| | |
| | | this.registerFormModel.username = this.registerFormModel.phone; |
| | | apiRegister(this.registerFormModel) |
| | | .then(res => { |
| | | console.log(res); |
| | | if (res.data.code == 0) { |
| | | uni.showToast({ |
| | | title: '注册成功,即将进入登录!', |
| | | title: '注册成功,即将返回登录页', |
| | | icon: 'none', |
| | | duration: 1000 |
| | | }); |
| | |
| | | uni.redirectTo({ url: '/pages/login/login' }); |
| | | }, 1000); |
| | | } else { |
| | | this.$u.toast(res.data.msg); |
| | | this.$u.toast(res.data.data ? res.data.data : '添加失败'); |
| | | } |
| | | }) |
| | | .catch(err => { |
| | |
| | | uni.$u.toast('请规范输入内容'); |
| | | }); |
| | | } else { |
| | | this.$u.toast('两次密码不一致') |
| | | this.$u.toast('两次密码不一致'); |
| | | } |
| | | }, |
| | | // 音视频通话 |
| | | // callingIn() { |
| | | // uni.navigateTo({ |
| | | // url: '/pages/calling-index/calling-index' |
| | | // }); |
| | | // }, |
| | | // 单选框事件 |
| | | groupChange(e) { |
| | | console.log('单选框小组', e); |
| | |
| | | this.beforeChangeValue = e; |
| | | } |
| | | }, |
| | | jiaoYanPassword(){ |
| | | console.log('密码:',this.registerFormModel.password ,'确认密码:',this.confirmPassword); |
| | | // if(this.registerFormModel.password != this.confirmPassword){ |
| | | // this.$u.toast('两次密码不一致') |
| | | // } |
| | | jiaoYanPassword() { |
| | | if (this.registerFormModel.password != this.registerFormModel.confirmPassword) { |
| | | this.$u.toast('两次密码不一致'); |
| | | } |
| | | }, |
| | | // 上传图片方法 |
| | | // 删除图片 |
| | |
| | | }, |
| | | // 新增图片 |
| | | async afterRead(event) { |
| | | console.log('event', event); |
| | | // 当设置 mutiple 为 true 时, file 为数组格式,否则为对象格式 |
| | | let lists = [].concat(event.file); |
| | | let fileListLen = this[`fileList${event.name}`].length; |
| | |
| | | 1, |
| | | Object.assign(item, { |
| | | status: 'success', |
| | | message: '', |
| | | message: '上传成功', |
| | | url: result |
| | | }) |
| | | ); |
| | |
| | | url: BaseUrl + '/admin/sys-file/uploadUnToken', |
| | | filePath: url, |
| | | name: 'file', |
| | | // formData: { |
| | | // user: 'test' |
| | | // }, |
| | | formData: { |
| | | // user: '' |
| | | }, |
| | | success: res => { |
| | | resolve(JSON.parse(res.data).data.url); |
| | | if (num == 1) { |
| | | this.registerFormModel.carImg = JSON.parse(res.data).data.url; |
| | | resolve(`${BaseUrl}${JSON.parse(res.data).data.url}`); |
| | | } else if (num == 2) { |
| | | this.registerFormModel.drivingImg = JSON.parse(res.data).data.url; |
| | | resolve(`${BaseUrl}${JSON.parse(res.data).data.url}`); |
| | | } |
| | | } |
| | | }); |