|
|
|
@ -9,13 +9,13 @@ import { ref, reactive } from 'vue'
|
|
|
|
|
|
|
|
|
|
// 表单数据
|
|
|
|
|
const form = ref({
|
|
|
|
|
receiver: '', // 收货人
|
|
|
|
|
contact: '', // 联系方式
|
|
|
|
|
receiveUserName: '', // 收货人
|
|
|
|
|
receiveMobilePhone: '13201921745', // 联系方式
|
|
|
|
|
fullLocation: '', // 省市区(前端展示)
|
|
|
|
|
provinceCode: '', // 省份编码(后端参数)
|
|
|
|
|
cityCode: '', // 城市编码(后端参数)
|
|
|
|
|
countyCode: '', // 区/县编码(后端参数)
|
|
|
|
|
address: '', // 详细地址
|
|
|
|
|
receiveStreet: '', // 详细地址
|
|
|
|
|
isDefault: 0, // 默认地址,1为是,0为否
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
@ -59,10 +59,10 @@ const onSwitchChange: UniHelper.SwitchOnChange = (ev) => {
|
|
|
|
|
|
|
|
|
|
// 定义校验规则
|
|
|
|
|
const rules: UniHelper.UniFormsRules = {
|
|
|
|
|
receiver: {
|
|
|
|
|
receiveUserName: {
|
|
|
|
|
rules: [{ required: true, errorMessage: '请输入收货人姓名' }],
|
|
|
|
|
},
|
|
|
|
|
contact: {
|
|
|
|
|
receiveMobilePhone: {
|
|
|
|
|
rules: [
|
|
|
|
|
{ required: true, errorMessage: '请输入联系方式' },
|
|
|
|
|
{ pattern: /^1[3-9]\d{9}$/, errorMessage: '手机号格式不正确' },
|
|
|
|
@ -71,7 +71,7 @@ const rules: UniHelper.UniFormsRules = {
|
|
|
|
|
countyCode: {
|
|
|
|
|
rules: [{ required: true, errorMessage: '请选择所在地区' }],
|
|
|
|
|
},
|
|
|
|
|
address: {
|
|
|
|
|
receiveStreet: {
|
|
|
|
|
rules: [{ required: true, errorMessage: '请选择详细地址' }],
|
|
|
|
|
},
|
|
|
|
|
}
|
|
|
|
@ -83,7 +83,7 @@ let location = reactive('')
|
|
|
|
|
const handlePointer = () => {
|
|
|
|
|
uni.chooseLocation({
|
|
|
|
|
success: async function (res) {
|
|
|
|
|
form.value.address = res.address
|
|
|
|
|
form.value.receiveStreet = res.address
|
|
|
|
|
const longitude = res.longitude.toFixed(6)
|
|
|
|
|
const latitude = res.latitude.toFixed(6)
|
|
|
|
|
location = Object.assign(location, {
|
|
|
|
@ -143,17 +143,17 @@ const onCityChange: UniHelper.UniDataPickerOnChange = (ev) => {
|
|
|
|
|
<view class="content">
|
|
|
|
|
<uni-forms :rules="rules" :model="form" ref="formRef">
|
|
|
|
|
<!-- 表单内容 -->
|
|
|
|
|
<uni-forms-item name="receiver" class="form-item">
|
|
|
|
|
<uni-forms-item name="receiveUserName" class="form-item">
|
|
|
|
|
<text class="label">收货人</text>
|
|
|
|
|
<input class="input" placeholder="请填写收货人姓名" v-model="form.receiver" />
|
|
|
|
|
<input class="input" placeholder="请填写收货人姓名" v-model="form.receiveUserName" />
|
|
|
|
|
</uni-forms-item>
|
|
|
|
|
<uni-forms-item name="contact" class="form-item">
|
|
|
|
|
<uni-forms-item name="receiveMobilePhone" class="form-item">
|
|
|
|
|
<text class="label">手机号码</text>
|
|
|
|
|
<input
|
|
|
|
|
class="input"
|
|
|
|
|
placeholder="请填写收货人手机号码"
|
|
|
|
|
:maxlength="11"
|
|
|
|
|
v-model="form.contact"
|
|
|
|
|
v-model="form.receiveMobilePhone"
|
|
|
|
|
/>
|
|
|
|
|
</uni-forms-item>
|
|
|
|
|
<uni-forms-item name="countyCode" class="form-item">
|
|
|
|
@ -188,7 +188,7 @@ const onCityChange: UniHelper.UniDataPickerOnChange = (ev) => {
|
|
|
|
|
</uni-forms-item>
|
|
|
|
|
<uni-forms-item name="address" class="form-item" @tap="handlePointer">
|
|
|
|
|
<text class="label">详细地址</text>
|
|
|
|
|
<view class="input">{{ form.address || '街道、楼牌号等信息' }} </view>
|
|
|
|
|
<view class="input">{{ form.receiveStreet || '街道、楼牌号等信息' }} </view>
|
|
|
|
|
<!-- <input class="input" placeholder="街道、楼牌号等信息" v-model="form.address" /> -->
|
|
|
|
|
</uni-forms-item>
|
|
|
|
|
<view class="form-item">
|
|
|
|
|