支付页面添加客服

vedio/components/coin-popup/coin-popup.vue

@@ -82,13 +82,14 @@
 
 						<view style="display: flex;flex-direction: column;align-items: center;">
 							<view @click="onVip"
-								style="font-size: 34rpx;color: gray;margin-top: 16rpx;margin-bottom: 10rpx;">
+								style="font-size: 34rpx;color: black;margin-top: 16rpx;margin-bottom: 10rpx;">
 								更多充值及说明 ></view>
 						</view>
 
 						<view style="display: flex;flex-direction: column;align-items: center;">
-							<view style="font-size: 24rpx;color: gray;margin-top: 16rpx;margin-bottom: 18rpx;">
-								订单中如有疑问，请在我的订单页面联系客服</view>
+							<view style="font-size: 29rpx;color: gray;margin-top: 16rpx;">
+								客服时间工作日 9:00-18:00</view>
+							<button class="button2" open-type="im" data-im-id="kaixinhaha7785">在线客服</button>
 						</view>
 					</scroll-view>
 				</view>
@@ -101,11 +102,11 @@
 </template>
 
 <script>
-	import common from '@/mixins/common';
-	import {
-		navigateTo,
-		message,
-		loading
+	import common from '@/mixins/common';
+	import {
+		navigateTo,
+		message,
+		loading
 	} from '@/utils/fun.js';
 	export default {
 		name: 'coinPopup',
@@ -198,12 +199,12 @@
 
 				this.handlePay();
 			},
-			handlePay() {
-				if (this.os == 'ios') {
-					message.notify('暂不支持ios支付');
-					return
-				}
-				
+			handlePay() {
+				if (this.os == 'ios') {
+					message.notify('暂不支持ios支付');
+					return
+				}
+
 				let that = this;
 				let vipBean = this.vipList[this.selectedIndex];
 				this.post({
@@ -222,7 +223,7 @@
 				});
 			},
 			onVip() {
-				navigateTo(`/pagesA/vipPay/vipPay`)
+				navigateTo(`/pagesA/vipPay/vipPay`)
 				this.handleClose();
 			},
 			ttPrePay(ttData, largeType) {
@@ -413,4 +414,18 @@
 			}
 		}
 	}
+
+	.button2 {
+		width: 300rpx;
+		height: 50rpx;
+		line-height: 50rpx;
+		text-align: center;
+		margin: 10rpx 20rpx;
+		border-radius: 10rpx;
+		background-color: white;
+		border: 1px orange solid;
+		color: orange;
+		font-size: 26rpx;
+		box-shadow: 0 0 2px 0px rgba(255, 255, 255, 0.1);
+	}
 </style>
\ No newline at end of file

vedio/components/kefu-popup/kefu-popup.vue

@@ -7,7 +7,7 @@
 				<view class="content">
 					<text style="font-size: 40rpx;margin-bottom: 15rpx;">客服时间: 工作日9:00-18:00</text>
 					<text class="button1" @click="handleBtn1">客服电话</text>
-					<button class="button2" open-type="im" data-im-id="kaixinhaha7785">客服在线</button>
+					<button class="button2" open-type="im" data-im-id="kaixinhaha7785">在线客服</button>
 				</view>
 			</view>
 		</uni-popup>

vedio/pagesA/vipPay/vipPay.vue

@@ -89,7 +89,14 @@
 					{{ btnText }}
 				</text>
 			</view>
-		</view>
+		</view>
+		
+		<view class="box-wrap" @click="handleKefu">
+			<image src="../../static/ic_service.png"></image>
+			<text>客服时间</text>
+			<text>工作日9:00-18:00</text>
+		</view>
+		<kefu-popup :show="showKefuPop" @close="showKefuPop = false" />
 	</view>
 </template>
 
@@ -118,86 +125,90 @@
 				selectedVipIndex: -1,
 				btnText: '',
 				userBean: {},
-				os: 'android'
+				os: 'android',
+				showKefuPop:false
 			}
