hldy_xcx/pages/addstaff/successpush.vue

147 lines
3.1 KiB
Vue
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<template>
<view class="font-father">
<view class="fixed">
<image v-if="!uni.getStorageSync('isstaffchange')" class="title-photo" :src="`https://www.focusnu.com/media/directive/index/blue111.png`" />
<image v-if="uni.getStorageSync('isstaffchange')" class="title-photo" style="width: 300rpx;height: 300rpx;" :src="`https://www.focusnu.com/media/directive/index/blue222.png`" />
<view style="font-size: 35rpx;font-weight: 600;margin: 50rpx 0;">
{{ uni.getStorageSync('isstaffchange') ? '修改' : '提交' }}成功
</view>
<view class="small-title">
{{ uni.getStorageSync('isstaffchange') ? '尊敬的用户,您好!您的个人信息已成功修改' : '尊敬的用户,您的员工入驻申请已提交成功' }}
</view>
<view class="normal">
<text>
{{ uni.getStorageSync('isstaffchange')?`新设置即刻生效`:`欢迎加入护理单元大家庭` }}
</text>
</view>
</view>
<view class="bottom-button" @click="jumpto">
我的机构
</view>
</view>
</template>
<script setup>
import {
onLoad
} from '@dcloudio/uni-app'
import {
reactive,
ref
} from 'vue';
import {
getMessage
} from '@/api/loginApi.js'
const special = ref(false);
const jumpto = () => {
getMessage(uni.getStorageSync("openid")).then(res => {
uni.setStorageSync('tel', res.result.tel);
uni.setStorageSync('token', res.result.token);
uni.setStorageSync('serverUrl', res.result.serverUrl);
uni.setStorageSync('platId', res.result.platId);
uni.setStorageSync('izJg', res.result.izJg);
uni.setStorageSync('izJs', res.result.izJs);
uni.setStorageSync('izYg', res.result.izYg);
uni.reLaunch({
url: `/pages/yuangongindex/index`
});
})
}
onLoad(() => {
})
</script>
<style lang="scss" scoped>
.font-father {
width: 100%;
min-height: 100vh;
padding: 0 30rpx;
display: flex;
align-items: center;
flex-direction: column;
position: relative;
background-color: rgb(239, 239, 239);
.font-title {
margin-top: 0rpx;
margin-bottom: 30rpx;
font-weight: 600;
font-size: 30rpx;
display: flex;
flex-direction: column;
font-size: 80rpx;
}
.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 left, #00C9FF, #0076FF);
color: #fff;
font-size: 33rpx;
display: flex;
justify-content: center;
align-items: center;
z-index: 3;
}
}
.title-img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100vh;
z-index: -1;
}
.fixed {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 2;
padding: 0 70rpx;
display: flex;
flex-direction: column;
align-items: center;
}
.small-title {
margin-bottom: 10rpx;
font-size: 28rpx;
}
.normal {
padding: 0 70rpx;
font-size: 28rpx;
margin-bottom: 20rpx;
display: flex;
align-items: center;
line-height: 50rpx;
text-align: center
}
.title-photo {
margin-top: 300rpx;
width: 120rpx;
height: 120rpx;
z-index: 1;
}
</style>