附近护理站

This commit is contained in:
闫晓茹 2022-10-20 18:38:18 +08:00
parent 484be92dff
commit 668dd4cdc2

View File

@ -1,66 +1,44 @@
<template>
<view class="content">
<view class="app">
<view class="message">请填写下面的信息</view>
<view class="xinxi">
<view class="user">
<view class="item" @click='showNamePick'>
<span class="texts">姓名</span>
<text v-if="patientName==''">请选择姓名</text>
<text v-else>{{patientName}}</text>
<!-- <text>某某某</text> -->
<!-- <input type="text"> -->
<!-- <u-input /> -->
</view>
<view class="item" @tap='maskshow=true'>
<span class="texts">电话</span>
<text v-if="phone==''">请选择电话</text>
<text v-else>{{list.phone}}</text>
<!-- <text>18888888888</text> -->
<!-- <u-input /> -->
</view>
<view class="user">
<view class="item">
<span>姓名</span>
<span>{{personInfo.patientName}}</span>
</view>
<view class="item">
<span>电话</span>
<span>{{personInfo.phone}}</span>
</view>
<view class="item" @tap='maskshow=true'>
<span class="texts">地址</span>
<text v-if="address==''">请填写地址</text>
<text v-else>{{list.address}}</text>
<!-- <u-input /> -->
</view>
<view class="item1" @tap='timeshow2=true'>
<span class="texts">时间</span>
<text v-if="usertime==''">请选择时间</text>
<text v-else>{{list.usertime}}</text>
<image src="../../static/jiantou.png"></image>
<!-- <u-input /> -->
</view>
<view class="item">
<span>地址</span>
<span>{{personInfo.address}}</span>
</view>
<view class="selecttime" @tap='timeshow2=true'>
<span>时间</span>
<text v-if="usertime==''">请选择时间</text>
<text v-else>{{usertime}}</text>
<image src="../../static/jiantou.png"></image>
</view>
</view>
<view>
<view class="beizhu">
服务时长:{{getinfolist.serveDurationUnit}}
</view>
<view class="remarks">
服务时长:{{orderlist.serveDurationUnit}}
</view>
<view class="taocan">套餐信息
<text class="price">60</text>
<view>
<text class="qiguan">
111
</text>
</view>
<view class="Package">套餐信息
<text class="money">{{orderlist.nurseItemPrice}}</text>
<text class="detail">
·{{orderlist.nurseItemName}}
</text>
</view>
<view class="haocaibao">耗材包详情
<text class="price2">60</text>
<view class="">
<text class="qiguan">
·一次性换药包X1一次性注射器X1
</text>
</view>
<view class="Consumablespackage">耗材包详情
<text class="money">{{orderlist.consumableTotalPrice}}</text>
<text class="detail">
{{orderlist.itemConsumableList}}
</text>
</view>
<view class="beizhu">
<view class="remarks">
<span>备注</span>
<input placeholder="">
</view>
@ -73,20 +51,13 @@
<text class="agreement" @tap="changeRadio2">我已阅读并同意</text>
<text @tap='maskshow=true;showRegectAgreeButton=false'>用户协议</text>
</view>
<view class="priceback">
<!-- <view class="price3"></view> -->
<!-- <view class="Apayment"> -->
<!-- <view class="zf"> -->
<view class="prices">60</view>
<!-- </view> -->
<view class="prices">{{orderlist.totalPrice}}</view>
<view class="xiugai">修改信息</view>
<view class="queren" @tap='updata'>确认预约</view>
</view>
<u-toast ref="uToast" />
<u-select v-model="showName" :list="listInfo" @confirm="confirm"></u-select>
<u-picker @confirm='confirm2()' mode="time" v-model="timeshow2" start-year='2022' :params="params2">
<!-- <view style="z-index:999;color:red" v-if="timeshow2">应付:{{orderlist.totalPrice}}</view> -->
</u-picker>
<u-picker @confirm='confirm3()' mode="time" v-model="timeshow3" start-year='2022' :params="params3">
</u-picker>
@ -98,34 +69,18 @@
import {
getAppStationItemInfo,
getAppPatientList,
appointment
submitAppointment
} from '@/api/appointmenttime/appointmenttime.js'
import baseurl from '@/api/baseurl.js'
export default {
data() {
return {
params4: {
year: false,
month: false,
day: false,
hour: true,
minute: true,
second: false
},
params3: {
year: false,
month: false,
day: false,
hour: true,
minute: true,
second: false
},
params2: {
year: true,
month: true,
day: true,
hour: false,
minute: false,
hour: true,
minute: true,
second: false
},
timeshow2: false,
@ -158,81 +113,64 @@
patientName: '',
address: '',
usertime: '',
timeshow2: false,
timeshow2: false,
maskshow: false,
radio1: 1,
showName: false,
stationId: 2,
stationItemId: 2,
stationItemPriceId: 3,
getinfolist: {}, //
listInfo: [],
username: "",
userAddress: "",
userphoneList: [],
useraddressList: [],
personInfo: [],
}
},
onLoad() {
this.getInfo()
this.getPatientInfo()
onLoad(options) {
console.log(options)
//id
this.orderlist.stationId = options.stationId
this.orderlist.stationItemId = options.stationItemId
this.orderlist.stationItemPriceId = options.stationItemPriceId
//
this.getPatientInfo(options.stationId, options.stationItemId, options.stationItemPriceId)
},
methods: {
confirm(e) {
// console.log(e);
// this.username = e[0].label
this.listInfo.patientName = e[0].patientName
},
getInfo() {
getInfo() { //
getAppPatientList(this.patientId).then(res => {
// this.list = res.data
console.log(res.data);
// this.listInfo = res.data
this.listInfo = res.data.map((v, i) => {
return {
value: i,
label: v.patientName
}
})
// console.log(this.listInfo);
this.personInfo = res.data[0]
console.log("this.personInfo", this.personInfo);
this.orderlist.patientId = res.data[0].patientId
this.orderlist.serviceAddress = res.data[0].address
})
},
getPatientInfo() {
getAppStationItemInfo(this.stationId, this.stationItemId, this.stationItemPriceId).then(res => {
this.getinfolist = res.data
console.log("this.getinfolist", this.getinfolist);
//
getPatientInfo(stationId, stationItemId, stationItemPriceId) {
getAppStationItemInfo(stationId, stationItemId, stationItemPriceId).then(res => {
console.log(res)
this.orderlist = res.data
//
this.getInfo()
})
},
showNamePick() {
this.showName = true
// console.log(11);
},
// changeRadio2() {
// this.radio1 = 2;
// // console.log("")
// this.maskshow = true;
// },
//
updata() {
this.orderlist.orderCount = 1;
// console.log(this.orderlist)
appointment(this.orderlist).then(res => {
if (res.code == 500) {
this.$refs.uToast.show({
title: res.msg,
type: 'error',
})
} else if (res.code == 200) {
this.$refs.uToast.show({
title: '预约成功',
type: 'success',
toast: 1000
})
setTimeout(() => {
uni.reLaunch({
url: `/pages/user/user`
})
}, 1000)
submitAppointment(this.orderlist).then(res => {
}
})
)
},
confirm2(e) {
console.log(e);
this.timeshow3 = true;
this.orderlist.serviceDate = e.year + '-' + e.month + '-' + e.day
this.usertime = e.year + '年' + e.month + '月' + e.day + '日'
},
confirm4(e) {
console.log(e)
@ -248,287 +186,221 @@
console.log(this.orderlist)
this.timeshow4 = true;
},
confirm2(e) {
console.log(e);
this.timeshow3 = true;
this.orderlist.serviceDate = e.year + '-' + e.month + '-' + e.day
this.usertime = e.year + '年' + e.month + '月' + e.day + '日'
},
// confirm(e) {
// console.log(e[0]);
// var obj = this.userlist.map(el => {
// if (el.patientId == e[0].value) {
// return el
// }
// })
// this.userAddress = obj[0].address
// this.username = obj[0].patientName
// this.orderlist.patientId = obj[0].patientId
// this.orderlist.serviceAddress = obj[0].address
// console.log(this.orderlist)
// }
// tapuser(item) {
// console.log(item)
// // this.userlist
// this.userid = item.patientId
// this.username = item.patientName
// this.userAddress = item.address
// this.maskshow = false
// }
}
changeRadio2() {
this.radio1 = 2;
// console.log("")
},
// changeRadio2() {
// this.radio1 = 2;
// // console.log("")
// this.maskshow = true;
// },
timeconfirm(e) {
console.log(e);
// this.orderlist.serviceDate = e.year + '-' + e.month + '-' + e.day
// this.usertime = e.year + '' + e.month + '' + e.day + ''
},
}
}
</script>
<style lang="scss">
.app {
.money {
font-size: 32rpx;
color: #D43953;
margin-left: 90%;
}
<style>
.item1 image {
width: 18rpx;
height: 27rpx;
/* float: right; */
margin-left: 50%;
}
.radio-active {
width: 16rpx;
height: 16rpx;
border-radius: 50%;
background-color: #178ffb;
}
.radio-default {
border: 2rpx solid #0fbda6;
}
.radio {
width: 34rpx;
height: 34rpx;
border-radius: 70%;
border: 2rpx solid #178ffb;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin: 0rpx 26rpx 0rpx 15rpx;
}
.radio-content {
height: 80rpx;
display: flex;
align-items: center;
font-size: 34rpx;
margin-bottom: 60rpx;
}
.radio-right {
margin-left: 66rpx;
}
.text {
color: #000000;
margin-left: 1%;
line-height: 100rpx;
}
.priceback {
/* position: relative; */
width: 99%;
height: 141rpx;
background: #FFFFFF;
margin-top: 10%;
display: flex;
}
.texts {
/* margin-left: 5%; */
/* padding: 3%; */
}
.item {
width: 97%;
height: 93rpx;
/* line-height: 93rpx; */
border-bottom: 1rpx solid #D8D4D4;
/* margin-left: 10rpx; */
margin-left: 3%;
display: flex;
align-items: center;
font-size: 36rpx;
}
padding-top: 10rpx;
.item1 {
width: 97%;
height: 93rpx;
/* line-height: 93rpx; */
margin-left: 3%;
display: flex;
align-items: center;
font-size: 36rpx;
.user {
background: #FFFFFF;
width: 94%;
margin: 10rpx auto;
box-shadow: 0rpx 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
border-radius: 20rpx;
line-height: 93rpx;
}
.selecttime {
height: 93rpx;
margin-left: 3%;
.content {
/* width: 100%; */
height: 100%;
background-color: #F4F5F7;
padding: 3%;
}
text {
font-size: 34rpx;
color: #878987;
}
.message {
width: 99%;
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;
}
image {
width: 18rpx;
height: 27rpx;
margin-left: 50%;
}
}
.xinxi {
width: 99%;
height: 400rpx;
background: #FFFFFF;
/* box-shadow: 0px 9px 31px 9px rgba(0,0,0,0.03); */
border-radius: 20rpx;
margin-top: 3%;
}
.item {
width: 97%;
height: 93rpx;
border-bottom: 1rpx solid #D8D4D4;
margin-left: 3%;
.prices {
/* float: left; */
font-size: 54rpx;
color: #D43953;
line-height: 73rpx;
margin-top: 5%;
}
}
}
.name {
width: 70%;
/* height: 33rpx; */
font-size: 36rpx;
.remarks {
width: 94%;
height: 382rpx;
margin: 10rpx auto;
padding: 3%;
font-size: 35rpx;
height: 96rpx;
background: #FFFFFF;
border-radius: 20rpx;
margin-top: 3%;
}
color: #666666;
.priceback {
width: 99%;
height: 141rpx;
background: #FFFFFF;
margin-top: 10%;
display: flex;
.prices {
font-size: 54rpx;
color: #D43953;
line-height: 73rpx;
margin-top: 5%;
}
.xiugai {
width: 205rpx;
height: 71rpx;
background: #E1AE3C;
border-radius: 26rpx;
margin-left: 35%;
margin-top: 5%;
line-height: 71rpx;
text-align: center;
color: #ffffff;
}
.queren {
width: 227rpx;
height: 71rpx;
background: #4C7BC9;
border-radius: 26rpx;
margin-top: 5%;
line-height: 71rpx;
text-align: center;
color: #ffffff;
}
}
//
.radio-content {
height: 80rpx;
line-height: 2rpx;
font-size: 34rpx;
.radio {
width: 34rpx;
height: 34rpx;
border-radius: 70%;
border: 2rpx solid #178ffb;
margin: 6px 25px -10px -10px;
}
.agreement {
font-size: 34rpx;
color: #878987;
margin-left: 14%;
}
.radio-right {
margin-left: 66rpx;
/* 同意协议 */
.radio-active {
width: 16rpx;
height: 16rpx;
border-radius: 50%;
background-color: #178ffb;
}
.radio-default {
border: 2rpx solid #0fbda6;
}
}
}
/* 耗材包 */
.Consumablespackage {
width: 94%;
height: 188rpx;
;
margin: 10rpx auto;
padding: 3%;
font-size: 35rpx;
height: 188rpx;
background: #FFFFFF;
border-radius: 20rpx;
margin-top: 3%;
.detail {
width: 301rpx;
height: 31rpx;
line-height: 31rpx;
font-size: 33rpx;
color: #666666;
line-height: 31rpx;
margin-left: 20%;
}
}
.title {
width: 90%;
margin: 0 auto;
font-size: 28rpx;
padding-top: 20rpx;
line-height: 34rpx;
color: #000000;
position: relative;
}
}
.taocan {
padding: 3%;
line-height: 12rpx;
font-size: 35rpx;
line-height: 70rpx;
width: 702rpx;
height: 243rpx;
background: #FFFFFF;
border-radius: 20rpx;
margin-top: 3%;
}
/* 套餐 */
.Package {
width: 94%;
height: 243rpx;
;
margin: 10rpx auto;
padding: 3%;
font-size: 35rpx;
height: 243rpx;
background: #FFFFFF;
border-radius: 20rpx;
margin-top: 3%;
.haocaibao {
padding: 3%;
line-height: 12rpx;
font-size: 35rpx;
line-height: 65rpx;
width: 702rpx;
height: 188rpx;
background: #FFFFFF;
border-radius: 20rpx;
margin-top: 3%;
}
.beizhu {
padding: 3%;
line-height: 12rpx;
font-size: 35rpx;
line-height: 65rpx;
width: 701rpx;
height: 96rpx;
background: #FFFFFF;
border-radius: 20rpx;
margin-top: 3%;
display: flex;
justify-content: flex-start;
align-items: center;
}
.xiugai {
width: 205rpx;
height: 71rpx;
background: #E1AE3C;
border-radius: 26rpx;
margin-left: 35%;
margin-top: 5%;
line-height: 71rpx;
text-align: center;
color: #ffffff;
}
.zf {
/* margin-left: 10%; */
/* margin-bottom: 5%; */
}
.queren {
width: 227rpx;
height: 71rpx;
background: #4C7BC9;
border-radius: 26rpx;
/* float: right; */
/* margin-top: -10%; */
/* margin-left: 45%; */
margin-top: 5%;
line-height: 71rpx;
text-align: center;
color: #ffffff;
}
.price {
/* float: right; */
font-size: 32rpx;
color: #D43953;
margin-left: 60%;
/* line-height: 77px; */
}
.price2 {
font-size: 32rpx;
color: #D43953;
margin-left: 56%;
}
.detail {
width: 301rpx;
height: 31rpx;
line-height: 31rpx;
font-size: 33rpx;
color: #666666;
line-height: 31rpx;
margin-left: 20%;
}
.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%;
}
.message {
width: 94%;
height: 96rpx;
background: white;
border-radius: 20rpx;
margin: 0 auto;
text-align: center;
line-height: 96rpx;
}
}
</style>