+		},
+		onLoad(options) {
+			let that = this;
+			if (tt.getSystemInfoSync().platform === 'ios') {
+				this.os = 'ios';
+			}
+			
+			this.post({
+				url: '/user/baseMsg',
+				showLoading: false,
+				success: ({
+					data
+				}) => {
+					this.userBean = data;
+				}
+			});
+			
+			this.post({
+				url: '/vip/getVipProducts',
+				showLoading: false,
+				success: ({
+					data
+				}) => {
+			
+					if (data.list != null && data.list.length > 0) {
+						for (let i = 0; i < data.list.length; i++) {
+							if (data.list[i].largeType == 'point') {
+								that.pointList.push(data.list[i]);
+							} else {
+								that.vipList.push(data.list[i]);
+							}
+						}
+					}
+			
+					if (that.pointList != null && that.pointList.length > 0) {
+						for (let i = 0; i < that.pointList.length; i++) {
+							if (that.pointList[i].activityType == 1) {
+								that.selectedIndex = i;
+								let cashStr = that.pointList[i].firstPayPrice
+								that.btnText = "立即支付" + cashStr + "元"
+								if (that.pointList[i].yhqRateBalance != null) {
+									let tempYhq = new Decimal(cashStr).sub(new Decimal(that.pointList[i]
+										.yhqRateBalance)).toNumber()
+									that.btnText = "立即支付" + that.pointList[i].yhqRateBalance + "元,已优惠" +
+										tempYhq + "元"
+								}
+								if (that.pointList[i].weixin) {
+									that.wxShowFlag = true
+									that.isZfb = false
+								} else {
+									that.wxShowFlag = false
+									that.isZfb = true
+								}
+								break;
+							}
+						}
+					}
+			
+					if (that.pointList != null && that.pointList.length > 0 && that.selectedIndex == 0) {
+						let cashStr = that.pointList[0].firstPayPrice
+						that.btnText = "立即支付" + cashStr + "元"
+						if (that.pointList[0].yhqRateBalance != null) {
+							let tempYhq = new Decimal(cashStr).sub(new Decimal(that.pointList[0]
+								.yhqRateBalance)).toNumber()
+							that.btnText = "立即支付" + that.pointList[0].yhqRateBalance + "元,已优惠" + tempYhq +
+								"元"
+						}
+						if (that.pointList[0].weixin) {
+							that.wxShowFlag = true
+							that.isZfb = false
+						} else {
+							that.wxShowFlag = false
+							that.isZfb = true
+						}
+					}
+				}
+			});
 		},
 		methods: {
 			loadData() {
-				let that = this;
-				if (tt.getSystemInfoSync().platform === 'ios') {
-					this.os = 'ios';
-				}
-
-				this.post({
-					url: '/user/baseMsg',
-					showLoading: false,
-					success: ({
-						data
-					}) => {
-						this.userBean = data;
-					}
-				});
-
-				this.post({
-					url: '/vip/getVipProducts',
-					showLoading: false,
-					success: ({
-						data
-					}) => {
-
-						if (data.list != null && data.list.length > 0) {
-							for (let i = 0; i < data.list.length; i++) {
-								if (data.list[i].largeType == 'point') {
-									that.pointList.push(data.list[i]);
-								} else {
-									that.vipList.push(data.list[i]);
-								}
-							}
-						}
-
-						if (that.pointList != null && that.pointList.length > 0) {
-							for (let i = 0; i < that.pointList.length; i++) {
-								if (that.pointList[i].activityType == 1) {
-									that.selectedIndex = i;
-									let cashStr = that.pointList[i].firstPayPrice
-									that.btnText = "立即支付" + cashStr + "元"
-									if (that.pointList[i].yhqRateBalance != null) {
-										let tempYhq = new Decimal(cashStr).sub(new Decimal(that.pointList[i]
-											.yhqRateBalance)).toNumber()
-										that.btnText = "立即支付" + that.pointList[i].yhqRateBalance + "元,已优惠" +
-											tempYhq + "元"
-									}
-									if (that.pointList[i].weixin) {
-										that.wxShowFlag = true
-										that.isZfb = false
-									} else {
-										that.wxShowFlag = false
-										that.isZfb = true
-									}
-									break;
-								}
-							}
-						}
-
-						if (that.pointList != null && that.pointList.length > 0 && that.selectedIndex == 0) {
-							let cashStr = that.pointList[0].firstPayPrice
-							that.btnText = "立即支付" + cashStr + "元"
-							if (that.pointList[0].yhqRateBalance != null) {
-								let tempYhq = new Decimal(cashStr).sub(new Decimal(that.pointList[0]
-									.yhqRateBalance)).toNumber()
-								that.btnText = "立即支付" + that.pointList[0].yhqRateBalance + "元,已优惠" + tempYhq +
-									"元"
-							}
-							if (that.pointList[0].weixin) {
-								that.wxShowFlag = true
-								that.isZfb = false
-							} else {
-								that.wxShowFlag = false
-								that.isZfb = true
-							}
-						}
-					}
-				});
+				
 			},
 			dialogClose() {
 				this.$refs.alertDialog.close();
@@ -360,6 +371,9 @@
 						message.notify('充值成功，快去看剧吧');
 					}
 				});
