464 lines
14 KiB
JavaScript
464 lines
14 KiB
JavaScript
|
/* eslint-disable no-param-reassign */
|
|||
|
|
import { fetchDeliveryAddressList, deleteAddress, setDefaultAddress } from '../../../../services/address/fetchAddress';
|
|||
|
|
import Toast from 'tdesign-miniprogram/toast/index';
|
|||
|
|
import { resolveAddress, rejectAddress } from '../../../../services/address/list';
|
|||
|
|
import { getAddressPromise } from '../../../../services/address/edit';
|
|||
|
|
|
|||
|
|
// 添加日志工具
|
|||
|
|
const logger = {
|
|||
|
|
info: (module, message, data = {}) => {
|
|||
|
|
console.log(`[${new Date().toISOString()}] [INFO] [${module}] ${message}`, data);
|
|||
|
|
},
|
|||
|
|
debug: (module, message, data = {}) => {
|
|||
|
|
console.log(`[${new Date().toISOString()}] [DEBUG] [${module}] ${message}`, data);
|
|||
|
|
},
|
|||
|
|
error: (module, message, data = {}) => {
|
|||
|
|
console.error(`[${new Date().toISOString()}] [ERROR] [${module}] ${message}`, data);
|
|||
|
|
},
|
|||
|
|
warn: (module, message, data = {}) => {
|
|||
|
|
console.warn(`[${new Date().toISOString()}] [WARN] [${module}] ${message}`, data);
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
Page({
|
|||
|
|
data: {
|
|||
|
|
addressList: [],
|
|||
|
|
deleteID: '',
|
|||
|
|
showDeleteConfirm: false,
|
|||
|
|
isOrderSure: false,
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
/** 选择模式 */
|
|||
|
|
selectMode: false,
|
|||
|
|
/** 是否已经选择地址，不置为true的话页面离开时会触发取消选择行为 */
|
|||
|
|
hasSelect: false,
|
|||
|
|
|
|||
|
|
addressUpdated: false, // 标记地址是否被更新
|
|||
|
|
|
|||
|
|
onLoad(query) {
|
|||
|
|
logger.info('ADDRESS_LIST_PAGE', '地址列表页面加载', { query });
|
|||
|
|
|
|||
|
|
const { selectMode = '', isOrderSure = '', id = '' } = query;
|
|||
|
|
this.setData({
|
|||
|
|
isOrderSure: !!isOrderSure,
|
|||
|
|
id,
|
|||
|
|
});
|
|||
|
|
this.selectMode = !!selectMode;
|
|||
|
|
this.addressUpdated = false; // 重置地址更新标记
|
|||
|
|
|
|||
|
|
logger.debug('ADDRESS_LIST_PAGE', '页面参数设置完成', {
|
|||
|
|
selectMode: this.selectMode,
|
|||
|
|
isOrderSure: !!isOrderSure,
|
|||
|
|
id
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
this.init();
|
|||
|
|
this.waitForNewAddress();
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
init() {
|
|||
|
|
logger.info('ADDRESS_LIST_PAGE', '初始化地址列表页面');
|
|||
|
|
this.getAddressList();
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
onShow() {
|
|||
|
|
logger.info('ADDRESS_LIST_PAGE', '页面显示，刷新地址列表');
|
|||
|
|
// 每次页面显示时都重新获取地址列表，确保数据是最新的
|
|||
|
|
this.getAddressList();
|
|||
|
|
},
|
|||
|
|
onUnload() {
|
|||
|
|
if (this.selectMode && !this.hasSelect) {
|
|||
|
|
logger.info('ADDRESS_LIST_PAGE', '页面卸载，检查是否需要传递更新后的地址');
|
|||
|
|
|
|||
|
|
// 检查是否有默认地址，如果有则传递给订单确认页面
|
|||
|
|
const defaultAddress = this.data.addressList.find(addr => addr.isDefault === 1);
|
|||
|
|
if (defaultAddress && this.addressUpdated) {
|
|||
|
|
logger.info('ADDRESS_LIST_PAGE', '传递更新后的默认地址给订单确认页面', {
|
|||
|
|
addressId: defaultAddress.addressId,
|
|||
|
|
name: defaultAddress.name
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// 将默认地址存储到本地存储，供订单确认页面的onShow方法使用
|
|||
|
|
wx.setStorageSync('selectedAddress', defaultAddress);
|
|||
|
|
return; // 不调用rejectAddress，让订单确认页面通过onShow处理
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
rejectAddress();
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
getAddressList() {
|
|||
|
|
logger.info('ADDRESS_LIST_PAGE', '开始获取地址列表');
|
|||
|
|
|
|||
|
|
const { id } = this.data;
|
|||
|
|
fetchDeliveryAddressList().then((addressList) => {
|
|||
|
|
logger.info('ADDRESS_LIST_PAGE', '获取地址列表成功', {
|
|||
|
|
count: addressList.length,
|
|||
|
|
addressIds: addressList.map(addr => addr.id)
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// 转换API数据格式为前端期望的格式
|
|||
|
|
const formattedList = addressList.map((address) => {
|
|||
|
|
const formatted = {
|
|||
|
|
id: address.id,
|
|||
|
|
addressId: address.id,
|
|||
|
|
name: address.name,
|
|||
|
|
phoneNumber: address.phone,
|
|||
|
|
address: `${address.province_name || ''}${address.city_name || ''}${address.district_name || ''}${address.detail_address || ''}`,
|
|||
|
|
provinceName: address.province_name,
|
|||
|
|
cityName: address.city_name,
|
|||
|
|
districtName: address.district_name,
|
|||
|
|
detailAddress: address.detail_address,
|
|||
|
|
isDefault: address.is_default ? 1 : 0,
|
|||
|
|
tag: address.address_tag || '',
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
logger.debug('ADDRESS_LIST_PAGE', '格式化地址数据', {
|
|||
|
|
originalId: address.id,
|
|||
|
|
formattedId: formatted.id,
|
|||
|
|
name: formatted.name,
|
|||
|
|
isDefault: formatted.isDefault
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
return formatted;
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
this.setData({
|
|||
|
|
addressList: formattedList,
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
logger.info('ADDRESS_LIST_PAGE', '地址列表数据设置完成', {
|
|||
|
|
totalCount: formattedList.length,
|
|||
|
|
defaultCount: formattedList.filter(addr => addr.isDefault === 1).length
|
|||
|
|
});
|
|||
|
|
}).catch((err) => {
|
|||
|
|
logger.error('ADDRESS_LIST_PAGE', '获取地址列表失败', { error: err.message || err });
|
|||
|
|
|
|||
|
|
Toast({
|
|||
|
|
context: this,
|
|||
|
|
selector: '#t-toast',
|
|||
|
|
message: '获取地址列表失败',
|
|||
|
|
icon: '',
|
|||
|
|
duration: 1000,
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
getWXAddressHandle() {
|
|||
|
|
console.log('[地址列表-微信导入] 开始获取微信地址');
|
|||
|
|
|
|||
|
|
wx.chooseAddress({
|
|||
|
|
success: (res) => {
|
|||
|
|
console.log('[地址列表-微信导入] wx.chooseAddress成功回调');
|
|||
|
|
console.log('[地址列表-微信导入] 微信返回的原始数据:', res);
|
|||
|
|
console.log('[地址列表-微信导入] errMsg:', res.errMsg);
|
|||
|
|
|
|||
|
|
if (res.errMsg.indexOf('ok') === -1) {
|
|||
|
|
console.log('[地址列表-微信导入] errMsg检查失败，显示错误信息');
|
|||
|
|
Toast({
|
|||
|
|
context: this,
|
|||
|
|
selector: '#t-toast',
|
|||
|
|
message: res.errMsg,
|
|||
|
|
icon: '',
|
|||
|
|
duration: 1000,
|
|||
|
|
});
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
console.log('[地址列表-微信导入] errMsg检查通过，开始处理地址数据');
|
|||
|
|
|
|||
|
|
const { length: len } = this.data.addressList;
|
|||
|
|
console.log('[地址列表-微信导入] 当前地址列表长度:', len);
|
|||
|
|
|
|||
|
|
const newAddress = {
|
|||
|
|
name: res.userName,
|
|||
|
|
phoneNumber: res.telNumber,
|
|||
|
|
address: `${res.provinceName}${res.cityName}${res.countryName}${res.detailInfo}`,
|
|||
|
|
isDefault: 0,
|
|||
|
|
tag: '微信地址',
|
|||
|
|
id: len,
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
console.log('[地址列表-微信导入] 构建的新地址对象:', newAddress);
|
|||
|
|
|
|||
|
|
this.setData({
|
|||
|
|
[`addressList[${len}]`]: newAddress,
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
console.log('[地址列表-微信导入] 地址已添加到列表，新列表长度:', len + 1);
|
|||
|
|
|
|||
|
|
Toast({
|
|||
|
|
context: this,
|
|||
|
|
selector: '#t-toast',
|
|||
|
|
message: '添加成功',
|
|||
|
|
icon: '',
|
|||
|
|
duration: 1000,
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
console.log('[地址列表-微信导入] 微信地址导入完成');
|
|||
|
|
},
|
|||
|
|
fail: (err) => {
|
|||
|
|
console.error('[地址列表-微信导入] wx.chooseAddress失败:', err);
|
|||
|
|
console.log('[地址列表-微信导入] 失败原因:', err.errMsg);
|
|||
|
|
},
|
|||
|
|
complete: () => {
|
|||
|
|
console.log('[地址列表-微信导入] wx.chooseAddress调用完成');
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
confirmDeleteHandle({ detail }) {
|
|||
|
|
const { id } = detail || {};
|
|||
|
|
if (id !== undefined) {
|
|||
|
|
this.setData({ deleteID: id, showDeleteConfirm: true });
|
|||
|
|
Toast({
|
|||
|
|
context: this,
|
|||
|
|
selector: '#t-toast',
|
|||
|
|
message: '地址删除成功',
|
|||
|
|
theme: 'success',
|
|||
|
|
duration: 1000,
|
|||
|
|
});
|
|||
|
|
} else {
|
|||
|
|
Toast({
|
|||
|
|
context: this,
|
|||
|
|
selector: '#t-toast',
|
|||
|
|
message: '需要组件库发新版才能拿到地址ID',
|
|||
|
|
icon: '',
|
|||
|
|
duration: 1000,
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
deleteAddressHandle(e) {
|
|||
|
|
const { id } = e.currentTarget.dataset;
|
|||
|
|
|
|||
|
|
logger.info('ADDRESS_LIST_PAGE', '开始删除地址', { addressId: id });
|
|||
|
|
|
|||
|
|
// 调用API删除地址
|
|||
|
|
deleteAddress(id).then(() => {
|
|||
|
|
logger.info('ADDRESS_LIST_PAGE', '删除地址成功', { addressId: id });
|
|||
|
|
|
|||
|
|
// 删除成功后从列表中移除
|
|||
|
|
this.setData({
|
|||
|
|
addressList: this.data.addressList.filter((address) => address.id !== id),
|
|||
|
|
deleteID: '',
|
|||
|
|
showDeleteConfirm: false,
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
Toast({
|
|||
|
|
context: this,
|
|||
|
|
selector: '#t-toast',
|
|||
|
|
message: '地址删除成功',
|
|||
|
|
theme: 'success',
|
|||
|
|
duration: 1000,
|
|||
|
|
});
|
|||
|
|
}).catch((err) => {
|
|||
|
|
logger.error('ADDRESS_LIST_PAGE', '删除地址失败', {
|
|||
|
|
addressId: id,
|
|||
|
|
error: err.message || err
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
console.error('删除地址失败:', err);
|
|||
|
|
Toast({
|
|||
|
|
context: this,
|
|||
|
|
selector: '#t-toast',
|
|||
|
|
message: '删除地址失败',
|
|||
|
|
icon: '',
|
|||
|
|
duration: 1000,
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// 关闭确认对话框
|
|||
|
|
this.setData({
|
|||
|
|
deleteID: '',
|
|||
|
|
showDeleteConfirm: false,
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
editAddressHandle({ detail }) {
|
|||
|
|
logger.info('ADDRESS_LIST_PAGE', '编辑地址', { addressDetail: detail });
|
|||
|
|
|
|||
|
|
this.waitForNewAddress();
|
|||
|
|
|
|||
|
|
const { id } = detail || {};
|
|||
|
|
wx.navigateTo({ url: `/pages/user/address/edit/index?id=${id}` });
|
|||
|
|
},
|
|||
|
|
selectHandle({ detail }) {
|
|||
|
|
logger.info('ADDRESS_LIST_PAGE', '选择地址', {
|
|||
|
|
selectMode: this.selectMode,
|
|||
|
|
addressDetail: detail
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
if (this.selectMode) {
|
|||
|
|
this.hasSelect = true;
|
|||
|
|
|
|||
|
|
// 将选择的地址存储到本地存储中，供订单确认页面使用
|
|||
|
|
wx.setStorageSync('selectedAddress', detail);
|
|||
|
|
logger.info('ADDRESS_LIST_PAGE', '地址已存储到本地存储', { selectedAddress: detail });
|
|||
|
|
|
|||
|
|
resolveAddress(detail);
|
|||
|
|
wx.navigateBack({ delta: 1 });
|
|||
|
|
} else {
|
|||
|
|
this.editAddressHandle({ detail });
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
createHandle() {
|
|||
|
|
logger.info('ADDRESS_LIST_PAGE', '创建新地址');
|
|||
|
|
|
|||
|
|
this.waitForNewAddress();
|
|||
|
|
wx.navigateTo({ url: '/pages/user/address/edit/index' });
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
setDefaultAddressHandle({ detail }) {
|
|||
|
|
logger.info('ADDRESS_LIST_PAGE', '设置默认地址', { addressDetail: detail });
|
|||
|
|
|
|||
|
|
const addressId = parseInt(detail.id || detail.addressId);
|
|||
|
|
|
|||
|
|
if (!addressId) {
|
|||
|
|
logger.error('ADDRESS_LIST_PAGE', '地址ID无效', { detail });
|
|||
|
|
Toast({
|
|||
|
|
context: this,
|
|||
|
|
selector: '#t-toast',
|
|||
|
|
message: '地址ID无效',
|
|||
|
|
icon: '',
|
|||
|
|
duration: 1000,
|
|||
|
|
});
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 调用设置默认地址API
|
|||
|
|
setDefaultAddress(addressId)
|
|||
|
|
.then(() => {
|
|||
|
|
logger.info('ADDRESS_LIST_PAGE', '设置默认地址成功', { addressId });
|
|||
|
|
|
|||
|
|
Toast({
|
|||
|
|
context: this,
|
|||
|
|
selector: '#t-toast',
|
|||
|
|
message: '设置默认地址成功',
|
|||
|
|
icon: '',
|
|||
|
|
duration: 1000,
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// 更新本地地址列表
|
|||
|
|
const addressList = this.data.addressList.map(address => ({
|
|||
|
|
...address,
|
|||
|
|
isDefault: (parseInt(address.id) === addressId || parseInt(address.addressId) === addressId) ? 1 : 0
|
|||
|
|
}));
|
|||
|
|
|
|||
|
|
// 重新排序，默认地址排在前面
|
|||
|
|
addressList.sort((prevAddress, nextAddress) => {
|
|||
|
|
if (prevAddress.isDefault && !nextAddress.isDefault) {
|
|||
|
|
return -1;
|
|||
|
|
}
|
|||
|
|
if (!prevAddress.isDefault && nextAddress.isDefault) {
|
|||
|
|
return 1;
|
|||
|
|
}
|
|||
|
|
return 0;
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
this.setData({
|
|||
|
|
addressList: addressList,
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
logger.info('ADDRESS_LIST_PAGE', '地址列表已更新', {
|
|||
|
|
totalCount: addressList.length,
|
|||
|
|
defaultAddressId: addressId
|
|||
|
|
});
|
|||
|
|
})
|
|||
|
|
.catch((err) => {
|
|||
|
|
logger.error('ADDRESS_LIST_PAGE', '设置默认地址失败', {
|
|||
|
|
addressId,
|
|||
|
|
error: err.message || err
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
Toast({
|
|||
|
|
context: this,
|
|||
|
|
selector: '#t-toast',
|
|||
|
|
message: '设置默认地址失败',
|
|||
|
|
icon: '',
|
|||
|
|
duration: 1000,
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
waitForNewAddress() {
|
|||
|
|
logger.debug('ADDRESS_LIST_PAGE', '等待新地址返回');
|
|||
|
|
|
|||
|
|
getAddressPromise()
|
|||
|
|
.then((newAddress) => {
|
|||
|
|
logger.info('ADDRESS_LIST_PAGE', '收到新地址数据', {
|
|||
|
|
addressId: newAddress.addressId,
|
|||
|
|
name: newAddress.name,
|
|||
|
|
isEdit: newAddress.isEdit
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
let addressList = [...this.data.addressList];
|
|||
|
|
|
|||
|
|
newAddress.phoneNumber = newAddress.phone;
|
|||
|
|
newAddress.address = `${newAddress.provinceName}${newAddress.cityName}${newAddress.districtName}${newAddress.detailAddress}`;
|
|||
|
|
newAddress.tag = newAddress.addressTag;
|
|||
|
|
|
|||
|
|
if (!newAddress.addressId) {
|
|||
|
|
logger.debug('ADDRESS_LIST_PAGE', '添加新地址到列表');
|
|||
|
|
|
|||
|
|
newAddress.id = `${addressList.length}`;
|
|||
|
|
newAddress.addressId = `${addressList.length}`;
|
|||
|
|
|
|||
|
|
if (newAddress.isDefault === 1) {
|
|||
|
|
logger.debug('ADDRESS_LIST_PAGE', '新地址设为默认，清除其他默认地址');
|
|||
|
|
addressList = addressList.map((address) => {
|
|||
|
|
address.isDefault = 0;
|
|||
|
|
return address;
|
|||
|
|
});
|
|||
|
|
} else {
|
|||
|
|
newAddress.isDefault = 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
addressList.push(newAddress);
|
|||
|
|
} else {
|
|||
|
|
logger.debug('ADDRESS_LIST_PAGE', '更新现有地址');
|
|||
|
|
|
|||
|
|
addressList = addressList.map((address) => {
|
|||
|
|
if (address.addressId === newAddress.addressId) {
|
|||
|
|
return newAddress;
|
|||
|
|
}
|
|||
|
|
return address;
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
addressList.sort((prevAddress, nextAddress) => {
|
|||
|
|
if (prevAddress.isDefault && !nextAddress.isDefault) {
|
|||
|
|
return -1;
|
|||
|
|
}
|
|||
|
|
if (!prevAddress.isDefault && nextAddress.isDefault) {
|
|||
|
|
return 1;
|
|||
|
|
}
|
|||
|
|
return 0;
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
this.setData({
|
|||
|
|
addressList: addressList,
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// 标记地址已被更新
|
|||
|
|
this.addressUpdated = true;
|
|||
|
|
|
|||
|
|
logger.info('ADDRESS_LIST_PAGE', '地址列表更新完成', {
|
|||
|
|
totalCount: addressList.length,
|
|||
|
|
defaultCount: addressList.filter(addr => addr.isDefault === 1).length,
|
|||
|
|
addressUpdated: true
|
|||
|
|
});
|
|||
|
|
})
|
|||
|
|
.catch((e) => {
|
|||
|
|
if (e.message !== 'cancel') {
|
|||
|
|
logger.error('ADDRESS_LIST_PAGE', '地址编辑发生错误', { error: e.message || e });
|
|||
|
|
|
|||
|
|
Toast({
|
|||
|
|
context: this,
|
|||
|
|
selector: '#t-toast',
|
|||
|
|
message: '地址编辑发生错误',
|
|||
|
|
icon: '',
|
|||
|
|
duration: 1000,
|
|||
|
|
});
|
|||
|
|
} else {
|
|||
|
|
logger.info('ADDRESS_LIST_PAGE', '用户取消地址编辑');
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
});
|