This commit is contained in:
parent
3bf999b707
commit
e7295879bc
|
|
@ -1,45 +1,46 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="U000004-template1" :class="className">
|
<div class="U000004-template1" :class="className">
|
||||||
<!-- style -->
|
<div class="U000004-template1-content">
|
||||||
<div v-html="css"></div>
|
<!-- style -->
|
||||||
<!--标题-->
|
<div v-html="css"></div>
|
||||||
<div class="button-group-title" v-if="datas.title">{{ datas.title }}</div>
|
<!--标题-->
|
||||||
<!-- 列表 -->
|
<div class="button-group-title" v-if="datas.title">{{ datas.title }}</div>
|
||||||
<div v-if="datas.list.length <= 0" style="text-align: center; font-size: 16px; line-height: 32px;">
|
<!-- 列表 -->
|
||||||
请先添加按钮
|
<div v-if="datas.list.length <= 0" style="text-align: center; font-size: 16px; line-height: 32px;">
|
||||||
</div>
|
请先添加按钮
|
||||||
<ul class="button-box" v-if="datas.list.length > 0 && !datas.is_scroll">
|
</div>
|
||||||
<li v-for="(item, index) in datas.list" :key="`${index}-${item.id}`">
|
<ul class="button-box" v-if="datas.list.length > 0 && !datas.is_scroll">
|
||||||
<div @click.stop="toUrl(item)">
|
<li v-for="(item, index) in datas.list" :key="`${index}-${item.id}`">
|
||||||
<img class="button-img" :src="item.image || emptyImage" alt="">
|
|
||||||
<p class="button-title">{{ item.text }}</p>
|
|
||||||
<p class="button-desc" v-if="item.desc">{{ item.desc }}</p>
|
|
||||||
</div>
|
|
||||||
<div style="text-align: center; width: 100%; position: absolute; height: 100%;" v-if="item.is_minApp == 2 && (!fun.isApp() || !fun.isCPS())" v-html="item.html">
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
<swiper style="width: 100%;"
|
|
||||||
v-if="datas.list.length > 0 && datas.is_scroll"
|
|
||||||
:options="swiperOption"
|
|
||||||
ref="mySwiper">
|
|
||||||
<!-- slides -->
|
|
||||||
<swiper-slide v-for="(items, idx) in scroll_list" :key="idx" class="button-box">
|
|
||||||
<li v-for="(item, index) in items" :key="`${index}-${item.id}`">
|
|
||||||
<div @click.stop="toUrl(item)">
|
<div @click.stop="toUrl(item)">
|
||||||
<img class="button-img" :src="item.image || emptyImage" alt="">
|
<img class="button-img" :src="item.image || emptyImage" alt="">
|
||||||
<p class="button-title">{{ item.text }}</p>
|
<p class="button-title">{{ item.text }}</p>
|
||||||
<p class="button-desc" v-if="item.desc">{{ item.desc }}</p>
|
<p class="button-desc" v-if="item.desc">{{ item.desc }}</p>
|
||||||
</div>
|
</div>
|
||||||
|
<div style="text-align: center; width: 100%; position: absolute; height: 100%;" v-if="item.is_minApp == 2 && (!fun.isApp() || !fun.isCPS())" v-html="item.html">
|
||||||
<div style="text-align: center; position: absolute; height: 100%;" v-if="item.is_minApp == 2 && (!fun.isApp() || !fun.isCPS())" v-html="item.html">
|
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
</swiper-slide>
|
</ul>
|
||||||
<!--分页-->
|
<swiper style="width: 100%;"
|
||||||
<div class="swiper-pagination" slot="pagination"></div>
|
v-if="datas.list.length > 0 && datas.is_scroll"
|
||||||
</swiper>
|
:options="swiperOption"
|
||||||
|
ref="mySwiper">
|
||||||
|
<!-- slides -->
|
||||||
|
<swiper-slide v-for="(items, idx) in scroll_list" :key="idx" class="button-box">
|
||||||
|
<li v-for="(item, index) in items" :key="`${index}-${item.id}`">
|
||||||
|
<div @click.stop="toUrl(item)">
|
||||||
|
<img class="button-img" :src="item.image || emptyImage" alt="">
|
||||||
|
<p class="button-title">{{ item.text }}</p>
|
||||||
|
<p class="button-desc" v-if="item.desc">{{ item.desc }}</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div style="text-align: center; position: absolute; height: 100%;" v-if="item.is_minApp == 2 && (!fun.isApp() || !fun.isCPS())" v-html="item.html">
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</swiper-slide>
|
||||||
|
<!--分页-->
|
||||||
|
<div class="swiper-pagination" slot="pagination"></div>
|
||||||
|
</swiper>
|
||||||
|
</div>
|
||||||
<!-- 海报 -->
|
<!-- 海报 -->
|
||||||
<yz-goodsposter v-model="posterShow" :posterData="poster_Data" :defaultImg="poster" :width="`18.875rem`" v-on:finish="uploadImageM"></yz-goodsposter>
|
<yz-goodsposter v-model="posterShow" :posterData="poster_Data" :defaultImg="poster" :width="`18.875rem`" v-on:finish="uploadImageM"></yz-goodsposter>
|
||||||
<!-- 海报 end -->
|
<!-- 海报 end -->
|
||||||
|
|
@ -70,8 +71,9 @@ const css = function () {
|
||||||
} = this.datas;
|
} = this.datas;
|
||||||
|
|
||||||
return `
|
return `
|
||||||
.U000004-template1{
|
.component-${this.id}{
|
||||||
padding: 10px 0 0px 0;
|
width: 100%;
|
||||||
|
padding: ${padding_top}px 0 ${padding_bottom}px 0!important;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
background-color: ${preview_color.color || '#f8f8f8'};
|
background-color: ${preview_color.color || '#f8f8f8'};
|
||||||
background-image: url(${preview_color.isColor == 2? preview_color.image: ''});
|
background-image: url(${preview_color.isColor == 2? preview_color.image: ''});
|
||||||
|
|
|
||||||
|
|
@ -2364,7 +2364,7 @@ const routes = [
|
||||||
component: Withdrawal,
|
component: Withdrawal,
|
||||||
name: "withdrawal",
|
name: "withdrawal",
|
||||||
meta: {
|
meta: {
|
||||||
title: "收入提现",
|
title: "推广提现",
|
||||||
foot: true
|
foot: true
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
@ -2839,7 +2839,7 @@ const routes = [
|
||||||
component: Love_cash,
|
component: Love_cash,
|
||||||
name: "love_cash",
|
name: "love_cash",
|
||||||
meta: {
|
meta: {
|
||||||
title: "收入提现奖励详情",
|
title: "推广提现奖励详情",
|
||||||
foot: true
|
foot: true
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
|
||||||
|
|
@ -135,14 +135,14 @@ export default {
|
||||||
name: `${this.fun.initWithdrawal()}记录`,
|
name: `${this.fun.initWithdrawal()}记录`,
|
||||||
url: "presentationRecord"
|
url: "presentationRecord"
|
||||||
},
|
},
|
||||||
{
|
// {
|
||||||
name: `${this.fun.initWithdrawal()}规则说明`,
|
// name: `${this.fun.initWithdrawal()}规则说明`,
|
||||||
url: "fa_child"
|
// url: "fa_child"
|
||||||
},
|
// },
|
||||||
{
|
// {
|
||||||
name: "联系客服",
|
// name: "联系客服",
|
||||||
url: "fa_child_two"
|
// url: "fa_child_two"
|
||||||
}
|
// }
|
||||||
],
|
],
|
||||||
manualList:[],
|
manualList:[],
|
||||||
// 填写银行卡信息弹窗
|
// 填写银行卡信息弹窗
|
||||||
|
|
|
||||||
|
|
@ -4,7 +4,7 @@
|
||||||
:hide="false"
|
:hide="false"
|
||||||
:text="`${income_name_text}${fun.initWithdrawal()}`"
|
:text="`${income_name_text}${fun.initWithdrawal()}`"
|
||||||
tolink="presentationRecord"
|
tolink="presentationRecord"
|
||||||
:totext="`${fun.initWithdrawal()}记录/说明`"
|
:totext="`${fun.initWithdrawal()}记录`"
|
||||||
:setQuery="{ extension: 'extension' }"
|
:setQuery="{ extension: 'extension' }"
|
||||||
:showToast="true"
|
:showToast="true"
|
||||||
:toastTxt="toastTxt"
|
:toastTxt="toastTxt"
|
||||||
|
|
|
||||||
|
|
@ -103,7 +103,7 @@
|
||||||
<!--视频弹框-->
|
<!--视频弹框-->
|
||||||
<van-popup v-model="is_video_show" position="center" :style="{ width: '100%',height: '100%' }" class="task-video-popup" :close-on-click-overlay="false">
|
<van-popup v-model="is_video_show" position="center" :style="{ width: '100%',height: '100%' }" class="task-video-popup" :close-on-click-overlay="false">
|
||||||
<div class="task-video-content">
|
<div class="task-video-content">
|
||||||
<video id="taskMedia" @canplay="getVidDur()" :src="task_video_link" :loop="false" width="100vw" height="100vh">
|
<video id="taskMedia" :show-center-play-btn="false" @canplay="getVidDur()" :src="task_video_link" :loop="false" width="100vw" height="100vh">
|
||||||
浏览器不支持播放视频
|
浏览器不支持播放视频
|
||||||
</video>
|
</video>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -258,7 +258,7 @@ export default {
|
||||||
isLoadMore: true,
|
isLoadMore: true,
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
mounted() {
|
activated() {
|
||||||
let _this = this;
|
let _this = this;
|
||||||
// 获取基本信息
|
// 获取基本信息
|
||||||
_this.getData();
|
_this.getData();
|
||||||
|
|
@ -339,6 +339,7 @@ export default {
|
||||||
let _this = this;
|
let _this = this;
|
||||||
let videoTime = document.getElementById('taskMedia');
|
let videoTime = document.getElementById('taskMedia');
|
||||||
_this.videoTime = videoTime;
|
_this.videoTime = videoTime;
|
||||||
|
_this.videoTime.controls = false;
|
||||||
_this.videoTime.play();
|
_this.videoTime.play();
|
||||||
// 监听视频暂停
|
// 监听视频暂停
|
||||||
videoTime.addEventListener("pause", function () {
|
videoTime.addEventListener("pause", function () {
|
||||||
|
|
@ -389,6 +390,7 @@ export default {
|
||||||
let videoTime = document.getElementById('taskMedia');
|
let videoTime = document.getElementById('taskMedia');
|
||||||
videoTime.currentTime = 0;
|
videoTime.currentTime = 0;
|
||||||
videoTime.play();
|
videoTime.play();
|
||||||
|
videoTime.controls = false;
|
||||||
},300); // 定时时间
|
},300); // 定时时间
|
||||||
} else {
|
} else {
|
||||||
// 微信分享
|
// 微信分享
|
||||||
|
|
@ -455,6 +457,7 @@ export default {
|
||||||
if (response.result === 1) {
|
if (response.result === 1) {
|
||||||
let res = response.data;
|
let res = response.data;
|
||||||
_this.staff = Object.values(res).length > 0 ? res : defaultStaff;
|
_this.staff = Object.values(res).length > 0 ? res : defaultStaff;
|
||||||
|
let status = _this.staff.status || 1;
|
||||||
_this.third_party_show = is_show;
|
_this.third_party_show = is_show;
|
||||||
// 处理时间
|
// 处理时间
|
||||||
if (res.account_id_start) {
|
if (res.account_id_start) {
|
||||||
|
|
@ -465,6 +468,12 @@ export default {
|
||||||
_this.selectedTime = new Date(year, month, day).getTime();
|
_this.selectedTime = new Date(year, month, day).getTime();
|
||||||
}
|
}
|
||||||
_this.$forceUpdate();
|
_this.$forceUpdate();
|
||||||
|
// 是否需要签约
|
||||||
|
if(status == 2){
|
||||||
|
_this.$dialog.alert({ message:'开户成功,立即签约!' }).then(()=>{
|
||||||
|
_this.goToSigning();
|
||||||
|
});
|
||||||
|
}
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
.catch(error => {
|
.catch(error => {
|
||||||
|
|
@ -521,7 +530,7 @@ export default {
|
||||||
if (response.result === 1) {
|
if (response.result === 1) {
|
||||||
_this.$dialog.alert({ message:'提交成功,审核开户中...!' }).then(()=>{
|
_this.$dialog.alert({ message:'提交成功,审核开户中...!' }).then(()=>{
|
||||||
_this.getAccountInfo();
|
_this.getAccountInfo();
|
||||||
_this.thirdPartyBankCardInfo();
|
_this.thirdPartyBankCardInfo(false);
|
||||||
});
|
});
|
||||||
}else{
|
}else{
|
||||||
_this.$dialog.alert({ message: response.msg }).then(()=>{
|
_this.$dialog.alert({ message: response.msg }).then(()=>{
|
||||||
|
|
@ -562,6 +571,54 @@ export default {
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
|
video::-webkit-media-controls-panel {
|
||||||
|
display: none !important;
|
||||||
|
-webkit-appearance: none !important;
|
||||||
|
}
|
||||||
|
video::-webkit-media-controls-mute-button {
|
||||||
|
display: none !important;
|
||||||
|
-webkit-appearance: none !important;
|
||||||
|
}
|
||||||
|
video::-webkit-media-controls-play-button {
|
||||||
|
display: none !important;
|
||||||
|
-webkit-appearance: none !important;
|
||||||
|
}
|
||||||
|
video::-webkit-media-controls-current-time-display {
|
||||||
|
display: none !important;
|
||||||
|
-webkit-appearance: none !important;
|
||||||
|
}
|
||||||
|
video::-webkit-media-controls-time-remaining-display {
|
||||||
|
display: none !important;
|
||||||
|
-webkit-appearance: none !important;
|
||||||
|
}
|
||||||
|
video::-webkit-media-controls-timeline {
|
||||||
|
display: none !important;
|
||||||
|
-webkit-appearance: none !important;
|
||||||
|
}
|
||||||
|
video::-webkit-media-controls-volume-slider {
|
||||||
|
display: none !important;
|
||||||
|
-webkit-appearance: none !important;
|
||||||
|
}
|
||||||
|
video::-webkit-media-controls-fullscreen-button {
|
||||||
|
display: none !important;
|
||||||
|
-webkit-appearance: none !important;
|
||||||
|
}
|
||||||
|
video::-webkit-media-controls {
|
||||||
|
display: none !important;
|
||||||
|
-webkit-appearance: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
::v-deep video::-webkit-media-controls {
|
||||||
|
display: none !important;
|
||||||
|
-webkit-appearance: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
::v-deep video::-webkit-media-controls-play-button {
|
||||||
|
display: none !important;
|
||||||
|
-webkit-appearance: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
.content-box {
|
.content-box {
|
||||||
--top-box-height-: 80px;
|
--top-box-height-: 80px;
|
||||||
|
|
||||||
|
|
@ -966,6 +1023,10 @@ export default {
|
||||||
width: 100vw;
|
width: 100vw;
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
}
|
}
|
||||||
|
#taskMedia::--webkit-media-controls-play-buton{
|
||||||
|
display: none!important;
|
||||||
|
-webkit-appearance: none!important;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.bandBox {
|
.bandBox {
|
||||||
|
|
|
||||||
|
|
@ -112,7 +112,7 @@ module.exports = {
|
||||||
},
|
},
|
||||||
proxy: {
|
proxy: {
|
||||||
"/addons/yun_shop/api.php": {
|
"/addons/yun_shop/api.php": {
|
||||||
target: "https://testbzt.cdlfjy.com/", //目标接口域名bztang.cdlfjy.com testbzt.cdlfjy.com
|
target: "https://bztang.cdlfjy.com/", //目标接口域名bztang.cdlfjy.com testbzt.cdlfjy.com
|
||||||
changeOrigin: true, //是否跨域
|
changeOrigin: true, //是否跨域
|
||||||
secure: false
|
secure: false
|
||||||
// pathRewrite: {
|
// pathRewrite: {
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue