Feat(页面):页面埋点配置

pkg_product/views/famousHot.vue

@@ -16,7 +16,7 @@
       <image class="title" :src="webUrl+'/20230220023931078168.png'" mode="scaleToFill"/>
 
       <view class="item flex" :style="{'backgroundImage':`url(${webUrl}/20230224102624521679.png)`}"
-            v-for="(item,index) in products" :key="index" @click="$global.navToGoods(item.id)">
+            v-for="(item,index) in products" :key="index" @click="goGoods(item.id)">
         <image class="cover flex-0" style="margin-right: 20rpx" :src="item.image"
                mode="scaleToFill" v-if="index%2===0"/>
 
@@ -42,24 +42,35 @@
 </template>
 
 <script>
-import {getStoryDetail} from "@/api/product";
-
+import {getStoryDetail} from '@/api/product'
+import { pageListenMixins } from '@/mixins/pageListenMixins'
 export default {
-  name: "famousHot",
+  name: 'FamousHot',
+  mixins: [pageListenMixins],
   data() {
     return {
       webUrl: this.$VUE_APP_RESOURCES_URL,
       products: [],
       id: null,
-      story: null
+      story: null,
+      pageKeyId: ''
     }
   },
   onLoad(option) {
-    this.id = option.id;
+    const id = option.id
+    this.id = option.id
+    this.pageKeyId = `countyFamousContent_id_${id}`
     getStoryDetail(this.id).then(({data}) => {
-      this.story = data;
-      this.products = data.products;
+      this.story = data
+      this.products = data.products
     })
+  },
+  methods: {
+    goGoods(id) {
+      uni.navigateTo({
+        url: `/pages/shop/GoodsCon/index?id=${id}&from=famous`
+      })
+    }
   }
 }
 </script>