<template>
<view>
<view style="overflow: hidden;margin-top: 30rpx;padding: 30rpx;">
<image src="../../static/leftReturn.jpg" @click="goBack" style="width: 100rpx;height: 70rpx;float: left;"
mode="widthFix" />
<image src="../../static/file.jpg" style="width: 100rpx;height: 70rpx;float: right;" mode="widthFix" />
</view>
<view style="width: 95%;margin: 20rpx;">
<image :src="imageUrl+formImage.localThumbImagePath" style="width: 100%;height: 800rpx;border-radius: 20rpx;" />
<u-line-progress active-color="#2979ff" :percent="progress"></u-line-progress>
</view>
</view>
</template>
<script>
import {
taskIdService
} from '@/service/chuanzuoService.js'
export default {
onLoad() {
this.imageUrl = this.$envUrl
this.textPainting()
},
data() {
return {
formImage: {},
imageUrl: '',
progress: 0
}
},
methods: {
goBack() {
uni.reLaunch({
url: '/pages/chuangzuo/chuangzuo'
})
},
async textPainting() {
let FormData = {
taskId: uni.getStorageSync("taskId")
}
let that = this
console.log(FormData)
const res = await taskIdService(`/painting/query?taskId=${FormData.taskId}`, "GET")
let one = setInterval(() => {
that.progress += 2
if (that.progress > 98) {
that.progress = 99
clearInterval(one)
}
}, 300)
if (res.localImagePath == null) {
let time = setInterval(async () => {
// console.log(res, 'res')
const qql = await taskIdService(`/painting/query?taskId=${FormData.taskId}`, "GET")
// console.log(qql, 'qqlqql')
if (qql.localImagePath != null) {
// console.log(qql, 'qql')
that.formImage = qql
setTimeout(() => {
that.progress = 100
}, 1000)
clearInterval(time)
}
}, 300)
} else {
that.formImage = res
}
},
}
}
</script>
<style lang="scss">
page {
background-color: #161415;
}
</style>
通过setInterval和setTimeout进行延时 加载