From 05273ace3da665cb10c36ca0dac4413a8284302a Mon Sep 17 00:00:00 2001
From: qingyiay <2386314947@qq.com>
Date: 星期三, 17 五月 2023 18:10:36 +0800
Subject: [PATCH] 增加部分限制，增加新功能
---
pages/register/register.vue | 124 ++++++++++++++++++++++++++++-------------
1 files changed, 85 insertions(+), 39 deletions(-)
diff --git a/pages/register/register.vue b/pages/register/register.vue
index b27729d..c901a7b 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>
@@ -35,32 +34,62 @@
<u-form-item prop="carNo" label="杞︾墝鍙�" labelWidth="20%" borderBottom v-if="radiovalue1 == '鍙告満'" 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-form-item prop="carImg" label="杞﹁締鐓х墖" labelWidth="20%" borderBottom v-if="radiovalue1 == '鍙告満'" required @click="beforeRead">
+ <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-form-item prop="drivingImg" label="琛岄┒璇�" labelWidth="20%" borderBottom v-if="radiovalue1 == '鍙告満'" required @click="beforeRead">
+ <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';
+import { mapMutations } from 'vuex';
export default {
// onLoad: function() {
// // 鏌ョ湅鏄惁鎺堟潈
@@ -77,12 +106,9 @@
// }
// })
// },
- components: {
- // HomeSpecies
- },
// 鐩戝惉椤甸潰鍒濇娓叉煋瀹屾垚銆傛敞鎰忓鏋滄覆鏌撻�熷害蹇紝浼氬湪椤甸潰杩涘叆鍔ㄧ敾瀹屾垚鍓嶈Е鍙�
onReady() {
- // this.$refs.regesterFormRef.setRules(this.rules);
+ this.$refs.regesterFormRef.setRules(this.rules);
// this.$refs.regesterFormRef.validate().then(res => {}).catch(err => {
// console.log(err);
// })
@@ -95,6 +121,9 @@
},
data() {
return {
+ // 杞︾墝鍙烽敭鐩樻帶鍒�
+ carNumShow: false,
+ keyValue: '',
registerFormModel: {
phone: '',
password: '',
@@ -118,16 +147,22 @@
message: '璇峰～鍐欏鍚�',
trigger: ['blur', 'change']
},
- idCard: {
- type: 'string',
- required: true,
- message: '璇疯緭鍏ヨ韩浠借瘉鍙�',
- trigger: ['blur', 'change']
- },
+ idCard: [
+ {
+ type: 'string',
+ required: true,
+ message: '璇疯緭鍏ヨ韩浠借瘉鍙�',
+ trigger: ['blur', 'change']
+ },
+ {
+ pattern: /^([1-6][1-9]|50)\d{4}(18|19|20)\d{2}((0[1-9])|10|11|12)(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/,
+ message: '韬唤璇佸彿鏍煎紡涓嶆纭�'
+ }
+ ],
phone: [
{
required: true,
- message: '姝や负蹇呭～瀛楁',
+ message: '姝ら」涓哄繀濉」',
// blur鍜宑hange浜嬩欢瑙﹀彂妫�楠�
trigger: ['blur', 'change']
},
@@ -135,6 +170,13 @@
min: 11,
max: 11,
message: '璇疯緭鍏ュ悎娉曟墜鏈哄彿'
+ },
+ {
+ validator: (rule, value, callback) => {
+ return uni.$u.test.mobile(value);
+ },
+ message: '鎵嬫満鍙风爜涓嶆纭�',
+ trigger: ['change', 'blur']
}
],
password: [
@@ -167,6 +209,16 @@
required: true,
message: '璇疯緭鍏ヨ溅鐗屽彿',
trigger: ['blur', 'change']
+ },
+ {
+ transform(value) {
+ return String(value);
+ },
+ validator: (rule, value, callback) => {
+ return uni.$u.test.carNo(value);
+ },
+ message: '璇疯緭鍏ユ纭殑杞︾墝鍙�',
+ trigger: ['change', 'blur']
}
],
carImg: {
@@ -227,6 +279,7 @@
}
},
methods: {
+ ...mapMutations(['changeisUploadimg']),
registerClick() {
if (this.registerFormModel.password == this.registerFormModel.confirmPassword) {
this.$refs.regesterFormRef
@@ -236,10 +289,9 @@
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
});
@@ -247,7 +299,7 @@
uni.redirectTo({ url: '/pages/login/login' });
}, 1000);
} else {
- this.$u.toast(res.data.msg);
+ this.$u.toast(res.msg ? res.msg : '娣诲姞澶辫触');
}
})
.catch(err => {
@@ -256,24 +308,15 @@
})
.catch(err => {
console.log('err', err);
- uni.$u.toast('璇疯鑼冭緭鍏ュ唴瀹�');
+ this.$u.toast('璇疯鑼冭緭鍏ュ唴瀹�');
});
} else {
this.$u.toast('涓ゆ瀵嗙爜涓嶄竴鑷�');
}
},
- // 闊宠棰戦�氳瘽
- // callingIn() {
- // uni.navigateTo({
- // url: '/pages/calling-index/calling-index'
- // });
- // },
// 鍗曢�夋浜嬩欢
- groupChange(e) {
- console.log('鍗曢�夋灏忕粍', e);
- },
+ groupChange(e) {},
radioChange(e) {
- console.log('鍗曢�夋', e);
if (
this.registerFormModel.name == '' &&
this.registerFormModel.idCard == '' &&
@@ -281,7 +324,6 @@
this.registerFormModel.carNo == '' &&
this.registerFormModel.password == ''
) {
- console.log('鍙樹簡');
this.$refs.regesterFormRef.clearValidate();
this.beforeChangeValue = e;
}
@@ -292,13 +334,16 @@
}
},
// 涓婁紶鍥剧墖鏂规硶
+ beforeRead() {
+ this.changeisUploadimg(true);
+ },
// 鍒犻櫎鍥剧墖
deletePic(event) {
+ this.changeisUploadimg(true);
this[`fileList${event.name}`].splice(event.index, 1);
},
// 鏂板鍥剧墖
async afterRead(event) {
- console.log('event', event);
// 褰撹缃� mutiple 涓� true 鏃�, file 涓烘暟缁勬牸寮忥紝鍚﹀垯涓哄璞℃牸寮�
let lists = [].concat(event.file);
let fileListLen = this[`fileList${event.name}`].length;
@@ -317,7 +362,7 @@
1,
Object.assign(item, {
status: 'success',
- message: '',
+ message: '涓婁紶鎴愬姛',
url: result
})
);
@@ -330,15 +375,16 @@
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}`);
}
}
});
--
Gitblit v1.9.1