400 lines
8.1 KiB
Vue
400 lines
8.1 KiB
Vue
<template>
|
||
<view class="login-container">
|
||
<image class="photo-imge" src="https://www.focusnu.com/media/directive/index/indexgif.gif" mode="widthFix"
|
||
lazy-load="false" />
|
||
<view class="card" style="margin-top: 550rpx;" @click="oldmanhowtojump">
|
||
<view class="card-left">
|
||
<view class="card-weight">
|
||
长者入住
|
||
</view>
|
||
<view class="card-text">
|
||
护理单元日常护理涵盖生活照料、健康监测、康复护理及心理关怀，为长者提供贴心照护服务。
|
||
</view>
|
||
<view style="display: flex;">
|
||
<view class="white-button" v-if="op0==`1`">
|
||
长者进入
|
||
</view>
|
||
<view class="white-button" v-if="op0!=`1`">
|
||
申请入住
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="card-right">
|
||
<image class="right-imge" src="https://www.focusnu.com/media/directive/login/old.png" />
|
||
</view>
|
||
|
||
</view>
|
||
<view class="card" @click="yuangonghowtojump">
|
||
<view class="card-left">
|
||
<view class="card-weight">
|
||
员工入驻
|
||
</view>
|
||
<view class="card-text">
|
||
护理员严格按标准流程，定时为失能长者开展床旁照护，用专业与温情守护长者生活与健康。
|
||
</view>
|
||
<view style="display: flex;">
|
||
<view class="white-button" v-if="op1==`1`">
|
||
员工进入
|
||
</view>
|
||
<view class="white-button" v-if="op1!=`1`">
|
||
申请入驻
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="card-right">
|
||
<image class="right-imge" src="https://www.focusnu.com/media/directive/login/yuangong.png" />
|
||
</view>
|
||
</view>
|
||
<view class="card" style="height: 340rpx;" @click="jigouhowtojump">
|
||
<view class="card-left">
|
||
<view class="card-weight">
|
||
机构加盟
|
||
</view>
|
||
<view class="card-text">
|
||
加盟我们，共享银发经济红利！依托成熟运营体系，标准化服务流程降低人力成本及管理开支，背靠品牌资源，助力企业快速实现营收增长。
|
||
</view>
|
||
<view style="display: flex;">
|
||
<view class="white-button" v-if="op2==`1`">
|
||
进入机构
|
||
</view>
|
||
<view class="white-button" v-if="op2!=`1`">
|
||
申请加盟
|
||
</view>
|
||
</view>
|
||
|
||
</view>
|
||
<view class="card-right">
|
||
<image class="right-imge" src="https://www.focusnu.com/media/directive/login/gongsi.png"
|
||
@click="ceshi" />
|
||
</view>
|
||
</view>
|
||
<view class="blue-button" @click="close">
|
||
关闭
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script setup>
|
||
import {
|
||
reactive,
|
||
ref
|
||
} from 'vue';
|
||
import {
|
||
onLoad
|
||
} from '@dcloudio/uni-app';
|
||
import { changePerson } from '@/api/loginApi.js'
|
||
|
||
const itemTarget = ref(0);
|
||
const fontArray = ["护理院日常护理涵盖生活照料、健康监测、康复护理及心理关怀，为长者提供贴心照护。", "护理员日常为长者提供饮食起居照料、协助康复训练监测健康状况，陪伴交流并做好环境清洁。",
|
||
"护理员日常为长者提供饮食起居照料、协助康复训练监测健康状况，陪伴交流并做好环境清洁。"
|
||
]
|
||
|
||
const changePhoto = (index) => {
|
||
itemTarget.value = index;
|
||
}
|
||
const goBack = () => {
|
||
uni.navigateBack()
|
||
}
|
||
const ceshi = () => {
|
||
uni.navigateTo({
|
||
url: `/pages/login/xuanchuan`
|
||
});
|
||
}
|
||
const tobestaff = () =>{
|
||
//表单ID
|
||
uni.setStorageSync('specicalid', "");
|
||
//表单详情
|
||
uni.setStorageSync("baddata", "")
|
||
//表单缓存
|
||
uni.setStorageSync("backhuancun", {})
|
||
uni.navigateTo({
|
||
url: `/pages/addstaff/information`
|
||
});
|
||
}
|
||
const oldmanhowtojump = () => {
|
||
if(op0.value==`1`){
|
||
changePerson(1).then(res=>{
|
||
if(res.success){
|
||
uni.reLaunch({
|
||
url: `/pages/oldmanindex/index`
|
||
});
|
||
}
|
||
})
|
||
|
||
}else{
|
||
tobeold()
|
||
}
|
||
}
|
||
const tobeold = () => {
|
||
//表单ID
|
||
uni.setStorageSync('specicalid', "");
|
||
//表单详情
|
||
uni.setStorageSync("baddata", "")
|
||
//表单缓存
|
||
uni.setStorageSync("backhuancun", {})
|
||
uni.navigateTo({
|
||
url: `/pages/addoldman/IDcard`
|
||
});
|
||
}
|
||
const yuangonghowtojump = () => {
|
||
if(op1.value==`1`){
|
||
changePerson(2).then(res=>{
|
||
if(res.success){
|
||
jumpToYuangongindex()
|
||
}
|
||
})
|
||
|
||
}else{
|
||
tobestaff()
|
||
}
|
||
}
|
||
const jumpToYuangongindex = () => {
|
||
uni.reLaunch({
|
||
url: `/pages/yuangongindex/index`
|
||
});
|
||
}
|
||
const jigouhowtojump = () => {
|
||
if(op2.value==`1`){
|
||
changePerson(3).then(res=>{
|
||
if(res.success){
|
||
jumpToindex()
|
||
}
|
||
})
|
||
|
||
}else{
|
||
gotoadd()
|
||
}
|
||
}
|
||
const jumpToindex = () => {
|
||
uni.navigateTo({
|
||
url: `/pages/index/index`
|
||
});
|
||
}
|
||
const gotowork = (number) => {
|
||
uni.navigateTo({
|
||
url: `/pages/login/workjoin?type=${number}`
|
||
});
|
||
}
|
||
const gotoadd = () => {
|
||
uni.setStorageSync('specicalid', "");
|
||
uni.setStorageSync("baddata", "")
|
||
uni.setStorageSync("backhuancun", {})
|
||
uni.navigateTo({
|
||
url: `/pages/addjigou/name`
|
||
});
|
||
}
|
||
const close = () => {
|
||
uni.exitMiniProgram({});
|
||
}
|
||
const phone = ref("")
|
||
const op0 = ref(0);
|
||
const op1 = ref(0);
|
||
const op2 = ref(0);
|
||
onLoad(() => {
|
||
phone.value = uni.getStorageSync('tel');
|
||
op0.value = 1;
|
||
op1.value = 1;
|
||
op2.value = 1;
|
||
})
|
||
</script>
|
||
|
||
<style lang="scss" scoped>
|
||
.login-container {
|
||
display: flex;
|
||
flex-direction: column;
|
||
min-height: 100vh;
|
||
width: 100%;
|
||
background-color: rgb(239, 241, 252);
|
||
position: relative;
|
||
|
||
.title {
|
||
margin-top: 180rpx;
|
||
align-items: center;
|
||
|
||
.title-imge {
|
||
width: 100rpx;
|
||
height: 105rpx;
|
||
margin-left: 100rpx;
|
||
}
|
||
|
||
.title-font {
|
||
font-size: 35rpx;
|
||
font-weight: 600;
|
||
margin-left: 105rpx;
|
||
margin-top: 10rpx;
|
||
}
|
||
}
|
||
|
||
.photo-imge {
|
||
position: absolute;
|
||
top: 0rpx;
|
||
left: 0;
|
||
width: 100%;
|
||
height: 1100rpx;
|
||
|
||
}
|
||
|
||
.old-imge {
|
||
position: absolute;
|
||
right: 30rpx;
|
||
top: 400rpx;
|
||
width: 400rpx;
|
||
height: 400rpx;
|
||
}
|
||
|
||
.under-container {
|
||
position: fixed;
|
||
left: 0;
|
||
bottom: 0;
|
||
width: 100%;
|
||
height: 63vh;
|
||
background-color: #fff;
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
justify-content: center;
|
||
}
|
||
}
|
||
|
||
.font-father {
|
||
width: 100%;
|
||
color: #666666;
|
||
justify-content: center;
|
||
display: flex;
|
||
|
||
.font {
|
||
width: 60%;
|
||
}
|
||
}
|
||
|
||
.button-father {
|
||
width: 100%;
|
||
margin-top: 80rpx;
|
||
display: flex;
|
||
justify-content: center;
|
||
|
||
.button-blue {
|
||
width: 40%;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
height: 100rpx;
|
||
border-radius: 43rpx;
|
||
background: linear-gradient(to right, #00C9FF, #0076FF);
|
||
color: #fff;
|
||
font-size: 33rpx;
|
||
margin-bottom: 30rpx;
|
||
}
|
||
}
|
||
|
||
.card-title {
|
||
z-index: 1;
|
||
margin-top: 600rpx;
|
||
width: 92%;
|
||
margin-left: 4%;
|
||
height: 100rpx;
|
||
border-radius: 35rpx;
|
||
background-color: #fff;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
font-size: 26rpx;
|
||
}
|
||
|
||
.card {
|
||
z-index: 1;
|
||
margin-top: 30rpx;
|
||
width: 92%;
|
||
margin-left: 4%;
|
||
height: 300rpx;
|
||
border-radius: 30rpx;
|
||
background-color: #fff;
|
||
display: flex;
|
||
align-items: center;
|
||
position: relative;
|
||
|
||
.card-left {
|
||
height: 100%;
|
||
width: 80%;
|
||
padding-left: 50rpx;
|
||
padding-right: 20rpx;
|
||
|
||
.card-weight {
|
||
font-size: 32rpx;
|
||
font-weight: 600;
|
||
margin-top: 35rpx;
|
||
margin-bottom: 10rpx;
|
||
}
|
||
|
||
.card-text {
|
||
color: #999999;
|
||
font-size: 25rpx;
|
||
}
|
||
}
|
||
|
||
.card-right {
|
||
height: 100%;
|
||
width: 20%;
|
||
|
||
.right-imge {
|
||
width: 100rpx;
|
||
height: 100rpx;
|
||
margin-top: 50rpx;
|
||
margin-left: 5rpx;
|
||
}
|
||
}
|
||
}
|
||
|
||
.blue-button {
|
||
width: 80%;
|
||
margin-left: 10%;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
height: 90rpx;
|
||
border-radius: 35rpx;
|
||
background: linear-gradient(to left, #00C9FF, #0076FF);
|
||
color: #fff;
|
||
font-size: 33rpx;
|
||
margin-bottom: 90rpx;
|
||
margin-top: 40rpx;
|
||
}
|
||
|
||
.title-back {
|
||
position: absolute;
|
||
top: 100rpx;
|
||
width: 100%;
|
||
height: 100rpx;
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
z-index: 1;
|
||
}
|
||
|
||
.left-father {
|
||
display: flex;
|
||
align-items: center;
|
||
z-index: 1;
|
||
|
||
.back-img {
|
||
width: 45rpx;
|
||
height: 40rpx;
|
||
margin-left: 40rpx;
|
||
margin-right: 15rpx;
|
||
}
|
||
}
|
||
.white-button {
|
||
position: absolute;
|
||
bottom: 35rpx;
|
||
right: 35rpx;
|
||
width: 180rpx;
|
||
height: 65rpx;
|
||
margin-top: 15rpx;
|
||
background-color: #f6f6f6;
|
||
border-radius: 30rpx;
|
||
color: #333333;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
}
|
||
</style> |