From d50a3ed44e2edab2a7a661c43491c3aa42c57794 Mon Sep 17 00:00:00 2001 From: peng <peng.com> Date: 星期四, 25 九月 2025 14:17:05 +0800 Subject: [PATCH] 用户行为分享基础埋点 --- pages/mine/activity/reportActivity.vue | 89 +++++++++++++++++++++++--------------------- 1 files changed, 47 insertions(+), 42 deletions(-) diff --git a/pages/mine/activity/reportActivity.vue b/pages/mine/activity/reportActivity.vue index 86b0a86..adc28a9 100644 --- a/pages/mine/activity/reportActivity.vue +++ b/pages/mine/activity/reportActivity.vue @@ -1,8 +1,12 @@ <template> <view class="wrapper"> <top-bar selectedTitleIndex="activity" textColor="black" @changeTab="topBarChange" class="topBar"></top-bar> - - <view style="height: 50rpx;margin-top: 50px"></view> + + <view style="height: 50rpx;margin-top: 150rpx"></view> + <u-empty v-if="mockData.length === 0 && !loading" style="margin-top: 130rpx;" + mode="data" + icon="http://cdn.uviewui.com/uview/empty/data.png"> + </u-empty> <!-- 鍐呭鍖哄煙 --> <scroll-view scroll-y class="scroll-view-container" style="height: 40vh;" @scrolltolower="loadMore" :lower-threshold="100"> <view class="waterfall"> @@ -26,10 +30,8 @@ </view> </view> </view> - <view class="empty-state" v-if="mockData.length === 0 && !loading"> - <text>鏆傛棤鍐呭锛屼笅鎷夊埛鏂拌瘯璇�</text> - </view> - <!-- <view style="height: 150rpx;"></view> --> + + <!-- 鏀硅繘鐨勫姞杞芥洿澶氭彁绀� --> <view class="load-more"> <u-loadmore v-if="mockData.length > 0" :status="loading ? 'loading' : noMore ? 'nomore' : 'loadmore'" @@ -53,6 +55,7 @@ import TopBar from "@/components/TopBar.vue"; import '@/components/uview-components/uview-ui'; import {getActivityReportList} from '@/api/activity.js'; + import { getSessionId, userAction } from "@/api/userAction.js"; export default { components: {TopBar}, data() { @@ -73,10 +76,44 @@ }, loading: false, // 鏄惁姝e湪鍔犺浇 noMore: false, // 鏄惁娌℃湁鏇村鏁版嵁 - total: 0 // 鎬绘暟鎹噺 + total: 0 ,// 鎬绘暟鎹噺 + pageSessionNo:"", + actionParam:{ + sessionId:'', + actionType:"PAGE", + joinType:"SELF", + pageCode:"ACTIVITY_LIST", + pageParams:"{}", + pageStatus:"JOIN", + pageType:"LIST" + } }; }, - onLoad() { + onUnload() { + let param = this.actionParam; + if (this.sendOnShow)return + param.pageStatus = "LEAVE" + userAction(param) + }, + onHide() { + this.startHidenTime = Date.now() + let param = this.actionParam; + this.sendOnShow = true; + param.pageStatus = "LEAVE" + userAction(param) + }, + onShow() { + getSessionId().then(res=>{ + this.pageSessionNo = res.data.data + if(this.pageSessionNo){ + let param = this.actionParam; + param.sessionId = this.pageSessionNo + userAction(param) + } + }) + }, + onLoad(options) { + this.actionParam.pageParams = JSON.stringify(options) this.getActivityList(); }, methods: { @@ -218,20 +255,8 @@ </script> <style lang="scss"> - /* 绌虹姸鎬佹牱寮� */ - .empty-state { - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - height: 50vh; - text-align: center; - color: #999; - text { - font-size: 28rpx; - } - } - /* 鏂板鍔犺浇鏇村鏍峰紡 */ + + /*鏂板鍔犺浇鏇村鏍峰紡 */ .load-more { padding: 20rpx 0; text-align: center; @@ -367,26 +392,6 @@ } } - /* 绌虹姸鎬佹牱寮� */ - .empty-state { - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - height: 60vh; - text-align: center; - - image { - width: 240rpx; - opacity: 0.6; - margin-bottom: 30rpx; - } - - text { - color: #c0c4cc; - font-size: 28rpx; - } - } .topBar { position: fixed; -- Gitblit v1.8.0