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>
|