+			},
+			handleKefu() {
+				this.showKefuPop = true
 			}
 		}
 	}
@@ -466,5 +480,24 @@
 		color: white;
 		font-size: 26rpx;
 		margin-bottom: 40rpx;
+	}
+	
+	.box-wrap {
+		position: absolute;
+		bottom: 20%;
+		right: 6%;
+		z-index: 999;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+	
+		image {
+			width: 100rpx;
+			height: 100rpx;
+		}
+	
+		text {
+			color: #2c2c2c;
+		}
 	}
 </style>
\ No newline at end of file

vedio/pagesD/dotRecord/dotRecord.vue

-<template>
-	<view class="body">
-		<z-paging class="flex-1" ref="paging" v-model="dataList" @query="queryList">
-			<view v-for="(item, i) in dataList" :key="i">
-				<view class="flex m-20 pd-20" style="background-color:white;border-radius:10rpx;">
-					<image style="margin: auto 10rpx;width: 60rpx;height: 60rpx;" src="../../static/ic_coin.png">
-					</image>
-					<view class="flex1 ml-10">
-						<view class="mt-10" style="font-size: 28rpx;color: black;">{{item.remark}}</view>
-						<view class="mt-10" style="font-size: 26rpx;color: darkgray;">
-							{{item.time}}
-						</view>
-					</view>
-					<view style="margin:auto 10rpx auto auto;font-size: 36rpx;color: steelblue;">
-						{{ '+'+ item.subValue + '看点'}}
-					</view>
-				</view>
-			</view>
-
+<template>
+	<view class="body">
+		<z-paging class="flex-1" ref="paging" v-model="dataList" @query="queryList">
+			<view v-for="(item, i) in dataList" :key="i">
+				<view class="flex m-20 pd-20" style="background-color:white;border-radius:10rpx;">
+					<image style="margin: auto 10rpx;width: 60rpx;height: 60rpx;" src="../../static/ic_coin.png">
+					</image>
+					<view class="flex1 ml-10">
+						<view class="mt-10" style="font-size: 28rpx;color: black;">{{item.remark}}</view>
+						<view class="mt-10" style="font-size: 26rpx;color: darkgray;">
+							{{item.time}}
+						</view>
+					</view>
+					<view style="margin:auto 10rpx auto auto;font-size: 36rpx;color: steelblue;">
+						{{ '+'+ item.subValue + '看点'}}
+					</view>
+				</view>
+			</view>
+
 		</z-paging>
 		
 		<view class="box-wrap" @click="handleKefu">
 			<image src="../../static/ic_service.png"></image>
