112 lines
2.3 KiB
Vue
112 lines
2.3 KiB
Vue
<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>
|