|
|
@@ -282,7 +282,7 @@
|
|
|
transform: translateX(-50%);
|
|
|
padding: 0 0.4rem;
|
|
|
top: -6.96rem;
|
|
|
- /* overflow: hidden; */
|
|
|
+ overflow: hidden;
|
|
|
}
|
|
|
|
|
|
.imgs-block{
|
|
|
@@ -399,12 +399,34 @@
|
|
|
width: 100vw;
|
|
|
}
|
|
|
|
|
|
+ .share_btn{
|
|
|
+ width: 2.4rem;
|
|
|
+ height: 0.88rem;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ }
|
|
|
+
|
|
|
@media (max-width: 480px) and (min-width: 241px) {
|
|
|
#toast-container>div {
|
|
|
min-width: 80px !important;
|
|
|
width: auto;
|
|
|
}
|
|
|
}
|
|
|
+ .miniprogram-wrap{
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+ .miniprogram{
|
|
|
+ width: 6.25rem;
|
|
|
+ height: 8.01rem;
|
|
|
+ margin-left: -0.39rem;
|
|
|
+ }
|
|
|
+ .down-btn{
|
|
|
+ width: 4.6rem;
|
|
|
+ height: 0.9rem;
|
|
|
+ position: absolute;
|
|
|
+ bottom: 0.42rem;
|
|
|
+ left: 0.42rem;
|
|
|
+ }
|
|
|
</style>
|
|
|
</head>
|
|
|
|
|
|
@@ -415,13 +437,15 @@
|
|
|
|
|
|
<div v-if='isshow&&topic!=null' style="margin: 0 auto;">
|
|
|
<div class="footer">
|
|
|
- <div class="download-btn">
|
|
|
+ <div v-if="type == 1">
|
|
|
+ <img @click="share" src="../static/offImg/share_btn.png" class="share_btn" alt="" />
|
|
|
+ </div>
|
|
|
+ <div class="download-btn" v-else>
|
|
|
<div class="left-nav">
|
|
|
<p>激活码：</p>
|
|
|
<p>AS4*********SD3</p>
|
|
|
</div>
|
|
|
- <!-- @click='createCopy()' -->
|
|
|
- <div class="button-download " @click='copyHandle()'>点击复制并下载</div>
|
|
|
+ <div class="button-download" @click='copyHandle()'>点击复制并下载</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="top-banner">
|
|
|
@@ -431,7 +455,7 @@
|
|
|
<img :src="standarImg(item.headImgUrl)" :onerror="defaultImg" alt="">
|
|
|
<div class="hide">双子星邀请你免费领取云手机</div>
|
|
|
<p>{{item.surfaceName}}</p>
|
|
|
- <p>已获得星曜云手机套餐</p>
|
|
|
+ <p>已获得{{phoneType === 'VIP'?'星动':phoneType === 'SVIP'?'星曜':'唔即'}}云手机套餐</p>
|
|
|
</van-swipe-item>
|
|
|
|
|
|
</van-swipe>
|
|
|
@@ -439,7 +463,6 @@
|
|
|
</div>
|
|
|
<div class="top-content">
|
|
|
<div v-html="topic" class="topic-info"></div>
|
|
|
-
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
@@ -452,23 +475,30 @@
|
|
|
</div>
|
|
|
<div class="mask">
|
|
|
<div class="dialog">
|
|
|
- <div class="imgs-block">
|
|
|
- <img class="imgs" src="../static/img/icon-copy.png" />
|
|
|
- <div class="imgs-text">复制成功</div>
|
|
|
- <img class="imgs" src="../static/img/icon-copy.png" />
|
|
|
+ <div class="miniprogram-wrap">
|
|
|
+ <img class="miniprogram" src="../static/offImg/tost.png" />
|
|
|
+ <img class="down-btn" src="../static/offImg/down-btn.png" />
|
|
|
</div>
|
|
|
- <div class="copy-tip">温馨提示：激活码使用教程</div>
|
|
|
- <div class="point1">1、在双子星APP的工具栏，点击 <span class="my">[我的]</span></div>
|
|
|
- <img class="point-img" src="../static/img/point1.png" />
|
|
|
- <div class="point1 point2">2、找到 我的工具 - <span class="my">[激活码] </span>，点击激活码
|
|
|
- 即可兑换使用激活码啦。</div>
|
|
|
- <img class="point-img" src="../static/img/point2.png" />
|
|
|
- <div class="get-success-block">
|
|
|
- <div class="get-success">下载APP</div>
|
|
|
+ <div class="noMiniprogram">
|
|
|
+ <div class="imgs-block">
|
|
|
+ <img class="imgs" src="../static/img/icon-copy.png" />
|
|
|
+ <div class="imgs-text">复制成功</div>
|
|
|
+ <img class="imgs" src="../static/img/icon-copy.png" />
|
|
|
+ </div>
|
|
|
+ <div class="copy-tip">温馨提示：激活码使用教程</div>
|
|
|
+ <div class="point1">1、在双子星APP的工具栏，点击 <span class="my">[我的]</span></div>
|
|
|
+ <img class="point-img" src="../static/img/point1.png" />
|
|
|
+ <div class="point1 point2">2、找到 我的工具 - <span class="my">[激活码] </span>，点击激活码
|
|
|
+ 即可兑换使用激活码啦。</div>
|
|
|
+ <img class="point-img" src="../static/img/point2.png" />
|
|
|
+ <div class="get-success-block">
|
|
|
+ <div class="get-success">下载APP</div>
|
|
|
+ </div>
|
|
|
+ <img class="close" src="img/close.png" />
|
|
|
</div>
|
|
|
- <img class="close" src="img/close.png" />
|
|
|
</div>
|
|
|
</div>
|
|
|
+
|
|
|
<script src="../static/js/vender/verify.js"></script>
|
|
|
<script src="../static/js/vender/vue/vue.min.js"></script>
|
|
|
<script src="../static/js/vender/vue/vue-clipboard.min.js"></script>
|
|
|
@@ -482,6 +512,7 @@
|
|
|
toastr.options.positionClass = 'toast-center-center';
|
|
|
toastr.options.timeOut = '1500';
|
|
|
</script>
|
|
|
+ <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
|
|
|
<script type="text/javascript">
|
|
|
// var meta_description = document.getElementsByTagName('meta')['description']
|
|
|
// document.title = '更新标题'
|
|
|
@@ -510,6 +541,28 @@
|
|
|
download();
|
|
|
}
|
|
|
});
|
|
|
+ $('.down-btn')[0].addEventListener('click', (e) => {
|
|
|
+ let ua = navigator.userAgent.toLowerCase();
|
|
|
+ if (ua.match(/MicroMessenger/i) == "micromessenger") {
|
|
|
+ var oInput = document.createElement('input'); //创建一个input
|
|
|
+ oInput.setAttribute("readonly", "readonly"); //设置只读，否则移动端使用复制功能时可能会造成软件盘弹出
|
|
|
+ setTimeout(() => {
|
|
|
+ oInput.value = code;
|
|
|
+ document.body.appendChild(oInput);
|
|
|
+ selectText(oInput, 0, oInput.value.length);
|
|
|
+ document.execCommand("Copy"); // 执行浏览器复制命令
|
|
|
+ $('.dialog').animate({top: '-6.96rem'},"fast");
|
|
|
+ $('.mask').hide();
|
|
|
+ document.documentElement.style.overflow='auto';
|
|
|
+ oInput.style.display = 'none'; // 将input隐藏
|
|
|
+ oInput.blur();
|
|
|
+ oInput.remove(); // 将input销毁
|
|
|
+ location.href = 'weixin://dl/business/?t=sg6FNjcPWip';
|
|
|
+ }, 400)
|
|
|
+ }else{
|
|
|
+ alert('环境问题')
|
|
|
+ }
|
|
|
+ });
|
|
|
function download() {
|
|
|
if (isAndroid) {
|
|
|
if (baseUrl == 'https://per.cs.se.androidscloud.com') {
|
|
|
@@ -573,9 +626,12 @@
|
|
|
strategyId: GetRequest().strategyId ? GetRequest().strategyId : '',
|
|
|
tagId: GetRequest().tagId ? GetRequest().tagId : '',
|
|
|
uuid: '',
|
|
|
+ shareInfo: {},
|
|
|
flag: true,
|
|
|
timer: null,
|
|
|
-
|
|
|
+ phoneType: '',
|
|
|
+ type: GetRequest().type,
|
|
|
+ dataObj: {}
|
|
|
},
|
|
|
created() {
|
|
|
// window.location.href = 'investigate.html'
|
|
|
@@ -586,7 +642,7 @@
|
|
|
// })
|
|
|
// document.querySelector('#app').classList.remove('hide');
|
|
|
// this.validate(); // 生成验证码
|
|
|
- this.getActDetail();
|
|
|
+ this.getActDetailList();
|
|
|
this.getMarquee(); //跑马灯
|
|
|
if (localStorage.getItem("uuid")) {
|
|
|
this.uuid = localStorage.getItem("uuid");
|
|
|
@@ -615,28 +671,51 @@
|
|
|
}).catch((error) => {
|
|
|
alert(error)
|
|
|
this.$toast('复制失败');
|
|
|
- this.download()
|
|
|
+ // this.download()
|
|
|
|
|
|
});
|
|
|
},
|
|
|
+
|
|
|
//查看活动是否下架
|
|
|
- getActDetail() { //获取活动状态
|
|
|
- getActDetail().then(res => {
|
|
|
- this.$toast.clear();
|
|
|
- if (res.status === 0) {
|
|
|
- if (res.data.actStatus == 1) {
|
|
|
- this.isshow = true;
|
|
|
- this.getStrategy();
|
|
|
+ getActDetailList() { //获取活动状态
|
|
|
+ if(GetRequest().type == 1){
|
|
|
+ getActDetailList(GetRequest().token).then(res => {
|
|
|
+ this.$toast.clear();
|
|
|
+ if (res.status === 0) {
|
|
|
+ this.phoneType = res.data.phoneType;
|
|
|
+ this.shareInfo = res.data;
|
|
|
+ if (res.data.actStatus == 1) {
|
|
|
+ this.isshow = true;
|
|
|
+ this.getStrategy();
|
|
|
+ } else {
|
|
|
+ this.isshow = false;
|
|
|
+ }
|
|
|
} else {
|
|
|
- this.isshow = false;
|
|
|
+ this.$toast(res.msg);
|
|
|
}
|
|
|
- } else {
|
|
|
- this.$toast(res.msg);
|
|
|
- }
|
|
|
- }).catch((error) => {
|
|
|
- console.log(error)
|
|
|
- this.$toast('网络异常');
|
|
|
- });
|
|
|
+ }).catch((error) => {
|
|
|
+ console.log(error)
|
|
|
+ this.$toast('网络异常');
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ getActDetail().then(res => {
|
|
|
+ this.$toast.clear();
|
|
|
+ if (res.status === 0) {
|
|
|
+ this.phoneType = res.data.phoneType;
|
|
|
+ if (res.data.actStatus == 1) {
|
|
|
+ this.isshow = true;
|
|
|
+ this.getStrategy();
|
|
|
+ } else {
|
|
|
+ this.isshow = false;
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ this.$toast(res.msg);
|
|
|
+ }
|
|
|
+ }).catch((error) => {
|
|
|
+ console.log(error)
|
|
|
+ this.$toast('网络异常');
|
|
|
+ });
|
|
|
+ }
|
|
|
},
|
|
|
getCheck() {
|
|
|
getEvantCheck(this.id).then(res => {
|
|
|
@@ -652,9 +731,7 @@
|
|
|
this.stopManyClick(() => {
|
|
|
systemBuriedPoint({
|
|
|
pointName: 'dt_裂变_h5_复制激活码'
|
|
|
- }).then(res => {
|
|
|
-
|
|
|
- })
|
|
|
+ }).then(res => {})
|
|
|
getActivationCode(this.username, this.tagId, this.uuid, captchaVerification).then(res => {
|
|
|
this.$toast.clear();
|
|
|
if (res.status === 0) {
|
|
|
@@ -681,14 +758,14 @@
|
|
|
});
|
|
|
setTimeout(() => {
|
|
|
this.$dialog.close();
|
|
|
- this.download();
|
|
|
+ // this.download();
|
|
|
}, 2000)
|
|
|
}
|
|
|
|
|
|
}).catch((error) => {
|
|
|
alert(error)
|
|
|
this.$toast('复制失败');
|
|
|
- this.download()
|
|
|
+ // this.download()
|
|
|
|
|
|
});
|
|
|
})
|
|
|
@@ -735,6 +812,7 @@
|
|
|
if (res.data) {
|
|
|
this.isshow = true;
|
|
|
this.topic = res.data.content;
|
|
|
+ this.dataObj = res.data;
|
|
|
// this.tagId = res.data.tagId;
|
|
|
console.log(this.topic)
|
|
|
} else {
|
|
|
@@ -784,6 +862,14 @@
|
|
|
$('.imgs-block').eq(0).css('display', 'none');
|
|
|
$('.get-success').eq(0).text('下载APP并复制激活码');
|
|
|
}
|
|
|
+ let ua = navigator.userAgent.toLowerCase();
|
|
|
+ if(ua.match(/MicroMessenger/i)=="micromessenger"){
|
|
|
+ $('.miniprogram').eq(0).css('display', 'block');
|
|
|
+ $('.noMiniprogram').eq(0).css('display', 'none');
|
|
|
+ }else{
|
|
|
+ $('.miniprogram').eq(0).css('display', 'none');
|
|
|
+ $('.noMiniprogram').eq(0).css('display', 'block');
|
|
|
+ }
|
|
|
$('.dialog').animate({top: '1.8rem'},"fast");
|
|
|
$('.mask').show();
|
|
|
document.documentElement.style.overflow='hidden';
|
|
|
@@ -824,6 +910,32 @@
|
|
|
textbox.focus();
|
|
|
}
|
|
|
},
|
|
|
+ share(){
|
|
|
+ let middle = this.shareInfo.gotoUrl.split('=')[1];
|
|
|
+ let result = middle.split('&')[0];
|
|
|
+ const {
|
|
|
+ content,
|
|
|
+ shareImg
|
|
|
+ } = this.shareInfo;
|
|
|
+ let title = '免费领机：' + decodeURIComponent(GetRequest().title);
|
|
|
+ systemBuriedPoint({
|
|
|
+ pointName: 'dt_裂变_h5_分享攻略'
|
|
|
+ }).then(res => {})
|
|
|
+ if (isAndroid) {
|
|
|
+ window.native.share(title, content, `${baseUrl}/h5/microserviceUserH5/vcloud/actFissionShare.html?username=${result}&strategyId=${this.strategyId}&tagId=${GetRequest().tagId}`, shareImg)
|
|
|
+ } else if (isIOS) {
|
|
|
+
|
|
|
+ window.webkit.messageHandlers.share.postMessage({
|
|
|
+ title: title,
|
|
|
+ content: content,
|
|
|
+ gotoUrl: `${baseUrl}/h5/microserviceUserH5/vcloud/actFissionShare.html?username=${result}&strategyId=${this.strategyId}&tagId=${GetRequest().tagId}`,
|
|
|
+ shareImg: shareImg
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ code = window.Location.href;
|
|
|
+ copyUrl();
|
|
|
+ }
|
|
|
+ },
|
|
|
stopManyClick(fn) { //防抖
|
|
|
if (this.flag) {
|
|
|
fn();
|
heyang