附近护理站
This commit is contained in:
闫晓茹
parent
484be92dff
commit
668dd4cdc2
@ -1,66 +1,44 @@
|
|||||||
<template>
|
<template>
|
||||||
<view class="content">
|
<view class="app">
|
||||||
<view class="message">请填写下面的信息</view>
|
<view class="message">请填写下面的信息</view>
|
||||||
<view class="xinxi">
|
|
||||||
<view class="user">
|
<view class="user">
|
||||||
<view class="item" @click='showNamePick'>
|
<view class="item">
|
||||||
<span class="texts">姓名：</span>
|
<span>姓名：</span>
|
||||||
<text v-if="patientName==''">请选择姓名</text>
|
<span>{{personInfo.patientName}}</span>
|
||||||
<text v-else>{{patientName}}</text>
|
|
||||||
<!-- <text>某某某</text> -->
|
|
||||||
<!-- <input type="text"> -->
|
|
||||||
<!-- <u-input /> -->
|
|
||||||
</view>
|
</view>
|
||||||
<view class="item" @tap='maskshow=true'>
|
<view class="item">
|
||||||
<span class="texts">电话：</span>
|
<span>电话：</span>
|
||||||
<text v-if="phone==''">请选择电话</text>
|
<span>{{personInfo.phone}}</span>
|
||||||
<text v-else>{{list.phone}}</text>
|
|
||||||
<!-- <text>18888888888</text> -->
|
|
||||||
<!-- <u-input /> -->
|
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view class="item" @tap='maskshow=true'>
|
<view class="item">
|
||||||
<span class="texts">地址：</span>
|
<span>地址：</span>
|
||||||
<text v-if="address==''">请填写地址</text>
|
<span>{{personInfo.address}}</span>
|
||||||
<text v-else>{{list.address}}</text>
|
|
||||||
<!-- <u-input /> -->
|
|
||||||
</view>
|
</view>
|
||||||
<view class="item1" @tap='timeshow2=true'>
|
<view class="selecttime" @tap='timeshow2=true'>
|
||||||
<span class="texts">时间：</span>
|
<span>时间：</span>
|
||||||
<text v-if="usertime==''">请选择时间</text>
|
<text v-if="usertime==''">请选择时间</text>
|
||||||
|
<text v-else>{{usertime}}</text>
|
||||||
<text v-else>{{list.usertime}}</text>
|
|
||||||
<image src="../../static/jiantou.png"></image>
|
<image src="../../static/jiantou.png"></image>
|
||||||
<!-- <u-input /> -->
|
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
<view class="remarks">
|
||||||
|
服务时长:{{orderlist.serveDurationUnit}}
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
|
<view class="Package">套餐信息：
|
||||||
|
<text class="money">￥{{orderlist.nurseItemPrice}}</text>
|
||||||
<view>
|
<text class="detail">
|
||||||
<view class="beizhu">
|
·{{orderlist.nurseItemName}}
|
||||||
服务时长:{{getinfolist.serveDurationUnit}}
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
|
|
||||||
<view class="taocan">套餐信息：
|
|
||||||
<text class="price">￥60</text>
|
|
||||||
<view>
|
|
||||||
<text class="qiguan">
|
|
||||||
111
|
|
||||||
</text>
|
</text>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
<view class="Consumablespackage">耗材包详情：
|
||||||
<view class="haocaibao">耗材包详情：
|
<text class="money">￥{{orderlist.consumableTotalPrice}}</text>
|
||||||
<text class="price2">￥60</text>
|
<text class="detail">
|
||||||
<view class="">
|
{{orderlist.itemConsumableList}}
|
||||||
<text class="qiguan">
|
|
||||||
·一次性换药包X1，一次性注射器X1
|
|
||||||
</text>
|
</text>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
<view class="remarks">
|
||||||
<view class="beizhu">
|
|
||||||
<span>备注：</span>
|
<span>备注：</span>
|
||||||
<input placeholder="">
|
<input placeholder="">
|
||||||
</view>
|
</view>
|
||||||
@ -73,20 +51,13 @@
|
|||||||
<text class="agreement" @tap="changeRadio2">我已阅读并同意</text>
|
<text class="agreement" @tap="changeRadio2">我已阅读并同意</text>
|
||||||
<text @tap='maskshow=true;showRegectAgreeButton=false'>《用户协议》</text>
|
<text @tap='maskshow=true;showRegectAgreeButton=false'>《用户协议》</text>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view class="priceback">
|
<view class="priceback">
|
||||||
<!-- <view class="price3">￥</view> -->
|
<view class="prices">￥{{orderlist.totalPrice}}</view>
|
||||||
<!-- <view class="Apayment"> -->
|
|
||||||
<!-- <view class="zf"> -->
|
|
||||||
<view class="prices">￥60</view>
|
|
||||||
<!-- </view> -->
|
|
||||||
<view class="xiugai">修改信息</view>
|
<view class="xiugai">修改信息</view>
|
||||||
<view class="queren" @tap='updata'>确认预约</view>
|
<view class="queren" @tap='updata'>确认预约</view>
|
||||||
</view>
|
</view>
|
||||||
<u-toast ref="uToast" />
|
<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">
|
<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>
|
||||||
<u-picker @confirm='confirm3()' mode="time" v-model="timeshow3" start-year='2022' :params="params3">
|
<u-picker @confirm='confirm3()' mode="time" v-model="timeshow3" start-year='2022' :params="params3">
|
||||||
</u-picker>
|
</u-picker>
|
||||||
@ -98,34 +69,18 @@
|
|||||||
import {
|
import {
|
||||||
getAppStationItemInfo,
|
getAppStationItemInfo,
|
||||||
getAppPatientList,
|
getAppPatientList,
|
||||||
appointment
|
submitAppointment
|
||||||
} from '@/api/appointmenttime/appointmenttime.js'
|
} from '@/api/appointmenttime/appointmenttime.js'
|
||||||
import baseurl from '@/api/baseurl.js'
|
import baseurl from '@/api/baseurl.js'
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
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: {
|
params2: {
|
||||||
year: true,
|
year: true,
|
||||||
month: true,
|
month: true,
|
||||||
day: true,
|
day: true,
|
||||||
hour: false,
|
hour: true,
|
||||||
minute: false,
|
minute: true,
|
||||||
second: false
|
second: false
|
||||||
},
|
},
|
||||||
timeshow2: false,
|
timeshow2: false,
|
||||||
@ -158,81 +113,64 @@
|
|||||||
patientName: '',
|
patientName: '',
|
||||||
address: '',
|
address: '',
|
||||||
usertime: '',
|
usertime: '',
|
||||||
timeshow2: false,
|
|
||||||
timeshow2: false,
|
|
||||||
maskshow: false,
|
maskshow: false,
|
||||||
radio1: 1,
|
radio1: 1,
|
||||||
showName: false,
|
|
||||||
stationId: 2,
|
stationId: 2,
|
||||||
stationItemId: 2,
|
stationItemId: 2,
|
||||||
stationItemPriceId: 3,
|
stationItemPriceId: 3,
|
||||||
getinfolist: {}, //服务时长
|
getinfolist: {}, //服务时长
|
||||||
listInfo: [],
|
listInfo: [],
|
||||||
|
username: "",
|
||||||
|
userAddress: "",
|
||||||
|
userphoneList: [],
|
||||||
|
useraddressList: [],
|
||||||
|
personInfo: [],
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
onLoad() {
|
onLoad(options) {
|
||||||
this.getInfo()
|
console.log(options)
|
||||||
this.getPatientInfo()
|
//获取护理站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: {
|
methods: {
|
||||||
confirm(e) {
|
getInfo() { //被护理人信息
|
||||||
// console.log(e);
|
|
||||||
// this.username = e[0].label
|
|
||||||
this.listInfo.patientName = e[0].patientName
|
|
||||||
},
|
|
||||||
getInfo() {
|
|
||||||
getAppPatientList(this.patientId).then(res => {
|
getAppPatientList(this.patientId).then(res => {
|
||||||
// this.list = res.data
|
this.personInfo = res.data[0]
|
||||||
console.log(res.data);
|
console.log("this.personInfo", this.personInfo);
|
||||||
// this.listInfo = res.data
|
this.orderlist.patientId = res.data[0].patientId
|
||||||
this.listInfo = res.data.map((v, i) => {
|
this.orderlist.serviceAddress = res.data[0].address
|
||||||
return {
|
|
||||||
value: i,
|
|
||||||
label: v.patientName
|
|
||||||
}
|
|
||||||
})
|
|
||||||
// console.log(this.listInfo);
|
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
getPatientInfo() {
|
|
||||||
getAppStationItemInfo(this.stationId, this.stationItemId, this.stationItemPriceId).then(res => {
|
//获取耗材包详情
|
||||||
this.getinfolist = res.data
|
getPatientInfo(stationId, stationItemId, stationItemPriceId) {
|
||||||
console.log("this.getinfolist", this.getinfolist);
|
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() {
|
updata() {
|
||||||
this.orderlist.orderCount = 1;
|
this.orderlist.orderCount = 1;
|
||||||
// console.log(this.orderlist)
|
// console.log(this.orderlist)
|
||||||
appointment(this.orderlist).then(res => {
|
submitAppointment(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)
|
|
||||||
}
|
}
|
||||||
|
|
||||||
})
|
)
|
||||||
|
},
|
||||||
|
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) {
|
confirm4(e) {
|
||||||
console.log(e)
|
console.log(e)
|
||||||
@ -248,227 +186,98 @@
|
|||||||
console.log(this.orderlist)
|
console.log(this.orderlist)
|
||||||
this.timeshow4 = true;
|
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>
|
</script>
|
||||||
|
<style lang="scss">
|
||||||
|
.app {
|
||||||
|
.money {
|
||||||
|
font-size: 32rpx;
|
||||||
|
color: #D43953;
|
||||||
|
margin-left: 90%;
|
||||||
|
}
|
||||||
|
|
||||||
<style>
|
font-size: 36rpx;
|
||||||
.item1 image {
|
padding-top: 10rpx;
|
||||||
|
|
||||||
|
.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%;
|
||||||
|
|
||||||
|
text {
|
||||||
|
font-size: 34rpx;
|
||||||
|
color: #878987;
|
||||||
|
}
|
||||||
|
|
||||||
|
image {
|
||||||
width: 18rpx;
|
width: 18rpx;
|
||||||
height: 27rpx;
|
height: 27rpx;
|
||||||
/* float: right; */
|
|
||||||
margin-left: 50%;
|
margin-left: 50%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.radio-active {
|
|
||||||
width: 16rpx;
|
|
||||||
height: 16rpx;
|
|
||||||
border-radius: 50%;
|
|
||||||
background-color: #178ffb;
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.radio-default {
|
.item {
|
||||||
border: 2rpx solid #0fbda6;
|
width: 97%;
|
||||||
}
|
height: 93rpx;
|
||||||
|
border-bottom: 1rpx solid #D8D4D4;
|
||||||
.radio {
|
margin-left: 3%;
|
||||||
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 {
|
.remarks {
|
||||||
margin-left: 66rpx;
|
width: 94%;
|
||||||
}
|
height: 382rpx;
|
||||||
|
margin: 10rpx auto;
|
||||||
.text {
|
padding: 3%;
|
||||||
color: #000000;
|
font-size: 35rpx;
|
||||||
margin-left: 1%;
|
height: 96rpx;
|
||||||
line-height: 100rpx;
|
background: #FFFFFF;
|
||||||
|
border-radius: 20rpx;
|
||||||
|
margin-top: 3%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.priceback {
|
.priceback {
|
||||||
/* position: relative; */
|
|
||||||
width: 99%;
|
width: 99%;
|
||||||
height: 141rpx;
|
height: 141rpx;
|
||||||
background: #FFFFFF;
|
background: #FFFFFF;
|
||||||
margin-top: 10%;
|
margin-top: 10%;
|
||||||
display: flex;
|
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;
|
|
||||||
}
|
|
||||||
|
|
||||||
.item1 {
|
|
||||||
width: 97%;
|
|
||||||
height: 93rpx;
|
|
||||||
/* line-height: 93rpx; */
|
|
||||||
margin-left: 3%;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
font-size: 36rpx;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.content {
|
|
||||||
/* width: 100%; */
|
|
||||||
height: 100%;
|
|
||||||
background-color: #F4F5F7;
|
|
||||||
padding: 3%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.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;
|
|
||||||
}
|
|
||||||
|
|
||||||
.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%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.prices {
|
.prices {
|
||||||
/* float: left; */
|
|
||||||
font-size: 54rpx;
|
font-size: 54rpx;
|
||||||
color: #D43953;
|
color: #D43953;
|
||||||
line-height: 73rpx;
|
line-height: 73rpx;
|
||||||
margin-top: 5%;
|
margin-top: 5%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.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 {
|
|
||||||
padding: 3%;
|
|
||||||
line-height: 12rpx;
|
|
||||||
font-size: 35rpx;
|
|
||||||
line-height: 70rpx;
|
|
||||||
width: 702rpx;
|
|
||||||
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 {
|
.xiugai {
|
||||||
width: 205rpx;
|
width: 205rpx;
|
||||||
height: 71rpx;
|
height: 71rpx;
|
||||||
@ -481,54 +290,117 @@
|
|||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.zf {
|
|
||||||
/* margin-left: 10%; */
|
|
||||||
/* margin-bottom: 5%; */
|
|
||||||
}
|
|
||||||
|
|
||||||
.queren {
|
.queren {
|
||||||
width: 227rpx;
|
width: 227rpx;
|
||||||
height: 71rpx;
|
height: 71rpx;
|
||||||
background: #4C7BC9;
|
background: #4C7BC9;
|
||||||
border-radius: 26rpx;
|
border-radius: 26rpx;
|
||||||
/* float: right; */
|
|
||||||
/* margin-top: -10%; */
|
|
||||||
/* margin-left: 45%; */
|
|
||||||
margin-top: 5%;
|
margin-top: 5%;
|
||||||
line-height: 71rpx;
|
line-height: 71rpx;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.price {
|
|
||||||
/* float: right; */
|
|
||||||
|
|
||||||
font-size: 32rpx;
|
|
||||||
color: #D43953;
|
|
||||||
margin-left: 60%;
|
|
||||||
/* line-height: 77px; */
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.price2 {
|
// 同意协议
|
||||||
|
.radio-content {
|
||||||
font-size: 32rpx;
|
height: 80rpx;
|
||||||
color: #D43953;
|
line-height: 2rpx;
|
||||||
margin-left: 56%;
|
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%;
|
||||||
|
}
|
||||||
|
|
||||||
.qiguan {
|
.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;
|
width: 301rpx;
|
||||||
height: 31rpx;
|
height: 31rpx;
|
||||||
line-height: 31rpx;
|
line-height: 31rpx;
|
||||||
font-size: 33rpx;
|
font-size: 33rpx;
|
||||||
/* font-family: Adobe Heiti Std; */
|
|
||||||
/* font-weight: normal; */
|
|
||||||
color: #666666;
|
color: #666666;
|
||||||
/* text-align: center; */
|
|
||||||
line-height: 31rpx;
|
line-height: 31rpx;
|
||||||
margin-left: 20%;
|
margin-left: 20%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 套餐 */
|
||||||
|
.Package {
|
||||||
|
width: 94%;
|
||||||
|
height: 243rpx;
|
||||||
|
;
|
||||||
|
margin: 10rpx auto;
|
||||||
|
padding: 3%;
|
||||||
|
font-size: 35rpx;
|
||||||
|
height: 243rpx;
|
||||||
|
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%;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.message {
|
||||||
|
width: 94%;
|
||||||
|
height: 96rpx;
|
||||||
|
background: white;
|
||||||
|
border-radius: 20rpx;
|
||||||
|
margin: 0 auto;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 96rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user