Skip to content

2
20250310_人保春游
Commit a69d3a26 authored by 俞嘉婷's avatar 俞嘉婷
Browse files
Options

del: 旧活动代码

parent cefc00cb
Hide whitespace changes
Inline Side-by-side
Showing with 2 additions and 405 deletions
mock/project/draw.js
View file @ a69d3a26
......@@ -6,13 +6,6 @@ module.exports = {
timeStamp: Date.now(),
"data": {
"remainDrawTimes": 1, // 抽奖次数
"carouselVos": new Array(10).fill().map((_, index) => {
return {
"escapePhone": `132****211${index}`, // 轮播手机号
"prizeName": `奖品名称奖品名称奖品名称${index}`, // 奖品名称
"time": +new Date() - index * 24 * 60 * 60 * 1000, // 获得时间，13位时间戳
};
}),
"prizeVOs": [
{
prizeName: `奖品1`,
......
src/components/PrizePop/PrizePop.jsx deleted 100644 → 0
View file @ cefc00cb
import React from "react";
import {observer} from "mobx-react";
import "./PrizePop.less";
import {Button} from "@src/components/Button";
import modalStore from "@src/store/modal";
import {RES_PATH} from "../../../sparkrc";
import {SvgaPlayer} from "@spark/svgaplayer";
import {LOG_KEY, pageView, sensorLog} from "@src/utils/sensors";
@observer
class PrizePop extends React.Component {
componentDidMount() {
pageView("b12121", {
page_name: "中奖弹窗",
});
sensorLog(LOG_KEY.exposure, "b12121", "d12123", {
page_name: "中奖弹窗",
button_name: "关闭按钮",
});
sensorLog(LOG_KEY.exposure, "b12121", "d12122", {
page_name: "中奖弹窗",
button_name: "开心收下按钮",
});
}
clickHappy = () => {
modalStore.closePop();
sensorLog(LOG_KEY.click, "b12121", "d12122", {
page_name: "中奖弹窗",
button_name: "开心收下按钮",
});
};
clickClose = () => {
modalStore.closePop();
sensorLog(LOG_KEY.click, "b12121", "d12123", {
page_name: "中奖弹窗",
button_name: "关闭按钮",
});
};
render() {
const {data} = this.props.popData;
console.log(data, 123123);
return <div className="PrizePop modal_center">
<SvgaPlayer className="light" src={RES_PATH + "SVG/6输出礼盒氛围.svga"}/>
<div className="bg">
<img className="prizeImg" src={data?.prizeImg}/>
<div className="prizeText">
{data?.prizeName}
</div>
<div className="txt">
奖品可在首页-[奖品]中查看
</div>
</div>
<Button className="happy md22" onClick={this.clickHappy}/>
<Button className="close" onClick={this.clickClose}/>
</div>;
}
}
export default PrizePop;
src/components/PrizePop/PrizePop.less deleted 100644 → 0
View file @ cefc00cb
@import "../../res.less";
.PrizePop {
position: absolute;
left: 0;
top: 0;
width: 750px;
height: 1624px;
.light {
position: absolute;
left: 0px;
top: 350px;
width: 750px;
height: 966px;
}
.bg {
position: absolute;
left: 56px;
top: 313px;
width: 620px;
height: 865px;
.sparkBg("PrizePop/bg.png")
}
.rankText {
font-size: 24px;
color: rgb(239, 125, 30);
text-transform: uppercase;
line-height: 3.2;
position: absolute;
left: 10px;
top: 280px;
text-align: center;
width: 465px;
.lineClamp1()
}
.prizeImg {
position: absolute;
left: 207px;
top: 417px;
width: 220px;
height: 220px;
.sparkBg("RankPrizePop/prizePicture.png")
}
.prizeText {
color: rgb(239, 125, 30);
font-size: 24px;
text-transform: uppercase;
line-height: 2;
position: absolute;
left: 80px;
top: 643px;
text-align: center;
width: 460px;
.lineClamp1()
}
.txt {
font-size: 19px;
color: rgb(204, 135, 70);
text-transform: uppercase;
line-height: 1.2;
text-align: center;
position: absolute;
left: 90px;
width: 460px;
top: 801px;
}
.happy {
position: absolute;
left: 199px;
top: 1029 - 40px;
width: 348px;
height: 102px;
.sparkBg("common/happyBtn.png")
}
.close {
position: absolute;
left: 345px;
top: 1243px;
width: 61px;
height: 61px;
.sparkBg("common/closeBtn.png")
}
}
src/components/ReviewFailedPop/ReviewFailedPop.jsx deleted 100644 → 0
View file @ cefc00cb
import React from "react";
import {observer} from "mobx-react";
import "./ReviewFailedPop.less";
import {Button} from "@src/components/Button";
import modalStore from "@src/store/modal";
@observer
class ReviewFailedPop extends React.Component {
/** 关闭按钮*/
clickClose = () => {
modalStore.closePop();
}
render() {
return <div className="ReviewFailedPop modal_center">
<div className="light"/>
<div className="bg">
<div className="rankText">
您上传的照片不符合上传规范， <br/>请认真阅读上传规则后重新上传～
</div>
</div>
<Button className="reSubmit md19" onClick={this.clickClose}/>
<Button className="close" onClick={this.clickClose}/>
</div>;
}
}
export default ReviewFailedPop;
src/components/ReviewFailedPop/ReviewFailedPop.less deleted 100644 → 0
View file @ cefc00cb
@import "../../res.less";
.ReviewFailedPop {
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: 110px;
top: 515px;
width: 529px;
height: 512px;
.sparkBg("ReviewFailedPop/bg.png")
}
.rankText {
font-size: 25px;
color: rgb(239, 125, 30);
line-height: 1.449;
text-align: center;
position: absolute;
left: 15px;
top: 243px;
width: 490px;
.lineClampN(2)
}
.reSubmit {
position: absolute;
left: 180px;
top: 856px;
width: 373px;
height: 110px;
.sparkBg("ReviewFailedPop/reSubmit.png")
}
.close {
position: absolute;
left: 345px;
top: 1082px;
width: 61px;
height: 61px;
.sparkBg("common/closeBtn.png")
}
}
\ No newline at end of file
src/components/ReviewSucPop/ReviewSucPop.jsx deleted 100644 → 0
View file @ cefc00cb
import React from "react";
import {observer} from "mobx-react";
import "./ReviewSucPop.less";
import {Button} from "@src/components/Button";
import modalStore from "@src/store/modal";
import {CHANNEL_PARAMS} from "@src/utils/constants";
import {Toast} from "@spark/ui";
import API from "@src/api";
import {isWeChat} from "@src/utils/share";
import {SvgaPlayer} from "@spark/svgaplayer";
import {RES_PATH} from "../../../sparkrc";
import {_asyncThrottle} from "@src/utils/utils";
@observer
class ReviewSucPop extends React.Component {
state = {
drawResultInfo: {},
};
/** 去抽奖按钮*/
clickPrize = _asyncThrottle( async () => {
// 微信端拦截
if (isWeChat()) {
// 友客小程序
if (CFG.channel == CHANNEL_PARAMS.YK_MINI) {
return Toast("请前往人保寿险管家app活动抽奖～");
}
// 其他微信端 提醒唤端弹窗
else {
modalStore.closePop("ReviewSucPop");
return modalStore.pushPop("CodePop");
}
}
// 管家端拦截
if (CFG.channel == CHANNEL_PARAMS.RB_APP) {
const {success, data} = await API.salesManDraw();
if (!success) return;
this.setState({
drawResultInfo: data,
});
console.log(this.state.drawResultInfo, 321312);
if (this.state.drawResultInfo?.prizeId == "thanks") {
modalStore.closePop("ReviewSucPop");
modalStore.pushPop("NoPrizeCard", {data: this.state.drawResultInfo, type: 1});
} else {
modalStore.closePop("ReviewSucPop");
modalStore.pushPop("PrizePop", {data: this.state.drawResultInfo,type: 1});
}
}
});
render() {
const {data} = this.props.popData;
return <div className="ReviewSucPop modal_center">
<div className="title"/>
<div className="changeTxt">
成功获得抽奖机会+{data}
</div>
<SvgaPlayer className="light" src={RES_PATH + "SVG/6输出礼盒氛围.svga"}/>
<SvgaPlayer className="gift" src={RES_PATH + "SVG/7输出礼盒动效.svga"}/>
<Button className="chou md21" onClick={this.clickPrize}/>
</div>;
}
}
export default ReviewSucPop;
src/components/ReviewSucPop/ReviewSucPop.less deleted 100644 → 0
View file @ cefc00cb
@import "../../res.less";
.ReviewSucPop {
position: absolute;
left: 0;
top: 0;
width: 750px;
height: 1624px;
.title {
position: absolute;
left: 150px;
top: 348px;
width: 446px;
height: 125px;
.sparkBg("ReviewSucPop/title.png")
}
.changeTxt {
font-size: 24px;
color: rgb(255, 255, 255);
line-height: 3.254;
text-align: center;
position: absolute;
left: 0;
width: 750px;
top: 480px;
.lineClamp1();
}
.light {
position: absolute;
left: 2px;
top: 379px;
width: 750px;
height: 966px;
}
.gift {
position: absolute;
left: 125px;
top: 600px;
width: 534px;
height: 519px;
}
.bg {
position: absolute;
left: 111px;
top: 363px;
width: 522px;
height: 630px;
.sparkBg("ReviewFailedPop/bg.png")
}
.chou {
position: absolute;
left: 180px;
top: 1180px;
width: 373px;
height: 110px;
.sparkBg("ReviewSucPop/chou.png")
}
}
\ No newline at end of file
src/modal/modal.jsx
View file @ a69d3a26
......@@ -6,8 +6,6 @@ import modalStore from "../store/modal";
import { toJS } from "mobx";
import RankPrizePop from "@src/components/RankPrizePop/RankPrizePop";
import RankNoPrizePop from "@src/components/RankNoPrizePop/RankNoPrizePop";
import ReviewFailedPop from "@src/components/ReviewFailedPop/ReviewFailedPop";
import ReviewSucPop from "@src/components/ReviewSucPop/ReviewSucPop";
import NoPrizeCard from "@src/components/NoPrizeCard/NoPrizeCard";
import CodePop from "@src/components/CodePop/CodePop";
import PrivacyPop from "@src/components/PrivacyPop/PrivacyPop";
......@@ -19,7 +17,6 @@ import RulePop from "@src/components/RulePop/RulePop";
import FillAddress from "../components/FillAddress/FillAddress";
import Selectmodal from "../components/selectmodal/selectmodal";
import Yinsirulepop from "../components/yinsirulepop/yinsirulepop";
import PrizePop from "@src/components/PrizePop/PrizePop";
import Commentpop from "../components/commentpop/commentpop";
import Pointsucpop from "../components/pointsucpop/pointsucpop";
import Nopointpop from "../components/nopointpop/nopointpop";
......@@ -36,12 +33,8 @@ export const cfg = {
RankPrizePop,
// 排行榜未中奖弹窗
RankNoPrizePop,
// 审核未通过弹窗
ReviewFailedPop,
// 审核通过弹窗
ReviewSucPop,
// 中奖弹窗
PrizePop,
Pop_winprize: Pop_winprize,
// 未中奖弹窗(卡片切换)
NoPrizeCard,
// 二维码弹窗
......@@ -69,7 +62,6 @@ export const cfg = {
Commentpop: Commentpop,
// 增援海报视频弹窗
LongImgPop,
Pop_winprize: Pop_winprize
};
@observer
......
src/pages/drawpage/drawpage.jsx
View file @ a69d3a26
......@@ -113,7 +113,7 @@ class Drawpage extends React.Component {
})
render() {
const { prizeVOs, remainDrawTimes, carouselVos } = this.state.drawInfo
const { prizeVOs, remainDrawTimes } = this.state.drawInfo
return (
<div className="drawpage modal_center md35">
<span className="bg"></span>
......
src/store/index.js
View file @ a69d3a26
......@@ -5,8 +5,6 @@ import { GetCurrSkinId, getCustomShareId, getUrlParam, waitTime } from "@src/uti
import { Toast } from "@spark/ui";
import modalStore from "@src/store/modal";
import shareStore from "./share";
import ReviewSucPop from "@src/components/ReviewSucPop/ReviewSucPop";
import RankNoPrizePop from "@src/components/RankNoPrizePop/RankNoPrizePop";
const skinId = GetCurrSkinId() || getCustomShareId();
......@@ -132,15 +130,6 @@ const store = makeAutoObservable({
}
}
// 审核弹窗
if (this.setIndex?.examinePop?.needPop) {
if (this.setIndex?.examinePop.result) {
modalStore.pushPop("ReviewSucPop", { data: this.setIndex?.examinePop?.sendDrawNum });
} else {
modalStore.pushPop("ReviewFailedPop");
}
}
// 排行榜弹窗
if (this.setIndex?.rankPop?.needPop) {
if (this.setIndex?.rankPop.result) {
......
src/store/modal.js
View file @ a69d3a26
......@@ -13,7 +13,6 @@ const modalIndex = {
"RankNoPrizePop": 2,
"RankPrizePop": 2,
"ReviewSucPop": 1,
};
const modalStore = makeAutoObservable({
......
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