-			<text>客服时间：</text>
-			<text>每天9:00-18:00</text>
+			<text>客服时间</text>
+			<text>工作日9:00-18:00</text>
 		</view>
-		<kefu-popup :show="showKefuPop" @close="showKefuPop = false" />
-	</view>
-</template>
-<script>
-	import common from '@/mixins/common';
-
-	import {
-		formateTime
-	} from "@/utils/utils.js"
-
-	export default {
-		name: 'dotRecord',
-		mixins: [common],
-		data() {
-			return {
+		<kefu-popup :show="showKefuPop" @close="showKefuPop = false" />
+	</view>
+</template>
+<script>
+	import common from '@/mixins/common';
+
+	import {
+		formateTime
+	} from "@/utils/utils.js"
+
+	export default {
+		name: 'dotRecord',
+		mixins: [common],
+		data() {
+			return {
 				dataList: [],
-				showKefuPop:false
-			};
-		},
-		methods: {
-			show() {
-				if (this.$refs.paging != null) {
-					this.$refs.paging.refresh();
-				}
-			},
-			myFormateTime(time) {
-				return formateTime(time, 'yyyy-MM-dd hh:mm:ss')
-			},
-			queryList(page, size) {
-				this.post({
-					url: '/vedio/assetsRecords/add',
-					data: {
-						page,
-						size
-					},
-					showLoading: false,
-					success: ({
-						data
-					}) => {
-						this.$refs.paging.complete(data.list);
-					}
-				});
-			},
-			handleKefu() {
-				this.showKefuPop = true
-			}
-		}
-	};
-</script>
-
-<style lang="scss">
-	.body {
-		background-color: whitesmoke;
+				showKefuPop:false
+			};
+		},
+		methods: {
+			show() {
+				if (this.$refs.paging != null) {
+					this.$refs.paging.refresh();
+				}
+			},
+			myFormateTime(time) {
+				return formateTime(time, 'yyyy-MM-dd hh:mm:ss')
+			},
+			queryList(page, size) {
+				this.post({
+					url: '/vedio/assetsRecords/add',
+					data: {
+						page,
+						size
+					},
+					showLoading: false,
+					success: ({
+						data
+					}) => {
+						this.$refs.paging.complete(data.list);
+					}
+				});
+			},
+			handleKefu() {
+				this.showKefuPop = true
+			}
+		}
+	};
+</script>
+
+<style lang="scss">
+	.body {
+		background-color: whitesmoke;
 	}
 	.box-wrap {
 		position: absolute;
@@ -95,5 +95,5 @@
 		text {
 			color: #2c2c2c;
 		}
-	}
+	}
 </style>
\ No newline at end of file

vedio/pagesD/payRecord/payRecord.vue

@@ -21,8 +21,8 @@
 
 		<view class="box-wrap" @click="handleKefu">
 			<image src="../../static/ic_service.png"></image>
-			<text>客服时间：</text>
-			<text>每天9:00-18:00</text>
+			<text>客服时间</text>
+			<text>工作日9:00-18:00</text>
 		</view>
 		<kefu-popup :show="showKefuPop" @close="showKefuPop = false" />
 	</view>

vedio/pagesD/useDotRecord/useDotRecord.vue

