mirror of
http://git.coreshop.cn/jianweie/coreshoppro.git
synced 2025-12-06 20:13:26 +08:00
【优化】调整地图选点插件，让其支持支付宝小程序。
This commit is contained in:
jianweie code
@@ -16,16 +16,17 @@
|
|||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view class="coreshop-padding-10">
|
<view class="coreshop-padding-10">
|
||||||
<u--form :model="form" :rules="rules" ref="uForm" errorType="message" labelPosition="left" labelWidth="80">
|
<u--form :model="form" :rules="rules" ref="uForm" errorType="message" labelPosition="left">
|
||||||
<u-form-item label="收货人" prop="name" borderBottom clearValidate>
|
<u-form-item label="收货人" labelWidth="80" prop="name" borderBottom clearValidate>
|
||||||
<u--input v-model="form.name" placeholder="请填写收货人姓名" />
|
<u--input v-model="form.name" placeholder="请填写收货人姓名" />
|
||||||
</u-form-item>
|
</u-form-item>
|
||||||
<u-form-item label="手机号" prop="mobile" borderBottom clearValidate>
|
<u-form-item label="手机号" labelWidth="80" prop="mobile" borderBottom clearValidate>
|
||||||
<u--input v-model="form.mobile" placeholder="请填写收货人手机号" />
|
<u--input v-model="form.mobile" placeholder="请填写收货人手机号" />
|
||||||
</u-form-item>
|
</u-form-item>
|
||||||
|
|
||||||
<u-form-item label="省市县" borderBottom>
|
<u-form-item label="省市县" labelWidth="80" borderBottom>
|
||||||
<coreshop-select v-model="show" mode="mutil-column-auto" :list="pickerList" :default-value="pickerIndex" @confirm="onConfirm"></coreshop-select>
|
<coreshop-select v-model="show" mode="mutil-column-auto" :list="pickerList"
|
||||||
|
:default-value="pickerIndex" @confirm="onConfirm"></coreshop-select>
|
||||||
<!-- 注意：由于兼容性差异，如果需要使用前后插槽，nvue下需使用u--input，非nvue下需使用u-input -->
|
<!-- 注意：由于兼容性差异，如果需要使用前后插槽，nvue下需使用u--input，非nvue下需使用u-input -->
|
||||||
<!-- #ifndef APP-NVUE -->
|
<!-- #ifndef APP-NVUE -->
|
||||||
<u-input :value="pickerValue" type="select" disabled placeholder="请选择省市区区域">
|
<u-input :value="pickerValue" type="select" disabled placeholder="请选择省市区区域">
|
||||||
@@ -45,7 +46,7 @@
|
|||||||
<!-- #endif -->
|
<!-- #endif -->
|
||||||
</u-form-item>
|
</u-form-item>
|
||||||
|
|
||||||
<u-form-item label="街道社区" borderBottom @click="toMap">
|
<u-form-item label="街道社区" labelWidth="80" borderBottom @click="toMap">
|
||||||
<!-- 注意：由于兼容性差异，如果需要使用前后插槽，nvue下需使用u--input，非nvue下需使用u-input -->
|
<!-- 注意：由于兼容性差异，如果需要使用前后插槽，nvue下需使用u--input，非nvue下需使用u-input -->
|
||||||
<!-- #ifndef APP-NVUE -->
|
<!-- #ifndef APP-NVUE -->
|
||||||
<u-input :value="form.street" type="text" disabled placeholder="请定位">
|
<u-input :value="form.street" type="text" disabled placeholder="请定位">
|
||||||
@@ -71,453 +72,475 @@
|
|||||||
<u--input v-model="form.latitude" disabled placeholder="请选择街道获取纬度" />
|
<u--input v-model="form.latitude" disabled placeholder="请选择街道获取纬度" />
|
||||||
</u-form-item>-->
|
</u-form-item>-->
|
||||||
|
|
||||||
<u-form-item label="详细地址" prop="address" borderBottom clearValidate>
|
<u-form-item label="详细地址" labelWidth="80" prop="address" borderBottom clearValidate>
|
||||||
<u--textarea v-model="form.address" placeholder="请输入内容"></u--textarea>
|
<u--textarea v-model="form.address" placeholder="请输入内容"></u--textarea>
|
||||||
<!--<u--input v-model="form.address" placeholder="请填写收货详细地址" type="textarea" />-->
|
<!--<u--input v-model="form.address" placeholder="请填写收货详细地址" type="textarea" />-->
|
||||||
</u-form-item>
|
</u-form-item>
|
||||||
<u-form-item label="设为默认">
|
<u-form-item label="设为默认" labelWidth="80">
|
||||||
<u-switch slot="right" v-model="checked"></u-switch>
|
<u-switch slot="right" v-model="checked"></u-switch>
|
||||||
</u-form-item>
|
</u-form-item>
|
||||||
</u--form>
|
</u--form>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view class="coreshop-bottomBox">
|
<view class="coreshop-bottomBox">
|
||||||
<button class="coreshop-btn coreshop-btn-square coreshop-btn-w" @click="delShip" v-if="id && id != 0" :disabled='submitStatus' :loading='submitStatus'>删除</button>
|
<button class="coreshop-btn coreshop-btn-square coreshop-btn-w" @click="delShip" v-if="id && id != 0"
|
||||||
|
:disabled='submitStatus' :loading='submitStatus'>删除</button>
|
||||||
<!-- #ifdef MP-WEIXIN -->
|
<!-- #ifdef MP-WEIXIN -->
|
||||||
<button class="coreshop-btn coreshop-btn-square coreshop-btn-w" @click="wechatAddress" v-if="!id">从微信获取</button>
|
<button class="coreshop-btn coreshop-btn-square coreshop-btn-w" @click="wechatAddress"
|
||||||
|
v-if="!id">从微信获取</button>
|
||||||
<!-- #endif -->
|
<!-- #endif -->
|
||||||
<button class="coreshop-btn coreshop-btn-square coreshop-btn-b" @click="saveShip" :disabled='submitStatus' :loading='submitStatus'>保存</button>
|
<button class="coreshop-btn coreshop-btn-square coreshop-btn-b" @click="saveShip" :disabled='submitStatus'
|
||||||
|
:loading='submitStatus'>保存</button>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
// #ifdef MP-WEIXIN
|
// #ifdef MP-WEIXIN
|
||||||
const chooseLocation = requirePlugin('chooseLocation');
|
const chooseLocation = requirePlugin('chooseLocation');
|
||||||
// #endif
|
// #endif
|
||||||
// #ifdef APP-PLUS || APP-PLUS-NVUE
|
// #ifdef APP-PLUS || APP-PLUS-NVUE
|
||||||
// #endif
|
// #endif
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
getType: 1, //1手动输入，0从微信获取
|
getType: 1, //1手动输入，0从微信获取
|
||||||
id: 0,
|
id: 0,
|
||||||
form: {
|
form: {
|
||||||
name: '',
|
name: '',
|
||||||
mobile: '',
|
mobile: '',
|
||||||
address: '',
|
address: '',
|
||||||
isDefault: 2,
|
isDefault: 2,
|
||||||
longitude: '',
|
longitude: '',
|
||||||
latitude: '',
|
latitude: '',
|
||||||
street: ''
|
street: ''
|
||||||
},
|
},
|
||||||
longitude: 0,
|
longitude: 0,
|
||||||
latitude: 0,
|
latitude: 0,
|
||||||
region: ['湖南省', '怀化市', '鹤城区'],
|
region: ['湖南省', '怀化市', '鹤城区'],
|
||||||
areaId: this.$store.state.config.reshipAreaId || 0,
|
areaId: this.$store.state.config.reshipAreaId || 0,
|
||||||
checked: false,
|
checked: false,
|
||||||
pickerValue: '',
|
pickerValue: '',
|
||||||
submitStatus: false,
|
submitStatus: false,
|
||||||
show: false,
|
show: false,
|
||||||
pickerList: this.$db.get("areaList"),
|
pickerList: this.$db.get("areaList"),
|
||||||
province: this.$db.get("areaList"),
|
province: this.$db.get("areaList"),
|
||||||
pickerIndex: [17, 11, 1], // picker索引值
|
pickerIndex: [17, 11, 1], // picker索引值
|
||||||
provinceKey: 17,//省份id
|
provinceKey: 17,//省份id
|
||||||
cityKey: 11,//市id
|
cityKey: 11,//市id
|
||||||
areaKey: 1,//区域id
|
areaKey: 1,//区域id
|
||||||
rules: {
|
rules: {
|
||||||
name: [
|
name: [
|
||||||
{
|
{
|
||||||
required: true,
|
required: true,
|
||||||
message: '请输入姓名',
|
message: '请输入姓名',
|
||||||
trigger: 'blur',
|
trigger: 'blur',
|
||||||
},
|
|
||||||
{
|
|
||||||
min: 2,
|
|
||||||
max: 10,
|
|
||||||
message: '姓名长度在2到10个字长',
|
|
||||||
trigger: ['change', 'blur'],
|
|
||||||
}
|
|
||||||
],
|
|
||||||
address: [
|
|
||||||
{
|
|
||||||
required: true,
|
|
||||||
message: '请输入地址',
|
|
||||||
trigger: 'blur',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
min: 5,
|
|
||||||
max: 50,
|
|
||||||
message: '地址长度在5到50个字符',
|
|
||||||
trigger: ['change', 'blur'],
|
|
||||||
}
|
|
||||||
],
|
|
||||||
mobile: [
|
|
||||||
{
|
|
||||||
required: true,
|
|
||||||
message: '请输入手机号',
|
|
||||||
trigger: ['change', 'blur'],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
validator: (rule, value, callback) => {
|
|
||||||
return this.$u.test.mobile(value);
|
|
||||||
},
|
|
||||||
message: '手机号码不正确',
|
|
||||||
trigger: ['change', 'blur'],
|
|
||||||
}
|
|
||||||
]
|
|
||||||
},
|
|
||||||
alert: {
|
|
||||||
title: '获取定位失败，请检查是否开启定位功能。',
|
|
||||||
description: '未获取到您的经纬度坐标，我们需要获取您的经纬度坐标，来计算与发货点的配送距离。不然无法开启同城配送计算运费。',
|
|
||||||
closable: true,
|
|
||||||
show: false
|
|
||||||
},
|
|
||||||
}
|
|
||||||
},
|
|
||||||
onShow() {
|
|
||||||
// #ifdef MP-WEIXIN
|
|
||||||
const chooseLocation = requirePlugin('chooseLocation');
|
|
||||||
const location = chooseLocation.getLocation();
|
|
||||||
// #endif
|
|
||||||
// #ifdef APP-PLUS || APP-PLUS-NVUE
|
|
||||||
const location = uni.getLocation();
|
|
||||||
// #endif
|
|
||||||
if (location != null) {
|
|
||||||
this.form.latitude = location.latitude;
|
|
||||||
this.form.longitude = location.longitude;
|
|
||||||
|
|
||||||
this.region = [location.province, location.district, location.city];
|
|
||||||
this.form.street = location.name;
|
|
||||||
if (this.getType == 1) {
|
|
||||||
this.form.address = location.address;
|
|
||||||
}
|
|
||||||
console.log("location1:", location);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
onUnload() {
|
|
||||||
// 页面卸载时设置插件选点数据为null，防止再次进入页面，geLocation返回的是上次选点结果
|
|
||||||
// #ifdef MP-WEIXIN
|
|
||||||
chooseLocation.setLocation(null);
|
|
||||||
// #endif
|
|
||||||
// #ifdef APP-PLUS || APP-PLUS-NVUE
|
|
||||||
//uni.setLocation(null);
|
|
||||||
// #endif
|
|
||||||
},
|
|
||||||
onLoad(e) {
|
|
||||||
this.getMyLocation();
|
|
||||||
if (e.shipId) {
|
|
||||||
//编辑
|
|
||||||
this.id = e.shipId;
|
|
||||||
this.getShipInfo();
|
|
||||||
} else {
|
|
||||||
//添加（取消初始化）
|
|
||||||
//this.pickerValue = this.region[0] + " " + this.region[1] + " " + this.region[2];
|
|
||||||
this.init();
|
|
||||||
}
|
|
||||||
},
|
|
||||||
computed: {},
|
|
||||||
onReady() {
|
|
||||||
this.$refs.uForm.setRules(this.rules);
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
// 获取自己的位置信息
|
|
||||||
getMyLocation() {
|
|
||||||
let _this = this;
|
|
||||||
// #ifdef MP-WEIXIN
|
|
||||||
wx.getFuzzyLocation({
|
|
||||||
type: 'wgs84',
|
|
||||||
success(res) {
|
|
||||||
_this.latitude = res.latitude
|
|
||||||
_this.longitude = res.longitude
|
|
||||||
console.log('当前位置的经度1：' + res);
|
|
||||||
},
|
},
|
||||||
fail: function () {
|
{
|
||||||
_this.$u.toast("获取您的经纬度坐标失败")
|
min: 2,
|
||||||
|
max: 10,
|
||||||
|
message: '姓名长度在2到10个字长',
|
||||||
|
trigger: ['change', 'blur'],
|
||||||
}
|
}
|
||||||
})
|
],
|
||||||
// #endif
|
address: [
|
||||||
// #ifndef MP-WEIXIN
|
{
|
||||||
uni.getLocation({
|
required: true,
|
||||||
type: 'wgs84',
|
message: '请输入地址',
|
||||||
success: function (res) {
|
trigger: 'blur',
|
||||||
_this.longitude = res.longitude;
|
|
||||||
_this.latitude = res.latitude;
|
|
||||||
console.log('当前位置的经度2：' + res);
|
|
||||||
},
|
},
|
||||||
fail: function () {
|
{
|
||||||
_this.$u.toast("获取您的经纬度坐标失败")
|
min: 5,
|
||||||
|
max: 50,
|
||||||
|
message: '地址长度在5到50个字符',
|
||||||
|
trigger: ['change', 'blur'],
|
||||||
}
|
}
|
||||||
});
|
],
|
||||||
// #endif
|
mobile: [
|
||||||
|
{
|
||||||
|
required: true,
|
||||||
|
message: '请输入手机号',
|
||||||
|
trigger: ['change', 'blur'],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
validator: (rule, value, callback) => {
|
||||||
|
return this.$u.test.mobile(value);
|
||||||
|
},
|
||||||
|
message: '手机号码不正确',
|
||||||
|
trigger: ['change', 'blur'],
|
||||||
|
}
|
||||||
|
]
|
||||||
},
|
},
|
||||||
onConfirm(e) {
|
alert: {
|
||||||
console.log(e);
|
title: '获取定位失败，请检查是否开启定位功能。',
|
||||||
let provinceName = e[0].label;
|
description: '未获取到您的经纬度坐标，我们需要获取您的经纬度坐标，来计算与发货点的配送距离。不然无法开启同城配送计算运费。',
|
||||||
let cityName = e[1].label;
|
closable: true,
|
||||||
let countyName = e[2].label;
|
show: false
|
||||||
this.pickerValue = e[0].label + " " + e[1].label + " " + e[2].label
|
|
||||||
let data = {
|
|
||||||
provinceName: provinceName,
|
|
||||||
cityName: cityName,
|
|
||||||
countyName: countyName
|
|
||||||
}
|
|
||||||
this.$u.api.getAreaId(data).then(res => {
|
|
||||||
if (res.status) {
|
|
||||||
this.areaId = res.data;
|
|
||||||
this.init();
|
|
||||||
} else {
|
|
||||||
uni.showModal({
|
|
||||||
title: '提示',
|
|
||||||
content: '地区选择出现问题，请重新选择地区',
|
|
||||||
showCancel: false
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
},
|
||||||
//编辑获取收货地址信息
|
}
|
||||||
getShipInfo() {
|
},
|
||||||
let data = {
|
onShow() {
|
||||||
id: this.id
|
// #ifdef MP-WEIXIN
|
||||||
}
|
const chooseLocation = requirePlugin('chooseLocation');
|
||||||
this.$u.api.shipDetail(data).then(res => {
|
const location = chooseLocation.getLocation();
|
||||||
if (res.status) {
|
// #endif
|
||||||
let region = res.data.areaName.split(" ");
|
// #ifdef APP-PLUS || APP-PLUS-NVUE
|
||||||
this.form.name = res.data.name;
|
const location = uni.getLocation();
|
||||||
this.form.mobile = res.data.mobile;
|
// #endif
|
||||||
this.region = region;
|
if (location != null) {
|
||||||
this.areaId = res.data.areaId;
|
this.form.latitude = location.latitude;
|
||||||
this.init();
|
this.form.longitude = location.longitude;
|
||||||
this.pickerValue = this.region[0] + " " + this.region[1] + " " + this.region[2]
|
|
||||||
this.form.address = res.data.address;
|
|
||||||
this.form.isDefault = res.data.isDefault;
|
|
||||||
this.form.longitude = res.data.longitude;
|
|
||||||
this.form.latitude = res.data.latitude;
|
|
||||||
this.form.street = res.data.street;
|
|
||||||
if (res.data.isDefault) {
|
|
||||||
this.checked = true;
|
|
||||||
this.isDefault = 1;
|
|
||||||
} else {
|
|
||||||
this.checked = false;
|
|
||||||
this.isDefault = 2;
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
this.$u.toast('获取收货地址信息出现问题');
|
|
||||||
// this.submitStatus = false;
|
|
||||||
}
|
|
||||||
this.submitStatus = false;
|
|
||||||
});
|
|
||||||
},
|
|
||||||
//删除地址
|
|
||||||
delShip() {
|
|
||||||
this.submitStatus = true;
|
|
||||||
this.$u.api.removeShip({ 'id': this.id }).then(res => {
|
|
||||||
this.submitStatus = false;
|
|
||||||
if (res.status) {
|
|
||||||
this.$refs.uToast.show({
|
|
||||||
message: res.msg, type: 'success', complete: function () {
|
|
||||||
uni.navigateBack({
|
|
||||||
delta: 1
|
|
||||||
});
|
|
||||||
}
|
|
||||||
})
|
|
||||||
} else {
|
|
||||||
this.$u.toast(res.msg);
|
|
||||||
// this.submitStatus = false;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
//存储收货地址
|
|
||||||
saveShip() {
|
|
||||||
this.$refs.uForm.validate().then(res => {
|
|
||||||
console.log('验证通过');
|
|
||||||
if (this.checked) {
|
|
||||||
this.form.isDefault = 1;
|
|
||||||
} else {
|
|
||||||
this.form.isDefault = 2;
|
|
||||||
}
|
|
||||||
this.submitStatus = false;
|
|
||||||
if (!this.form.name) {
|
|
||||||
this.$u.toast('请输入收货人姓名')
|
|
||||||
return false
|
|
||||||
} else if (!this.form.mobile) {
|
|
||||||
this.$u.toast('请输入收货人手机号')
|
|
||||||
return false
|
|
||||||
} else if (this.form.mobile.length !== 11) {
|
|
||||||
this.$u.toast('收货人手机号格式不正确')
|
|
||||||
return false
|
|
||||||
} else if (this.areaId <= 0) {
|
|
||||||
this.$u.toast('请选择地区信息')
|
|
||||||
return false
|
|
||||||
} else if (!this.form.street) {
|
|
||||||
this.$u.toast('请选择街道')
|
|
||||||
return false
|
|
||||||
} else if (!this.form.latitude) {
|
|
||||||
this.$u.toast('请选择街道获取纬度')
|
|
||||||
return false
|
|
||||||
} else if (!this.form.longitude) {
|
|
||||||
this.$u.toast('请选择街道获取经度')
|
|
||||||
return false
|
|
||||||
}
|
|
||||||
let data = {
|
|
||||||
name: this.form.name,
|
|
||||||
address: this.form.address,
|
|
||||||
mobile: this.form.mobile,
|
|
||||||
isDefault: this.form.isDefault,
|
|
||||||
areaId: this.areaId,
|
|
||||||
longitude: this.form.longitude,
|
|
||||||
latitude: this.form.latitude,
|
|
||||||
street: this.form.street,
|
|
||||||
}
|
|
||||||
if (this.id && this.id != 0) {
|
|
||||||
//编辑存储
|
|
||||||
data.id = this.id
|
|
||||||
this.$u.api.editShip(data).then(res => {
|
|
||||||
this.submitStatus = false;
|
|
||||||
if (res.status) {
|
|
||||||
this.$refs.uToast.show({
|
|
||||||
message: res.msg, type: 'success', complete: function () {
|
|
||||||
uni.navigateBack({
|
|
||||||
delta: 1
|
|
||||||
});
|
|
||||||
}
|
|
||||||
})
|
|
||||||
} else {
|
|
||||||
this.$u.toast(res.msg);
|
|
||||||
// this.submitStatus = false;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
} else {
|
|
||||||
//添加
|
|
||||||
this.$u.api.saveUserShip(data).then(res => {
|
|
||||||
this.submitStatus = false;
|
|
||||||
if (res.status) {
|
|
||||||
this.$refs.uToast.show({
|
|
||||||
message: res.msg, type: 'success', complete: function () {
|
|
||||||
uni.navigateBack({
|
|
||||||
delta: 1
|
|
||||||
});
|
|
||||||
}
|
|
||||||
})
|
|
||||||
} else {
|
|
||||||
this.$u.toast(res.msg);
|
|
||||||
// this.submitStatus = false;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}).catch(errors => {
|
|
||||||
uni.$u.toast('提交的数据校验失败，请输入合法信息！')
|
|
||||||
})
|
|
||||||
},
|
|
||||||
//倒查城市信息
|
|
||||||
getFullPath(id, data) {
|
|
||||||
for (var i = 0; i < data.length; i++) {
|
|
||||||
if (id == data[i].value) {
|
|
||||||
if (!data[i].children) {
|
|
||||||
this.areaKey = i;
|
|
||||||
return true;
|
|
||||||
} else if (data[i].hasOwnProperty("children")) {
|
|
||||||
if (data[i].children[0] && !data[i].children[0].children) {
|
|
||||||
this.cityKey = i;
|
|
||||||
return true;
|
|
||||||
} else {
|
|
||||||
this.provinceKey = i;
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
if (data[i].hasOwnProperty("children")) {
|
|
||||||
if (data[i].children[0] !== undefined) {
|
|
||||||
if (data[i].children[0].hasOwnProperty("children")) {
|
|
||||||
this.provinceKey = i;
|
|
||||||
} else {
|
|
||||||
this.cityKey = i;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
if (typeof data[i].children != 'undefined') {
|
|
||||||
var res = this.getFullPath(id, data[i].children);
|
|
||||||
if (res) {
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
init() {
|
|
||||||
this.getFullPath(this.areaId, this.province);
|
|
||||||
this.pickerIndex = [this.provinceKey, this.cityKey, this.areaKey];
|
|
||||||
},
|
|
||||||
toMap() {
|
|
||||||
// #ifdef MP-WEIXIN
|
|
||||||
const txMapkey = this.$store.state.config.qqMapKey; //使用在腾讯位置服务申请的key
|
|
||||||
const referer = this.$store.state.config.shopName; //调用插件的app的名称
|
|
||||||
const location = JSON.stringify({
|
|
||||||
latitude: this.form.latitude == "" ? this.latitude : this.form.latitude,
|
|
||||||
longitude: this.form.longitude == "" ? this.longitude : this.form.longitude
|
|
||||||
});
|
|
||||||
const category = '';
|
|
||||||
|
|
||||||
wx.navigateTo({
|
this.region = [location.province, location.district, location.city];
|
||||||
url: 'plugin://chooseLocation/index?key=' + txMapkey + '&referer=' + referer + '&location=' +
|
this.form.street = location.name;
|
||||||
location + '&category=' + category
|
if (this.getType == 1) {
|
||||||
});
|
this.form.address = location.address;
|
||||||
// #endif
|
}
|
||||||
|
console.log("location1:", location);
|
||||||
// #ifdef APP-PLUS || APP-PLUS-NVUE
|
}
|
||||||
uni.chooseLocation({
|
},
|
||||||
success: (res) => {
|
onUnload() {
|
||||||
this.form.street = res.name;
|
// 页面卸载时设置插件选点数据为null，防止再次进入页面，geLocation返回的是上次选点结果
|
||||||
this.form.latitude = res.latitude;
|
// #ifdef MP-WEIXIN
|
||||||
this.form.longitude = res.longitude;
|
chooseLocation.setLocation(null);
|
||||||
}
|
// #endif
|
||||||
});
|
// #ifdef APP-PLUS || APP-PLUS-NVUE
|
||||||
// #endif
|
//uni.setLocation(null);
|
||||||
},
|
// #endif
|
||||||
|
},
|
||||||
|
onLoad(e) {
|
||||||
|
this.getMyLocation();
|
||||||
|
if (e.shipId) {
|
||||||
|
//编辑
|
||||||
|
this.id = e.shipId;
|
||||||
|
this.getShipInfo();
|
||||||
|
} else {
|
||||||
|
//添加（取消初始化）
|
||||||
|
//this.pickerValue = this.region[0] + " " + this.region[1] + " " + this.region[2];
|
||||||
|
this.init();
|
||||||
|
}
|
||||||
|
},
|
||||||
|
computed: {},
|
||||||
|
onReady() {
|
||||||
|
this.$refs.uForm.setRules(this.rules);
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
// 获取自己的位置信息
|
||||||
|
getMyLocation() {
|
||||||
|
let _this = this;
|
||||||
// #ifdef MP-WEIXIN
|
// #ifdef MP-WEIXIN
|
||||||
wechatAddress() {
|
wx.getFuzzyLocation({
|
||||||
this.getType = 0;
|
type: 'wgs84',
|
||||||
let _that = this;
|
success(res) {
|
||||||
wx.chooseAddress({
|
_this.latitude = res.latitude
|
||||||
success: res => {
|
_this.longitude = res.longitude
|
||||||
if (res.errMsg == "chooseAddress:ok") {
|
console.log('当前位置的经度1：' + res);
|
||||||
//获取成功
|
},
|
||||||
_that.form.name = res.userName;
|
fail: function () {
|
||||||
_that.form.mobile = res.telNumber;
|
_this.$u.toast("获取您的经纬度坐标失败")
|
||||||
_that.form.address = res.detailInfo;
|
}
|
||||||
|
})
|
||||||
_that.pickerValue = res.provinceName + " " + res.cityName + " " + res.countyName;
|
// #endif
|
||||||
let data = {
|
// #ifndef MP-WEIXIN
|
||||||
provinceName: res.provinceName,
|
uni.getLocation({
|
||||||
cityName: res.cityName,
|
type: 'wgs84',
|
||||||
countyName: res.countyName,
|
success: function (res) {
|
||||||
};
|
_this.longitude = res.longitude;
|
||||||
this.$u.api.getAreaId(data).then(res => {
|
_this.latitude = res.latitude;
|
||||||
if (res.status) {
|
console.log('当前位置的经度2：' + res);
|
||||||
this.areaId = res.data;
|
},
|
||||||
this.init();
|
fail: function () {
|
||||||
} else {
|
_this.$u.toast("获取您的经纬度坐标失败")
|
||||||
uni.showModal({
|
}
|
||||||
title: '提示',
|
});
|
||||||
content: '地区选择出现问题，请重新选择地区',
|
// #endif
|
||||||
showCancel: false
|
},
|
||||||
|
onConfirm(e) {
|
||||||
|
console.log(e);
|
||||||
|
let provinceName = e[0].label;
|
||||||
|
let cityName = e[1].label;
|
||||||
|
let countyName = e[2].label;
|
||||||
|
this.pickerValue = e[0].label + " " + e[1].label + " " + e[2].label
|
||||||
|
let data = {
|
||||||
|
provinceName: provinceName,
|
||||||
|
cityName: cityName,
|
||||||
|
countyName: countyName
|
||||||
|
}
|
||||||
|
this.$u.api.getAreaId(data).then(res => {
|
||||||
|
if (res.status) {
|
||||||
|
this.areaId = res.data;
|
||||||
|
this.init();
|
||||||
|
} else {
|
||||||
|
uni.showModal({
|
||||||
|
title: '提示',
|
||||||
|
content: '地区选择出现问题，请重新选择地区',
|
||||||
|
showCancel: false
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
//编辑获取收货地址信息
|
||||||
|
getShipInfo() {
|
||||||
|
let data = {
|
||||||
|
id: this.id
|
||||||
|
}
|
||||||
|
this.$u.api.shipDetail(data).then(res => {
|
||||||
|
if (res.status) {
|
||||||
|
let region = res.data.areaName.split(" ");
|
||||||
|
this.form.name = res.data.name;
|
||||||
|
this.form.mobile = res.data.mobile;
|
||||||
|
this.region = region;
|
||||||
|
this.areaId = res.data.areaId;
|
||||||
|
this.init();
|
||||||
|
this.pickerValue = this.region[0] + " " + this.region[1] + " " + this.region[2]
|
||||||
|
this.form.address = res.data.address;
|
||||||
|
this.form.isDefault = res.data.isDefault;
|
||||||
|
this.form.longitude = res.data.longitude;
|
||||||
|
this.form.latitude = res.data.latitude;
|
||||||
|
this.form.street = res.data.street;
|
||||||
|
if (res.data.isDefault) {
|
||||||
|
this.checked = true;
|
||||||
|
this.isDefault = 1;
|
||||||
|
} else {
|
||||||
|
this.checked = false;
|
||||||
|
this.isDefault = 2;
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
this.$u.toast('获取收货地址信息出现问题');
|
||||||
|
// this.submitStatus = false;
|
||||||
|
}
|
||||||
|
this.submitStatus = false;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
//删除地址
|
||||||
|
delShip() {
|
||||||
|
this.submitStatus = true;
|
||||||
|
this.$u.api.removeShip({ 'id': this.id }).then(res => {
|
||||||
|
this.submitStatus = false;
|
||||||
|
if (res.status) {
|
||||||
|
this.$refs.uToast.show({
|
||||||
|
message: res.msg, type: 'success', complete: function () {
|
||||||
|
uni.navigateBack({
|
||||||
|
delta: 1
|
||||||
|
});
|
||||||
|
}
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
this.$u.toast(res.msg);
|
||||||
|
// this.submitStatus = false;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
//存储收货地址
|
||||||
|
saveShip() {
|
||||||
|
this.$refs.uForm.validate().then(res => {
|
||||||
|
console.log('验证通过');
|
||||||
|
if (this.checked) {
|
||||||
|
this.form.isDefault = 1;
|
||||||
|
} else {
|
||||||
|
this.form.isDefault = 2;
|
||||||
|
}
|
||||||
|
this.submitStatus = false;
|
||||||
|
if (!this.form.name) {
|
||||||
|
this.$u.toast('请输入收货人姓名')
|
||||||
|
return false
|
||||||
|
} else if (!this.form.mobile) {
|
||||||
|
this.$u.toast('请输入收货人手机号')
|
||||||
|
return false
|
||||||
|
} else if (this.form.mobile.length !== 11) {
|
||||||
|
this.$u.toast('收货人手机号格式不正确')
|
||||||
|
return false
|
||||||
|
} else if (this.areaId <= 0) {
|
||||||
|
this.$u.toast('请选择地区信息')
|
||||||
|
return false
|
||||||
|
} else if (!this.form.street) {
|
||||||
|
this.$u.toast('请选择街道')
|
||||||
|
return false
|
||||||
|
} else if (!this.form.latitude) {
|
||||||
|
this.$u.toast('请选择街道获取纬度')
|
||||||
|
return false
|
||||||
|
} else if (!this.form.longitude) {
|
||||||
|
this.$u.toast('请选择街道获取经度')
|
||||||
|
return false
|
||||||
|
}
|
||||||
|
let data = {
|
||||||
|
name: this.form.name,
|
||||||
|
address: this.form.address,
|
||||||
|
mobile: this.form.mobile,
|
||||||
|
isDefault: this.form.isDefault,
|
||||||
|
areaId: this.areaId,
|
||||||
|
longitude: this.form.longitude,
|
||||||
|
latitude: this.form.latitude,
|
||||||
|
street: this.form.street,
|
||||||
|
}
|
||||||
|
if (this.id && this.id != 0) {
|
||||||
|
//编辑存储
|
||||||
|
data.id = this.id
|
||||||
|
this.$u.api.editShip(data).then(res => {
|
||||||
|
this.submitStatus = false;
|
||||||
|
if (res.status) {
|
||||||
|
this.$refs.uToast.show({
|
||||||
|
message: res.msg, type: 'success', complete: function () {
|
||||||
|
uni.navigateBack({
|
||||||
|
delta: 1
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
});
|
})
|
||||||
|
|
||||||
console.log(res);
|
|
||||||
} else {
|
} else {
|
||||||
this.$refs.uToast.show({ title: '获取微信地址失败', type: 'error' });
|
this.$u.toast(res.msg);
|
||||||
|
// this.submitStatus = false;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
//添加
|
||||||
|
this.$u.api.saveUserShip(data).then(res => {
|
||||||
|
this.submitStatus = false;
|
||||||
|
if (res.status) {
|
||||||
|
this.$refs.uToast.show({
|
||||||
|
message: res.msg, type: 'success', complete: function () {
|
||||||
|
uni.navigateBack({
|
||||||
|
delta: 1
|
||||||
|
});
|
||||||
|
}
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
this.$u.toast(res.msg);
|
||||||
|
// this.submitStatus = false;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}).catch(errors => {
|
||||||
|
uni.$u.toast('提交的数据校验失败，请输入合法信息！')
|
||||||
|
})
|
||||||
|
},
|
||||||
|
//倒查城市信息
|
||||||
|
getFullPath(id, data) {
|
||||||
|
for (var i = 0; i < data.length; i++) {
|
||||||
|
if (id == data[i].value) {
|
||||||
|
if (!data[i].children) {
|
||||||
|
this.areaKey = i;
|
||||||
|
return true;
|
||||||
|
} else if (data[i].hasOwnProperty("children")) {
|
||||||
|
if (data[i].children[0] && !data[i].children[0].children) {
|
||||||
|
this.cityKey = i;
|
||||||
|
return true;
|
||||||
|
} else {
|
||||||
|
this.provinceKey = i;
|
||||||
|
return true;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
});
|
} else {
|
||||||
},
|
if (data[i].hasOwnProperty("children")) {
|
||||||
|
if (data[i].children[0] !== undefined) {
|
||||||
|
if (data[i].children[0].hasOwnProperty("children")) {
|
||||||
|
this.provinceKey = i;
|
||||||
|
} else {
|
||||||
|
this.cityKey = i;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if (typeof data[i].children != 'undefined') {
|
||||||
|
var res = this.getFullPath(id, data[i].children);
|
||||||
|
if (res) {
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
init() {
|
||||||
|
this.getFullPath(this.areaId, this.province);
|
||||||
|
this.pickerIndex = [this.provinceKey, this.cityKey, this.areaKey];
|
||||||
|
},
|
||||||
|
toMap() {
|
||||||
|
const _this = this;
|
||||||
|
// #ifdef MP-WEIXIN
|
||||||
|
const txMapkey = this.$store.state.config.qqMapKey; //使用在腾讯位置服务申请的key
|
||||||
|
const referer = this.$store.state.config.shopName; //调用插件的app的名称
|
||||||
|
const location = JSON.stringify({
|
||||||
|
latitude: this.form.latitude == "" ? this.latitude : this.form.latitude,
|
||||||
|
longitude: this.form.longitude == "" ? this.longitude : this.form.longitude
|
||||||
|
});
|
||||||
|
const category = '';
|
||||||
|
|
||||||
|
wx.navigateTo({
|
||||||
|
url: 'plugin://chooseLocation/index?key=' + txMapkey + '&referer=' + referer + '&location=' +
|
||||||
|
location + '&category=' + category
|
||||||
|
});
|
||||||
// #endif
|
// #endif
|
||||||
|
|
||||||
},
|
// #ifdef MP-ALIPAY
|
||||||
|
my.chooseLocation({
|
||||||
|
latitude: this.form.latitude == "" ? this.latitude : this.form.latitude,
|
||||||
|
longitude: this.form.longitude == "" ? this.longitude : this.form.longitude,
|
||||||
|
success: function (res) {
|
||||||
|
console.log(res);
|
||||||
|
_this.form.latitude = res.latitude;
|
||||||
|
_this.form.longitude = res.longitude;
|
||||||
|
_this.form.street = res.address;
|
||||||
|
},
|
||||||
|
fail: function (err) {
|
||||||
|
console.log(err);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
// #endif
|
||||||
|
|
||||||
}
|
// #ifdef APP-PLUS || APP-PLUS-NVUE
|
||||||
|
uni.chooseLocation({
|
||||||
|
success: (res) => {
|
||||||
|
this.form.street = res.name;
|
||||||
|
this.form.latitude = res.latitude;
|
||||||
|
this.form.longitude = res.longitude;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
// #endif
|
||||||
|
},
|
||||||
|
// #ifdef MP-WEIXIN
|
||||||
|
wechatAddress() {
|
||||||
|
this.getType = 0;
|
||||||
|
let _that = this;
|
||||||
|
wx.chooseAddress({
|
||||||
|
success: res => {
|
||||||
|
if (res.errMsg == "chooseAddress:ok") {
|
||||||
|
//获取成功
|
||||||
|
_that.form.name = res.userName;
|
||||||
|
_that.form.mobile = res.telNumber;
|
||||||
|
_that.form.address = res.detailInfo;
|
||||||
|
|
||||||
|
_that.pickerValue = res.provinceName + " " + res.cityName + " " + res.countyName;
|
||||||
|
let data = {
|
||||||
|
provinceName: res.provinceName,
|
||||||
|
cityName: res.cityName,
|
||||||
|
countyName: res.countyName,
|
||||||
|
};
|
||||||
|
this.$u.api.getAreaId(data).then(res => {
|
||||||
|
if (res.status) {
|
||||||
|
this.areaId = res.data;
|
||||||
|
this.init();
|
||||||
|
} else {
|
||||||
|
uni.showModal({
|
||||||
|
title: '提示',
|
||||||
|
content: '地区选择出现问题，请重新选择地区',
|
||||||
|
showCancel: false
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
console.log(res);
|
||||||
|
} else {
|
||||||
|
this.$refs.uToast.show({ title: '获取微信地址失败', type: 'error' });
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
// #endif
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
page { background: #fff; }
|
page {
|
||||||
|
background: #fff;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
Reference in New Issue
Block a user