<template>
	<view class="pages">
		<view class="success-box">
			<view class="success-tit">质保单领取成功</view>
			<view class="success-code">
				<image></image>
			</view>
			<view class="success-tips">车主可用微信扫此二维码查看质保单详情</view>
		</view>
		<view class="buttons">
			<u-button type="primary" @click="saveForm">保存二维码并查看质保信息</u-button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				detail: null
			}
		},
		onLoad() {
			this.detail = this.$store.state.vuex_uuidTempData
		},
		methods: {
			// 保存二维码到相册并打开详情页面
			saveForm(){
				uni.redirectTo({
					url: "/pagesA/qualityPolicy/orderDetail"
				})
			}
		}
	}
</script>

<style lang="less">
.pages{
	height: 100vh;
	background: #fff;
	.success-box{
		text-align: center;
		display: flex;
		flex-direction: column;
		justify-content: center;
		margin-top: 10vh;
		.success-tit{
			font-weight: bold;
			color: #4CAF50;
			font-size: 1rem;
		}
		.success-code{
			padding: 2rem;
			image{
				width: 10rem;
				height: 10rem;
			}
		}
		.success-tips{
			color: #fd920e;
		}
	}
	.buttons{
		position: fixed;
		bottom: 0;
		left: 0;
		padding: 1rem 3rem 3rem;
		background: #fff;
		width: 100%;
	}
}
</style>
