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

24
pages.json
View File

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

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>

95
pages/detail/detail.vue
View File

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

352
pages/site/site.vue
View File

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