gxwebsoft
416 lines
10 KiB
Vue
416 lines
10 KiB
Vue
<template>
|
|
<view class="container" :style="appThemeStyle">
|
|
<!-- 标题 -->
|
|
<view class="page-title">申请入驻</view>
|
|
<!-- 合伙人 -->
|
|
<Partner v-if=" currentType == 0 " :form="dataType[currentType]"
|
|
@handleSubmit="handleSubmit" @chooseImage="chooseImage" @deleteImage="deleteImage" @showLicense="handleShowLicense" />
|
|
<!-- 配送员 -->
|
|
<Delivery v-if=" currentType == 1 " :form="dataType[currentType]"
|
|
@handleSubmit="handleSubmit" @chooseImage="chooseImage" @deleteImage="deleteImage" />
|
|
<!-- 团长 -->
|
|
<Teamer v-if=" currentType == 2 " :form="dataType[currentType]"
|
|
@handleSubmit="handleSubmit" @chooseImage="chooseImage" @deleteImage="deleteImage" />
|
|
<!-- 个人商户 -->
|
|
<Personal v-if=" currentType == 3 " :form="dataType[currentType]"
|
|
@handleSubmit="handleSubmit" @chooseImage="chooseImage" @deleteImage="deleteImage" />
|
|
|
|
<!-- 入驻协议弹窗 -->
|
|
<u-modal v-model="showLicense" title="入驻协议">
|
|
<scroll-view class="pops-content" :scroll-y="true">
|
|
<text>{{ dataType[currentType].license }}</text>
|
|
</scroll-view>
|
|
</u-modal>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import * as ApplyApi from '@/api/apply.js'
|
|
import * as UploadApi from '@/api/upload'
|
|
import SettingModel from '@/common/model/dealer/Setting'
|
|
import Partner from './components/partner.vue'
|
|
import Delivery from './components/delivery.vue'
|
|
import Teamer from './components/teamer.vue'
|
|
import Personal from './components/personal.vue'
|
|
|
|
// 数据类型
|
|
const dataType = [
|
|
{
|
|
name: "商户",
|
|
title: '申请成为商户',
|
|
label: "partner",
|
|
regionText: '所在地区',
|
|
licenseTitle: '',
|
|
license: '',
|
|
submitText: '提交申请',
|
|
disabled: false,
|
|
longitude: '',
|
|
latitude: '',
|
|
imageProp: ["sfz1", "sfz2", "yyzz"],
|
|
itemLabel: ["身份证(正)", "身份证(反)", "营业执照"],
|
|
imageList: [{
|
|
path: 'http://dev.gxwebsoft.com/hainiu/uploads/10001/20220522/6b52b67ed9291757163c10ef96be1a54.png',
|
|
size: 0
|
|
},{
|
|
path: 'http://dev.gxwebsoft.com/hainiu/uploads/10001/20220522/6b52b67ed9291757163c10ef96be1a54.png',
|
|
size: 0
|
|
},
|
|
{
|
|
path: 'http://dev.gxwebsoft.com/hainiu/uploads/10001/20220522/55faad35f5ee30f3e8791bdfd2f75eb9.png',
|
|
size: 0
|
|
}],
|
|
|
|
},
|
|
{
|
|
name: "配送员",
|
|
title: '申请成为配送员',
|
|
label: "delivery",
|
|
regionText: '意向配送区域',
|
|
licenseTitle: '',
|
|
license: '',
|
|
submitText: '提交申请',
|
|
disabled: false,
|
|
longitude: '',
|
|
latitude: '',
|
|
imageProp: ["sfz1", "sfz2", "yyzz"],
|
|
itemLabel: ["身份证(正)", "身份证(反)", "营业执照"],
|
|
imageList: [{
|
|
path: 'http://dev.gxwebsoft.com/hainiu/uploads/10001/20220522/6b52b67ed9291757163c10ef96be1a54.png',
|
|
size: 0
|
|
},{
|
|
path: 'http://dev.gxwebsoft.com/hainiu/uploads/10001/20220522/6b52b67ed9291757163c10ef96be1a54.png',
|
|
size: 0
|
|
},
|
|
{
|
|
path: 'http://dev.gxwebsoft.com/hainiu/uploads/10001/20220522/55faad35f5ee30f3e8791bdfd2f75eb9.png',
|
|
size: 0
|
|
}],
|
|
|
|
},
|
|
{
|
|
name: "团长",
|
|
title: '申请成为团长',
|
|
label: "teamer",
|
|
regionText: '所在地区',
|
|
licenseTitle: '',
|
|
license: '',
|
|
submitText: '提交申请',
|
|
disabled: false,
|
|
longitude: '',
|
|
latitude: '',
|
|
imageProp: ["sfz1", "sfz2", "yyzz"],
|
|
itemLabel: ["身份证(正)", "身份证(反)", "营业执照"],
|
|
imageList: [{
|
|
path: 'http://dev.gxwebsoft.com/hainiu/uploads/10001/20220522/6b52b67ed9291757163c10ef96be1a54.png',
|
|
size: 0
|
|
},{
|
|
path: 'http://dev.gxwebsoft.com/hainiu/uploads/10001/20220522/6b52b67ed9291757163c10ef96be1a54.png',
|
|
size: 0
|
|
},
|
|
{
|
|
path: 'http://dev.gxwebsoft.com/hainiu/uploads/10001/20220522/55faad35f5ee30f3e8791bdfd2f75eb9.png',
|
|
size: 0
|
|
}],
|
|
|
|
},
|
|
{
|
|
name: "个人商户",
|
|
title: '申请成为个人商户',
|
|
label: "personal",
|
|
regionText: '所在地区',
|
|
submitText: '提交申请',
|
|
licenseTitle: '',
|
|
license: '',
|
|
disabled: false,
|
|
longitude: '',
|
|
latitude: '',
|
|
imageProp: ["sfz1", "sfz2", "yyzz"],
|
|
itemLabel: ["身份证(正)", "身份证(反)", "营业执照"],
|
|
imageList: [{
|
|
path: 'http://dev.gxwebsoft.com/hainiu/uploads/10001/20220522/6b52b67ed9291757163c10ef96be1a54.png',
|
|
size: 0
|
|
},{
|
|
path: 'http://dev.gxwebsoft.com/hainiu/uploads/10001/20220522/6b52b67ed9291757163c10ef96be1a54.png',
|
|
size: 0
|
|
},
|
|
{
|
|
path: 'http://dev.gxwebsoft.com/hainiu/uploads/10001/20220522/55faad35f5ee30f3e8791bdfd2f75eb9.png',
|
|
size: 0
|
|
}],
|
|
|
|
}
|
|
]
|
|
|
|
export default {
|
|
components: {
|
|
Partner,
|
|
Delivery,
|
|
Teamer,
|
|
Personal
|
|
},
|
|
data() {
|
|
return {
|
|
// 数据类型
|
|
dataType,
|
|
// 当前类型
|
|
currentType: 0,
|
|
// 文字设置
|
|
words: undefined,
|
|
// 显示入驻协议弹窗
|
|
showLicense: false,
|
|
// 入驻协议阅读状态
|
|
isRead: false,
|
|
// 当前记录
|
|
form: {},
|
|
}
|
|
},
|
|
|
|
/**
|
|
* 生命周期函数--监听页面加载
|
|
*/
|
|
onLoad(options) {
|
|
const app = this
|
|
// 切换类型
|
|
this.setDataType(options.dataType)
|
|
// 获取设置信息
|
|
this.getSetting()
|
|
// 获取用户坐标及当前入驻申请记录
|
|
app.getLocation((res) => {
|
|
app.getData(res.longitude, res.latitude)
|
|
})
|
|
},
|
|
methods: {
|
|
// 切换类型
|
|
setDataType(dataType) {
|
|
if (dataType == 'partner') {
|
|
this.currentType = 0
|
|
}
|
|
if (dataType == 'delivery') {
|
|
this.currentType = 1
|
|
}
|
|
if (dataType == 'teamer') {
|
|
this.currentType = 2
|
|
}
|
|
if (dataType == 'personal') {
|
|
this.currentType = 3
|
|
}
|
|
console.log("dataType: ",this.dataType[this.currentType]);
|
|
},
|
|
|
|
// 获取用户坐标
|
|
// 参考文档：https://uniapp.dcloud.io/api/location/location?id=getlocation
|
|
getLocation(callback) {
|
|
const app = this
|
|
uni.getLocation({
|
|
type: 'wgs84',
|
|
success: callback,
|
|
fail() {
|
|
app.$toast('获取定位失败，请点击右下角按钮重新尝试定位')
|
|
app.isAuthor = false
|
|
}
|
|
})
|
|
},
|
|
|
|
// 加载数据
|
|
getData(longitude, latitude) {
|
|
const app = this
|
|
const { currentType, dataType } = this
|
|
dataType[currentType].longitude = longitude
|
|
dataType[currentType].latitude = latitude
|
|
ApplyApi.detail().then(res => {
|
|
const detail = res.data.detail
|
|
console.log("detail: ",detail);
|
|
// 编辑信息
|
|
if (detail) {
|
|
app.createFormData(detail)
|
|
}
|
|
})
|
|
},
|
|
|
|
// 生成默认的表单数据
|
|
createFormData(detail) {
|
|
const {
|
|
form
|
|
} = this
|
|
form.region = this.createRegion(detail)
|
|
// 是否可编辑
|
|
this.disabled = true
|
|
// 状态
|
|
console.log("recore.apply_status: ", form.apply_status);
|
|
if (form.apply_status == 10) {
|
|
this.submitText = '待审核'
|
|
}
|
|
if (form.apply_status == 20) {
|
|
this.submitText = '审核通过'
|
|
}
|
|
if (form.apply_status == 30) {
|
|
this.submitText = '重新提交'
|
|
this.disabled = false
|
|
}
|
|
|
|
// 加载图片
|
|
this.imageList = detail.images.map(d => {
|
|
return {
|
|
path: d.image_url,
|
|
size: 101
|
|
}
|
|
})
|
|
form.images = detail.images.map(d => {
|
|
return d.image_id
|
|
})
|
|
},
|
|
|
|
// 地区
|
|
createRegion(detail) {
|
|
console.log("detail: ", detail);
|
|
return [{
|
|
label: detail.region.province,
|
|
value: detail.province_id
|
|
}, {
|
|
label: detail.region.city,
|
|
value: detail.city_id
|
|
}, {
|
|
label: detail.region.region,
|
|
value: detail.region_id
|
|
}]
|
|
},
|
|
|
|
// 获取分销设置
|
|
getSetting() {
|
|
const app = this
|
|
SettingModel.data()
|
|
.then(setting => {
|
|
app.dataType[app.currentType].licenseTitle = setting.words.apply.words.license.value
|
|
// // 赋值属性
|
|
app.dataType[app.currentType].license = setting.license.license
|
|
// 设置当前页面标题
|
|
app.setPageTitle()
|
|
})
|
|
},
|
|
|
|
// 设置当前页面标题
|
|
setPageTitle() {
|
|
uni.setNavigationBarTitle({
|
|
title: this.dataType[this.currentType].title
|
|
})
|
|
},
|
|
|
|
// 选择图片
|
|
chooseImage(imageIndex,tempFiles){
|
|
console.log("imageIndex: ",imageIndex);
|
|
console.log("tempFiles: ",tempFiles);
|
|
const {dataType, currentType} = this
|
|
dataType[currentType].imageList.splice(imageIndex,1,tempFiles)
|
|
},
|
|
|
|
// 删除图片
|
|
deleteImage(imageIndex) {
|
|
const { disabled } = this
|
|
if (disabled == true) {
|
|
return false
|
|
}
|
|
this.imageList[imageIndex].path = '/static/not-dealer.png'
|
|
},
|
|
|
|
// 显示入驻协议弹窗
|
|
handleShowLicense(e) {
|
|
this.showLicense = e
|
|
},
|
|
|
|
// 提交到后台
|
|
handleSubmit(form,imageList){
|
|
const app = this
|
|
if (app.disabled) {
|
|
return false
|
|
}
|
|
app.disabled = true
|
|
app.form = form
|
|
ApplyApi.checkAvailable(form).then(res => {
|
|
if (imageList.length > 0 && imageList[0].size != 100) {
|
|
app.uploadFile()
|
|
.then(() => app.onSubmit())
|
|
.catch(err => {
|
|
app.disabled = false
|
|
if (err.statusCode !== 0) {
|
|
app.$toast(err.errMsg)
|
|
}
|
|
console.log('err', err)
|
|
})
|
|
} else {
|
|
app.onSubmit()
|
|
}
|
|
}).catch(err => {
|
|
console.log("err: ", err);
|
|
if (err.statusCode == 0) {
|
|
app.disabled = false
|
|
app.$toast(err.errMsg)
|
|
return false
|
|
}
|
|
})
|
|
},
|
|
// 上传图片
|
|
uploadFile() {
|
|
const app = this
|
|
const {
|
|
imageList,
|
|
form
|
|
} = app
|
|
// 批量上传
|
|
return new Promise((resolve, reject) => {
|
|
if (imageList.length > 0) {
|
|
UploadApi.image(imageList)
|
|
.then(fileIds => {
|
|
form.images = fileIds
|
|
resolve(fileIds)
|
|
})
|
|
.catch(reject)
|
|
} else {
|
|
resolve()
|
|
}
|
|
})
|
|
},
|
|
|
|
// 提交到后端
|
|
onSubmit() {
|
|
const app = this
|
|
const {
|
|
form
|
|
} = this
|
|
let req;
|
|
if (form.apply_status == 30) {
|
|
req = ApplyApi.edit(form.apply_id, form)
|
|
} else {
|
|
req = ApplyApi.add(form)
|
|
}
|
|
req.then(result => {
|
|
console.log("result: ", result);
|
|
app.$toast(result.message)
|
|
setTimeout(function() {
|
|
uni.navigateBack()
|
|
}, 2000)
|
|
|
|
})
|
|
.finally(() => app.disabled = false)
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
page {
|
|
background: #f7f8fa;
|
|
}
|
|
</style>
|
|
<style lang="scss" scoped>
|
|
.page-title {
|
|
width: 94%;
|
|
margin: 0 auto;
|
|
padding-top: 40rpx;
|
|
font-size: 28rpx;
|
|
color: rgba(69, 90, 100, 0.6);
|
|
}
|
|
.pops-content {
|
|
padding: 20rpx;
|
|
}
|
|
</style>
|