hldy_xcx/pages/login/special.vue

359 lines
8.1 KiB
Vue
Raw Normal View History

2025-06-27 08:56:14 +08:00
<template>
<view class="font-father">
2025-06-30 17:33:35 +08:00
<view class="title-back" v-if="no">
<view class="left-father" @click="goBack">
<image class="back-img" src="https://www.focusnu.com/media/directive/index/left.png" />
<view style="font-size: 30rpx;">宣传页</view>
2025-06-27 08:56:14 +08:00
</view>
2025-06-30 17:33:35 +08:00
</view>
<view class="fixed" v-if="!no">
<image class="title-img"
:src="`https://www.focusnu.com/media/directive/login/introduce/selectbgc.png`" />
2025-07-03 17:27:42 +08:00
<view class="font-title">
2025-06-30 17:33:35 +08:00
<view style="display: flex;">
<text>尊敬的用户您的手机</text><text style="color: #259AFB;">{{ maskPhone(phonenumber) }}</text>
</view>
2025-07-03 17:27:42 +08:00
2025-06-30 17:33:35 +08:00
<view class="big-font">
已成功绑定
</view>
<view class="">
欢迎加入护理单元大家庭!
</view>
2025-06-27 08:56:14 +08:00
</view>
2025-07-03 17:27:42 +08:00
<!-- <view class="font-title" v-if="!phonenumber">
2025-06-30 17:33:35 +08:00
尊敬的用户您的机构{{ special?`变更信息申请`:`加盟申请` }}已成功提交请耐心等待审核结果期待您早日加入护理单元大家庭
2025-07-03 17:27:42 +08:00
</view> -->
2025-06-30 17:33:35 +08:00
<view style="width: 100%;">
<view class="bottom-button" @click="jumpto">
2025-07-03 17:27:42 +08:00
进入机构
2025-06-30 17:33:35 +08:00
</view>
2025-06-27 08:56:14 +08:00
</view>
</view>
2025-06-30 17:33:35 +08:00
2025-07-03 17:27:42 +08:00
<view class="white-father-spec" :style="no ? {marginTop:`0rpx`}:{}">
2025-06-27 08:56:14 +08:00
<image class="white-imge-spec" src="https://www.focusnu.com/media/directive/login/introduce/oldman.png" />
<view class="weight-font">
长者入住
</view>
</view>
2025-07-03 17:27:42 +08:00
<view>
2025-06-30 17:33:35 +08:00
<view v-for="(item,index) in cardarray" :key="index" style="width: 100%;">
<view class="white-card">
<view class="white-left">
<view class="white-title">
{{item.title}}
</view>
<view class="white-text">
{{item.content}}
</view>
2025-06-27 08:56:14 +08:00
</view>
2025-06-30 17:33:35 +08:00
<image class="white-right"
:src="`https://www.focusnu.com/media/directive/login/introduce/${index}.png`" />
2025-06-27 08:56:14 +08:00
</view>
</view>
</view>
2025-06-30 17:33:35 +08:00
2025-06-27 08:56:14 +08:00
2025-07-03 17:27:42 +08:00
<view class="white-father">
2025-06-27 08:56:14 +08:00
<image class="white-imge" src="https://www.focusnu.com/media/directive/login/introduce/nurse.png" />
<view class="weight-font">
员工入驻
</view>
<view class="gray-font">
入驻护理单元遵循标准护理流程提供长者床旁照护用专业技能与人文关怀共同守护长者健康依托物联设备优化服务流程依托员工培训提升照护能力确保服务精准高效
</view>
</view>
2025-07-03 17:27:42 +08:00
<view class="white-father" style="margin-bottom: 50rpx;">
2025-06-27 08:56:14 +08:00
<image class="white-imge" src="https://www.focusnu.com/media/directive/login/introduce/jigou.png" />
<view class="weight-font">
机构加盟
</view>
<view class="gray-font">
加盟护理单元坐拥成熟运营体系精简人力配置降低运营成本优质资源共享多重优势协同发力全方位拓宽利润空间助力占领银发赛道
</view>
</view>
</view>
</template>
<script setup>
import {
onLoad
} from '@dcloudio/uni-app'
import {
reactive,
ref
} from 'vue';
import {
// getOpenid,
getMessage
} from '@/api/loginApi.js'
const cardarray = [{
title: "日常照料:专业规范,细致周全",
content: "提供专业日常、饮食、清洁、睡眠、排泄等照料服务,长者舒适安心。"
},
{
title: " 健康监测:实时监测、精准应对",
content: "7*24小时生命体征监测专业方案提前防控健康风险提早化解。"
},
{
title: " 医护照料:多专联合,专业护航",
content: "医疗、护理团队协同合作,守护长者身体安康。"
},
{
title: "康复护理:科学规划,有效复健",
content: "量身定制护理流程,科学手段实施精准干预,为长者健康保驾护航。"
},
{
title: "贴心关怀:温暖陪伴、心灵慰藉",
content: "护理员床前陪伴、耐心疏导,让长者感受家的温暖与关怀。"
},
]
const phonenumber = ref("");
const jumpto = () => {
2025-07-03 17:27:42 +08:00
// console.log("???")
2025-06-27 08:56:14 +08:00
getMessage(uni.getStorageSync("openid")).then(res => {
if (!res.result.tel) {
uni.redirectTo({
url: `/pages/login/index`
});
} else {
uni.setStorageSync('tel', res.result.tel);
uni.setStorageSync('token', res.result.token);
uni.setStorageSync('serverUrl', res.result.serverUrl);
2025-06-30 17:33:35 +08:00
uni.setStorageSync('platId', res.result.platId);
2025-06-27 08:56:14 +08:00
uni.setStorageSync('izJg', res.result.izJg);
uni.setStorageSync('izJs', res.result.izJs);
uni.setStorageSync('izYg', res.result.izYg);
switch (res.result.advisoryType) {
case `1`:
uni.redirectTo({
url: `/pages/login/threeselectone`
});
break;
case `2`:
break;
case `3`:
uni.redirectTo({
url: `/pages/index/index`
});
break;
default:
uni.redirectTo({
url: `/pages/login/threeselectone`
});
}
}
})
// uni.redirectTo({
// url: `/pages/login/callback`
// });
}
2025-06-30 17:33:35 +08:00
const no = ref(false);
2025-07-03 17:27:42 +08:00
// const special = ref(false);
2025-06-27 08:56:14 +08:00
function maskPhone(phone) {
return phone.replace(/^(\d{3})\d{4}(\d{4})$/, '$1****$2');
}
2025-06-30 17:33:35 +08:00
const goBack = () => {
uni.navigateBack()
}
2025-06-27 08:56:14 +08:00
onLoad((options) => {
2025-07-03 17:27:42 +08:00
// console.log("????",options)
2025-06-27 08:56:14 +08:00
if (!options.type) {
phonenumber.value = uni.getStorageSync('tel')
}
2025-06-30 17:33:35 +08:00
if (options.no) {
no.value = true
}
2025-07-03 17:27:42 +08:00
// if(options.special==`true`){
// special.value = true
// }
2025-06-27 08:56:14 +08:00
})
</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);
.white-father-spec {
width: 100%;
background-color: #fff;
border-radius: 40rpx;
2025-06-30 17:33:35 +08:00
margin-top: 550rpx;
2025-06-27 08:56:14 +08:00
position: relative;
// padding: 10rpx 2%;
.white-imge-spec {
width: 100%;
margin: 0 auto;
height: 200rpx;
margin-top: 7rpx;
}
.weight-font {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 60rpx;
font-size: 35rpx;
font-weight: 600;
// margin-top: 30rpx;
// margin-bottom: 30rpx;
}
.gray-font {
color: #999999;
margin-top: 30rpx;
}
}
.white-father {
width: 100%;
background-color: #fff;
border-radius: 40rpx;
margin-top: 30rpx;
padding: 30rpx 30rpx;
.white-imge {
width: 635rpx;
margin: 0 auto;
height: 200rpx;
}
.weight-font {
// margin-left: 7%;
font-size: 35rpx;
font-weight: 600;
margin-top: 30rpx;
// margin-bottom: 30rpx;
}
.gray-font {
color: #999999;
margin-top: 30rpx;
}
}
.font-title {
margin-top: 200rpx;
margin-bottom: 0rpx;
font-weight: 600;
font-size: 32rpx;
padding: 0 30rpx;
display: flex;
flex-direction: column;
width: 100%;
}
.bottom-button {
2025-06-30 17:33:35 +08:00
margin-top: 30rpx;
margin-bottom: 20rpx;
2025-06-27 08:56:14 +08:00
width: 250rpx;
margin-left: 30rpx;
height: 80rpx;
2025-06-30 17:33:35 +08:00
border-radius: 32rpx;
2025-06-27 08:56:14 +08:00
background: linear-gradient(to left, #00C9FF, #0076FF);
color: #fff;
2025-06-30 17:33:35 +08:00
font-size: 32rpx;
2025-06-27 08:56:14 +08:00
display: flex;
justify-content: center;
align-items: center;
2025-06-30 17:33:35 +08:00
z-index: 3;
2025-06-27 08:56:14 +08:00
}
}
.white-card {
width: 100%;
height: 230rpx;
background-color: #fff;
margin-top: 25rpx;
border-radius: 30rpx;
// box-shadow: 0 0 6rpx rgba(0, 0, 0, 0.4);
display: flex;
align-items: center;
.white-left {
width: 80%;
padding-left: 8%;
// padding-left: 60rpx;
.white-title {
font-size: 30rpx;
font-weight: 600;
margin-bottom: 20rpx;
}
.white-text {
color: #999999;
flex-wrap: wrap;
}
}
.white-right {
// width: 12%;
margin-left: 2%;
width: 85rpx;
height: 85rpx;
}
}
.title-img{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 600rpx;
2025-06-30 17:33:35 +08:00
z-index: -1;
2025-06-27 08:56:14 +08:00
}
.big-font{
font-size: 70rpx;
color: black;
margin: 10rpx 0;
}
2025-06-30 17:33:35 +08:00
.fixed{
position: fixed;
top: 0;
left: 0;
background-color: #fff;
width: 100%;
z-index: 2;
}
.title-back {
margin-top: 100rpx;
width: 100%;
height: 100rpx;
display: flex;
justify-content: space-between;
align-items: center;
.left-father {
display: flex;
align-items: center;
z-index: 999;
.back-img {
2025-07-03 17:27:42 +08:00
width: 45rpx;
2025-06-30 17:33:35 +08:00
height: 40rpx;
margin-left: 40rpx;
margin-right: 15rpx;
}
}
}
2025-06-27 08:56:14 +08:00
</style>