359 lines
8.1 KiB
Vue
359 lines
8.1 KiB
Vue
<template>
|
||
<view class="font-father">
|
||
<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>
|
||
</view>
|
||
</view>
|
||
<view class="fixed" v-if="!no">
|
||
|
||
<image class="title-img"
|
||
:src="`https://www.focusnu.com/media/directive/login/introduce/selectbgc.png`" />
|
||
<view class="font-title">
|
||
<view style="display: flex;">
|
||
<text>尊敬的用户，您的手机</text><text style="color: #259AFB;">{{ maskPhone(phonenumber) }}</text>
|
||
</view>
|
||
|
||
<view class="big-font">
|
||
已成功绑定
|
||
</view>
|
||
<view class="">
|
||
欢迎加入护理单元大家庭!
|
||
</view>
|
||
</view>
|
||
<!-- <view class="font-title" v-if="!phonenumber">
|
||
尊敬的用户，您的机构{{ special?`变更信息申请`:`加盟申请` }}已成功提交，请耐心等待审核结果，期待您早日加入护理单元大家庭！
|
||
</view> -->
|
||
<view style="width: 100%;">
|
||
<view class="bottom-button" @click="jumpto">
|
||
进入机构
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<view class="white-father-spec" :style="no ? {marginTop:`0rpx`}:{}">
|
||
<image class="white-imge-spec" src="https://www.focusnu.com/media/directive/login/introduce/oldman.png" />
|
||
<view class="weight-font">
|
||
长者入住
|
||
</view>
|
||
</view>
|
||
<view>
|
||
<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>
|
||
</view>
|
||
<image class="white-right"
|
||
:src="`https://www.focusnu.com/media/directive/login/introduce/${index}.png`" />
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
|
||
<view class="white-father">
|
||
<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>
|
||
|
||
<view class="white-father" style="margin-bottom: 50rpx;">
|
||
<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 = () => {
|
||
// console.log("???")
|
||
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);
|
||
uni.setStorageSync('platId', res.result.platId);
|
||
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`
|
||
// });
|
||
}
|
||
const no = ref(false);
|
||
// const special = ref(false);
|
||
function maskPhone(phone) {
|
||
return phone.replace(/^(\d{3})\d{4}(\d{4})$/, '$1****$2');
|
||
}
|
||
const goBack = () => {
|
||
uni.navigateBack()
|
||
}
|
||
|
||
onLoad((options) => {
|
||
// console.log("????",options)
|
||
if (!options.type) {
|
||
phonenumber.value = uni.getStorageSync('tel')
|
||
}
|
||
if (options.no) {
|
||
no.value = true
|
||
}
|
||
// if(options.special==`true`){
|
||
// special.value = true
|
||
// }
|
||
})
|
||
</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;
|
||
margin-top: 550rpx;
|
||
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 {
|
||
margin-top: 30rpx;
|
||
margin-bottom: 20rpx;
|
||
width: 250rpx;
|
||
margin-left: 30rpx;
|
||
height: 80rpx;
|
||
border-radius: 32rpx;
|
||
background: linear-gradient(to left, #00C9FF, #0076FF);
|
||
color: #fff;
|
||
font-size: 32rpx;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
z-index: 3;
|
||
}
|
||
}
|
||
|
||
.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;
|
||
z-index: -1;
|
||
}
|
||
.big-font{
|
||
font-size: 70rpx;
|
||
color: black;
|
||
margin: 10rpx 0;
|
||
}
|
||
.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 {
|
||
width: 45rpx;
|
||
height: 40rpx;
|
||
margin-left: 40rpx;
|
||
margin-right: 15rpx;
|
||
}
|
||
}
|
||
}
|
||
</style> |