cmSysMixins.js 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. // 统计数据
  2. // 统计类型 1:首页banner;2:直播模块;3:最新活动;4:热门文章;5:新品橱窗;6:活动列表
  3. import Vue from 'vue'
  4. const cmSysVitaMixins = {
  5. data() {
  6. return {
  7. rowseTime: 0, // 浏览时长初始值为 0
  8. clearTimeSet: null,
  9. }
  10. },
  11. mounted(){
  12. this.setTime() // 页面加载完成后开始计时
  13. },
  14. methods: {
  15. setTime() {
  16. //设置定时器
  17. this.clearTimeSet = setInterval(() => {
  18. this.browseTime++
  19. console.log(this.browseTime, '时长累计')
  20. }, 1000)
  21. },
  22. cmSysVitaMixins(cmsSysType,productId) {
  23. this.ProductService.sYsStatisticsTypesSatisticsNumber({typeId:cmsSysType,productId:productId})
  24. .then(response => {
  25. const map = {
  26. 1: '首页轮播',
  27. 2: '直播模块',
  28. 3: '最新活动',
  29. 4: '热门文章',
  30. 5: '新品橱窗',
  31. 6: '活动列表'
  32. }
  33. const sYsText = map[cmsSysType]
  34. console.log(`<-------${sYsText}统计数据成功------>`)
  35. })
  36. .catch(error => {
  37. console.log('<-------上送用户行为记录异常------>')
  38. })
  39. },
  40. },
  41. onUnload() {
  42. debugger
  43. clearInterval(this.clearTimeSet) // 离开页面后清除定时器
  44. this.cmSysVitaMixins() // 上送后台接口,将浏览时长等信息传到后台,离开当前路由后调用
  45. },
  46. }
  47. export default cmSysVitaMixins