lucky_shop/pages/index/public/js/index.js

import splashState from '@/common/js/splash-state.js';
import Config from '@/common/js/config.js';

export default {
	data() {
		return {
			minScrollTop: 100, // 设置回到顶端按钮显示要求，最小页面滚动距离
			wechatQrcode: '', // 公众号二维码
			diyRoute: '/pages/index/index',
			shopInfo: null, // 店铺信息
			diyGroupReady: false // diy-group 内容是否已渲染完毕(用于控制版本水印显示时机)
		};
	},
	computed: {
		versionWatermark() {
			let v = null;
			try {
				v = typeof __app_version !== 'undefined' ? __app_version : null;
			} catch (e) {}
			if (!v || !v.commitId || !v.buildTime) return '';
			const date = String(v.buildTime).slice(0, 16).replace('T', ' ');
			const commit = String(v.commitId);
			return `Ver.${date} · ${commit}`;
		}
	},
	// 鸿蒙元服务环境: 系统 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');

		// 每次进入页面重置 diy-group 加载状态, 避免缓存的 ready 导致水印提前显示
		this.diyGroupReady = false;
	},
	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;
		},
		// diy-group 渲染完毕回调, 用于触发版本水印等延后显示元素
		// 同时通知 splash-state 页面就绪, 启动屏可以关闭
		// 注意: diy-group 内部 _notifyLoaded 已有 300ms 渲染 settle,
		//       这里不再叠加 500ms, 避免吃掉 splash 的 2s page-ready 兜底预算
		//       (叠加延迟会导致弱网/冷启动下 splash 走 page-ready-timeout 兜底路径)
		onDiyGroupLoaded() {
			this.diyGroupReady = true;
			try { splashState.notifyPageReady(); } catch (e) {}
		},
		/**
		 * 版本连击 3 次以上显示构建版本信息（供测试人员使用）
		 */
		onVersionTap() {
			this._titleTapCount = (this._titleTapCount || 0) + 1;
			if (this._titleTapTimer) {
				clearTimeout(this._titleTapTimer);
			}
			if (this._titleTapCount > 3) {
				this._titleTapCount = 0;
				this._showVersionInfo();
				return;
			}
			// 2 秒内未达到 3 次则重置计数
			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}\n${Config.baseUrl}`,
					showCancel: false
				});
			} else {
				console.error('未获取到构建版本信息');
			}
		}
	}
}