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-13 16:31:59 +08:00
parent 85eeff1483
commit 0b88c70ed5
2 changed files with 133 additions and 107 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
pages.json
View File

@ -3,16 +3,23 @@
"^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"
},
"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
{
"path" : "pages/site/site",
"style" :
{
"navigationBarTitleText": "附近护理站",
"enablePullDownRefresh": false,
"navigationBarBackgroundColor": "#ffffff"//背景颜色
}
"path": "pages/detail/detail",
"style": {
"navigationBarTitleText": "护理站简介",
"enablePullDownRefresh": false,
"navigationBarBackgroundColor": "#ffffff" //背景颜色
}
},{
"path": "pages/site/site",
"style": {
"navigationBarTitleText": "附近护理站",
"enablePullDownRefresh": false,
"navigationBarBackgroundColor": "#ffffff" //背景颜色
}
},
{
"path": "pages/homepage/homepage",
"style": {
@ -26,7 +33,7 @@
"navigationBarTitleText": "",
"enablePullDownRefresh": false
}
}, {
}, {
"path": "pages/Personal/Personal",
"style": {
"navigationBarTitleText": "个人中心",

215
pages/site/site.vue
View File

@ -1,30 +1,32 @@
<template>
<view class="concent">
<view class="nursstation">
<text class="what">什么是护理站？</text>
<u-icon class="icon" name="arrow-right"></u-icon>
<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-section page-section-gap" >
<map style="width:100%; height:40vh;" scale="17" :latitude="latitude" :longitude="longitude"
:markers="markers"></map>
</view>
</view>
<view class="lists">
<text class="nurse">济南护万家护理有限公司</text>
<text class="distance">距离您800米</text>
<view class="background">
<view class="picture">
<image src="/static/logo.png" mode=""></image>
<view class="picture">
<image src="/static/logo.png" mode=""></image>
</view>
<text class="qyttext">泉医通</text>
<text class="lianmeng">济卫护理联盟NO.1</text>
</view>
</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>
@ -40,38 +42,34 @@
</view>
</view> -->
<!-- <view class="address">
<!-- <view class="address">
{{item.address}}
</view>
<view class="project">
{{item.nurseStationDescription}}
</view> -->
<!-- </view>
<!-- </view>
<image class="rightimg" src="../../static/jt.png" mode=""></image>
</view> -->
</view>
<view class="masks" style="" >
<view class="mask">
<view class="picture2">
<image src="../../static/locatinsmall.png"></image>
</view>
<view class="title">
请打开系统定位
</view>
<view class="btns">
<view class="btn1" @tap='cancel()'>取消</view>
<view class="btn2" @tap='getsite()'>去打开</view>
</view>
</view>
<view class="masks" style="">
<view class="mask">
<view class="picture2">
<image src="../../static/locatinsmall.png"></image>
</view>
<view class="title">
请打开系统定位
</view>
<view class="btns">
<view class="btn1" @tap='cancel()'>取消</view>
<view class="btn2" @tap='getsite()'>去打开</view>
</view>
</view>
</view>
</view>
</template>
<script>
import {
getPatientInfo
@ -100,7 +98,7 @@
markers: [],
pageNum: 1,
pageSize: 10,
mask: false,
mask: false,
}
},
onReachBottom() {
@ -177,6 +175,12 @@
that.requestinfo()
},
methods: {
detailed(){
uni.navigateTo({
url: `/pages/detail/detail`
})
},
},
// getsite() {
// let data={};
// data.surl = '/pages/site/site'
@ -184,12 +188,12 @@
// url: `/pages/homePage/homePage`
// })
// },
// cancel() {
// this.mask = false
// uni.reLaunch({
// url: `/pages/site/site`
// })
// },
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)
@ -214,25 +218,21 @@
url: `/pages/details/details?id=${item.nurseStationId}`
})
},
// listinfo() {
// list().then(res => {
// // console.log(res)
// })
// },
}
}
</script>
<style lang="scss">
.picture2{
.picture2 image {
// position: absolute;
display: block;
margin: 0 auto;
width: 70rpx;
width: 86rpx;
height: 102rpx;
text-align: center;
// margin-top: 20%;
// text-align: center;
}
.masks {
border-radius: 30px;
@ -243,9 +243,10 @@
top: 0;
z-index: 999;
}
.mask {
// margin-top: 50%;
position: relative;
position: relative;
width: 520rpx;
height: 348rpx;
background-color: #ffffff;
@ -253,6 +254,7 @@
position: relative;
border-radius: 30rpx;
}
.title {
width: 254rpx;
height: 35rpx;
@ -275,6 +277,7 @@
// text-align: center;
// /* line-height: 80rpx; */
}
.text {
margin-top: 30rpx;
font-size: 30rpx;
@ -282,38 +285,44 @@
text-align: left;
/* padding-top: 40rpx; */
text-align: center;
}
.btn1 {
height: 62rpx;
line-height: 62rpx;
text-align: center;
// border-top: 1px solid #eeeeee;
// border-right: 1px solid #eeeeee;
// position: inherit;
margin-top: 10%;
margin-left: 10%;
background: #C5BFBF;
color: #ffffff;
width: 198rpx;
border-radius: 23rpx;
}
.btn2 {
height: 62rpx;
line-height: 62rpx;
text-align: center;
color: #ffffff;
// display: inline-block;
// position: absolute;
// bottom: 0;
position: absolute;
margin-top: -12%;
margin-left: 58%;
margin-top: -12%;
margin-left: 58%;
width: 198rpx;
background-color: #4486e8;
border-radius: 23rpx;
}
.lists{
.lists {
position: relative;
margin: 0 auto;
background-color: #ffffff;
@ -322,7 +331,8 @@
margin-top: -10%;
border-radius: 10rpx;
}
.background{
.background {
position: absolute;
width: 180rpx;
height: 180rpx;
@ -331,29 +341,34 @@
margin-left: 10%;
border-radius: 30rpx;
}
image{
width: 86rpx;
height: 102rpx;
margin-top: 35%;
.background image {
width: 99rpx;
height: 99rpx;
// margin: 0 auto;
text-align: center;
margin-top: 5%;
margin-left: 20%;
}
.qyttext{
// text-align: center;
// margin-top: 10%;
margin-left: 28%;
display: block;
.qyttext {
// text-align: center;
// margin-top: 10%;
margin-left: 28%;
display: block;
// width: 30px;
// height: 10px;
font-size: 25rpx;
// font-family: Adobe Heiti Std;
// font-weight: normal;
color: #FFFFFF;
}
.lianmeng{
.lianmeng {
display: block;
margin-left: 5%;
font-size: 9px;
@ -361,7 +376,8 @@
// font-weight: normal;
color: #FFFFFF;
}
.click{
.click {
// position: absolute;
color: #ffffff;
float: right;
@ -370,7 +386,7 @@
line-height: 58.5rpx;
// margin: 0 auto;
text-align: center;
background-color: #4C7BC9 ;
background-color: #4C7BC9;
margin-top: 20%;
margin-right: 5%;
border-radius: 30rpx;
@ -378,38 +394,41 @@
// margin-left: 40%;
// border-radius: 10rpx;
}
.nurse{
.nurse {
position: absolute;
float: right;
margin-top: 5%;
font-size: 30rpx;
margin-left: 40%;
}
.icon{
height: 60rpx;
width: 80%;
line-height: 60rpx;
position: absolute;
margin-left: 55%;
// margin-top: 5%;
}
.distance{
position: absolute;
float: right;
margin-top: 12%;
font-size: 27rpx;
margin-left: 40%;
font-family: Adobe Heiti Std;
font-weight: normal;
color: #666666;
}
.icon {
height: 60rpx;
width: 80%;
line-height: 60rpx;
position: absolute;
margin-left: 55%;
// margin-top: 5%;
}
.distance {
position: absolute;
float: right;
margin-top: 12%;
font-size: 27rpx;
margin-left: 40%;
font-family: Adobe Heiti Std;
font-weight: normal;
color: #666666;
}
.nursstation {
position: fixed;
// margin:0 auto;
top: 0;
// background-color: white;
@ -422,7 +441,7 @@
background-color: #ffffff;
z-index: 999;
// .input {
// margin: 0 auto;
// position: absolute;
@ -442,13 +461,13 @@
// }
}
.what {
height: 60rpx;
width: 80%;
line-height: 60rpx;
margin-left: 5%;
// text-align: left padding: 20%;
}
</style>