-<template>
-	<view class="body">
-		<!-- <status-title :showBack="true">消费记录</status-title> -->
-		<z-paging class="flex-1" ref="paging" v-model="dataList" @query="queryList">
-			<view v-for="(item, i) in dataList" :key="i">
-				<view class="flex m-20 pd-20" style="background-color:white;border-radius:10rpx;">
-					<image style="margin: auto 10rpx;width: 60rpx;height: 60rpx;" src="../../static/ic_shop.png">
-					</image>
-					<view class="flex1 ml-10">
-						<view class="mt-10" style="font-size: 28rpx;color: black;">{{item.remark}}
-						</view>
-						<view class="mt-10" style="font-size: 26rpx;color: darkgray;">
-							{{item.time}}
-						</view>
-					</view>
-					<view style="margin:auto 10rpx auto auto;font-size: 36rpx;color: steelblue;">
-						{{ '-'+ item.subValue + '看点'}}
-					</view>
-				</view>
-			</view>
+<template>
+	<view class="body">
+		<!-- <status-title :showBack="true">消费记录</status-title> -->
+		<z-paging class="flex-1" ref="paging" v-model="dataList" @query="queryList">
+			<view v-for="(item, i) in dataList" :key="i">
+				<view class="flex m-20 pd-20" style="background-color:white;border-radius:10rpx;">
+					<image style="margin: auto 10rpx;width: 60rpx;height: 60rpx;" src="../../static/ic_shop.png">
+					</image>
+					<view class="flex1 ml-10">
+						<view class="mt-10" style="font-size: 28rpx;color: black;">{{item.remark}}
+						</view>
+						<view class="mt-10" style="font-size: 26rpx;color: darkgray;">
+							{{item.time}}
+						</view>
+					</view>
+					<view style="margin:auto 10rpx auto auto;font-size: 36rpx;color: steelblue;">
+						{{ '-'+ item.subValue + '看点'}}
+					</view>
+				</view>
+			</view>
 		</z-paging>
 		<view class="box-wrap" @click="handleKefu">
 			<image src="../../static/ic_service.png"></image>
-			<text>客服时间：</text>
-			<text>每天9:00-18:00</text>
+			<text>客服时间</text>
+			<text>工作日9:00-18:00</text>
 		</view>
-		<kefu-popup :show="showKefuPop" @close="showKefuPop = false" />
-	</view>
-</template>
-<script>
-	import common from '@/mixins/common';
-
-	import {
-		formateTime
-	} from "@/utils/utils.js"
-
-	export default {
-		name: 'useDotRecord',
-		mixins: [common],
-		data() {
-			return {
+		<kefu-popup :show="showKefuPop" @close="showKefuPop = false" />
+	</view>
+</template>
+<script>
+	import common from '@/mixins/common';
+
+	import {
+		formateTime
+	} from "@/utils/utils.js"
+
+	export default {
+		name: 'useDotRecord',
+		mixins: [common],
+		data() {
+			return {
 				dataList: [],
-				showKefuPop:false
-			};
-		},
-		methods: {
-			show() {
-				if (this.$refs.paging != null) {
-					this.$refs.paging.refresh();
-				}
-			},
-			myFormateTime(time) {
-				return formateTime(time, 'yyyy-MM-dd hh:mm:ss')
-			},
-			queryList(page, size) {
-				this.post({
-					url: '/vedio/assetsRecords/sub',
-					data: {
-						page,
-						size
-					},
-					showLoading: false,
-					success: ({
-						data
-					}) => {
-						this.$refs.paging.complete(data.list);
-					}
-				});
-			},
-			handleKefu() {
-				this.showKefuPop = true
-			}
-		}
-	};
-</script>
-
-<style lang="scss">
-	.body {
-		background-color: whitesmoke;
+				showKefuPop:false
+			};
+		},
+		methods: {
+			show() {
+				if (this.$refs.paging != null) {
+					this.$refs.paging.refresh();
+				}
+			},
+			myFormateTime(time) {
+				return formateTime(time, 'yyyy-MM-dd hh:mm:ss')
+			},
+			queryList(page, size) {
+				this.post({
+					url: '/vedio/assetsRecords/sub',
+					data: {
+						page,
+						size
+					},
+					showLoading: false,
+					success: ({
+						data
+					}) => {
+						this.$refs.paging.complete(data.list);
+					}
+				});
+			},
+			handleKefu() {
+				this.showKefuPop = true
+			}
+		}
+	};
+</script>
+
+<style lang="scss">
+	.body {
+		background-color: whitesmoke;
 	}
 	.box-wrap {
 		position: absolute;
@@ -95,5 +95,5 @@
 		text {
 			color: #2c2c2c;
 		}
-	}
+	}
 </style>
\ No newline at end of file