|
|
@@ -1,18 +1,18 @@
|
|
|
<template>
|
|
|
<view class="page">
|
|
|
<view class="form">
|
|
|
- <u-form :model="form" ref="form" label-width="180rpx" :error-type="['toast']">
|
|
|
- <u-form-item label="收货人">
|
|
|
+ <u-form :model="form" ref="uForm" label-width="180rpx" :error-type="['toast']" :rules="rules">
|
|
|
+ <u-form-item label="收货人" prop="name">
|
|
|
<u-input v-model="form.name" placeholder="请输入收货人姓名" />
|
|
|
</u-form-item>
|
|
|
- <u-form-item label="联系方式">
|
|
|
+ <u-form-item label="联系方式" prop="mobile">
|
|
|
<u-input v-model="form.mobile" placeholder="请输入联系方式" />
|
|
|
</u-form-item>
|
|
|
<u-form-item label="所在地区">
|
|
|
<uni-data-picker v-model="selAddressCodes" :localdata="dataList" placeholder="请选择所在地区"
|
|
|
popup-title="请选择所在地区" @change="cityChange"></uni-data-picker>
|
|
|
</u-form-item>
|
|
|
- <u-form-item label="详细地址">
|
|
|
+ <u-form-item label="详细地址" prop="detailAddress">
|
|
|
<u-input v-model="form.detailAddress" placeholder="请输入详细地址" />
|
|
|
</u-form-item>
|
|
|
<u-form-item :border-bottom="false" label="设为默认地址">
|
|
|
@@ -43,7 +43,7 @@ export default {
|
|
|
appThemeColor: this.$appTheme.appThemeColor,
|
|
|
// 表单
|
|
|
form: {
|
|
|
- id: null,
|
|
|
+ id: '',
|
|
|
"provinceId": '',
|
|
|
"cityId": '',
|
|
|
"districtId": '',
|
|
|
@@ -74,6 +74,10 @@ export default {
|
|
|
dataList: [],
|
|
|
};
|
|
|
},
|
|
|
+ // 必须要在onReady生命周期，因为onLoad生命周期组件可能尚未创建完毕
|
|
|
+ onReady() {
|
|
|
+ this.$refs.uForm.setRules(this.rules);
|
|
|
+ },
|
|
|
onLoad(ops) {
|
|
|
if (ops.id) {
|
|
|
this.form.id = ops.id;
|
|
|
@@ -109,7 +113,8 @@ export default {
|
|
|
|
|
|
// 提交表单
|
|
|
submit() {
|
|
|
- this.$refs.form.validate().then(valid => {
|
|
|
+ this.$refs.uForm.validate(valid => {
|
|
|
+ console.log(valid, 'valid')
|
|
|
if (valid) {
|
|
|
let path = this.form.id ? '/token/user/address/update' : '/token/user/address/add'
|
|
|
uni.$u.http.post(path, this.form).then(res => {
|
|
|
@@ -119,9 +124,14 @@ export default {
|
|
|
icon: 'success'
|
|
|
});
|
|
|
uni.navigateBack();
|
|
|
+ } else {
|
|
|
+ uni.showToast({
|
|
|
+ title: res.msg,
|
|
|
+ icon: 'none'
|
|
|
+ })
|
|
|
}
|
|
|
})
|
|
|
- }
|
|
|
+ }
|
|
|
});
|
|
|
},
|
|
|
// 编辑
|
