洛阳学员端
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

70 lines
1.4 KiB

<template>
<view class="pageBgImg">
<topNavbar title="培训缴费电子凭证"></topNavbar>
<view class="imgBox" style="width: 100%;">
<image :src="imgLink" mode="widthFix"></image>
</view>
<view class="btnBox">
<view class="btnBg" @click="downloadImgClick">保存到手机</view>
</view>
</view>
</template>
<script>
import { getStudentVoucher } from '@/config/api.js'
import { downloadImg } from '../comp/download.js'
export default {
data() {
return {
orderId: '',
imgLink: ''
}
},
onLoad(options) {
if (options.orderId) {
this.orderId = options.orderId
this.getStudentVoucherFn()
}
},
methods: {
async getStudentVoucherFn() {
let obj = {
studentId: this.studentId,
type: 1
}
const {data: res} = await getStudentVoucher(obj)
this.imgLink = res
console.log(res)
},
downloadImgClick() {
downloadImg(this.imgLink)
}
}
}
</script>
<style lang="scss" scoped>
.imgBox {
// transform: translateY(200px);
transform: translateX(50px);
transform: rotate(90deg);
width: 100%;
image {
margin-top: 500rpx;
transform: scale(2);
}
}
.btnBox {
display: flex;
justify-content: center;
position: fixed;
bottom: 0;
left: 0;
background-color: #fff;
padding: 30rpx 0;
width: 100%;
.btnBg {
padding: 0 30rpx;
}
}
</style>