Skip to content

P
pica-annual-summary
提交 3868df15 编写于 作者: guangjun.yang's avatar guangjun.yang
浏览文件
操作

埋点数据等

上级 0cb3d9f4
隐藏空白字符变更
内嵌 并排
正在显示 包含 135 行增加 和 50 行删除
src/components/annual-summary/logo.vue
浏览文件 @ 3868df15
<template>
<div class="logo-wrapper">
<img @click="back" class="back" v-show="!isWeb && imgType == 1" src="~@/images/annual/back-1.png" alt="">
<img @click="back" class="back" v-show="!isWeb && imgType == 2" src="~@/images/annual/back-2.png" alt="">
<img class="logo" v-show="imgType == 1" src="~@/images/annual/logo-1.png" alt />
<img class="logo" v-show="imgType == 2" src="~@/images/annual/logo-2.png" alt />
<img @click="back" class="back" v-show="!isWeb && imgType == 1" src="~@/images/annual/back-1.png" alt="">
<img @click="back" class="back" v-show="!isWeb && imgType == 2" src="~@/images/annual/back-2.png" alt="">
<img class="logo" v-show="imgType == 1" src="~@/images/annual/logo-1.png" alt />
<img class="logo" v-show="imgType == 2" src="~@/images/annual/logo-2.png" alt />
</div>
</template>
<script>
import { mapGetters } from "vuex";
export default {
props: {
imgType: {
......@@ -18,16 +19,28 @@ export default {
default: 1 // 1: H5返回; 2: 原生返回
}
},
data() {
return {
isWeb: window.__isWeb,
}
},
computed: {
...mapGetters(["backBDText"])
},
methods: {
back() {
if( this.backType == 1) {
this.$sendBuriedData({
component_tag: `560#560001${this.backBDText}`
});
this.$router.back(-1);
} else {
this.$sendBuriedData({
component_tag: '559#559001'
});
rocNative.goBack();
}
}
......
src/store/getters.js
浏览文件 @ 3868df15
const getters = {
userInfo: state => state.common.userInfo,
backBDText: state => state.common.backBDText,
}
export default getters
src/store/modules/common.js
浏览文件 @ 3868df15
const common = {
state: {
userInfo: { appVersion: "344", userToken: "" },
backBDText: '#firstMeet#第一次注册',
},
mutations: {
SET_USER_INFO: (state, userInfo) => {
state.userInfo = userInfo
state.userInfo = userInfo;
},
SET_BACK_BD_TEXT: (state, backBDText) => {
state.backBDText = backBDText;
},
},
actions: {
setUserInfo({ commit }, userInfo) {
commit('SET_USER_INFO', userInfo)
commit('SET_USER_INFO', userInfo);
},
setBackBDText({ commit }, backBDText) {
commit('SET_BACK_BD_TEXT', backBDText);
},
}
}
......
src/utils/mixins.js
浏览文件 @ 3868df15
......@@ -20,14 +20,14 @@ module.exports = {
this.token = this.getUrlKey('token') || (query && query.token)
},
computed: {
...mapGetters(["userInfo", "canRunNext"])
...mapGetters(["userInfo"])
},
mounted() {
},
methods: {
...mapActions(["setUserInfo", "goLogin"]),
...mapActions(["setUserInfo"]),
getUrlPara(obj) {
let dataStr = ''
......@@ -229,29 +229,6 @@ module.exports = {
e.target.src = 'https://file.yunqueyi.com/File/doctor_default.png';
},
// 校验token，有效则调用回调函数，否则调起原生登陆页面
commonCheckToken(cb) {
console.log('5555 this.token', this.token);
let param = {
token: this.token || this.$store.state.common.userInfo.userToken || localStorage.getItem("couponToken") || getCookie("couponToken"),
// token: this.token || this.$store.state.common.userInfo.userToken,
setEntry: true
};
console.log('this.token || this.$store.state.common.userInfo.userToken', this.token, this.$store.state.common.userInfo.userToken);
this.GET("campaign/admin/task/checkToken", param).then(res => {
if (res.code !== "000000") {
console.log('commonCheckToken', window.__isWeb);
if(window.__isWeb) {
this.goLogin();
} else {
rocNative.gotoLogin();
}
} else {
cb && cb()
}
});
},
// 校验token，有效则调用回调函数，否则使用调起原生登陆页面
checkTokenForNative(cb) {
let param = {
......@@ -266,20 +243,5 @@ module.exports = {
}
});
},
// 防止重复点击的最简单实现
canRun(delayTime = 500){
if(this.canRunNext) {
this.$store.commit('SET_CAN_RUN_NEXT', false);
setTimeout( () => {
this.$store.commit('SET_CAN_RUN_NEXT', true)
}, delayTime);
console.log('in canRan ', this.canRunNext);
return true;
} else {
console.log('in canRan', this.canRunNext);
return false;
}
}
}
}
src/views/annual-summary/detail.vue
浏览文件 @ 3868df15
<template>
<div class="swiper-container">
<div class="right-arrow">
<div v-show="(slideNum - 1) !== activeIndex" v-if="isHide" class="right-arrow">
<img class="r1" src="~@/images/annual/right-1.png" alt />
<img src="~@/images/annual/right-2.png" alt />
</div>
......@@ -73,11 +73,54 @@ export default {
showLoading: false,
isHide: true,
activeIndex: 0,
slideNum: 1,
appVersion: '',
anualData: {
orderNum: 0,
learnTime4Show: 0
}
},
backBDList: [
{
desc: '第一次注册',
text: '#firstMeet#第一次注册',
isShow: true,
},
{
desc: '学习总时长',
text: '#studyTime#学习总时长',
isShow: true,
},
{
desc: '找药',
text: '#findMedicine#找药',
isShow: true,
},
{
desc: '早起',
text: '#morning#早起',
isShow: true,
},
{
desc: '夜深了',
text: '#night#夜深了',
isShow: true,
},
{
desc: '中午',
text: '#middle#中午',
isShow: true,
},
{
desc: '云鹊豆',
text: '#manyBean#获得豆子',
isShow: true,
},
{
desc: '最终页面',
text: '#final#最终页面',
isShow: true,
},
],
};
},
......@@ -134,7 +177,63 @@ export default {
},
methods: {
...mapActions(["setUserInfo"]),
...mapActions(["setUserInfo", "setBackBDText"]),
// 先构造埋点的基础数据
handle4DBText() {
let anualData = this.anualData;
if(!anualData) return;
let slideNum = 8;
// 如果没有数据，则直接设置埋点数据
if(!anualData.haveFlag) {
this.setBackBDText('#newUser#21年用户');
slideNum = 1;
return;
}
// 如果订单为空，则没有找药页面
if(!anualData.orderNum) {
this.backBDList[2].isShow = false;
slideNum --;
}
// 没有早起
if(anualData.learnEarliestTimeFlag == 0) {
this.backBDList[3].isShow = false;
slideNum --;
}
// 没有晚睡
if(anualData.learnLatestTimeFlag == 0) {
this.backBDList[4].isShow = false;
slideNum --;
}
// 早晚都没有时间点
if(anualData.learnTime4Show == 0) {
this.backBDList[5].isShow = false;
slideNum --;
}
// 没有云鹊豆
if(anualData.creditNum == 0) {
this.backBDList[6].text = '#noBean#未得豆子';
}
this.slideNum = slideNum;
console.log('this.slideNum', this.slideNum);
},
// 根据当前页面ID，设置埋点数据
setBackBDTextByAID(activeIndex) {
let backBDList = this.backBDList, index = -1;
for(let i = 0, l = backBDList.length; i < l; i ++) {
if(backBDList[i].isShow) {
index ++;
if(index == activeIndex) {
console.log('in setBackBDTextByAID', backBDList[i].text);
this.setBackBDText(backBDList[i].text);
break;
}
}
}
},
// 获取数据
initData() {
......@@ -147,6 +246,7 @@ export default {
this.GET(`stats/year/end/report/app`, param).then(res => {
if (res.code == "000000") {
this.handlerDate(res.data || {});
this.handle4DBText();
this.$forceUpdate();
this.$nextTick(() => {
setTimeout(() => {
......@@ -210,7 +310,8 @@ export default {
slideChangeTransitionEnd: function(se) {
_this.activeIndex = se.activeIndex;
swiperAnimate(this);
console.log("---2323", se);
_this.setBackBDTextByAID(se.activeIndex);
console.log("@@@@@@_this.activeIndex", _this.activeIndex);
}
}
});
......
src/views/annual-summary/index.vue
浏览文件 @ 3868df15
......@@ -178,6 +178,7 @@ export default {
justify-content: center;
color: #ffffff;
img {
display: block;
width: 15px;
height: 15px;
padding-top: 4px;
......
Markdown 格式
0% or
您添加了 0 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或