长篇小说添加vip返回弹窗

vedio/page-subs/sub_A/book-content/book-content.vue

@@ -10,9 +10,6 @@
 				@tapBean='tapBeanPop'></detail-new-buy>
 			<detail-bottom :detail='bookData' :userInfo='userInfo' @tapBottomItem='tapBottomItem'></detail-bottom>
 			<setting-pop :show='showSetting' @close='closePop'></setting-pop>
-			<!-- <vip-pop v-if="bookData.isUnlock==0 && !isVip()" :show='showVip' @close='closeVipPop'></vip-pop>
-			<bean-pop v-if="bookData.isUnlock==0 && userInfo.bookLegumes<bookData.bookLegumes" :show='showBean'
-				@close='closeBeanPop'></bean-pop> -->
 			<recommend-pop :show='showRecommend' @close='closeRecommendPop' :bookId="bookId"></recommend-pop>
 			<!-- <coin-popup v-if="bookData.isUnlock==0 && !isVip()" :show="showVip" @close="closeVipPop"
 				:vedioId="bookData.id" @paySuccess="paySuccess">
@@ -23,7 +20,6 @@
 			</coin-popup>
 			<vipback-popup :show="showVipbackPop" :vipBean="backvipBean" @vipbackclose="vipbackClose()"
 				@vipbackpaySuccess="vipbackpaySuccess" />
-			<kefu-popup :show="showKefuPop" @close="showKefuPop = false" />
 		</template>
 		<c-login :isShareLink="true"></c-login>
 		<popup :show="showMoibleLogin" @close="showMoibleLogin=false">
@@ -386,8 +382,9 @@
 				}, 300);
 			},
 			vipbackpaySuccess(largeType) {
-				this.$set(this.bookData, "isUnlock", true);
 				this.vipbackClose();
+				
+				this.$set(this.bookData, "isUnlock", true);
 			}
 		}
 	}

vedio/page-subs/sub_A/book-long-content/book-long-content.vue

@@ -12,9 +12,14 @@
 			<bean-pop v-if="bookData.isUnlock==0 && userInfo.bookLegumes<bookData.bookLegumes" :show='showBean'
 				@close='closeBeanPop'></bean-pop> -->
 			<recommend-pop :show='showRecommend' @close='closeRecommendPop' :bookId="bookId"></recommend-pop>
-			<coin-popup v-if="bookData.isUnlock==0 && !isVip()" :show="showVip" @close="closeVipPop"
+			<!-- <coin-popup v-if="bookData.isUnlock==0 && !isVip()" :show="showVip" @close="closeVipPop"
 				:vedioId="bookData.id">
+			</coin-popup> -->
+			<coin-popup v-if="bookData.isUnlock==0 && !isVip()" :show="showVip" @close="coinClose($event)"
+				:vedioId="bookData.id" @paySuccess="paySuccess">
 			</coin-popup>
+			<vipback-popup :show="showVipbackPop" :vipBean="backvipBean" @vipbackclose="vipbackClose()"
+				@vipbackpaySuccess="vipbackpaySuccess" />
 		</template>
 	</view>
 </template>
@@ -41,6 +46,8 @@
 	import CataloguePop from "./components/catalogue-pop.vue";
 	import VipPop from "./components/vip-pop.vue";
 	import BeanPop from "./components/bean-pop.vue";
+	import VipbackPopup from '@/components/vipback-popup/vipback-popup.vue';
+	import CoinPopup from "@/components/coin-popup/coin-popup.vue";
 	import RecommendPop from "./components/recommend-pop.vue";
 	import SystemInfoMixin from "../../../common/mixins/system-info-mixin.js";
 	import {
@@ -74,7 +81,9 @@
 			VipPop,
 			BeanPop,
 			RecommendPop,
-			CataloguePop
+			CataloguePop,
+			VipbackPopup,
+			CoinPopup,
 		},
 		data() {
 			return {
@@ -89,7 +98,9 @@
 				showVipOpen: 0,
 				showBeanOpen: 0,
 				current: 1,
-				height: 0
+				height: 0,
+				showVipbackPop: false,
+				backvipBean: null,
 			};
 		},
 		onLoad(options) {
@@ -292,6 +303,40 @@
 			},
 			changeCurrent(current) {
 				this.current = current
+			},
+			coinClose(e) {
+				let item = e.detail.data;
+
+				if (item != null) {
+					this.backvipBean = item;
+					setTimeout(() => {
+						this.showVipbackPop = true;
+					}, 300);
+				} else {
+					this.showVip = false;
+
+					setTimeout(() => {
+						this.showRecommend = true;
+					}, 300);
+				}
+				console.log('mymymymymy', item);
+			},
+			vipbackClose() {
+				this.showVip = false;
+				this.showVipbackPop = false;
+
+				if (this.bookData.isUnlock == 0) {
+					setTimeout(() => {
+						this.showRecommend = true;
+					}, 300);
+				}
+			},
+			vipbackpaySuccess(largeType) {
+				this.vipbackClose();
+				
+				this.$set(this.bookData, "isUnlock", 1);
+				this.$set(this.bookData, "freeNum", this.bookData.articleChapterList.length);
+				this.$refs.content.reloadChapterinfoData()
 			}
 		}
 	}