|
@@ -39,6 +39,7 @@
|
|
|
} from "vant";
|
|
|
import {
|
|
|
getDrawOri,
|
|
|
+ getStore
|
|
|
} from "@/api/SilkRoadSpringGala.js";
|
|
|
// import { onMounted, reactive } from "vue";
|
|
|
// import { isIpad, isIpod, isIphone } from "../../utils/isTerminal";
|
|
@@ -49,11 +50,9 @@
|
|
|
*/
|
|
|
let w = window.$originData.orginParames.availWidth || 0;
|
|
|
const show = ref(Array(12).fill(false));
|
|
|
- const address = ref(localStorage.getItem("silkRoadAddress") || "");
|
|
|
- // const gift = require("@/assets/img/")
|
|
|
+ let address = localStorage.getItem("silkRoadAddress") || "";
|
|
|
const next = false;
|
|
|
const emits = defineEmits(["showVideo", "showTitleFunc"]);
|
|
|
-
|
|
|
let t = setInterval(() => {
|
|
|
let index = Math.ceil(Math.random() * 12) - 1;
|
|
|
if (index < 0) index = 0;
|
|
@@ -75,17 +74,24 @@
|
|
|
getDrawOri({
|
|
|
phone
|
|
|
}).then(r => {
|
|
|
- console.log("---->", r);
|
|
|
let isdraw = r.prizeId !== 1; // 非中将概率,后期接入接口后直接由接口提供是否中将
|
|
|
showDialog({
|
|
|
title: r.name,
|
|
|
message: () => {
|
|
|
if (isdraw) return drawIsTrue(r);
|
|
|
- if (!isdraw) return drawIsFalse();
|
|
|
+ if (!isdraw) return <div > 很遗憾哟,新年礼物擦肩而过啦!点击下方刷个小视频吧,给手气充能,获取额外抽奖机会!</div>;
|
|
|
},
|
|
|
- }).then(() => {
|
|
|
- // on close
|
|
|
- address.value && localStorage.setItem("silkRoadAddress", address.value);
|
|
|
+ beforeClose: type => {
|
|
|
+ console.log("type", type);
|
|
|
+ if (!isdraw) return true;
|
|
|
+ getStore({
|
|
|
+ "phone": localStorage.getItem("silkRoadPhone"),
|
|
|
+ "addr": address,
|
|
|
+ }).then(() => {
|
|
|
+ localStorage.setItem("silkRoadAddress", address);
|
|
|
+ return true
|
|
|
+ }).catch(() => false);
|
|
|
+ }
|
|
|
});
|
|
|
})
|
|
|
}
|
|
@@ -95,38 +101,19 @@
|
|
|
url: data.url,
|
|
|
name: data.name,
|
|
|
};
|
|
|
- let ele = ( < div >
|
|
|
- <
|
|
|
- img class = "dialogImg"
|
|
|
- src = {
|
|
|
- gift.url
|
|
|
- }
|
|
|
- /> <br / >
|
|
|
- <
|
|
|
- p > 恭喜您获得 < span style = "color: red" > {
|
|
|
- gift.name
|
|
|
- } < /span>!</p >
|
|
|
- <
|
|
|
- /div>);
|
|
|
- return ele;
|
|
|
- }
|
|
|
-
|
|
|
- function drawIsFalse() {
|
|
|
- let ele = ( <
|
|
|
- div >
|
|
|
- 很遗憾哟, 新年礼物擦肩而过啦! 点击下方刷个小视频吧, 给手气充能, 获取额外抽奖机会! <
|
|
|
- /div>
|
|
|
- );
|
|
|
- return ele;
|
|
|
- }
|
|
|
+ address = localStorage.getItem("silkRoadAddress") || "";
|
|
|
+ const field = <van-field required v-model={address} label = "地址" type = "text" placeholder = "请输入收获地址" /> ;
|
|
|
+ let ele = <div><img class = "dialogImg" src = { gift.url }/> <br / ><p > 恭喜您获得 < span style = "color: red" > { gift.name} < /span>!</p > {!address ? field : ""} </div>;
|
|
|
+ return ele;
|
|
|
+ }
|
|
|
|
|
|
- function playVideo(url) {
|
|
|
- emits("showVideo", url);
|
|
|
- }
|
|
|
+ function playVideo(url) {
|
|
|
+ emits("showVideo", url);
|
|
|
+ }
|
|
|
|
|
|
- defineExpose({
|
|
|
- draw
|
|
|
- })
|
|
|
+ defineExpose({
|
|
|
+ draw
|
|
|
+ })
|
|
|
</script>
|
|
|
<style lang="scss" scoped>
|
|
|
.eight {
|