预约时间
This commit is contained in:
闫晓茹
parent
5e7b6de8a3
commit
c9b2a440af
228
pages/appointmenttime/appointmenttime.vue
Normal file
228
pages/appointmenttime/appointmenttime.vue
Normal file
@ -0,0 +1,228 @@
|
||||
<template>
|
||||
<view class="content">
|
||||
<view class="message">请填写下面的信息</view>
|
||||
<view class="xinxi">
|
||||
<view class="user">
|
||||
<view class="item" @tap='maskshow=true'>姓名：
|
||||
<text class="name">李某某</text>
|
||||
</view>
|
||||
<view class="item" @tap='maskshow=true'>电话：
|
||||
<text class="name">18565988855</text>
|
||||
</view>
|
||||
<view class="item" @tap='maskshow=true'>地址：
|
||||
<text class="name">111</text>
|
||||
</view>
|
||||
<view class="item" @tap='timeshow2=true'>时间：
|
||||
<text class="name">9月1日</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="taocan">套餐信息：
|
||||
<text class="price">￥60</text>
|
||||
<view>
|
||||
<text class="qiguan">
|
||||
·气管切开
|
||||
</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="haocaibao">耗材包详情：
|
||||
<text class="price2">￥60</text>
|
||||
<view class="">
|
||||
<text class="qiguan">
|
||||
·一次性换药包X1，一次性注射器X1
|
||||
</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="beizhu">备注：</view>
|
||||
<view class="xiugai">修改信息</view>
|
||||
<view class="queren">确认预约</view>
|
||||
</view>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
maskshow: false,
|
||||
timeshow2: false,
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.user {
|
||||
/* background-color: #fff; */
|
||||
/* margin-bottom: 16rpx; */
|
||||
|
||||
.item {
|
||||
height: 100rpx;
|
||||
width: 90%;
|
||||
margin: 0 auto;
|
||||
line-height: 100rpx;
|
||||
border-bottom: 1rpx solid #f0f1f6;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
font-size: 24rpx;
|
||||
letter-spacing: 1rpx;
|
||||
|
||||
text:nth-child(1) {
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
text:nth-child(2) {
|
||||
color: #333333;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.content {
|
||||
/* width: 100%; */
|
||||
min-height: 100vh;
|
||||
background-color: #F4F5F7;
|
||||
padding: 3%;
|
||||
}
|
||||
|
||||
.message {
|
||||
width: 701rpx;
|
||||
height: 96rpx;
|
||||
background: white;
|
||||
/* box-shadow: 0px 9px 31px 9px rgba(0,0,0,0.03); */
|
||||
border-radius: 20rpx;
|
||||
margin: 0 auto;
|
||||
text-align: center;
|
||||
line-height: 96rpx;
|
||||
/* margin-top: 5rpx; */
|
||||
font-size: 36rpx;
|
||||
}
|
||||
|
||||
.xinxi {
|
||||
width: 701rpx;
|
||||
height: 421rpx;
|
||||
background: #FFFFFF;
|
||||
/* box-shadow: 0px 9px 31px 9px rgba(0,0,0,0.03); */
|
||||
border-radius: 20rpx;
|
||||
margin-top: 3%;
|
||||
}
|
||||
|
||||
.item {
|
||||
width: 100%;
|
||||
height: 100rpx;
|
||||
font-size: 36rpx;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
line-height: 70rpx;
|
||||
border-bottom: 1rpx solid #D8D4D4;
|
||||
}
|
||||
|
||||
.name {
|
||||
width: 70%;
|
||||
/* height: 33rpx; */
|
||||
font-size: 36rpx;
|
||||
|
||||
color: #666666;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.title {
|
||||
width: 90%;
|
||||
margin: 0 auto;
|
||||
font-size: 28rpx;
|
||||
padding-top: 20rpx;
|
||||
line-height: 34rpx;
|
||||
color: #000000;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.taocan {
|
||||
font-size: 35rpx;
|
||||
line-height: 70rpx;
|
||||
width: 702rpx;
|
||||
height: 243rpx;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0px 9px 31px 9px rgba(0, 0, 0, 0.03);
|
||||
border-radius: 20rpx;
|
||||
margin-top: 3%;
|
||||
}
|
||||
|
||||
.haocaibao {
|
||||
font-size: 33rpx;
|
||||
line-height: 65rpx;
|
||||
width: 702rpx;
|
||||
height: 188rpx;
|
||||
background: #FFFFFF;
|
||||
border-radius: 20rpx;
|
||||
margin-top: 3%;
|
||||
}
|
||||
|
||||
.beizhu {
|
||||
font-size: 35rpx;
|
||||
line-height: 65rpx;
|
||||
width: 701rpx;
|
||||
height: 96rpx;
|
||||
background: #FFFFFF;
|
||||
border-radius: 20rpx;
|
||||
margin-top: 3%;
|
||||
}
|
||||
|
||||
.xiugai {
|
||||
width: 205rpx;
|
||||
height: 71rpx;
|
||||
background: #E1AE3C;
|
||||
border-radius: 26rpx;
|
||||
margin-left: 35%;
|
||||
margin-top: 10%;
|
||||
line-height: 71rpx;
|
||||
text-align: center;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.queren {
|
||||
width: 227rpx;
|
||||
height: 71rpx;
|
||||
background: #4C7BC9;
|
||||
border-radius: 26rpx;
|
||||
float: right;
|
||||
margin-top: -10%;
|
||||
line-height: 71rpx;
|
||||
text-align: center;
|
||||
color: #ffffff;
|
||||
/* margin-top: 3%; */
|
||||
/* margin-left: 60%; */
|
||||
/* margin-top: 10%; */
|
||||
}
|
||||
|
||||
.price {
|
||||
/* float: right; */
|
||||
|
||||
font-size: 32rpx;
|
||||
color: #D43953;
|
||||
margin-left: 60%;
|
||||
/* line-height: 77px; */
|
||||
}
|
||||
|
||||
.price2 {
|
||||
|
||||
font-size: 32rpx;
|
||||
color: #D43953;
|
||||
margin-left: 56%;
|
||||
|
||||
}
|
||||
|
||||
|
||||
.qiguan {
|
||||
width: 301rpx;
|
||||
height: 31rpx;
|
||||
line-height: 31rpx;
|
||||
font-size: 33rpx;
|
||||
/* font-family: Adobe Heiti Std; */
|
||||
/* font-weight: normal; */
|
||||
color: #666666;
|
||||
/* text-align: center; */
|
||||
line-height: 31rpx;
|
||||
margin-left: 20%;
|
||||
}
|
||||
</style>
|
||||
@ -1,39 +1,44 @@
|
||||
<template>
|
||||
<view class="concent">
|
||||
<view class="page-body" style="margin-top: -80rpx;position: relative;">
|
||||
<view class="page-body" style="margin-top: -80rpx;">
|
||||
<view class="nursetation" @tap='detailed()'>
|
||||
<text class="what" >什么是护理站？</text>
|
||||
<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 class="map">
|
||||
<!-- <map style="width:100%; height:40vh;" scale="17" :latitude="latitude" :longitude="longitude"
|
||||
:markers="markers"></map> -->
|
||||
</view>
|
||||
</view>
|
||||
<view class="conNew">
|
||||
<view class="addressContent">
|
||||
<view class="lists" v-for="(item,index) in nearbylist" :key="index">
|
||||
<text class="nurse">{{item.nurseStationName}}</text>
|
||||
<text class="distance">距离您800米</text>
|
||||
<view class="background">
|
||||
|
||||
<view class="lists">
|
||||
<text class="nurse">济南护万家护理有限公司</text>
|
||||
<text class="distance">距离您800米</text>
|
||||
<view class="background">
|
||||
|
||||
<view class="picture">
|
||||
<view class="picture">
|
||||
<image src="/static/logo.png" mode=""></image>
|
||||
</view>
|
||||
|
||||
<text class="qyttext">泉医通</text>
|
||||
<text class="lianmeng">济卫护理联盟NO.1</text>
|
||||
|
||||
|
||||
</view>
|
||||
|
||||
<text class="qyttext">泉医通</text>
|
||||
<text class="lianmeng">济卫护理联盟NO.1</text>
|
||||
|
||||
|
||||
<view class="click" @tap='godetails()'>
|
||||
点击了解
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="click" @tap='nurse()'>点击了解</view>
|
||||
</view>
|
||||
<view class="masks" style="">
|
||||
|
||||
<view class="masks" style="" v-if="mask">
|
||||
<view class="mask">
|
||||
<view class="picture2">
|
||||
<image src="../../static/locatinsmall.png"></image>
|
||||
</view>
|
||||
|
||||
<view class="title">
|
||||
请打开系统定位
|
||||
</view>
|
||||
@ -47,34 +52,20 @@
|
||||
</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 {
|
||||
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,
|
||||
mask: false,
|
||||
nearbylist: [],
|
||||
mask: true,
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
latitude: 36.661634,
|
||||
longitude: 117.025323,
|
||||
|
||||
}
|
||||
},
|
||||
// onReachBottom() {
|
||||
@ -105,112 +96,98 @@
|
||||
// });
|
||||
// }
|
||||
// },
|
||||
|
||||
|
||||
// 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()
|
||||
// },
|
||||
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`
|
||||
})
|
||||
},
|
||||
watch: {
|
||||
iptVal() {
|
||||
// this.requestinfo()
|
||||
},
|
||||
// getsite() {
|
||||
// let data={};
|
||||
// data.surl = '/pages/site/site'
|
||||
},
|
||||
onShow() {},
|
||||
onLoad() {
|
||||
var that = this
|
||||
this.requestinfo()
|
||||
},
|
||||
methods: {
|
||||
|
||||
requestinfo() {
|
||||
if (this.nurseTypeCode != undefined) {
|
||||
nearbyList()
|
||||
.then(res => {
|
||||
this.nearbylist = res.rows
|
||||
console.log(this.nearbylist)
|
||||
})
|
||||
} else {
|
||||
uni.request({
|
||||
url: baseurl +
|
||||
`/nurseApplet/nearbyNursingStation/nearbyList`, //仅为示例，并非真实接口地址。
|
||||
success: (res) => {
|
||||
console.log(res)
|
||||
this.nearbylist = res.data.rows
|
||||
console.log(this.nearbylist)
|
||||
}
|
||||
});
|
||||
}
|
||||
},
|
||||
godetails() {
|
||||
// console.log("111");
|
||||
uni.navigateTo({
|
||||
url: `/pages/nursestation/nursestation`
|
||||
})
|
||||
},
|
||||
detailed() {
|
||||
uni.navigateTo({
|
||||
url: `/pages/detail/detail`
|
||||
})
|
||||
},
|
||||
// nurse() {
|
||||
// uni.navigateTo({
|
||||
// url: `/pages/homePage/homePage`
|
||||
// url: `/pages/nursestation/nursestation`
|
||||
// })
|
||||
// },
|
||||
|
||||
|
||||
// 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}`
|
||||
// })
|
||||
// },
|
||||
}
|
||||
|
||||
cancel() {
|
||||
this.mask = false
|
||||
// uni.reLaunch({
|
||||
// url: `/pages/site/site`
|
||||
// })
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.map{
|
||||
.concent {
|
||||
width: 100%;
|
||||
height: 1000px;
|
||||
background-color: #F4F5F7;
|
||||
// box-sizing: border-box;
|
||||
position: relative;
|
||||
}
|
||||
.conNew{
|
||||
width: 100%;
|
||||
height: 1000000px;
|
||||
background-color: #F4F5F7;
|
||||
// box-sizing: border-box;
|
||||
position: relative;
|
||||
// box-sizing: border-box;
|
||||
// padding: 24px;
|
||||
}
|
||||
|
||||
.addressContent {
|
||||
position: absolute;
|
||||
top: -91px;
|
||||
// margin: 0 auto;
|
||||
width: 100%;
|
||||
// height: 100%;
|
||||
// background: #F4F5F7;
|
||||
// box-sizing: border-box;
|
||||
padding: 24px;
|
||||
}
|
||||
|
||||
.map {
|
||||
width: 750rpx;
|
||||
height: 544rpx;
|
||||
background-color: red;
|
||||
}
|
||||
|
||||
.picture2 image {
|
||||
// position: absolute;
|
||||
display: block;
|
||||
@ -311,15 +288,18 @@
|
||||
}
|
||||
|
||||
.lists {
|
||||
display: block;
|
||||
position: relative;
|
||||
margin: 0 auto;
|
||||
// bottom: 5%;
|
||||
// display: block;
|
||||
// position: absolute;
|
||||
// top: -191px;
|
||||
// margin: 0 auto;
|
||||
background-color: #ffffff;
|
||||
width: 698.8rpx;
|
||||
// width: 698.8rpx;
|
||||
width: 100%;
|
||||
height: 227.8rpx;
|
||||
margin-top: -10%;
|
||||
border-radius: 10rpx;
|
||||
// z-index: 99999;
|
||||
margin-bottom: 3%;
|
||||
border-radius: 20rpx;
|
||||
z-index: 99999;
|
||||
}
|
||||
|
||||
.background {
|
||||
@ -361,7 +341,7 @@
|
||||
.lianmeng {
|
||||
display: block;
|
||||
margin-left: 5%;
|
||||
font-size: 5px;
|
||||
font-size: 14rpx;
|
||||
// font-family: Adobe Heiti Std;
|
||||
// font-weight: normal;
|
||||
color: #FFFFFF;
|
||||
@ -372,19 +352,26 @@
|
||||
color: #ffffff;
|
||||
float: right;
|
||||
width: 167.3rpx;
|
||||
height: 58.5rpx;
|
||||
line-height: 58.5rpx;
|
||||
height: 34px;
|
||||
line-height: 34px;
|
||||
// height: 58.5rpx;
|
||||
// line-height: 58.5rpx;
|
||||
// margin: 0 auto;
|
||||
text-align: center;
|
||||
background-color: #4C7BC9;
|
||||
margin-top: 20%;
|
||||
margin-right: 5%;
|
||||
border-radius: 30rpx;
|
||||
border-radius: 17px;
|
||||
// margin-top: 6%;
|
||||
// margin-left: 40%;
|
||||
// border-radius: 10rpx;
|
||||
}
|
||||
|
||||
.wenzi {
|
||||
color: #ffffff;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.nurse {
|
||||
position: absolute;
|
||||
float: right;
|
||||
@ -398,7 +385,7 @@
|
||||
width: 80%;
|
||||
line-height: 60rpx;
|
||||
position: absolute;
|
||||
// float: right;
|
||||
// float: right;
|
||||
margin-left: 85%;
|
||||
margin-top: -9%;
|
||||
}
|
||||
@ -415,13 +402,15 @@
|
||||
|
||||
|
||||
}
|
||||
.nursestation image{
|
||||
position: relative;
|
||||
width: 16rpx;
|
||||
height: 24rpx;
|
||||
}
|
||||
|
||||
.nursestation image {
|
||||
position: relative;
|
||||
width: 16rpx;
|
||||
height: 24rpx;
|
||||
}
|
||||
|
||||
.nursetation {
|
||||
position:relative;
|
||||
position: relative;
|
||||
// display: block;
|
||||
// margin:0 auto;
|
||||
top: 50px;
|
||||
@ -441,7 +430,7 @@
|
||||
|
||||
.what {
|
||||
display: block;
|
||||
// margin: 0 auto;
|
||||
// margin: 0 auto;
|
||||
position: absolute;
|
||||
height: 50rpx;
|
||||
top: 5%;
|
||||
|
||||
Loading…
Reference in New Issue
Block a user