|
|
@ -14,11 +14,11 @@ |
|
|
<view class="section-title">送餐点照片</view> |
|
|
<view class="section-title">送餐点照片</view> |
|
|
<view class="section-block"> |
|
|
<view class="section-block"> |
|
|
<view class="upload-container"> |
|
|
<view class="upload-container"> |
|
|
<view class="upload-area" @tap="chooseImage" v-if="!formData.locationImage"> |
|
|
|
|
|
|
|
|
<view class="upload-area" @tap="chooseImage" v-if="!formData.spotImage"> |
|
|
<view class="plus">+</view> |
|
|
<view class="plus">+</view> |
|
|
<view class="upload-text">添加图片</view> |
|
|
<view class="upload-text">添加图片</view> |
|
|
</view> |
|
|
</view> |
|
|
<image v-else :src="formData.locationImage" mode="aspectFill" class="upload-area" |
|
|
|
|
|
|
|
|
<image v-else :src="formData.spotImage" mode="aspectFill" class="upload-area" |
|
|
@tap="chooseImage" /> |
|
|
@tap="chooseImage" /> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
@ -29,17 +29,17 @@ |
|
|
|
|
|
|
|
|
<view class="form-item"> |
|
|
<view class="form-item"> |
|
|
<text class="label">送餐点名称</text> |
|
|
<text class="label">送餐点名称</text> |
|
|
<input class="input" type="text" v-model="formData.name" placeholder="请输入送餐点名称" |
|
|
|
|
|
|
|
|
<input class="input" type="text" v-model="formData.spotName" placeholder="请输入送餐点名称" |
|
|
placeholder-class="placeholder" /> |
|
|
placeholder-class="placeholder" /> |
|
|
</view> |
|
|
</view> |
|
|
<view class="form-item"> |
|
|
<view class="form-item"> |
|
|
<text class="label">您的姓名</text> |
|
|
<text class="label">您的姓名</text> |
|
|
<input class="input" type="nickname" v-model="formData.contactName" placeholder="请输入您的姓名" |
|
|
|
|
|
|
|
|
<input class="input" type="nickname" v-model="formData.name" placeholder="请输入您的姓名" |
|
|
placeholder-class="placeholder" /> |
|
|
placeholder-class="placeholder" /> |
|
|
</view> |
|
|
</view> |
|
|
<view class="form-item"> |
|
|
<view class="form-item"> |
|
|
<text class="label">联系手机号</text> |
|
|
<text class="label">联系手机号</text> |
|
|
<input class="input" type="number" v-model="formData.contactPhone" placeholder="请输入您的手机号" |
|
|
|
|
|
|
|
|
<input class="input" type="number" v-model="formData.phone" placeholder="请输入您的手机号" |
|
|
placeholder-class="placeholder" /> |
|
|
placeholder-class="placeholder" /> |
|
|
</view> |
|
|
</view> |
|
|
|
|
|
|
|
|
@ -47,7 +47,7 @@ |
|
|
<text class="label">所在地区</text> |
|
|
<text class="label">所在地区</text> |
|
|
|
|
|
|
|
|
<picker mode="region" @change="regionSelect"> |
|
|
<picker mode="region" @change="regionSelect"> |
|
|
<text style="font-size: 30rpx;">{{ formData.region || '请选择' }}</text> |
|
|
|
|
|
|
|
|
<text style="font-size: 30rpx;">{{ formData.area || '请选择' }}</text> |
|
|
</picker> |
|
|
</picker> |
|
|
<uv-icon name="arrow-right" color="#000" style="margin-left: 2rpx;"/> |
|
|
<uv-icon name="arrow-right" color="#000" style="margin-left: 2rpx;"/> |
|
|
</view> |
|
|
</view> |
|
|
@ -83,11 +83,11 @@ export default { |
|
|
data() { |
|
|
data() { |
|
|
return { |
|
|
return { |
|
|
formData: { |
|
|
formData: { |
|
|
locationImage: '', // 上传的送餐点照片 |
|
|
|
|
|
name: '', // 送餐点名称 |
|
|
|
|
|
contactName: '', // 联系人姓名 |
|
|
|
|
|
contactPhone: '', // 联系电话 |
|
|
|
|
|
region: '', // 所在地区 |
|
|
|
|
|
|
|
|
spotImage: '', // 上传的送餐点照片 |
|
|
|
|
|
spotName: '', // 送餐点名称 |
|
|
|
|
|
name: '', // 联系人姓名 |
|
|
|
|
|
phone: '', // 联系电话 |
|
|
|
|
|
area: '', // 所在地区 |
|
|
address: '' // 详细地址 |
|
|
address: '' // 详细地址 |
|
|
}, |
|
|
}, |
|
|
identity: uni.getStorageSync('identity'), |
|
|
identity: uni.getStorageSync('identity'), |
|
|
@ -104,55 +104,55 @@ export default { |
|
|
success: (res) => { |
|
|
success: (res) => { |
|
|
// 这里可以添加图片上传到服务器的逻辑 |
|
|
// 这里可以添加图片上传到服务器的逻辑 |
|
|
// 暂时只展示选择的图片 |
|
|
// 暂时只展示选择的图片 |
|
|
this.formData.locationImage = res.tempFilePaths[0] |
|
|
|
|
|
|
|
|
this.formData.spotImage = res.tempFilePaths[0] |
|
|
} |
|
|
} |
|
|
}) |
|
|
}) |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
// 显示地区选择器（当前只是一个简单的点击反应） |
|
|
// 显示地区选择器（当前只是一个简单的点击反应） |
|
|
regionSelect(e) { |
|
|
regionSelect(e) { |
|
|
this.formData.region = e.detail.value[1] + e.detail.value[2] |
|
|
|
|
|
|
|
|
this.formData.area = e.detail.value[1] + e.detail.value[2] |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
// 提交申请 |
|
|
// 提交申请 |
|
|
submitApplication() { |
|
|
submitApplication() { |
|
|
// 表单验证 |
|
|
// 表单验证 |
|
|
if (!this.formData.locationImage) { |
|
|
|
|
|
|
|
|
if (!this.formData.spotImage) { |
|
|
return uni.showToast({ |
|
|
return uni.showToast({ |
|
|
title: '请上传送餐点照片', |
|
|
title: '请上传送餐点照片', |
|
|
icon: 'none' |
|
|
icon: 'none' |
|
|
}) |
|
|
}) |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
if (!this.formData.name) { |
|
|
|
|
|
|
|
|
if (!this.formData.spotName) { |
|
|
return uni.showToast({ |
|
|
return uni.showToast({ |
|
|
title: '请输入送餐点名称', |
|
|
title: '请输入送餐点名称', |
|
|
icon: 'none' |
|
|
icon: 'none' |
|
|
}) |
|
|
}) |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
if (!this.formData.contactName) { |
|
|
|
|
|
|
|
|
if (!this.formData.name) { |
|
|
return uni.showToast({ |
|
|
return uni.showToast({ |
|
|
title: '请输入您的姓名', |
|
|
title: '请输入您的姓名', |
|
|
icon: 'none' |
|
|
icon: 'none' |
|
|
}) |
|
|
}) |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
if (!this.formData.contactPhone) { |
|
|
|
|
|
|
|
|
if (!this.formData.phone) { |
|
|
return uni.showToast({ |
|
|
return uni.showToast({ |
|
|
title: '请输入联系手机号', |
|
|
title: '请输入联系手机号', |
|
|
icon: 'none' |
|
|
icon: 'none' |
|
|
}) |
|
|
}) |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
if (!this.$utils.verificationPhone(this.formData.contactPhone)) { |
|
|
|
|
|
|
|
|
if (!this.$utils.verificationPhone(this.formData.phone)) { |
|
|
return uni.showToast({ |
|
|
return uni.showToast({ |
|
|
title: '请输入正确的手机号', |
|
|
title: '请输入正确的手机号', |
|
|
icon: 'none' |
|
|
icon: 'none' |
|
|
}) |
|
|
}) |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
if (!this.formData.region) { |
|
|
|
|
|
|
|
|
if (!this.formData.area) { |
|
|
return uni.showToast({ |
|
|
return uni.showToast({ |
|
|
title: '请选择所在地区', |
|
|
title: '请选择所在地区', |
|
|
icon: 'none' |
|
|
icon: 'none' |
|
|
@ -181,20 +181,31 @@ export default { |
|
|
return |
|
|
return |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
uni.showModal({ |
|
|
|
|
|
title: '提交成功！', |
|
|
|
|
|
content: '我们的工作人员会及时与您联系，\n请保持电话畅通！', |
|
|
|
|
|
showCancel: false, |
|
|
|
|
|
confirmColor: '#019245', |
|
|
|
|
|
success: (res) => { |
|
|
|
|
|
if (res.confirm) { |
|
|
|
|
|
// 如果是团员 延迟返回上一页 |
|
|
|
|
|
setTimeout(() => { |
|
|
|
|
|
this.$utils.navigateBack() |
|
|
|
|
|
}, 500) |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
console.log(this.formData); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 如果是团员 提交申请 |
|
|
|
|
|
this.$api('addLeader', { |
|
|
|
|
|
...this.formData, |
|
|
|
|
|
}, res => { |
|
|
|
|
|
if (res.code == 200) { |
|
|
|
|
|
uni.showModal({ |
|
|
|
|
|
title: '提交成功！', |
|
|
|
|
|
content: '我们的工作人员会及时与您联系，\n请保持电话畅通！', |
|
|
|
|
|
showCancel: false, |
|
|
|
|
|
confirmColor: '#019245', |
|
|
|
|
|
success: (res) => { |
|
|
|
|
|
if (res.confirm) { |
|
|
|
|
|
// 如果是团员 延迟返回上一页 |
|
|
|
|
|
setTimeout(() => { |
|
|
|
|
|
this.$utils.navigateBack() |
|
|
|
|
|
}, 500) |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
}) |
|
|
} |
|
|
} |
|
|
}) |
|
|
}) |
|
|
|
|
|
|
|
|
}, 1000) |
|
|
}, 1000) |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
|
hflllll
1 month ago