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

215
pages/site/site.vue
View File

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