ZF sun
aa7d967422
1. 修复多处页面onTabItemTap事件，使用uni.reLaunch兜底鸿蒙下switchTab静默失败的问题 2. 全局混入onTabItemTap兜底未手动处理的页面 3. 优化路由跳转逻辑，针对鸿蒙环境增加switchTab失败兜底和超时强制跳转 4. 优化可选链调用和空值判断，提升代码健壮性
144 lines
3.9 KiB
JavaScript
144 lines
3.9 KiB
JavaScript
export default {
|
||
data() {
|
||
return {
|
||
minScrollTop: 100, // 设置回到顶端按钮显示要求，最小页面滚动距离
|
||
wechatQrcode: '', // 公众号二维码
|
||
diyRoute: '/pages/index/index',
|
||
shopInfo: null // 店铺信息
|
||
};
|
||
},
|
||
// 鸿蒙元服务环境: 系统 TabBar 点击 uni.switchTab 静默失败
|
||
// 手动接管 onTabItemTap, 用 uni.reLaunch 兜底, 确保 TabBar 跳转在鸿蒙下也能工作
|
||
// #ifdef MP-HARMONY
|
||
onTabItemTap(e) {
|
||
if (!e || !e.pagePath) return;
|
||
const pages = getCurrentPages();
|
||
const currentPage = pages[pages.length - 1];
|
||
const currentPath = currentPage ? '/' + currentPage.route : '';
|
||
const targetPath = e.pagePath.startsWith('/') ? e.pagePath : '/' + e.pagePath;
|
||
// 已经在目标页则不重复跳转
|
||
if (currentPath === targetPath) return;
|
||
uni.reLaunch({ url: targetPath });
|
||
},
|
||
// #endif
|
||
onLoad(option) {
|
||
// #ifdef H5
|
||
// H5地图选择位置回调数据
|
||
if (option.module && option.module == 'locationPicker') {
|
||
option.name = ''; // 清空地址
|
||
}
|
||
// #endif
|
||
this.name = option.name || 'DIY_VIEW_INDEX'; // 根据店铺运营模式，打开平台（shop）或者连锁门店（stroe）页面，接口会自行判断
|
||
|
||
// 获取店铺信息
|
||
this.shopInfo = uni.getStorageSync('shopInfo');
|
||
},
|
||
onShow() {
|
||
// 获取关注公众号二维码
|
||
this.getFollowQrcode();
|
||
|
||
// 重新获取店铺信息
|
||
this.shopInfo = uni.getStorageSync('shopInfo');
|
||
},
|
||
mounted() {
|
||
// 监听图片、文字、商品列表等组件的点击事件
|
||
this.unsubscribe = this.$eventBus?.onMany([
|
||
'rubik-cube-tap',
|
||
'picture-tap',
|
||
'text-tap',
|
||
'goods-list-tap',
|
||
'presale-tap',
|
||
'notes-tap',
|
||
'merch-list-tap',
|
||
'map-tap',
|
||
'img-ads-tap',
|
||
'many-goods-list-tap',
|
||
'search-tap',
|
||
], this._handleDiyGroupInteractionEvent);
|
||
},
|
||
beforeDestroy() {
|
||
// 移除图片点击事件监听
|
||
if (this.unsubscribe) this.unsubscribe();
|
||
},
|
||
methods: {
|
||
// 关注公众号
|
||
getFollowQrcode() {
|
||
if (!this.$util.isWeiXin()) return;
|
||
this.$api.sendRequest({
|
||
url: '/wechat/api/wechat/followqrcode',
|
||
success: res => {
|
||
if (res.code >= 0 && res.data) {
|
||
this.wechatQrcode = res.data.qrcode;
|
||
}
|
||
}
|
||
});
|
||
},
|
||
officialAccountsOpen() {
|
||
this.$refs.officialAccountsPopup.open();
|
||
},
|
||
officialAccountsClose() {
|
||
this.$refs.officialAccountsPopup.close();
|
||
},
|
||
// 判断是否需要登录授权
|
||
_requireHomeAuth() {
|
||
// #ifdef MP-WEIXIN
|
||
// 检查 index_login_auth 都开启时才需要登录授权
|
||
return this.shopInfo?.index_login_auth === 1;
|
||
// #endif
|
||
|
||
// TODO: 其他平台, 后面可以根据平台类型判断
|
||
|
||
return false;
|
||
},
|
||
// 统一处理点击及触摸事件
|
||
_handleDiyGroupInteractionEvent(payload) {
|
||
// 如果不需要登录授权，直接返回 true 继续传播
|
||
if (!this._requireHomeAuth()) {
|
||
return true;
|
||
}
|
||
|
||
// 如果已登录，直接返回 true 继续传播
|
||
if (this.storeToken) {
|
||
return true;
|
||
}
|
||
|
||
this.$refs.login?.open();
|
||
|
||
// 阻止事件继续传播
|
||
return false;
|
||
},
|
||
/**
|
||
* 标题连击 5 次显示构建版本信息（供测试人员使用）
|
||
*/
|
||
onTitleTap() {
|
||
this._titleTapCount = (this._titleTapCount || 0) + 1;
|
||
if (this._titleTapTimer) {
|
||
clearTimeout(this._titleTapTimer);
|
||
}
|
||
if (this._titleTapCount >= 5) {
|
||
this._titleTapCount = 0;
|
||
this._showVersionInfo();
|
||
return;
|
||
}
|
||
// 2 秒内未达到 5 次则重置计数
|
||
this._titleTapTimer = setTimeout(() => {
|
||
this._titleTapCount = 0;
|
||
}, 2000);
|
||
},
|
||
_showVersionInfo() {
|
||
let v = null;
|
||
try {
|
||
v = typeof __app_version !== 'undefined' ? __app_version : null;
|
||
} catch (e) {}
|
||
if (v && v.commitId) {
|
||
uni.showModal({
|
||
title: '构建版本信息',
|
||
content: `提交 ID: ${v.commitId}\n构建时间: ${v.buildTime}`,
|
||
showCancel: false
|
||
});
|
||
} else {
|
||
console.log('未获取到构建版本信息');
|
||
}
|
||
}
|
||
}
|
||
} |