75 lines
1.3 KiB
Vue
75 lines
1.3 KiB
Vue
<template>
|
|
<div class="closemsg">
|
|
<img :src="imgSrc" alt=""/>
|
|
<text>{{ text }}</text>
|
|
<u-button
|
|
type="primary"
|
|
:custom-style="{ width: '100%', borderRadius: '4px', marginTop: '48px' }"
|
|
@click="goBack"
|
|
>{{ btnText }}
|
|
</u-button>
|
|
<back></back>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import back from '../../components/AiBack'
|
|
|
|
export default {
|
|
name: 'CloseMsg',
|
|
components: {back},
|
|
data() {
|
|
return {
|
|
flag: true
|
|
}
|
|
},
|
|
onLoad(val) {
|
|
this.flag = val?.flag == 1
|
|
},
|
|
methods: {
|
|
goBack() {
|
|
uni.navigateBack({
|
|
delta: 2
|
|
})
|
|
}
|
|
},
|
|
computed: {
|
|
text() {
|
|
return this.flag ? '提交成功！' : '处理失败'
|
|
},
|
|
btnText() {
|
|
return this.flag ? '查看详情' : '我知道了'
|
|
},
|
|
imgSrc() {
|
|
let {$cdn, flag} = this
|
|
return `${$cdn}other/${flag ? 'kztcg' : 'kztsb'}.png`
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.closemsg {
|
|
min-height: 100%;
|
|
background-color: #ffffff;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
padding: 96px;
|
|
|
|
img {
|
|
width: 192px;
|
|
height: 192px;
|
|
}
|
|
|
|
text {
|
|
font-size: 36px;
|
|
font-weight: 800;
|
|
color: #333333;
|
|
line-height: 50px;
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
}
|
|
</style>
|