149 lines
3.2 KiB
Vue
149 lines
3.2 KiB
Vue
<template>
|
||
<div class="container">
|
||
|
||
<!-- <view class="white-content"> -->
|
||
<image style="width: 200rpx;height:200rpx" :src="isjianhu?`https://www.focusnu.com/media/directive/index/jumpImge/jianhu.png`: `https://www.focusnu.com/media/directive/index/jumpImge/addold.png`" />
|
||
<view style="font-size: 35rpx;font-weight: 600;margin: 30rpx 0;">
|
||
提交成功
|
||
</view>
|
||
<view class="white-font">
|
||
<text v-if="isjianhu">
|
||
{{ ischange ?
|
||
"尊敬的用户，您已成功提交监护人信息变更申请。我们将尽快处理，请耐心等待审核结果！"
|
||
:
|
||
" " }}
|
||
</text>
|
||
<text v-else>
|
||
{{ ischange ?
|
||
"尊敬的用户，您已成功提交长者信息变更申请。我们将尽快处理，请耐心等待审核结果！"
|
||
:
|
||
"尊敬的用户，您已成功添加长者信息，欢迎随时安排长者入住！" }}
|
||
</text>
|
||
</view>
|
||
<view class="bottom-font">
|
||
<!-- <text style="color: #068DFF;">{{ seconds }}秒后</text>自动跳转到长者端 ... -->
|
||
|
||
</view>
|
||
<!-- </view> -->
|
||
<view class="bottom-button" @click="goToBack">
|
||
返回首页
|
||
</view>
|
||
|
||
</div>
|
||
</template>
|
||
|
||
<script setup>
|
||
import {
|
||
ref,
|
||
reactive
|
||
} from 'vue'
|
||
import {
|
||
onLoad,
|
||
onUnload
|
||
} from '@dcloudio/uni-app';
|
||
|
||
// const seconds = ref(6)
|
||
|
||
const goBack = () => {
|
||
uni.navigateBack()
|
||
}
|
||
|
||
let timer = null
|
||
const ischange = ref(false)
|
||
const isjianhu = ref(false)
|
||
onLoad((element) => {
|
||
// 保证每次进页面都从 6 开始
|
||
// seconds.value = 6
|
||
// console.log("????",element)
|
||
if(element.type){
|
||
ischange.value = true
|
||
}
|
||
if(element.jianhu){
|
||
isjianhu.value = true;
|
||
}
|
||
// 每 1 秒减 1，减到 0 清理计时器（不做其他动作）
|
||
// timer = setInterval(() => {
|
||
// if (seconds.value > 0) {
|
||
// seconds.value -= 1
|
||
// } else {
|
||
// clearInterval(timer)
|
||
// timer = null;
|
||
// goToBack()
|
||
// }
|
||
// }, 1000)
|
||
})
|
||
|
||
// 页面卸载时清理（防止内存泄漏）
|
||
onUnload(() => {
|
||
// if (timer) {
|
||
// clearInterval(timer)
|
||
// timer = null
|
||
// }
|
||
})
|
||
const goToBack = () => {
|
||
uni.reLaunch({
|
||
url: '/pages/oldmanindex/index'
|
||
})
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss" scoped>
|
||
.container {
|
||
display: flex;
|
||
flex-direction: column;
|
||
min-height: 100vh;
|
||
width: 100%;
|
||
background-color: #F7F7F7;
|
||
justify-content: center;
|
||
align-items: center;
|
||
|
||
.white-content {
|
||
width: 70%;
|
||
height: 600rpx;
|
||
border-radius: 50rpx;
|
||
background-color: #fff;
|
||
display: flex;
|
||
flex-direction: column;
|
||
justify-content: center;
|
||
align-items: center;
|
||
margin-top: -50rpx;
|
||
position: relative;
|
||
|
||
|
||
|
||
.bottom-font {
|
||
position: absolute;
|
||
bottom: 100rpx;
|
||
left: 0;
|
||
width: 100%;
|
||
font-size: 28rpx;
|
||
color: #666666;
|
||
}
|
||
}
|
||
}
|
||
.white-font {
|
||
margin-bottom: 10rpx;
|
||
font-size: 28rpx;
|
||
width: 80%;
|
||
text-indent: 53rpx;
|
||
}
|
||
.bottom-button {
|
||
position: absolute;
|
||
left: 50%;
|
||
transform: translateX(-50%);
|
||
bottom: 0rpx;
|
||
margin-top: 80rpx;
|
||
margin-bottom: 90rpx;
|
||
width: 80%;
|
||
height: 90rpx;
|
||
border-radius: 35rpx;
|
||
background: linear-gradient(to bottom, #e7f4ff, #c5e5ff);
|
||
border: 2rpx solid #9AD1FF;
|
||
color: #007CFF;
|
||
font-size: 33rpx;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
z-index: 3;
|
||
}
|
||
</style> |