Skip to content

R
RB_StrongestBrain_250520
Commit a0891d6d authored by haiyoucuv's avatar haiyoucuv
Browse files
Options

Merge remote-tracking branch 'origin/master'

parents dcd11f47 08d9ac70
Hide whitespace changes
Inline Side-by-side
Showing with 775 additions and 211 deletions
mock/capsule.ts
View file @ a0891d6d
...@@ -55,7 +55,7 @@ export default [ ...@@ -55,7 +55,7 @@ export default [
"message": "信息xxx", "message": "信息xxx",
"success": true, "success": true,
"data": { "data": {
"boolPrize": true, // true-中奖，取prizeInfo信息，false-为中奖，取productInfo "boolPrize": true, // true-中奖，取prizeInfo信息，false-未中奖，取productInfo
"productInfos": [ "productInfos": [
{ {
"productImg": "//yun.duiba.com.cn/spark/assets/f77861647e7b55e9c95e9c49d891a21526157a76.jpg", "productImg": "//yun.duiba.com.cn/spark/assets/f77861647e7b55e9c95e9c49d891a21526157a76.jpg",
...@@ -71,8 +71,8 @@ export default [ ...@@ -71,8 +71,8 @@ export default [
} }
], ],
"prizeInfo": { "prizeInfo": {
"prizeName": "reprehenderit tempor non", "prizeName": `奖品1`,
"prizeImg": "Duis veniam ipsum voluptate eiusmod" "prizeImg": `//yun.duiba.com.cn/polaris/jinmoqiang.9e5bbc004f69ab6a3f34d93daeda028616a9f00d.png`,
} }
} }
} }
......
src/App.tsx
View file @ a0891d6d
...@@ -35,7 +35,7 @@ class App extends Component { ...@@ -35,7 +35,7 @@ class App extends Component {
myPrize: MyPrize, // TODO 举例子 新宿台奖品页 myPrize: MyPrize, // TODO 举例子 新宿台奖品页
index: LoadingDemo, index: LoadingDemo,
sharepage:SharePage, sharepage:SharePage,
}[skinId] || GamePage; }[skinId] || HomePage;
PageCtrl.changePage(defaultPage); PageCtrl.changePage(defaultPage);
} }
......
src/components/CodePop/CodePop.jsx 0 → 100644
View file @ a0891d6d
import React from "react";
import {observer} from "mobx-react";
import "./CodePop.less";
import {Button} from "@src/components/Button";
import modalStore from "@src/store/modal";
import QRCode from "qrcode";
import store from "@src/store";
import {LOG_KEY, pageView, sensorLog} from "@src/utils/sensors";
@observer
class CodePop extends React.Component {
state = {
codeImg: ""
};
componentDidMount = async () => {
await this.creatCode();
pageView("b12854", {
page_name: "扫码唤端页",
});
sensorLog(LOG_KEY.exposure, "b12854", "d12855", {
page_name: "扫码唤端页",
button_name: "关闭按钮",
});
};
/** 生成二维码*/
creatCode = async () => {
await store.getFrontVariable();
const url = await QRCode.toDataURL(store.frontVariable?.Url,{
errorCorrectionLevel: 'L', // 纠错级别，可选值：'L'、'M'、'Q'、'H'
margin: 1, // 边距，单位：像素
});
this.setState({
codeImg: url
});
};
/** 关闭 */
clickClose = () => {
modalStore.closePop();
sensorLog(LOG_KEY.click, "b12854", "d12855", {
page_name: "扫码唤端页",
button_name: "关闭按钮",
});
};
render() {
const {codeImg} = this.state;
return <div className="CodePop modal_center md4">
<div className="light"/>
<div className="bg">
<img className="code" src={codeImg}/>
</div>
<Button className="close" onClick={this.clickClose}/>
</div>;
}
}
export default CodePop;
src/components/CodePop/CodePop.less 0 → 100644
View file @ a0891d6d
@import "../../res.less";
.CodePop {
position: absolute;
left: 0;
top: 0;
width: 750px;
height: 1624px;
.light {
position: absolute;
left: 79px;
top: 275px;
width: 593px;
height: 593px;
// .sparkBg("common/light.png");
}
.bg {
position: absolute;
left: 99px;
top: 358px;
width: 553px;
height: 721px;
.sparkBg("CodePop/bg.png")
}
.code {
position: absolute;
left: 146px;
top: 371px;
width: 261px;
height: 261px;
//.sparkBg("CodePop/code.png")
}
.close {
position: absolute;
left: 345px;
top: 1122px;
width: 60px;
height: 60px;
.sparkBg("common/closeBtn.png")
}
}
\ No newline at end of file
src/components/NoPrizeCard/NoPrizeCard.jsx 0 → 100644
View file @ a0891d6d
import React from "react";
import { observer } from "mobx-react";
import "./NoPrizeCard.less";
// import { SvgaPlayer } from "@grace/svgaplayer";
// import { RES_PATH } from "../../../sparkrc";
import { SvgaPlayer } from "@grace/svgaplayer";
import { Swiper, SwiperSlide } from "swiper/react";
import "swiper/css";
import { LOG_KEY, pageView, sensorLog } from "../../utils/sensors.js";
import { _throttle, randomNum } from "../../utils/utils";
import { Button } from "@grace/ui";
import { PageCtrl } from "@/core/ctrls/PageCtrl";
import { ModalCtrl } from "@/core/ctrls/ModalCtrl";
@observer
class NoPrizeCard extends React.Component {
state = {
card: true,
};
componentDidMount() {
pageView("b12872", {
page_name: "祝福语翻转页",
});
sensorLog(LOG_KEY.exposure, "b12872", "d12873", {
page_name: "祝福语翻转页",
button_name: "点击切换有惊喜按钮",
});
}
/** card1文本选择 */
opt1 = () => {
const list = [
'NoPrizeCard/text1.png',
'NoPrizeCard/text2.png',
'NoPrizeCard/text3.png',
'NoPrizeCard/text4.png'
]
const address = list[randomNum(0, 4)]
return address
}
/** 切换按钮*/
clickExchange1 = () => {
sensorLog(LOG_KEY.click, "b12872", "d12873", {
page_name: "祝福语翻转页",
button_name: "点击切换有惊喜按钮",
});
this.setState({
card: false,
svg: true
});
setTimeout(() => {
this.setState({
svg: false,
card: false,
});
}, 2000)
};
/** 关闭按钮*/
clickClose = _throttle(() => {
ModalCtrl.closeModal();
});
render() {
const { card } = this.state;
const { data } = this.props;
console.log(data, 123123);
return <div className="NoPrizeCard modal_center">
{
card === true ?
//翻转前
<div className="card1">
{/* <SvgaPlayer className="bg" src={RES_PATH + "svga/5输出展开.svga"} loop={1} /> */}
<span className="picture"></span>
{/* <img className="text" src={RES_PATH + this.opt1()} /> */}
</div>
//翻转后
: <div>
{/* <SvgaPlayer className="bg" src={RES_PATH + "svga/6输出切换.svga"} loop={1} /> */}
<Swiper className="prodSwiper"
slidesPerView={1}
pagination={{ clickable: true }}
>
{
data?.productInfos?.map((item, index) => {
return <SwiperSlide className="prodItem" key={index}>
<span className="line"></span>
<img className="picture2"
src={item?.productImg}
alt={item?.productText}
/>
<div className="txt">
{item?.productText}
</div>
</SwiperSlide>
})
}
</Swiper>
{/* <Button className="exchange2" /> */}
</div>
}
{
card === true && <Button className="exchange1 md27" onClick={this.clickExchange1} />
}
<Button className="close" onClick={this.clickClose} />
</div>;
}
}
export default NoPrizeCard;
src/components/NoPrizeCard/NoPrizeCard.less 0 → 100644
View file @ a0891d6d
@import "../../res.less";
.NoPrizeCard {
position: absolute;
left: 0;
top: 0;
width: 750px;
height: 1624px;
.bg {
position: absolute;
left: 63px;
top: 256px;
width: 623px;
height: 1053px;
}
.picture {
position: absolute;
left: 148px;
top: 495px;
width: 473px;
height: 725px;
.sparkBg("NoPrizeCard/picture.png");
.fade-in;
}
.text {
position: absolute;
left: 270px;
top: 1074px;
width: 215px;
height: 115px;
.fade-in;
}
.prodSwiper {
position: absolute;
left: 148px;
top: 0px;
width: 452px;
height: 1258px;
transition: transform 288ms linear;
transition-delay: 288ms;
.fade-in;
.prodItem {
display: flex;
align-items: center;
justify-content: center;
.line {
position: absolute;
left: 5px;
top: 1035px;
width: 438px;
height: 2px;
.sparkBg("NoPrizeCard/line.png")
}
.picture2 {
position: absolute;
left: 0px;
top: 495px;
width: 452px;
height: 499px;
border-radius: 18px;
.sparkBg("NoPrizeCard/picture2.png")
}
.txt {
font-size: 23px;
color: rgb(42, 98, 23);
line-height: 1.391;
text-align: left;
position: absolute;
top: 1088px;
width: 417px;
height: 86px;
overflow-y: auto;
}
}
}
.exchange1 {
position: absolute;
left: 279px;
top: 1252px;
width: 191px;
height: 29px;
.sparkBg("NoPrizeCard/exchange.png")
}
// .exchange2 {
// position: absolute;
// left: 302px;
// top: 1252px;
// width: 134px;
// height: 29px;
// .sparkBg("NoPrizeCard/exchange2.png")
// }
.close {
position: absolute;
left: 345px;
top: 1332px;
width: 60px;
height: 60px;
.sparkBg("common/closeBtn.png")
}
}
\ No newline at end of file
src/components/prizepop/prizepop.jsx 0 → 100644
View file @ a0891d6d
"use strict";
import React from "react";
import { observer } from "mobx-react";
import "./prizepop.less";
import { Button } from "@grace/ui";
import { _asyncThrottle } from "../../utils/utils";
import { PageCtrl } from "@/core/ctrls/PageCtrl";
import { ModalCtrl } from "@/core/ctrls/ModalCtrl";
@observer
class Prizepop extends React.Component {
constructor(props) {
super(props);
}
handleReceive = _asyncThrottle(() => {
ModalCtrl.closeModal()
})
handleClose = _asyncThrottle(() => {
ModalCtrl.closeModal()
})
render() {
const { prizeInfo } = this.props || {};
const { prizeName = "", prizeImg = "" } = prizeInfo;
return (
<div className="prizepop modal_center">
<span className="light"></span>
<span className="bg"></span>
<Button className="receive" onClick={this.handleReceive} />
<img className="icon" src={prizeImg} alt={prizeName} />
<span className="name">{prizeName}</span>
<span className="tip">奖品可在首页 我的奖品 中查看</span>
<span className="title"></span>
<Button className="close" onClick={this.handleClose} />
</div>
);
}
}
export default Prizepop;
src/components/prizepop/prizepop.less 0 → 100644
View file @ a0891d6d
@import "../../res.less";
.prizepop {
width: 750px;
height: 1624px;
left: 0px;
top: 0px;
position: absolute;
.light {
width: 750px;
height: 1008px;
left: 0px;
top: 324px;
position: absolute;
.sparkBg("prizePop/light.png");
}
.bg {
width: 646px;
height: 852px;
left: 32px;
top: 325px;
position: absolute;
.sparkBg("prizePop/bg.png");
}
.receive {
width: 263px;
height: 92px;
left: 237px;
top: 921px;
position: absolute;
.sparkBg("prizePop/receive.png");
}
.icon {
width: 217px;
height: 217px;
left: 256px;
top: 604px;
position: absolute;
.sparkBg("prizePop/icon.png");
border-radius: 15px;
}
.name {
width: 550px;
height: 33px;
left: 100px;
top: 843px;
text-align: center;
position: absolute;
font-size: 30px;
line-height: 33px;
color: rgba(153, 57, 27, 1);
.lineClamp1();
}
.tip {
width: 306px;
height: 21px;
left: 216px;
top: 1028px;
position: absolute;
font-size: 22px;
line-height: 21px;
color: rgba(153, 57, 27, 1);
}
.title {
width: 364px;
height: 57px;
left: 179px;
top: 405px;
position: absolute;
.sparkBg("prizePop/title.png");
}
.close {
width: 64px;
height: 64px;
left: 343px;
top: 1251px;
position: absolute;
.sparkBg("prizePop/close.png");
}
}
src/components/rulepop/rulepop.jsx
View file @ a0891d6d
...@@ -8,7 +8,7 @@ import { Button } from '@grace/ui'; ...@@ -8,7 +8,7 @@ import { Button } from '@grace/ui';
import {_asyncThrottle} from "../../utils/utils"; import {_asyncThrottle} from "../../utils/utils";
import { PageCtrl } from "@/core/ctrls/PageCtrl"; import { PageCtrl } from "@/core/ctrls/PageCtrl";
import { ModalCtrl } from "@/core/ctrls/ModalCtrl"; import { ModalCtrl } from "@/core/ctrls/ModalCtrl";
import { LOG_KEY, MatterShareOpt, MatterViewOpt, pageView, sensorLog,MatterViewDuration } from '../../utils/sensors.js';
@observer @observer
class Rulepop extends React.Component { class Rulepop extends React.Component {
constructor(props) { constructor(props) {
...@@ -17,9 +17,22 @@ class Rulepop extends React.Component { ...@@ -17,9 +17,22 @@ class Rulepop extends React.Component {
componentDidMount() { componentDidMount() {
store.initRule(); store.initRule();
pageView("b14294", {
page_name: "活动规则弹窗",
});
sensorLog(LOG_KEY.exposure, "b14294", "d14295", {
page_name: "活动规则弹窗",
button_name: "关闭按钮",
});
} }
handleClose = _asyncThrottle(() => { handleClose = _asyncThrottle(() => {
sensorLog(LOG_KEY.click, "b14294", "d14295", {
page_name: "活动规则弹窗",
button_name: "关闭按钮",
});
ModalCtrl.closeModal() ModalCtrl.closeModal()
}) })
......
src/pages/CapsulePage/CapsulePage.jsx
View file @ a0891d6d
...@@ -14,6 +14,8 @@ import { PageCtrl } from "@/core/ctrls/PageCtrl"; ...@@ -14,6 +14,8 @@ import { PageCtrl } from "@/core/ctrls/PageCtrl";
import { ModalCtrl } from "@/core/ctrls/ModalCtrl"; import { ModalCtrl } from "@/core/ctrls/ModalCtrl";
import { SvgaPlayer } from "@grace/svgaplayer"; import { SvgaPlayer } from "@grace/svgaplayer";
import Homepage from "../HomePage/HomePage.tsx"; import Homepage from "../HomePage/HomePage.tsx";
import Prizepop from "../../components/prizepop/prizepop.jsx";
import Noprizecard from "../../components/noprizecard/noprizecard.jsx";
import machineSvga from "../../assets/svga/1输出扭蛋机常态.svga"; import machineSvga from "../../assets/svga/1输出扭蛋机常态.svga";
import normalSvga from "../../assets/svga/2输出待机啊.svga"; import normalSvga from "../../assets/svga/2输出待机啊.svga";
...@@ -21,7 +23,7 @@ import dynamicSvga from "../../assets/svga/3输出出奖啊.svga"; ...@@ -21,7 +23,7 @@ import dynamicSvga from "../../assets/svga/3输出出奖啊.svga";
import output1Svga from "../../assets/svga/4中奖扭蛋.svga"; import output1Svga from "../../assets/svga/4中奖扭蛋.svga";
import output2Svga from "../../assets/svga/5中奖弹窗.svga"; import output2Svga from "../../assets/svga/5中奖弹窗.svga";
// import { LOG_KEY, pageView, sensorLog } from '@src/utils/sensors'; import { LOG_KEY, pageView, sensorLog } from '../../utils/sensors.js';
@observer @observer
class Capsulepage extends React.Component { class Capsulepage extends React.Component {
...@@ -39,21 +41,13 @@ class Capsulepage extends React.Component { ...@@ -39,21 +41,13 @@ class Capsulepage extends React.Component {
componentDidMount() { componentDidMount() {
this.getDrawInfo(); this.getDrawInfo();
// pageView("b12842", { pageView("b14280", {
// page_name: "抽奖大转盘", page_name: "抽奖页面",
// }); });
// sensorLog(LOG_KEY.exposure, "b12842", "d12843", { sensorLog(LOG_KEY.exposure, "b14280", "d14281", {
// page_name: "抽奖大转盘", page_name: "抽奖页面",
// button_name: "立即抽奖按钮", button_name: "立即抽奖按钮",
// }); });
// sensorLog(LOG_KEY.exposure, "b12842", "d12844", {
// page_name: "抽奖大转盘",
// button_name: "做任务，赚次数按钮",
// });
// sensorLog(LOG_KEY.exposure, "b12842", "d12845", {
// page_name: "抽奖大转盘",
// button_name: "返回按钮",
// });
} }
/** 获取抽奖信息 */ /** 获取抽奖信息 */
...@@ -68,10 +62,10 @@ class Capsulepage extends React.Component { ...@@ -68,10 +62,10 @@ class Capsulepage extends React.Component {
// 开始抽奖 // 开始抽奖
lottteryHandle = _asyncThrottle(async () => { lottteryHandle = _asyncThrottle(async () => {
// sensorLog(LOG_KEY.click, "b12842", "d12843", { sensorLog(LOG_KEY.click, "b14280", "d14281", {
// page_name: "抽奖大转盘", page_name: "抽奖页面",
// button_name: "立即抽奖按钮", button_name: "立即抽奖按钮",
// }); });
// 微信端拦截 // 微信端拦截
if (isWeiXin()) { if (isWeiXin()) {
// 友客小程序 // 友客小程序
...@@ -97,11 +91,15 @@ class Capsulepage extends React.Component { ...@@ -97,11 +91,15 @@ class Capsulepage extends React.Component {
if (success && data) { if (success && data) {
// 扭蛋机转动开始抽奖 // 扭蛋机转动开始抽奖
// this.turntableRef.launch(); // this.turntableRef.launch();
this.setState({ btnDynamic: true }); this.setState({ btnDynamic: true });
// this.drawResultInfo = data || {}; // this.drawResultInfo = data || {};
const { boolPrzie, prizeInfo = {}, productInfo = [] } = data || {}; const {
const { prizeName = "", prizeImg = "" } = prizeInfo || {}; boolPrize = false,
prizeInfo = {},
productInfo = [],
} = data || {};
// const index = prizeVOs?.findIndex( // const index = prizeVOs?.findIndex(
// (item) => item.prizeId === (this.drawResultInfo.prizeId || "thanks") // (item) => item.prizeId === (this.drawResultInfo.prizeId || "thanks")
...@@ -109,10 +107,12 @@ class Capsulepage extends React.Component { ...@@ -109,10 +107,12 @@ class Capsulepage extends React.Component {
// console.info("index", index); // console.info("index", index);
// 抽奖机停止转动 // 抽奖机停止转动
setTimeout(() => {
this.setState({ btnOutput: true });
}, 1600);
setTimeout(() => { setTimeout(() => {
this.setState({ btnDynamic: false }); this.setState({ btnDynamic: false });
this.btnOutput = true; this.stopOkHandle(boolPrize, prizeInfo, productInfo);
this.stopOkHandle();
}, 2000); }, 2000);
// this.turntableRef.braking(index); // this.turntableRef.braking(index);
} else { } else {
...@@ -122,19 +122,23 @@ class Capsulepage extends React.Component { ...@@ -122,19 +122,23 @@ class Capsulepage extends React.Component {
}); });
// 抽奖停止处理 // 抽奖停止处理
stopOkHandle = () => { stopOkHandle = (boolPrize, prizeInfo, productInfo) => {
this.btnStarting = false; this.btnStarting = false;
setTimeout(() => { setTimeout(() => {
this.setState({ btnOutput: false }); this.setState({ btnOutput: false });
}, 2000); }, 1600);
// 此时判断是否中奖 true-中奖，取prizeInfo信息，false-为中奖，取productInfo // 此时判断是否中奖 true-中奖，取prizeInfo信息，false-为中奖，取productInfo
if (boolPrzie) { if (boolPrize) {
// 中奖 // 中奖
ModalCtrl.pushPop("Pop_winprize", { prizeName, prizeImg }); setTimeout(() => {
ModalCtrl.showModal(Prizepop, { prizeInfo });
}, 1600);
} else { } else {
// 没中奖 // 没中奖
ModalCtrl.pushPop("NoPrizeCard", productInfo || []); setTimeout(() => {
ModalCtrl.showModal(Noprizecard, { productInfo });
}, 1600);
} }
this.getDrawInfo(); this.getDrawInfo();
...@@ -142,21 +146,12 @@ class Capsulepage extends React.Component { ...@@ -142,21 +146,12 @@ class Capsulepage extends React.Component {
/** 返回 */ /** 返回 */
backHome = _throttle(() => { backHome = _throttle(() => {
// sensorLog(LOG_KEY.click, "b12842", "d12845", {
// page_name: "抽奖大转盘",
// button_name: "返回按钮",
// });
if (this.btnStarting) return false; if (this.btnStarting) return false;
// store.changePage(PAGE_MAP.HOME_PAGE) // store.changePage(PAGE_MAP.HOME_PAGE)
PageCtrl.changePage(Homepage); PageCtrl.changePage(Homepage);
}); });
goTask = _throttle(() => { goTask = _throttle(() => {
// sensorLog(LOG_KEY.click, "b12842", "d12844", {
// page_name: "抽奖大转盘",
// button_name: "做任务，赚次数按钮",
// });
if (this.btnStarting) return false; if (this.btnStarting) return false;
// modalStore.pushPop("Taskpop", { onClose: () => this.getDrawInfo() }) // modalStore.pushPop("Taskpop", { onClose: () => this.getDrawInfo() })
}); });
...@@ -165,7 +160,7 @@ class Capsulepage extends React.Component { ...@@ -165,7 +160,7 @@ class Capsulepage extends React.Component {
const { btnDynamic, btnOutput } = this.state; const { btnDynamic, btnOutput } = this.state;
const { prizeVOs, remainDrawTimes } = this.state.drawInfo; const { prizeVOs, remainDrawTimes } = this.state.drawInfo;
return ( return (
<div className="capsule modal_center"> <div className="capsule">
<span className="bg"></span> <span className="bg"></span>
<span className="logo"></span> <span className="logo"></span>
<Button className="back_btn" onClick={this.backHome} /> <Button className="back_btn" onClick={this.backHome} />
...@@ -182,36 +177,11 @@ class Capsulepage extends React.Component { ...@@ -182,36 +177,11 @@ class Capsulepage extends React.Component {
<SvgaPlayer className="machine" src={machineSvga} /> <SvgaPlayer className="machine" src={machineSvga} />
{btnOutput && ( {btnOutput && (
<> <>
<span className="mengceng"></span>
<SvgaPlayer className="output1" src={output1Svga} /> <SvgaPlayer className="output1" src={output1Svga} />
<SvgaPlayer className="output2" src={output2Svga} /> <SvgaPlayer className="output2" src={output2Svga} />
</> </>
)} )}
{/* <div className="turantable">
<CircleTurntable
className="turantable_box"
ref={(ref) => (this.turntableRef = ref)}
options={prizeVOs || []}
angleOffset={30} // 角度偏移量
radian={100} // 奖项半径
launchDuration={1000} // 启动时间
// 大转盘背景
renderBackground={<div className="turantable_bg"></div>}
// 大转盘指针
renderStartButton={<></>}
// 渲染奖品信息
renderOption={(option) => {
return (
<div className="prize_item">
<div className="prize_name">{option.prizeName}</div>
<img className="prize_img" src={option.prizeImg} alt="" />
</div>
);
}}
didStop={this.stopOkHandle}
/>
<span className="pointer"></span>
</div> */}
{/* <span className="cover"></span> */}
</div> </div>
); );
} }
......
src/pages/CapsulePage/CapsulePage.less
View file @ a0891d6d
@import "../../res.less"; @import "../../res.less";
.capsule { .capsule {
width: 750px; width: 100%;
height: 1624px; height: 100%;
left: 0px; left: 0;
top: 0px; top: 0;
position: absolute; position: absolute;
overflow-x: hidden;
overflow-y: auto;
.bg { .bg {
width: 750px; width: 750px;
height: 1624px; height: 1624px;
...@@ -73,6 +75,14 @@ ...@@ -73,6 +75,14 @@
// left: 114px; // left: 114px;
} }
.mengceng {
position: absolute;
width: 750px;
height: 1624px;
// left: 114px;
.sparkBg("capsulePage/mengceng.png");
}
// .task_btn { // .task_btn {
// position: absolute; // position: absolute;
// left: 548px; // left: 548px;
......
src/pages/HomePage/HomePage.less
View file @ a0891d6d
@import "../../res.less"; @import "../../res.less";
.homepage { .homepage {
width: 750px; width: 100%;
height: 1624px; height: 100%;
left: 0px; left: 0;
top: 0px; top: 0;
position: absolute; position: absolute;
overflow-x: hidden;
overflow-y: auto;
.bg { .bg {
width: 750px; width: 750px;
height: 1624px; height: 1624px;
......
src/pages/HomePage/HomePage.tsx
View file @ a0891d6d
...@@ -15,7 +15,7 @@ import RankPage from '../RankPage/RankPage.js'; ...@@ -15,7 +15,7 @@ import RankPage from '../RankPage/RankPage.js';
import MyPrize from '../MyPrize/MyPrize.js'; import MyPrize from '../MyPrize/MyPrize.js';
import shareStore from '@/store/share.js'; import shareStore from '@/store/share.js';
import { LOG_KEY, MatterShareOpt, MatterViewDuration, MatterViewOpt, pageView, sensorLog } from "@/utils/sensors.js"; import { LOG_KEY, MatterShareOpt, MatterViewDuration, MatterViewOpt, pageView, sensorLog } from "@/utils/sensors.js";
import { CHANNEL_PARAMS } from '@/utils/constants.js'; import { CHANNEL_PARAMS, extranceName } from '@/utils/constants.js';
@observer @observer
class Homepage extends React.Component { class Homepage extends React.Component {
...@@ -44,44 +44,78 @@ class Homepage extends React.Component { ...@@ -44,44 +44,78 @@ class Homepage extends React.Component {
// 0 我的排名 // 0 我的排名
case 0: case 0:
// TODO 换成我的排名页面 记得引用 // TODO 换成我的排名页面 记得引用
sensorLog(LOG_KEY.click, "b14261", "d14264", {
page_name: "活动首页",
button_name: "我的排名按钮",
});
PageCtrl.changePage(RankPage); PageCtrl.changePage(RankPage);
break; break;
// 1 抽奖 // 1 抽奖
case 1: case 1:
sensorLog(LOG_KEY.click, "b14261", "d14266", {
page_name: "活动首页",
button_name: "抽奖按钮",
});
PageCtrl.changePage(CapsulePage); PageCtrl.changePage(CapsulePage);
break; break;
// 2 做任务 // 2 做任务
case 2: case 2:
// TODO // TODO
sensorLog(LOG_KEY.click, "b14261", "d14267", {
page_name: "活动首页",
button_name: "做任务，赚次数按钮",
});
ModalCtrl.showModal(Taskpop); ModalCtrl.showModal(Taskpop);
break; break;
// 3 答题 // 3 答题
case 3: case 3:
// TODO // TODO
sensorLog(LOG_KEY.click, "b14261", "d14265", {
page_name: "活动首页",
button_name: "开始答题按钮",
});
break; break;
// 4 我的奖品 // 4 我的奖品
case 4: case 4:
// TODO 换成我的奖品页面 记得引用 // TODO 换成我的奖品页面 记得引用
sensorLog(LOG_KEY.click, "b14261", "d14263", {
page_name: "活动首页",
button_name: "奖品按钮",
});
PageCtrl.changePage(MyPrize); PageCtrl.changePage(MyPrize);
break; break;
// 5 活动规则 // 5 活动规则
case 5: case 5:
sensorLog(LOG_KEY.click, "b14261", "d14262", {
page_name: "活动首页",
button_name: "规则按钮",
});
ModalCtrl.showModal(Rulepop); ModalCtrl.showModal(Rulepop);
break; break;
// 6 拜访清单 // 6 拜访清单
case 6: case 6:
// TODO // TODO
sensorLog(LOG_KEY.click, "b14268", "d14268", {
page_name: "友客首页",
button_name: "拜访清单按钮",
});
break; break;
// 7 分享活动 // 7 分享活动
case 7: case 7:
// TODO // TODO
MatterShareOpt("b14268", "d14322", {
button_name: "分享活动按钮",
page_name: "友客首页",
})
shareStore.doShare(); shareStore.doShare();
break; break;
...@@ -91,60 +125,56 @@ class Homepage extends React.Component { ...@@ -91,60 +125,56 @@ class Homepage extends React.Component {
}) })
initSensor = () => { initSensor = () => {
if (CFG.channel == CHANNEL_PARAMS.YK_MINI) { if (CFG.channel == CHANNEL_PARAMS.YK_MINI) {
sensorLog(LOG_KEY.exposure, "b13489", "d13491", { sensorLog(LOG_KEY.exposure, "b14268", "d14322", {
page_name: "友客首页", page_name: "友客首页",
button_name: "分享活动按钮", button_name: "分享活动按钮",
}); });
} }
if (CFG.channel == CHANNEL_PARAMS.YK_MINI || CFG.channel == CHANNEL_PARAMS.YK_PUBLIC) { if (CFG.channel == CHANNEL_PARAMS.YK_MINI || CFG.channel == CHANNEL_PARAMS.YK_PUBLIC) {
MatterViewOpt("b13489", { MatterViewOpt("b14268", {
page_name: "友客首页", page_name: "友客首页",
}) })
if (store?.indexData?.isAgent) { if (store?.indexData?.isAgent) {
sensorLog(LOG_KEY.exposure, "b13489", "d13490", { sensorLog(LOG_KEY.exposure, "b14268", "d14269", {
page_name: "友客首页", page_name: "友客首页",
button_name: "拜访清单按钮", button_name: "拜访清单按钮",
}); });
} }
} }
// pageView("b7350", {
// page_name: "开宝箱页" pageView("b14261", {
// });
//
// sensorLog(LOG_KEY.exposure, "b7350", "d7351", {
// page_name: "开宝箱页",
// button_name: "开宝箱按钮",
// });
pageView("b13480", {
page_name: "活动首页" page_name: "活动首页"
}); });
sensorLog(LOG_KEY.exposure, "b13480", "d13484", { sensorLog(LOG_KEY.exposure, "b14261", "d14267", {
page_name: "活动首页",
button_name: "做任务，赚次数按钮",
});
sensorLog(LOG_KEY.exposure, "b14261", "d14266", {
page_name: "活动首页", page_name: "活动首页",
button_name: "开宝箱按钮", button_name: "抽奖按钮",
}); });
sensorLog(LOG_KEY.exposure, "b13480", "d13485", { sensorLog(LOG_KEY.exposure, "b14261", "d14265", {
page_name: "活动首页", page_name: "活动首页",
button_name: "掷骰子按钮", button_name: "开始答题按钮",
}); });
sensorLog(LOG_KEY.exposure, "b13480", "d13483", { sensorLog(LOG_KEY.exposure, "b14261", "d14264", {
page_name: "活动首页", page_name: "活动首页",
button_name: "背包按钮", button_name: "我的排名按钮",
}); });
sensorLog(LOG_KEY.exposure, "b13480", "d13482", { sensorLog(LOG_KEY.exposure, "b14261", "d14263", {
page_name: "活动首页", page_name: "活动首页",
button_name: "奖品按钮", button_name: "奖品按钮",
}); });
sensorLog(LOG_KEY.exposure, "b13480", "d13481", { sensorLog(LOG_KEY.exposure, "b14261", "d14262", {
page_name: "活动首页", page_name: "活动首页",
button_name: "规则按钮", button_name: "规则按钮",
}); });
}; };
render() { render() {
return ( return (
<div className="homepage modal_center"> <div className="homepage">
<span className="bg"></span> <span className="bg"></span>
<span className="equipment"></span> <span className="equipment"></span>
<span className="icon"></span> <span className="icon"></span>
......
src/pages/MyPrize/MyPrize.tsx
View file @ a0891d6d
...@@ -8,9 +8,9 @@ import { PageCtrl } from "@/core/ctrls/PageCtrl.tsx"; ...@@ -8,9 +8,9 @@ import { PageCtrl } from "@/core/ctrls/PageCtrl.tsx";
import { isWeChat } from '@/utils/share'; import { isWeChat } from '@/utils/share';
import store from '@/store/store'; import store from '@/store/store';
import { ModalCtrl } from '@/core/ctrls/ModalCtrl'; import { ModalCtrl } from '@/core/ctrls/ModalCtrl';
import SignSucPanel from '@/panels/SignSucPanel/SignSucPanel';
import {Axios} from 'axios'; import {Axios} from 'axios';
import FillAddress from '@/panels/FillAddress/FillAddress.jsx'; import FillAddress from '@/panels/FillAddress/FillAddress.jsx';
import { LOG_KEY, MatterShareOpt, MatterViewOpt, pageView, sensorLog,MatterViewDuration } from '../../utils/sensors.js';
const apiAxios = new Axios({ const apiAxios = new Axios({
timeout: 10000, timeout: 10000,
}); });
...@@ -30,7 +30,15 @@ class MyPrize extends React.Component<any, any> { ...@@ -30,7 +30,15 @@ class MyPrize extends React.Component<any, any> {
componentDidMount() { componentDidMount() {
this.getPrize(); pageView("b14298", {
page_name: "我的奖品页",
});
sensorLog(LOG_KEY.exposure, "b14298", "d14300", {
page_name: "我的奖品页",
button_name: "返回按钮",
});
this.getPrize('');
} }
...@@ -78,12 +86,10 @@ class MyPrize extends React.Component<any, any> { ...@@ -78,12 +86,10 @@ class MyPrize extends React.Component<any, any> {
PrizeList.forEach((item) => { PrizeList.forEach((item) => {
if (!item?.invalid) { if (!item?.invalid) {
// sensorLog(LOG_KEY.exposure, "b11618", "d11619", { sensorLog(LOG_KEY.exposure, "b14298", "d14299", {
// button_name: "去领取", page_name: "我的奖品页",
// page_name: "我的奖品页", button_name: "去领取按钮",
// entrance: extranceName[CFG.channel], });
// operation_name: "去领取",
// });
} }
}); });
} }
...@@ -96,11 +102,10 @@ class MyPrize extends React.Component<any, any> { ...@@ -96,11 +102,10 @@ class MyPrize extends React.Component<any, any> {
return; return;
} }
// sensorLog(LOG_KEY.click, "b11618", "d11619", { sensorLog(LOG_KEY.click, "b14298", "d14299", {
// button_name: "去领取", page_name: "我的奖品页",
// page_name: "我的奖品页", button_name: "去领取按钮",
// operation_name: "去领取", });
// });
// stopSound('bg_music') // stopSound('bg_music')
const { recordId, url, itemType, recordInfo, projectId, drawStatus } = item; const { recordId, url, itemType, recordInfo, projectId, drawStatus } = item;
...@@ -166,14 +171,6 @@ class MyPrize extends React.Component<any, any> { ...@@ -166,14 +171,6 @@ class MyPrize extends React.Component<any, any> {
agentCode: res?.boundYkCode, agentCode: res?.boundYkCode,
prizeProjectId: projectId, prizeProjectId: projectId,
}) })
// modalStore.pushPop("FillAddress", {
// projectId: this.projectId,
// saveAddresUrl: saveAddresUrl,
// getPrize: this.getPrize,
// recordId,
// agentCode: res?.boundYkCode,
// prizeProjectId: projectId,
// });
} else { } else {
//已填写地址或未绑定业务员 //已填写地址或未绑定业务员
if (recordInfo?.status == "0") { if (recordInfo?.status == "0") {
...@@ -209,6 +206,10 @@ class MyPrize extends React.Component<any, any> { ...@@ -209,6 +206,10 @@ class MyPrize extends React.Component<any, any> {
}); });
}); });
clickBack = () => { clickBack = () => {
sensorLog(LOG_KEY.click, "b14298", "d14300", {
page_name: "我的奖品页",
button_name: "返回按钮",
});
PageCtrl.backPage(); PageCtrl.backPage();
} }
......
src/pages/RankPage/RankPage.tsx
View file @ a0891d6d
...@@ -6,6 +6,7 @@ import { PageCtrl } from "@/core/ctrls/PageCtrl.tsx"; ...@@ -6,6 +6,7 @@ import { PageCtrl } from "@/core/ctrls/PageCtrl.tsx";
import store from "@/store/store.ts"; import store from "@/store/store.ts";
import HomePage from '../HomePage/HomePage'; import HomePage from '../HomePage/HomePage';
import Countdown from '@/components/ComCountdown/index.jsx'; import Countdown from '@/components/ComCountdown/index.jsx';
import { LOG_KEY, MatterShareOpt, MatterViewOpt, pageView, sensorLog,MatterViewDuration } from '../../utils/sensors.js';
@observer @observer
class RankPage extends React.Component<any, any> { class RankPage extends React.Component<any, any> {
constructor(props) { constructor(props) {
...@@ -20,6 +21,14 @@ class RankPage extends React.Component<any, any> { ...@@ -20,6 +21,14 @@ class RankPage extends React.Component<any, any> {
} }
componentDidMount(): void { componentDidMount(): void {
this.getRankInfo(); this.getRankInfo();
pageView("b14286", {
page_name: "排行榜页面",
});
sensorLog(LOG_KEY.exposure, "b14286", "d14287", {
page_name: "排行榜页面",
button_name: "返回按钮",
});
} }
getRankInfo = async() =>{ getRankInfo = async() =>{
const {success, data, timeStamp} = await API.rankInfo() const {success, data, timeStamp} = await API.rankInfo()
...@@ -34,6 +43,10 @@ class RankPage extends React.Component<any, any> { ...@@ -34,6 +43,10 @@ class RankPage extends React.Component<any, any> {
} }
} }
clickBack = () => { clickBack = () => {
sensorLog(LOG_KEY.click, "b14286", "d14287", {
page_name: "排行榜页面",
button_name: "返回按钮",
});
PageCtrl.changePage(HomePage); PageCtrl.changePage(HomePage);
} }
...@@ -55,7 +68,7 @@ class RankPage extends React.Component<any, any> { ...@@ -55,7 +68,7 @@ class RankPage extends React.Component<any, any> {
后更新 后更新
</div> </div>
}} }}
countdownOver={() => store.getHomeInfo()} countdownOver={() => this.getRankInfo()}
/> />
</div> </div>
<div className="prizeList"> <div className="prizeList">
......
src/pages/RankPrizePop/RankPrizePop.less 0 → 100644
View file @ a0891d6d
@import "../../res.less";
.rankPrizePop {
width: 750px;
height: 100%;
left: 0px;
top: 0px;
position: absolute;
overflow-y: auto;
overflow-x: hidden;
.bg {
width: 750px;
height: 4882px;
left: 0px;
top: 0px;
position: absolute;
// .sparkBg("rulePage/bg.png");
}
.back {
left: 20px;
top: 60px;
width: 28px;
height: 43px;
position: absolute;
.webpBg("MyPrize/返回.png");
}
}
\ No newline at end of file
src/pages/RankPrizePop/RankPrizePop.tsx 0 → 100644
View file @ a0891d6d
import React from 'react';
import { observer } from 'mobx-react';
import './RankPrizePop.less';
import API from "@/api";
import { PageCtrl } from "@/core/ctrls/PageCtrl.tsx";
import store from "@/store/store.ts";
import HomePage from '../HomePage/HomePage';
@observer
class RankPrizePop extends React.Component<any, any> {
clickBack = () => {
PageCtrl.changePage(HomePage);
}
render() {
const { ruleImg } = store.frontVariable;
return <div className="rankPrizePop">
<img className="bg"
src={ruleImg}
/>
<span className="back" onClick={this.clickBack}></span>
</div>;
}
}
export default RankPrizePop;
\ No newline at end of file
src/pages/agentSharepage/sharepage.jsx
View file @ a0891d6d
...@@ -10,7 +10,7 @@ import API from '@/api'; ...@@ -10,7 +10,7 @@ import API from '@/api';
import { extranceName } from '@/utils/constants.ts'; import { extranceName } from '@/utils/constants.ts';
// import { handleLogClick, handleLogExposure } from '../../../MD'; // import { handleLogClick, handleLogExposure } from '../../../MD';
import shareStore from '@/store/share.ts'; import shareStore from '@/store/share.ts';
// import { LOG_KEY, MatterShareOpt, MatterViewDuration, MatterViewOpt, sensorLog } from '@src/utils/sensors'; import { LOG_KEY, MatterShareOpt, MatterViewDuration, MatterViewOpt, sensorLog } from '../../utils/sensors.js';
@observer @observer
class AgentSharepage extends React.Component { class AgentSharepage extends React.Component {
...@@ -22,18 +22,19 @@ class AgentSharepage extends React.Component { ...@@ -22,18 +22,19 @@ class AgentSharepage extends React.Component {
} }
this.startTime = +new Date(); this.startTime = +new Date();
this.shareRef = null; this.shareRef = null;
this.startTime = +new Date();
} }
async componentDidMount() { async componentDidMount() {
// MatterViewOpt("b13548", { MatterViewOpt("b14316", {
// page_name: "非遗-落地页", page_name: "落地页",
// }); });
// sensorLog(LOG_KEY.exposure, "b13548", "d13549", { sensorLog(LOG_KEY.exposure, "b14316", "d14317", {
// page_name: "非遗-落地页", page_name: "落地页",
// button_name: "分享活动按钮", button_name: "分享活动",
// }); });
// await store.checkBindStatus(); // await store.checkBindStatus();
// await this.getShareInfo(); // await this.getShareInfo();
...@@ -48,9 +49,6 @@ class AgentSharepage extends React.Component { ...@@ -48,9 +49,6 @@ class AgentSharepage extends React.Component {
} }
componentWillUnmount() { componentWillUnmount() {
// MatterViewDuration("b13548", +new Date() - this.startTime, {
// page_name: "非遗-落地页",
// });
} }
...@@ -65,22 +63,21 @@ class AgentSharepage extends React.Component { ...@@ -65,22 +63,21 @@ class AgentSharepage extends React.Component {
/** 跳转微信端活动 */ /** 跳转微信端活动 */
toWeActHandle = () => { toWeActHandle = () => {
if (getUrlParam("inviteCode")) {
// handleLogClick(13)
} else {
// handleLogClick(20)
}
CFG.workerCode = getUrlParam("ykCode"); CFG.workerCode = getUrlParam("ykCode");
let url = CFG.domain + CFG.indexUrl + '&channel=' + CFG.channel + `${!!getUrlParam("inviteCode") ? ("&inviteCode=" + getUrlParam("inviteCode")) : ""}` + `${!!CFG.workerCode ? `&ykCode=${CFG.workerCode}` : ""}` let url = CFG.domain + CFG.indexUrl + '&channel=' + CFG.channel + `${!!getUrlParam("inviteCode") ? ("&inviteCode=" + getUrlParam("inviteCode")) : ""}` + `${!!CFG.workerCode ? `&ykCode=${CFG.workerCode}` : ""}`
location.href = url MatterViewDuration("b14316", +new Date() - this.startTime, {
page_name: "落地页",
});
setTimeout(() => {
location.href = url;
}, 500)
} }
handleShareAct = _throttle(() => { handleShareAct = _throttle(() => {
// MatterShareOpt("b13548", "d13549", { MatterShareOpt("b14316", "d14327", {
// button_name: "分享活动按钮", button_name: "分享活动按钮",
// page_name: "非遗-落地页", page_name: "落地页",
// entrance: extranceName[CFG.channel], })
// })
console.log("share") console.log("share")
shareStore.doShare() shareStore.doShare()
......
src/pages/sharepage/sharepage.jsx
View file @ a0891d6d
...@@ -10,7 +10,7 @@ import API from "@/api"; ...@@ -10,7 +10,7 @@ import API from "@/api";
// import { PAGE_MAP } from "@src/utils/constants"; // import { PAGE_MAP } from "@src/utils/constants";
// import modalStore from "@src/store/modal"; // import modalStore from "@src/store/modal";
// import { handleLogClick, handleLogExposure } from "../../../MD"; // import { handleLogClick, handleLogExposure } from "../../../MD";
// import { LOG_KEY, MatterViewDuration, MatterViewOpt, sensorLog } from "@src/utils/sensors"; import { LOG_KEY, MatterViewDuration, MatterViewOpt, sensorLog } from "../../utils/sensors.js";
@observer @observer
class Sharepage extends React.Component { class Sharepage extends React.Component {
...@@ -29,20 +29,20 @@ class Sharepage extends React.Component { ...@@ -29,20 +29,20 @@ class Sharepage extends React.Component {
// accessLog(506) // accessLog(506)
// await store.checkBindStatus(); // await store.checkBindStatus();
await this.getShareInfo(); await this.getShareInfo();
MatterViewOpt("b14316", {
page_name: "落地页",
});
sensorLog(LOG_KEY.exposure, "b14316", "d14319", {
page_name: "落地页",
button_name: "进入活动按钮",
});
sensorLog(LOG_KEY.exposure, "b14316", "d14318", {
page_name: "落地页",
button_name: "为TA助力按钮",
});
// // sensorLog(LOG_KEY.exposure, "b13548", "d13551", {
// page_name: "非遗-落地页",
// button_name: "进入活动按钮",
// });
// // sensorLog(LOG_KEY.exposure, "b13548", "d13550", {
// page_name: "非遗-落地页",
// button_name: "为TA助力按钮",
// });
// MatterViewOpt("b13548", {
// page_name: "非遗-落地页",
// });
if (getUrlParam("inviteCode")) { if (getUrlParam("inviteCode")) {
// handleLogExposure(13) // handleLogExposure(13)
...@@ -78,15 +78,15 @@ class Sharepage extends React.Component { ...@@ -78,15 +78,15 @@ class Sharepage extends React.Component {
if (getUrlParam("inviteCode")) { if (getUrlParam("inviteCode")) {
// handleLogClick(13) // handleLogClick(13)
// // sensorLog(LOG_KEY.click, "b13548", "d13550", { sensorLog(LOG_KEY.click, "b14316", "d14318", {
// page_name: "非遗-落地页", page_name: "落地页",
// button_name: "为TA助力按钮", button_name: "为TA助力按钮",
// }); });
} else { } else {
// // sensorLog(LOG_KEY.click, "b13548", "d13551", { sensorLog(LOG_KEY.click, "b14316", "d14319", {
// page_name: "非遗-落地页", page_name: "落地页",
// button_name: "进入活动按钮", button_name: "进入活动按钮",
// }); });
// handleLogClick(20) // handleLogClick(20)
} }
CFG.workerCode = getUrlParam("ykCode"); CFG.workerCode = getUrlParam("ykCode");
......
src/panels/FillAddress/FillAddress.jsx
View file @ a0891d6d
...@@ -6,6 +6,7 @@ import { Toast } from "@grace/ui"; ...@@ -6,6 +6,7 @@ import { Toast } from "@grace/ui";
import { ModalCtrl } from "@/core/ctrls/ModalCtrl"; import { ModalCtrl } from "@/core/ctrls/ModalCtrl";
import {Axios} from 'axios'; import {Axios} from 'axios';
import Selectmodal from "../selectmodal/selectmodal.jsx"; import Selectmodal from "../selectmodal/selectmodal.jsx";
import { LOG_KEY, MatterShareOpt, MatterViewOpt, pageView, sensorLog,MatterViewDuration } from '../../utils/sensors';
const apiAxios = new Axios({ const apiAxios = new Axios({
timeout: 10000, timeout: 10000,
}); });
...@@ -26,14 +27,21 @@ class FillAddress extends React.Component { ...@@ -26,14 +27,21 @@ class FillAddress extends React.Component {
} }
componentDidMount() { componentDidMount() {
// this.initSensor(); this.initSensor();
const { projectId, saveAddresUrl, getPrize, recordId, agentCode, prizeProjectId} = this.props; const { projectId, saveAddresUrl, getPrize, recordId, agentCode, prizeProjectId} = this.props;
console.log('projectId',projectId) console.log('projectId',projectId)
} }
initSensor(){ initSensor(){
pageView("b14310", {
page_name: "地址填写页"
});
sensorLog(LOG_KEY.exposure, "b14310", "d14311", {
page_name: "地址填写页",
button_name: "提交信息按钮",
});
} }
ClickClose = () => { ClickClose = () => {
...@@ -87,10 +95,10 @@ class FillAddress extends React.Component { ...@@ -87,10 +95,10 @@ class FillAddress extends React.Component {
} }
clickSubmit = _throttle(async () => { clickSubmit = _throttle(async () => {
// sensorLog(LOG_KEY.click, "b7391", "d7393", { sensorLog(LOG_KEY.click, "b14310", "d14311", {
// page_name: "地址填写页", page_name: "地址填写页",
// button_name: "提交信息按钮", button_name: "提交信息按钮",
// }); });
const { const {
name, mobile, name, mobile,
......
src/panels/taskpop/taskpop.jsx
View file @ a0891d6d
...@@ -7,10 +7,10 @@ import { unwatchPageVisibility, watchPageVisibility } from '@/core/page-visibili ...@@ -7,10 +7,10 @@ import { unwatchPageVisibility, watchPageVisibility } from '@/core/page-visibili
// import { handleLogClick, handleLogExposure } from '../../../MD'; // import { handleLogClick, handleLogExposure } from '../../../MD';
// import { RES_PATH } from '../../../sparkrc'; // import { RES_PATH } from '../../../sparkrc';
import { _throttle } from '../../utils/utils.ts'; import { _throttle } from '../../utils/utils.ts';
import { TASK_CODE,CHANNEL_PARAMS } from '../../utils/constants.ts'; import { TASK_CODE,CHANNEL_PARAMS, extranceName } from '../../utils/constants.ts';
import { setCookies } from '../../store/fetcher.ts'; import { setCookies } from '../../store/fetcher.ts';
import taskStore from '../../store/task.ts'; import taskStore from '../../store/task.ts';
// import { LOG_KEY, MatterShareOpt, MatterViewOpt, pageView, sensorLog } from '../../utils/sensors'; import { LOG_KEY, MatterShareOpt, MatterViewOpt, pageView, sensorLog,MatterViewDuration } from '../../utils/sensors';
import { ModalCtrl } from '@/core/ctrls/ModalCtrl'; import { ModalCtrl } from '@/core/ctrls/ModalCtrl';
import { Button } from '@grace/ui'; import { Button } from '@grace/ui';
...@@ -18,6 +18,7 @@ import { Button } from '@grace/ui'; ...@@ -18,6 +18,7 @@ import { Button } from '@grace/ui';
class Taskpop extends React.Component { class Taskpop extends React.Component {
constructor(props) { constructor(props) {
super(props); super(props);
this.startTime = +new Date();
} }
async componentDidMount() { async componentDidMount() {
...@@ -35,23 +36,30 @@ class Taskpop extends React.Component { ...@@ -35,23 +36,30 @@ class Taskpop extends React.Component {
initSensor() { initSensor() {
// pageView("b10875", { MatterViewOpt("b14312", {
// page_name: "赚次数任务页", page_name: "做任务，赚次数弹窗",
// }); entrance: extranceName[CFG.channel],
});
// sensorLog(LOG_KEY.exposure,"b7870","d8729");
// sensorLog(LOG_KEY.exposure, "b10875", "d10877", { sensorLog(LOG_KEY.exposure, "b14312", "d14314", {
// page_name: "赚次数任务页", page_name: "做任务，赚次数弹窗",
// button_name: "领取奖励按钮", button_name: "领取奖励按钮",
// }); });
// sensorLog(LOG_KEY.exposure, "b10875", "d10876", { sensorLog(LOG_KEY.exposure, "b14312", "d14313", {
// page_name: "赚次数任务页", page_name: "做任务，赚次数弹窗",
// button_name: "去完成按钮", button_name: "去完成按钮",
// }); });
sensorLog(LOG_KEY.exposure, "b14312", "d14315", {
page_name: "做任务，赚次数弹窗",
button_name: "关闭按钮",
});
} }
componentWillUnmount() { componentWillUnmount() {
unwatchPageVisibility(this.onPageVisibilityChange); unwatchPageVisibility(this.onPageVisibilityChange);
MatterViewDuration("b14312", +new Date() - this.startTime, {
page_name: "做任务，赚次数弹窗",
});
} }
onPageVisibilityChange = async (visible) => { onPageVisibilityChange = async (visible) => {
...@@ -67,29 +75,29 @@ class Taskpop extends React.Component { ...@@ -67,29 +75,29 @@ class Taskpop extends React.Component {
// if(code == TASK_CODE.INVITE){ // if(code == TASK_CODE.INVITE){
// MatterShareOpt(LOG_KEY.click,"b7870","d8729") // MatterShareOpt(LOG_KEY.click,"b7870","d8729")
// } // }
// sensorLog(LOG_KEY.click, "b10875", "d10876", { sensorLog(LOG_KEY.click, "b14312", "d14313", {
// page_name: "赚次数任务页", page_name: "做任务，赚次数弹窗",
// button_name: "去完成按钮", button_name: "去完成按钮",
// }); });
await taskStore.doTask(item); await taskStore.doTask(item);
}) })
/** 领奖 */ /** 领奖 */
taskPrizeHandle = _throttle(async (item) => { taskPrizeHandle = _throttle(async (item) => {
const { code, taskStatus } = item || {}; const { code, taskStatus } = item || {};
// sensorLog(LOG_KEY.click, "b10875", "d10877", { sensorLog(LOG_KEY.click, "b14312", "d14314", {
// page_name: "赚次数任务页", page_name: "做任务，赚次数弹窗",
// button_name: "领取奖励按钮", button_name: "领取奖励按钮",
// }); });
await taskStore.getTaskPrize(item); await taskStore.getTaskPrize(item);
}) })
close = () => { close = () => {
// sensorLog(LOG_KEY.click, "b7394", "d7398", { sensorLog(LOG_KEY.click, "b14312", "d14315", {
// page_name: "做任务赚骰子页", page_name: "做任务，赚次数弹窗",
// button_name: "关闭按钮", button_name: "关闭按钮",
// }); });
ModalCtrl.closeModal() ModalCtrl.closeModal()
// store.getHomeInfo() // store.getHomeInfo()
......
src/utils/sensors.js
View file @ a0891d6d
...@@ -92,16 +92,16 @@ export const initSensors = (uid) => { ...@@ -92,16 +92,16 @@ export const initSensors = (uid) => {
{ {
currentUrl: location.href, currentUrl: location.href,
referrer: document.referrer, referrer: document.referrer,
theme_name: "非遗大冒险", theme_name: "谁是最强大脑",
act_name: "非遗大冒险", act_name: "谁是最强大脑",
avtivity_name: "非遗大冒险", avtivity_name: "谁是最强大脑",
source_entry: CHANNEL_MAP[CFG.channel], source_entry: CHANNEL_MAP[CFG.channel],
source: CHANNEL_MAP[CFG.channel], source: CHANNEL_MAP[CFG.channel],
platform_name: extranceName[CFG.channel], platform_name: extranceName[CFG.channel],
platform_type: platformType[CFG.channel], platform_type: platformType[CFG.channel],
requirement_id: 1375, requirement_id: 1669,
is_login: uid ? "是" : "否", is_login: uid ? "是" : "否",
operation_name: "非遗大冒险", operation_name: "谁是最强大脑",
source_platform: CHANNEL_MAP?.[CFG.channel] || CFG.channel, source_platform: CHANNEL_MAP?.[CFG.channel] || CFG.channel,
entrance: extranceName[CFG.channel], entrance: extranceName[CFG.channel],
}, },
...@@ -126,7 +126,7 @@ export const sensorLog = (logKey, bid, did, options) => { ...@@ -126,7 +126,7 @@ export const sensorLog = (logKey, bid, did, options) => {
// console.log(`%c type: ${logKey} track_sign: ${`aL06Activity.${bid}.${did}.${logKey}.${EVENT_NAME[logKey]}`}`, "font-size: 20px; color: rgb(244, 123, 93)"); // console.log(`%c type: ${logKey} track_sign: ${`aL06Activity.${bid}.${did}.${logKey}.${EVENT_NAME[logKey]}`}`, "font-size: 20px; color: rgb(244, 123, 93)");
sensors.track(EVENT_NAME[logKey], { sensors.track(EVENT_NAME[logKey], {
track_sign: `aL06Activity.${bid}.${did}.${logKey}.${EVENT_NAME[logKey]}`, track_sign: `aL06Activity.${bid}.${did}.${logKey}.${EVENT_NAME[logKey]}`,
avtivity_name: "非遗大冒险", avtivity_name: "谁是最强大脑",
operation_id: CFG.operationId, operation_id: CFG.operationId,
act_type: "客经", act_type: "客经",
location_type: "活动", location_type: "活动",
...@@ -146,7 +146,7 @@ export const pageViewD = (bid, did, options) => { ...@@ -146,7 +146,7 @@ export const pageViewD = (bid, did, options) => {
sensors.track(EVENT_NAME[LOG_KEY.pageview], { sensors.track(EVENT_NAME[LOG_KEY.pageview], {
track_sign: `aL06Activity.${bid}.${did}.${LOG_KEY.pageview}.${EVENT_NAME[LOG_KEY.pageview]}`, track_sign: `aL06Activity.${bid}.${did}.${LOG_KEY.pageview}.${EVENT_NAME[LOG_KEY.pageview]}`,
operation_id: CFG.operationId, operation_id: CFG.operationId,
avtivity_name: "非遗大冒险", avtivity_name: "谁是最强大脑",
act_type: "客经", act_type: "客经",
location_type: "活动", location_type: "活动",
agent_code: store.homeInfo?.agentCode, agent_code: store.homeInfo?.agentCode,
...@@ -170,7 +170,7 @@ export const pageView = (bid, options) => { ...@@ -170,7 +170,7 @@ export const pageView = (bid, options) => {
sensors.track(EVENT_NAME[LOG_KEY.pageview], { sensors.track(EVENT_NAME[LOG_KEY.pageview], {
track_sign: `aL06Activity.${bid}.${LOG_KEY.pageview}.${EVENT_NAME[LOG_KEY.pageview]}`, track_sign: `aL06Activity.${bid}.${LOG_KEY.pageview}.${EVENT_NAME[LOG_KEY.pageview]}`,
operation_id: CFG.operationId, operation_id: CFG.operationId,
avtivity_name: "非遗大冒险", avtivity_name: "谁是最强大脑",
act_type: "客经", act_type: "客经",
location_type: "活动", location_type: "活动",
agent_code: store.homeInfo?.agentCode, agent_code: store.homeInfo?.agentCode,
...@@ -194,7 +194,7 @@ export const MatterViewOpt = (bid, options) => { ...@@ -194,7 +194,7 @@ export const MatterViewOpt = (bid, options) => {
location_type: "活动", location_type: "活动",
entrance: extranceName[CFG.channel], entrance: extranceName[CFG.channel],
sales_id: CFG.workerCode || store.homeInfo?.agentCode, // todo sales_id: CFG.workerCode || store.homeInfo?.agentCode, // todo
avtivity_name: "非遗大冒险", avtivity_name: "谁是最强大脑",
...options ...options
}); });
...@@ -215,7 +215,7 @@ export const MatterShareOpt = (bid, did, options) => { ...@@ -215,7 +215,7 @@ export const MatterShareOpt = (bid, did, options) => {
location_type: "活动", location_type: "活动",
entrance: extranceName[CFG.channel], entrance: extranceName[CFG.channel],
sales_id: CFG.workerCode || store.homeInfo?.agentCode, // todo sales_id: CFG.workerCode || store.homeInfo?.agentCode, // todo
avtivity_name: "非遗大冒险", avtivity_name: "谁是最强大脑",
...options ...options
}); });
...@@ -236,7 +236,7 @@ export const MatterViewDuration = (bid, time, options) => { ...@@ -236,7 +236,7 @@ export const MatterViewDuration = (bid, time, options) => {
location_type: "活动", location_type: "活动",
entrance: extranceName[CFG.channel], entrance: extranceName[CFG.channel],
sales_id: CFG.workerCode || store.homeInfo?.agentCode, // todo sales_id: CFG.workerCode || store.homeInfo?.agentCode, // todo
avtivity_name: "非遗大冒险", avtivity_name: "谁是最强大脑",
$event_duration: time, $event_duration: time,
...options ...options
}); });
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment