Files
dvcp_v2_wxcp_app/src/apps/AppWorkonline/Msg.vue
花有清香月有阴 0aed20e272 setNavigationBarTitle
2021-12-24 11:20:22 +08:00

69 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>
</div>
</template>
<script>
export default {
name: 'Msg',
components: {},
data() {
return {
flag: true,
}
},
onLoad(val) {
uni.setNavigationBarTitle({ title: '审批详情' })
this.flag = val?.flag == 1
},
methods: {
goBack() {
uni.navigateTo({
url: `./AppWorkonline`,
})
},
},
computed: {
text() {
return this.flag ? '提交成功!' : '提交失败'
},
btnText() {
return this.flag ? '确定' : '我知道了'
},
imgSrc() {
return this.flag ? this.$cdn + 'other/' + 'kztcg.png' : this.$cdn + 'other/' + '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>