juliancheng/pages/index/agreement.vue

<template>
	<view class="main">
		<!-- <rich-text nodes=""></rich-text> -->
		<view class="margin-lr-xl" style="line-height: 60rpx;">
            <text>{{ configDatas.assessment_service }}</text>
		</view>
		<view class="bg-white padding-sm" style="position: fixed;bottom: 0;">
			<checkbox-group @change="checkboxChange">
				<label class="flex align-center justify-center">
					<checkbox :checked="show" style="transform:scale(0.8)" /><text class="margin-left-sm">我已完全阅读完成聚联诚集团相关用户协议，并同意聚联诚集团使用我的个人征信报告等资料</text>
				</label>
			</checkbox-group>
			<view class="cu-bar bg-white flex align-center justify-center">
				<view class="submit nextbtn" @click="submitorder">
					下一步
				</view>
			</view>
		</view>
		<view class="cu-tabbar-height"></view>
		<view class="cu-tabbar-height"></view>
		<view class="cu-tabbar-height"></view>
		<!-- <view class="cu-tabbar-height"></view> -->
	</view>
</template>

<script>
	export default {
		data() {
			return {
				orderinfo: {},
				show: false,
                configDatas: {}
			}
		},
		onLoad(option) {
            this.configDatas = uni.getStorageSync("configDatas")
            console.log('www=',this.configDatas)
			this.orderinfo = JSON.parse(option.data)
			console.log(this.orderinfo)
		},
		mounted() {

		},
		methods: {
			checkboxChange(e) {
				this.show = !this.show
				console.log(this.show)
			},
			async submitorder() {
				if (!this.show) {
					uni.showToast({
						title: "请先同意协议",
						icon: "none"
					})
					return false
				}
				let res = await this.$request.post('/api/order/sumbitOrder', this.orderinfo, false);
				if (res.code == 200) {
					uni.redirectTo({
						url: '/pages/mine/detail?id=' + res.data.order_id
					})
				}
				if (res.code != 200) {
					uni.showModal({
						title: '错误信息',
						content: res.message,
						showCancel: false
					});
					return;
				}
			}
		}
	}
</script>

<style scoped>
	.nextbtn {
		background-color: rgb(251, 198, 0);
		color: #fff;
		width: 600rpx;
		padding: 20rpx;
		text-align: center;
		border-radius: 50rpx;
	}
</style>