<template>
	<view class="container">
		<!-- <view class="banner">
			<swiper class="swiper-banner" :indicator-dots="true" :autoplay="true" :interval="3000" :duration="1000">
				<swiper-item>
					<view class="swiper-item">
						<image src="../../static/imgs/banner-f.png"></image>
					</view>
				</swiper-item>
			</swiper>
		</view> -->
		
		<view class="resultWrap">
			<image class="resultImage" src="../../static/imgs/success.png"></image>
			<view class="resultTitleText">提交成功</view>
			<view class="resultContentText">感谢您的关注与支持！</view>
			
			<img :src="qrURL" style="width: 300upx;height: 300upx; text-align: center;margin-top: 30upx;"  />
			
		</view>
		
	</view>
</template>

<script>
	import { getAllProdunctions,getCatagoryList,getProductionList,saveMyProductionApply } from '@/common/api.js';
	import { callbackRequest, alertTip, sureAlterTip, getStorage ,setStorage} from '@/common/util.js';
	import jrQrcode from '@/components/wxqrcode/wxqrcode.js';
	export default {
		data() {
			return {
				qrURL:'',
				applyId:'',
			}
		},
		onLoad:function (option) { //option为object类型，会序列化上个页面传递的参数
			
			let self = this;
			self.applyId = option.applyId;
			self.show('http://202q58v944.iask.in/wit-rear-sj/#/pages/production/production_apply_detail?applyId='+self.applyId);
		},
		
		methods: {
			show:function(msg){
				 
				this.qrURL = jrQrcode.createQrCodeImg(msg);
				// this.refresh();
			},
		},
	}
</script>

<style lang="scss">
	
	
	.container {
		min-height: 100vh;
		overflow: hidden;
		background: #f8f8f8;
		
		.resultWrap{
			text-align: center;
		}
		
		.resultImage{
			width:128upx;
			height: 128upx;
			margin-top: 100upx;
		}
		
		.resultTitleText{
			text-align: center;
			font-size: 44upx;
			margin:64upx 0 32upx 0;
			font-weight: 600;
		}
		
		.resultContentText{
			text-align: center;
			font-size: 36upx;
		}
		
		.banner {
			margin: 30rpx;
			box-shadow: 0 0 20rpx 10rpx #e4e3e3;
			border-radius: 10rpx;
		
			image {
				width: 100%;
				height: 300rpx;
				border-radius: 10rpx;
				vertical-align: top;
			}
			
			.swiper-banner {
				height: 300upx;
					
				.swiper-item {
					line-height: 50upx;
					
					
					text {
						display: block;
						vertical-align: top;
						font-size: 26rpx;
					}
				}
			}
		}
	}
</style>
