添加解约页面

scan/pages.json

@@ -42,6 +42,14 @@
 				"navigationBarBackgroundColor": "#ffffff",
 				"navigationBarTextStyle": "black"
 			}
+		}, {
+			"path": "unsign/unsign",
+			"style": {
+				"navigationStyle": "default",
+				"navigationBarTitleText": "解约",
+				"navigationBarBackgroundColor": "#ffffff",
+				"navigationBarTextStyle": "black"
+			}
 		}]
 	}, {
 		"root": "pagesC",

scan/pagesA/unsign/unsign.vue

+<template>
+	<view class="body">
+
+		<text style="margin-left: 40rpx;margin-top: 50rpx;font-size: 36rpx;">续费管理</text>
+
+		<view class="unsign-head">
+			<view style="position: absolute;z-index: 10;width: 100%;padding-top: 30rpx;">
+				<text style="margin-left: 50rpx;font-size: 30rpx;">{{ agreementData.topText }}</text>
+				<view class="section">
+					<view>下次扣款日期</view>
+					<view>{{ agreementData.nextDay }}</view>
+				</view>
+				<view class="section">
+					<view>下次扣款金额</view>
+					<view>{{ agreementData.balance }}</view>
+				</view>
+				<view class="section">
+					<view>支付方式</view>
+					<view>微信</view>
+				</view>
+
+				<text class="unsignbutton" @click="unsign">取消自动续费</text>
+			</view>
+
+			<image :src="bgImg" mode="widthFix" style="position: absolute;width: 100%;"></image>
+		</view>
+
+	</view>
+</template>
+<script>
+	import common from '@/mixins/common';
+
+	import {
+		navigateBack,
+		message,
+		alert,
+	} from '@/utils/fun.js';
+
+	const app = getApp();
+
+	export default {
+		name: 'unsign',
+		mixins: [common],
+		data() {
+			return {
+				agreementData: {},
+				bgImg: 'https://mints-pkg.oss-cn-beijing.aliyuncs.com/pkg/img/bg_sign.png'
+			};
+		},
+		onLoad(options) {
+			this.agreementData = JSON.parse(decodeURIComponent(options.params));
+		},
+		methods: {
+			unsign() {
+				this.post({
+					url: '/vip/unSign',
+					showLoading: false,
+					success: ({
+						data
+					}) => {
+						message.notify('已取消自动签约')
+
+						setTimeout(() => {
+							navigateBack()
+						}, 1000)
+					}
+				});
+			}
+		}
+	};
+</script>
+
+<style lang="scss">
+	@import '@/scss/uni.scss';
+
+	.body {
+		background-color: whitesmoke;
+		color: #74380C;
+	}
+
+	.unsign-head {
+		margin-left: 3%;
+		margin-top: 5%;
+		width: 94%;
+		position: relative;
+
+		.section {
+			margin: 30rpx 50rpx;
+			display: flex;
+			justify-content: space-between;
+		}
+
+		.unsignbutton {
+			border: 1rpx solid #E6985D;
+			padding: 6rpx 20rpx;
+			border-radius: 3rpx;
+			text-align: center;
+			color: #763904;
+			font-size: 26rpx;
+			position: absolute;
+			right: 50rpx;
+		}
+	}
+</style>
\ No newline at end of file

scan/pagesA/vipPay/vipPay.vue

@@ -4,7 +4,7 @@
 		<scroll-view scroll-y style="height: 100%;">
 
 			<image style="width: 100%;margin-top: 10rpx;margin-bottom: 10rpx;"
-				src="https://mints-pkg.oss-cn-beijing.aliyuncs.com/pkg_scan/img/ic_vip_banner.png" mode="widthFix" />
+				src="https://mints-pkg.oss-cn-beijing.aliyuncs.com/pkg/img/bg_heli_vip.png" mode="widthFix" />
 
 			<view class="section">
 
@@ -309,13 +309,13 @@
 						that.paySuccess(largeType);
 					}
 				});
-			},
-			checkboxChange(e) {
-				if (e.detail.value.length > 0) {
-					this.checked = true
-				} else {
-					this.checked = false
-				}
+			},
+			checkboxChange(e) {
+				if (e.detail.value.length > 0) {
+					this.checked = true
+				} else {
+					this.checked = false
+				}
 			},
 			handleUnsign() {
 				if (this.agreementDto) {