From 237a32aadb51f4c7f51d4734f6e62663f8acde36 Mon Sep 17 00:00:00 2001
From: qingyiay <2386314947@qq.com>
Date: 星期六, 08 四月 2023 17:02:18 +0800
Subject: [PATCH] 修复多个bug
---
pages/register/register.vue | 215 ++++++++++++++++++++++++++++++-----------------------
1 files changed, 123 insertions(+), 92 deletions(-)
diff --git a/pages/register/register.vue b/pages/register/register.vue
index 45d970d..2ff209a 100644
--- a/pages/register/register.vue
+++ b/pages/register/register.vue
@@ -1,6 +1,5 @@
<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>
@@ -18,49 +17,78 @@
</u-radio-group>
</u-form-item>
<u-form-item prop="name" label="濮撳悕" labelWidth="20%" borderBottom required>
- <u--input v-model="registerFormModel.name" placeholder="璇疯緭鍏ュ唴瀹�"></u--input>
+ <u--input v-model="registerFormModel.name" placeholder="璇疯緭鍏ュ唴瀹�" clearable></u--input>
</u-form-item>
<u-form-item prop="idCard" label="韬唤璇�" labelWidth="20%" borderBottom required>
- <u--input v-model="registerFormModel.idCard" placeholder="璇疯緭鍏ュ唴瀹�"></u--input>
+ <u--input v-model="registerFormModel.idCard" placeholder="璇疯緭鍏ュ唴瀹�" clearable></u--input>
</u-form-item>
<u-form-item prop="phone" label="鎵嬫満鍙�" labelWidth="20%" borderBottom required>
- <u--input v-model="registerFormModel.phone" placeholder="璇疯緭鍏ュ唴瀹�"></u--input>
+ <u--input v-model="registerFormModel.phone" placeholder="璇疯緭鍏ュ唴瀹�" clearable></u--input>
</u-form-item>
<u-form-item prop="password" label="瀵嗙爜" labelWidth="20%" borderBottom required>
- <u--input v-model="registerFormModel.password" placeholder="璇疯緭鍏ュ唴瀹�"></u--input>
+ <u--input v-model="registerFormModel.password" placeholder="璇疯緭鍏ュ唴瀹�" password clearable></u--input>
+ </u-form-item>
+ <u-form-item prop="confirmPassword" label="纭瀵嗙爜" labelWidth="20%" borderBottom required>
+ <u--input v-model="registerFormModel.confirmPassword" placeholder="璇疯緭鍏ュ唴瀹�" password clearable @blur="jiaoYanPassword"></u--input>
</u-form-item>
<u-form-item prop="carNo" label="杞︾墝鍙�" labelWidth="20%" borderBottom v-if="radiovalue1 == '鍙告満'" required>
- <u--input v-model="registerFormModel.carNo" placeholder="璇疯緭鍏ュ唴瀹�"></u--input>
+ <u--input v-model="registerFormModel.carNo" placeholder="璇疯緭鍏ュ唴瀹�" clearable></u--input>
</u-form-item>
- <u-form-item prop="carPhoto" label="杞﹁締鐓х墖" labelWidth="20%" borderBottom v-if="radiovalue1 == '鍙告満'" required>
- <u-upload :fileList="fileList6" @afterRead="afterRead" @delete="deletePic" name="6" multiple :maxCount="1" width="250" height="150">
+ <u-form-item prop="carImg" label="杞﹁締鐓х墖" labelWidth="20%" borderBottom v-if="radiovalue1 == '鍙告満'" required>
+ <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="drivingLicense" label="琛岄┒璇�" labelWidth="20%" borderBottom v-if="radiovalue1 == '鍙告満'" required>
- <u-upload :fileList="fileList5" @afterRead="afterRead" @delete="deletePic" name="5" multiple :maxCount="1" width="250" height="150">
+ <u-form-item prop="drivingImg" label="琛岄┒璇�" labelWidth="20%" borderBottom v-if="radiovalue1 == '鍙告満'" required>
+ <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="璇疯緭鍏ュ唴瀹�"></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="utils">
- <text @click="callingIn">鎵撶數璇�</text>
+ <!-- 鍥剧墖棰勮寮瑰嚭妗� -->
+ <!-- <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 {
// onLoad: function() {
// // 鏌ョ湅鏄惁鎺堟潈
@@ -77,9 +105,6 @@
// }
// })
// },
- components: {
- // HomeSpecies
- },
// 鐩戝惉椤甸潰鍒濇娓叉煋瀹屾垚銆傛敞鎰忓鏋滄覆鏌撻�熷害蹇紝浼氬湪椤甸潰杩涘叆鍔ㄧ敾瀹屾垚鍓嶈Е鍙�
onReady() {
// this.$refs.regesterFormRef.setRules(this.rules);
@@ -99,15 +124,18 @@
phone: '',
password: '',
name: '',
- username:'',
+ username: '',
openId: '',
type: 2,
idCard: '',
carNo: '',
carImg: '',
drivingImg: '',
- tuiJianMa: ''
+ tuiJianMa: '',
+ confirmPassword: ''
},
+ fileList1: [],
+ fileList2: [],
rules: {
name: {
type: 'string',
@@ -142,8 +170,20 @@
},
{
min: 6,
- max: 8,
- message: '闀垮害鍦�6-8涓瓧绗︿箣闂�'
+ max: 12,
+ message: '闀垮害鍦�6-12涓瓧绗︿箣闂�'
+ }
+ ],
+ confirmPassword: [
+ {
+ required: true,
+ message: '璇疯缃垵濮嬪瘑鐮�',
+ trigger: ['blur', 'change']
+ },
+ {
+ min: 6,
+ max: 12,
+ message: '闀垮害鍦�6-12涓瓧绗︿箣闂�'
}
],
carNo: [
@@ -154,18 +194,18 @@
trigger: ['blur', 'change']
}
],
- // carPhoto: {
- // type: 'string',
- // required: true,
- // message: '璇蜂笂浼犺溅杈嗗浘鐗�',
- // trigger: ['blur', 'change']
- // },
- // drivingLicense: {
- // type: 'string',
- // required: true,
- // message: '璇蜂笂浼犺椹惰瘉鐓х墖',
- // trigger: ['blur', 'change']
- // }
+ carImg: {
+ type: 'string',
+ required: true,
+ message: '璇蜂笂浼犺溅杈嗗浘鐗�',
+ trigger: ['blur', 'change']
+ },
+ drivingImg: {
+ type: 'string',
+ required: true,
+ message: '璇蜂笂浼犺椹惰瘉鐓х墖',
+ trigger: ['blur', 'change']
+ }
},
// 鍩烘湰妗堝垪鏁版嵁
radiolist1: [
@@ -181,8 +221,6 @@
// u-radio-group鐨剉-model缁戝畾鐨勫�煎鏋滆缃负鏌愪釜radio鐨刵ame锛屽氨浼氳榛樿閫変腑
radiovalue1: '璐т唬',
beforeChangeValue: '',
- fileList5: [],
- fileList6: [],
// 鏇存崲瑙掕壊寮规
editRoleModelShow: false,
title: '鎻愮ず',
@@ -215,42 +253,39 @@
},
methods: {
registerClick() {
- this.$refs.regesterFormRef
- .validate()
- .then(res => {
- console.log(this.registerFormModel);
- this.registerFormModel.username = this.registerFormModel.name
- apiRegister(this.registerFormModel)
- .then(res => {
- console.log(res);
- if (res.data.code == 0) {
- uni.showToast({
- title: '娉ㄥ唽鎴愬姛,鍗冲皢杩涘叆鐧诲綍锛�',
- icon: 'none',
- duration: 1000
- });
- setTimeout(() => {
- uni.redirectTo({ url: '/pages/login/login' });
- }, 1000);
- } else {
- this.$u.toast(res.data.msg)
- }
- })
- .catch(err => {
- console.log('閿欒', err);
- });
- })
- .catch(err => {
- console.log('err', err);
- uni.$u.toast('鏁堥獙澶辫触');
- });
+ if (this.registerFormModel.password == this.registerFormModel.confirmPassword) {
+ this.$refs.regesterFormRef
+ .validate()
+ .then(res => {
+ console.log(this.registerFormModel);
+ this.registerFormModel.username = this.registerFormModel.phone;
+ apiRegister(this.registerFormModel)
+ .then(res => {
+ if (res.data.code == 0) {
+ uni.showToast({
+ title: '娉ㄥ唽鎴愬姛,鍗冲皢杩斿洖鐧诲綍椤�',
+ icon: 'none',
+ duration: 1000
+ });
+ setTimeout(() => {
+ uni.redirectTo({ url: '/pages/login/login' });
+ }, 1000);
+ } else {
+ this.$u.toast(res.data.data ? res.data.data : '娣诲姞澶辫触');
+ }
+ })
+ .catch(err => {
+ console.log('閿欒', err);
+ });
+ })
+ .catch(err => {
+ console.log('err', err);
+ uni.$u.toast('璇疯鑼冭緭鍏ュ唴瀹�');
+ });
+ } else {
+ this.$u.toast('涓ゆ瀵嗙爜涓嶄竴鑷�');
+ }
},
- // 闊宠棰戦�氳瘽
- // callingIn() {
- // uni.navigateTo({
- // url: '/pages/calling-index/calling-index'
- // });
- // },
// 鍗曢�夋浜嬩欢
groupChange(e) {
console.log('鍗曢�夋灏忕粍', e);
@@ -269,6 +304,11 @@
this.beforeChangeValue = e;
}
},
+ jiaoYanPassword() {
+ if (this.registerFormModel.password != this.registerFormModel.confirmPassword) {
+ this.$u.toast('涓ゆ瀵嗙爜涓嶄竴鑷�');
+ }
+ },
// 涓婁紶鍥剧墖鏂规硶
// 鍒犻櫎鍥剧墖
deletePic(event) {
@@ -276,7 +316,6 @@
},
// 鏂板鍥剧墖
async afterRead(event) {
- console.log('event', event);
// 褰撹缃� mutiple 涓� true 鏃�, file 涓烘暟缁勬牸寮忥紝鍚﹀垯涓哄璞℃牸寮�
let lists = [].concat(event.file);
let fileListLen = this[`fileList${event.name}`].length;
@@ -288,33 +327,37 @@
});
});
for (let i = 0; i < lists.length; i++) {
- const result = await this.uploadFilePromise(lists[i].url);
+ const result = await this.uploadFilePromise(lists[i].url, event.name);
let item = this[`fileList${event.name}`][fileListLen];
this[`fileList${event.name}`].splice(
fileListLen,
1,
Object.assign(item, {
status: 'success',
- message: '',
+ message: '涓婁紶鎴愬姛',
url: result
})
);
fileListLen++;
}
},
- uploadFilePromise(url) {
+ uploadFilePromise(url, num) {
return new Promise((resolve, reject) => {
let a = uni.uploadFile({
- url: 'http://192.168.0.120:9999/admin/sys-file/uploadUnToken', // 浠呬负绀轰緥锛岄潪鐪熷疄鐨勬帴鍙ｅ湴鍧�
+ url: BaseUrl + '/admin/sys-file/uploadUnToken',
filePath: url,
name: 'file',
formData: {
- user: 'test'
+ // user: ''
},
success: res => {
- setTimeout(() => {
- resolve(res.data.data);
- }, 1000);
+ 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}`);
+ }
}
});
});
@@ -331,7 +374,6 @@
* @resetFields 涓嶇鐢ㄦ椂鍊欑敤涓婅竟鐨勪唬鏇�
*/
this.$refs.regesterFormRef.resetFields();
-
this.editRoleModelShow = false;
},
roleCancel() {
@@ -339,17 +381,6 @@
this.$nextTick(() => {
this.editRoleModelShow = false;
});
- // switch (this.radiovalue1) {
- // case '瀹㈡埛':
- // this.radiovalue1 = '';
- // break;
- // case '璐т唬':
- // this.radiovalue1 = '鍙告満';
- // break;
- // case '鍙告満':
- // this.radiovalue1 = '璐т唬';
- // break;
- // }
}
}
};
--
Gitblit v1.9.1