xinyilu/NurseStationApp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

选择时间，护理站简介，附近护理站，开启定位

Browse Source
This commit is contained in:
闫晓茹 2022-10-14 11:58:52 +08:00
parent 5320d45a36
commit 5e7b6de8a3
4 changed files with 425 additions and 280 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
pages.json
View File

@ -23,6 +23,22 @@
"enablePullDownRefresh": false,
"navigationBarBackgroundColor": "#ffffff" //背景颜色
}
},{
"path" : "pages/appointment/appointment",
"style" :
{
"navigationBarTitleText": "选择时间",
"enablePullDownRefresh": false
}
},
{
"path": "pages/detail/detail",
"style": {
"navigationBarTitleText": "护理站简介",
"enablePullDownRefresh": false,
"navigationBarBackgroundColor": "#ffffff" //背景颜色
}
}, {
"path": "pages/homepage/homepage",
"style": {
@ -39,12 +55,14 @@
}
},
{
"path": "pages/detail/detail",
"style": {
"navigationBarTitleText": "护理站简介",
"enablePullDownRefresh": false,
"navigationBarBackgroundColor": "#ffffff" //背景颜色
}
"path" : "pages/appointmenttime/appointmenttime",
"style" :
{
"navigationBarTitleText": "预约时间",
"enablePullDownRefresh": false,
"navigationBarBackgroundColor": "#ffffff" //背景颜色
}
},
{
"path": "pages/homepage/homepage",
@ -88,7 +106,7 @@
"navigationBarBackgroundColor": "#ffffff"
}
}
],
],
"globalStyle": {
"navigationBarTextStyle": "black",
"navigationBarTitleText": "",

82
pages/appointment/appointment.vue Normal file
View File

@ -0,0 +1,82 @@
<template>
<!-- <view> -->
<view class="background">
<text class="appointment">选择想要预约的时间</text>
<view class="nowtime">
<view class="time">
9月10号
</view>
<view class="time">
9月11号
</view>
<view class="time">
9月12号
</view>
<view class="time">
9月13号
</view>
</view>
</view>
<!-- </view> -->
</template>
<script>
export default {
data() {
return {
}
},
methods: {
}
}
</script>
<style>
.nowtime {
display: flex;
/* flex-direction: row; */
flex-wrap: wrap;
justify-content: space-around;
}
.background {
width: 702rpx;
height: 773rpx;
font-size: ;
background: #FFFFFF;
box-shadow: 0px 9px 31px 9px rgba(0, 0, 0, 0.03);
border-radius: 20px;
margin: 0 auto;
margin-top: 5%;
}
.appointment {
text-align: center;
width: 320rpx;
height: 34rpx;
font-size: 36rpx;
/* font-family: Adobe Heiti Std; */
font-weight: normal;
color: #000000;
line-height: 50px;
margin-left: 30%;
}
.time {
margin-top: 20rpx;
width: 290rpx;
height: 290rpx;
line-height: 290rpx;
text-align: center;
background: #4C7BC9;
border-radius: 25rpx;
margin-left: 5%;
color: white;
font-size: 50rpx;
}
</style>

223
pages/detail/detail.vue
View File

@ -1,111 +1,170 @@
<template>
<view class="CON">
<view class="concent">
<view class="background">
<view class="picture">
<image src="/static/detailed.png" mode=""></image>
<view>
<view class="detailed">
<view>护理站是以维护社区人群健康、满足社区 人群基本医疗护理需求为宗旨，以护士为核心 的各类护理人员组成的团队，在一定社区范围 内，为长期卧床老人、患者、残疾人、临终患 者和其他需要护理服务者提供基础护理、专科 护理、临终护理、消毒隔离技术指导、营养指导、社区康复指导、健康宣教和其他护理服务 的医疗机构。</view>
<image src="/static/detailed.png" mode=""></image>
<view>
<view class="detailed">
<view>护理站是以维护社区人群健康、满足社区 人群基本医疗护理需求为宗旨，以护士为核心 的各类护理人员组成的团队，在一定社区范围 内，为长期卧床老人、患者、残疾人、临终患
者和其他需要护理服务者提供基础护理、专科 护理、临终护理、消毒隔离技术指导、营养指导、社区康复指导、健康宣教和其他护理服务 的医疗机构。</view>
<view>护理站以遵医嘱的上门护理服务为主，包括生活护理和医疗护理，详情如下：</view>
</view>
</view>
</view>
</view>
</view>
<view class="concenta"></view>
</view>
</view>
</view>
</view>
<view class="concenta">
<text class="life">生活护理 </text>
<view class="lifeserve">
<image src="/static/lifeserve.png" mode=""></image>
</view>
</view>
<view class="concentb">
<text class="life">医疗护理 </text>
<view class="lifeserve">
<image src="/static/yiliaohuli.png" mode=""></image>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
}
},
methods: {
}
}
</script>
<style lang="scss">
.CON{
.CON {
// position: relative;
width: 100%;
height: 100%;
// min-height: 100vh;
background-color:: #F4F5F7 ;
// min-height: 100vh;
background-color:#F4F5F7;
padding-bottom: 20rpx;
}
.concent{
// position: absolute;
width: 701rpx;
height: 811rpx;
background: #4C7BC9;
box-shadow: 0px 9px 31px 9px rgba(0,0,0,0.03);
border-radius: 20rpx;
margin-top: 5%;
// left: 50%;
// transform: translateX(-50%);
margin: 0 auto;
margin-bottom: 20px;
}
.concenta{
margin: 0 auto;
margin-bottom: 20px;
// position: absolute;
width: 701rpx;
height: 811rpx;
background: #E1AE3C;
// margin-top: 118%;
// margin-left: 2.55%;
border-radius: 25rpx;
// margin-bottom: 30rpx;
}
.background{
position: relative;
// display: flex;
width: 657rpx;
height: 727rpx;
background: #FFFFFF;
border-radius: 25rpx;
background-color: white;
margin: 0 auto;
top: 50%;
transform: translateY(-50%);
// text-align:center;
}
.detailed{
// font-size: 29rpx;
width: 657rpx;
height: 727rpx;
padding: 0 42rpx;
line-height: 56rpx;
}
.detailed view{
// height: 100%;
text-indent: 2em;
}
.picture image{
width: 178rpx;
height: 84rpx;
background: #FFFFFF;
border-radius: 25px;
// float: right;
margin-left:68%;
margin-top: 5%;
}
.life {
// margin: 0 auto;
width: 162rpx;
height: 40rpx;
font-size: 42rpx;
margin-left: 35%;
color: #ffffff;
}
.concent {
// position: absolute;
width: 701rpx;
height: 811rpx;
background: #4C7BC9;
box-shadow: 0px 9px 31px 9px rgba(0, 0, 0, 0.03);
border-radius: 20rpx;
margin-top: 5%;
// left: 50%;
// transform: translateX(-50%);
margin: 0 auto;
margin-bottom: 20px;
}
.lifeserve image {
width: 639rpx;
height: 739rpx;
margin-left: 5%;
padding-bottom: 20rpx;
// height: rpx;
// background: #E1AE3C;
// box-shadow: 0px 9px 31px 9px rgba(0,0,0,0.03);
// border-radius: 20px;
}
.concenta {
margin: 0 auto;
margin-bottom: 20px;
// position: absolute;
width: 701rpx;
height: 811rpx;
background: #E1AE3C;
// margin-top: 118%;
// margin-left: 2.55%;
border-radius: 25rpx;
// margin-bottom: 30rpx;
}
.concentb{
margin: 0 auto;
margin-bottom: 20px;
// position: absolute;
width: 701rpx;
height: 811rpx;
background: #00C176;
// margin-top: 118%;
// margin-left: 2.55%;
border-radius: 25rpx;
// margin-bottom: 30rpx;
}
.background {
position: relative;
// display: flex;
width: 657rpx;
height: 727rpx;
background: #FFFFFF;
border-radius: 25rpx;
background-color: white;
margin: 0 auto;
top: 50%;
transform: translateY(-50%);
// text-align:center;
}
.detailed {
// font-size: 29rpx;
width: 657rpx;
height: 727rpx;
padding: 0 42rpx;
line-height: 56rpx;
}
.detailed view {
// height: 100%;
text-indent: 2em;
}
.picture image {
width: 178rpx;
height: 84rpx;
background: #FFFFFF;
border-radius: 25px;
// float: right;
margin-left: 68%;
margin-top: 5%;
}
</style>

368
pages/site/site.vue
View File

@ -1,11 +1,12 @@
<template>
<view class="concent">
<view class="nursstation" @tap='detailed()'>
<text class="what" >什么是护理站？</text>
<u-icon class="icon" name="arrow-right"></u-icon>
</view>
<view class="page-body" style="margin-top: -80rpx;">
<view class="page-section page-section-gap" >
<view class="page-body" style="margin-top: -80rpx;position: relative;">
<view class="nursetation" @tap='detailed()'>
<text class="what" >什么是护理站？</text>
<u-icon class="icon" name="arrow-right"></u-icon>
<!-- <image src="../../static/jiantou.png" mode=""></image> -->
</view>
<view class="map" >
<map style="width:100%; height:40vh;" scale="17" :latitude="latitude" :longitude="longitude"
:markers="markers"></map>
</view>
@ -15,42 +16,17 @@
<text class="nurse">济南护万家护理有限公司</text>
<text class="distance">距离您800米</text>
<view class="background">
<view class="picture">
<image src="/static/logo.png" mode=""></image>
</view>
<text class="qyttext">泉医通</text>
<text class="lianmeng">济卫护理联盟NO.1</text>
</view>
<view class="click">点击了解</view>
<!-- <view class="items"> -->
<!-- <view class="item" v-for="(item,index) in nearbylist" :key="index" @tap='godetails(item)'>
<image :src="baseurl+item.stationPictureUrl" mode=""></image>
<view class="texts">
<view class="text">
{{item.nurseStationName}}
</view>
<view class="" v-if="item.nurseStationLabelList!=null">
<view class="pepole" v-if="item.nurseStationLabelList.length!=0">
<text v-for="(uitem,uindex) in item.nurseStationLabelList" :key="uindex">
{{uitem.labelDescription}}{{' '}}
</text>
</view>
</view> -->
<!-- <view class="address">
{{item.address}}
</view>
<view class="project">
{{item.nurseStationDescription}}
</view> -->
<!-- </view>
<image class="rightimg" src="../../static/jt.png" mode=""></image>
</view> -->
<view class="click" @tap='nurse()'>点击了解</view>
</view>
<view class="masks" style="">
<view class="mask">
@ -71,115 +47,126 @@
</view>
</template>
<script>
import {
getPatientInfo
} from '@/api/details/index.js';
import {
list,
nearbyList
} from '@/api/site/index.js';
import baseurl from '@/api/baseurl.js'
// import {
// getPatientInfo
// } from '@/api/details/index.js';
// import {
// list,
// nearbyList
// } from '@/api/site/index.js';
// import baseurl from '@/api/baseurl.js'
export default {
data() {
return {
iptVal: '',
value: '',
type: 'text',
border: true,
nearbylist: [],
nurseTypeCode: '',
openid: '',
baseurl: '',
id: 0, // 使用 marker点击事件 需要填写id
title: 'map',
latitude: 36.661634,
longitude: 117.025323,
title: 'map',
markers: [],
pageNum: 1,
pageSize: 10,
// iptVal: '',
// value: '',
// type: 'text',
// border: true,
// nearbylist: [],
// nurseTypeCode: '',
// openid: '',
// baseurl: '',
// id: 0, // 使用 marker点击事件 需要填写id
// title: 'map',
// latitude: 36.661634,
// longitude: 117.025323,
// title: 'map',
// markers: [],
// pageNum: 1,
// pageSize: 10,
mask: false,
}
},
onReachBottom() {
this.pageNum++;
if (this.nurseTypeCode != undefined) {
nearbyList(this.pageSize, this.pageNum, this.longitude, this.latitude, this.nurseTypeCode, this.iptVal)
.then(res => {
if (res.total == this.nearbylist.length) {
// onReachBottom() {
// this.pageNum++;
// if (this.nurseTypeCode != undefined) {
// nearbyList(this.pageSize, this.pageNum, this.longitude, this.latitude, this.nurseTypeCode, this.iptVal)
// .then(res => {
// if (res.total == this.nearbylist.length) {
} else {
res.rows.forEach(e => {
this.nearbylist.push(e)
})
}
})
} else {
uni.request({
url: baseurl +
`/nurseApplet/nearbyNursingStation/nearbyList?pageSize=${this.pageSize}&pageNum=${this.pageNum}&homeLongitude=${this.longitude}&homeLatitude=${this.latitude}&nurseStationName=${this.iptVal}`, //仅为示例，并非真实接口地址。
success: (res) => {
if (res.data.total == this.nearbylist.length) {} else {
res.data.rows.forEach(e => {
this.nearbylist.push(e)
})
}
console.log(this.nearbylist)
}
});
}
},
// } else {
// res.rows.forEach(e => {
// this.nearbylist.push(e)
// })
// }
// })
// } else {
// uni.request({
// url: baseurl +
// `/nurseApplet/nearbyNursingStation/nearbyList?pageSize=${this.pageSize}&pageNum=${this.pageNum}&homeLongitude=${this.longitude}&homeLatitude=${this.latitude}&nurseStationName=${this.iptVal}`, //仅为示例，并非真实接口地址。
// success: (res) => {
// if (res.data.total == this.nearbylist.length) {} else {
// res.data.rows.forEach(e => {
// this.nearbylist.push(e)
// })
// }
// console.log(this.nearbylist)
// }
// });
// }
// },
watch: {
iptVal() {
this.requestinfo()
},
},
// watch: {
// iptVal() {
// this.requestinfo()
// },
// },
onShow() {},
onLoad(options) {
console.log(options)
console.log(baseurl)
this.baseurl = baseurl;
this.nurseTypeCode = options.nurseTypeCode
var that = this
uni.getStorage({
key: 'openid',
success(res) {
console.log(res)
that.openid = res.data
getPatientInfo(that.openid).then(res => {
// console.log(res)
if (res.code == 200) {
that.latitude = res.data.homeLatitude
that.longitude = res.data.homeLongitude
console.log(that.latitude, that.longitude)
if (!that.latitude) {
that.latitude = 36.661634
}
if (!that.longitude) {
that.longitude = 117.025323
}
that.markers.push({
id: 3,
latitude: res.data.homeLatitude,
longitude: res.data.homeLongitude,
width: 20,
height: 25,
iconPath: "../../static/location.png"
})
}
})
}
})
that.requestinfo()
},
// onLoad(options) {
// console.log(options)
// console.log(baseurl)
// this.baseurl = baseurl;
// this.nurseTypeCode = options.nurseTypeCode
// var that = this
// uni.getStorage({
// key: 'openid',
// success(res) {
// console.log(res)
// that.openid = res.data
// getPatientInfo(that.openid).then(res => {
// // console.log(res)
// if (res.code == 200) {
// that.latitude = res.data.homeLatitude
// that.longitude = res.data.homeLongitude
// console.log(that.latitude, that.longitude)
// if (!that.latitude) {
// that.latitude = 36.661634
// }
// if (!that.longitude) {
// that.longitude = 117.025323
// }
// that.markers.push({
// id: 3,
// latitude: res.data.homeLatitude,
// longitude: res.data.homeLongitude,
// width: 20,
// height: 25,
// iconPath: "../../static/location.png"
// })
// }
// })
// }
// })
// that.requestinfo()
// },
methods: {
detailed(){
uni.navigateTo({
url: `/pages/detail/detail`
})
},
nurse(){
uni.navigateTo({
url: `/pages/nursestation/nursestation/`
})
},
cancel() {
this.mask = false
uni.reLaunch({
url: `/pages/site/site`
})
},
},
// getsite() {
// let data={};
@ -188,41 +175,42 @@
// url: `/pages/homePage/homePage`
// })
// },
cancel() {
this.mask = false
uni.reLaunch({
url: `/pages/site/site`
})
},
requestinfo() {
if (this.nurseTypeCode != undefined) {
nearbyList(this.pageSize, this.pageNum, this.longitude, this.latitude, this.nurseTypeCode, this.iptVal)
.then(res => {
this.nearbylist = res.rows
console.log(this.nearbylist)
})
} else {
uni.request({
url: baseurl +
`/nurseApplet/nearbyNursingStation/nearbyList?pageSize=${this.pageSize}&pageNum=${this.pageNum}&homeLongitude=${this.longitude}&homeLatitude=${this.latitude}&nurseStationName=${this.iptVal}`, //仅为示例，并非真实接口地址。
success: (res) => {
console.log(res)
this.nearbylist = res.data.rows
console.log(this.nearbylist)
}
});
}
},
godetails(item) {
uni.navigateTo({
url: `/pages/details/details?id=${item.nurseStationId}`
})
},
// requestinfo() {
// if (this.nurseTypeCode != undefined) {
// nearbyList(this.pageSize, this.pageNum, this.longitude, this.latitude, this.nurseTypeCode, this.iptVal)
// .then(res => {
// this.nearbylist = res.rows
// console.log(this.nearbylist)
// })
// } else {
// uni.request({
// url: baseurl +
// `/nurseApplet/nearbyNursingStation/nearbyList?pageSize=${this.pageSize}&pageNum=${this.pageNum}&homeLongitude=${this.longitude}&homeLatitude=${this.latitude}&nurseStationName=${this.iptVal}`, //仅为示例，并非真实接口地址。
// success: (res) => {
// console.log(res)
// this.nearbylist = res.data.rows
// console.log(this.nearbylist)
// }
// });
// }
// },
// godetails(item) {
// uni.navigateTo({
// url: `/pages/details/details?id=${item.nurseStationId}`
// })
// },
}
</script>
<style lang="scss">
.map{
width: 750rpx;
height: 544rpx;
background-color: red;
}
.picture2 image {
// position: absolute;
display: block;
@ -323,6 +311,7 @@
}
.lists {
display: block;
position: relative;
margin: 0 auto;
background-color: #ffffff;
@ -330,6 +319,7 @@
height: 227.8rpx;
margin-top: -10%;
border-radius: 10rpx;
// z-index: 99999;
}
.background {
@ -371,7 +361,7 @@
.lianmeng {
display: block;
margin-left: 5%;
font-size: 9px;
font-size: 5px;
// font-family: Adobe Heiti Std;
// font-weight: normal;
color: #FFFFFF;
@ -408,16 +398,16 @@
width: 80%;
line-height: 60rpx;
position: absolute;
margin-left: 55%;
// margin-top: 5%;
// float: right;
margin-left: 85%;
margin-top: -9%;
}
.distance {
position: absolute;
float: right;
margin-top: 12%;
font-size: 27rpx;
font-size: 14rpx;
margin-left: 40%;
font-family: Adobe Heiti Std;
font-weight: normal;
@ -425,12 +415,18 @@
}
.nursstation {
position: fixed;
.nursestation image{
position: relative;
width: 16rpx;
height: 24rpx;
}
.nursetation {
position:relative;
// display: block;
// margin:0 auto;
top: 0;
top: 50px;
left: 0px;
float: left;
// background-color: white;
border: 1px solid #f0f0f0;
width: 80%;
@ -438,36 +434,26 @@
margin: 10rpx 0 10rpx 50%;
transform: translateX(-50%);
border-radius: 20rpx;
background-color: #ffffff;
z-index: 999;
// .input {
// margin: 0 auto;
// position: absolute;
// height: 50rpx;
// top: 5%;
// left: 12%;
// }
// .icon {
// background: url(@/static/sousuo.png) no-repeat;
// width: 40rpx;
// height: 40rpx;
// background-size: cover;
// position: absolute;
// top: 18%;
// left: 3%;
// }
background-color: red;
z-index: 100;
}
.what {
display: block;
// margin: 0 auto;
position: absolute;
height: 50rpx;
top: 5%;
left: 12%;
// background-color: #4486e8;
position: relative;
height: 60rpx;
width: 80%;
line-height: 60rpx;
margin-left: 5%;
// text-align: left padding: 20%;
}
</style>