This commit is contained in:
曹辉 2023-02-22 16:32:07 +08:00
parent cee60b0756
commit c79dc45fe7
5 changed files with 109 additions and 87 deletions

View File

@ -2,7 +2,12 @@
font-size: 34rpx;
padding-top: 10rpx;
height: 100%;
-webkit-overflow-scrolling: touch;
.scroll-Y {
height: 100vh;
overflow: scroll;
position: relative;
}
.mask {
.Agreement {
width: 100%;
@ -100,6 +105,7 @@
.timeyear{
.bottomtext{
-webkit-overflow-scrolling: touch;
width: 96%;
margin: 0 auto;
.items{
@ -129,6 +135,7 @@
}
}
.toptext{
-webkit-overflow-scrolling: touch;
padding-top: 10rpx;
display: flex;
justify-content:space-around;

View File

@ -1,96 +1,101 @@
<template>
<view class="app">
<view class="user">
<view class="item">
<span>姓名</span>
<span class='addition'>{{personInfo.patientName}}</span>
</view>
<view class="item">
<span>电话</span>
<span class='addition'>{{personInfo.phone}}</span>
</view>
<view class="addressitem">
<view class="leftaddress">地址</view>
<view class='addition'>{{personInfo.address}}</view>
</view>
<view class="item" style="border: 0;">
<span>上门时间</span>
<span class='addition'>请您选择希望护理员到达的时间</span>
</view>
<tabs :list="orderlist.appointmentTimeList" :current="timecurrent" @change="timechange">
</tabs>
<view class="timeyear">
<view class="toptext">
<view :class="Soonerorlater=='morning'?'Soonerorlaterclass':'Soonerorlater'"
@tap="tapSoonerorlater('morning')">
上午
</view>
<view class="">
</view>
<view :class="Soonerorlater=='after'?'Soonerorlaterclass':'Soonerorlater'"
@tap="tapSoonerorlater('after')">
下午
</view>
<scroll-view :scroll-top="scrollTop" scroll-y="true" class="scroll-Y" @scrolltoupper="upper"
@scrolltolower="lower" @scroll="scroll">
<view class="user">
<view class="item">
<span>姓名</span>
<span class='addition'>{{personInfo.patientName}}</span>
</view>
<view class="bottomtext">
<view class="items" v-if="Soonerorlater=='morning'">
<view @tap='taptime(item,index)'
v-for="(item ,index) in orderlist.appointmentTimeList[timecurrent].morningList"
:class="timeindex==index?'timeitemtap':'timeitem'">
{{item}}
<view class="item">
<span>电话</span>
<span class='addition'>{{personInfo.phone}}</span>
</view>
<view class="addressitem">
<view class="leftaddress">地址</view>
<view class='addition'>{{personInfo.address}}</view>
</view>
<view class="item" style="border: 0;">
<span>上门时间</span>
<span class='addition'>请您选择希望护理员到达的时间</span>
</view>
<tabs :list="orderlist.appointmentTimeList" :current="timecurrent" @change="timechange">
</tabs>
<view class="timeyear">
<view class="toptext">
<view :class="Soonerorlater=='morning'?'Soonerorlaterclass':'Soonerorlater'"
@tap="tapSoonerorlater('morning')">
上午
</view>
<view class="">
</view>
<view :class="Soonerorlater=='after'?'Soonerorlaterclass':'Soonerorlater'"
@tap="tapSoonerorlater('after')">
下午
</view>
</view>
<view class="items" v-if="Soonerorlater=='after'">
<view @tap='taptime(item,index)'
v-for="(item ,index) in orderlist.appointmentTimeList[timecurrent].afternoonList"
:class="timeindex==index?'timeitemtap':'timeitem'">
{{item}}
<view class="bottomtext">
<view class="items" v-if="Soonerorlater=='morning'">
<view @tap='taptime(item,index)'
v-for="(item ,index) in orderlist.appointmentTimeList[timecurrent].morningList"
:class="timeindex==index?'timeitemtap':'timeitem'">
{{item}}
</view>
</view>
<view class="items" v-if="Soonerorlater=='after'">
<view @tap='taptime(item,index)'
v-for="(item ,index) in orderlist.appointmentTimeList[timecurrent].afternoonList"
:class="timeindex==index?'timeitemtap':'timeitem'">
{{item}}
</view>
</view>
</view>
</view>
</view>
</view>
<view class="remarks">
服务时长:
<span style='padding-left: 30rpx;' class='addition'>{{orderlist.serveDurationUnit}}</span>
</view>
<view class="Package">套餐信息
<text class="money">{{orderlist.nurseItemPrice}}</text>
<text class="detail">
{{orderlist.nurseItemName}}
</text>
</view>
<view class="Consumablespackage">耗材包详情
<text class="money">{{consumableTotalPrice}}</text>
<view class="detail">
<u-checkbox-group @change="checkboxGroupChange" wrap='true'>
<u-checkbox @change="checkboxChange(item)" v-model="item.radio"
v-for="(item, index) in orderlist.itemConsumableList" :key="index"
:name="item.consumableDetail">
<view class='itemConsumabletitle'> {{item.consumableDetail}}</view>
<span>{{item.consumableCount}}{{item.consumableUnit}}/{{item.consumablePrice}}</span>
</u-checkbox>
</u-checkbox-group>
<view class="remarks">
服务时长:
<span style='padding-left: 30rpx;' class='addition'>{{orderlist.serveDurationUnit}}</span>
</view>
</view>
<view class="remarks">
<span>备注</span>
<input placeholder="请输入" v-model="orderlist.remark">
</view>
<view class="radio-content">
<view class="radio-right" @tap="changeRadio">
<view class="radio" :class="radio == 2 ? 'radio-default':''">
<view :class="radio == 2 ? 'radio-active':''"></view>
<view class="Package">套餐信息
<text class="money">{{orderlist.nurseItemPrice}}</text>
<text class="detail">
{{orderlist.nurseItemName}}
</text>
</view>
<view class="Consumablespackage">耗材包详情
<text class="money">{{consumableTotalPrice}}</text>
<view class="detail">
<u-checkbox-group @change="checkboxGroupChange" wrap='true'>
<u-checkbox @change="checkboxChange(item)" v-model="item.radio"
v-for="(item, index) in orderlist.itemConsumableList" :key="index"
:name="item.consumableDetail">
<view class='itemConsumabletitle'> {{item.consumableDetail}}</view>
<span>{{item.consumableCount}}{{item.consumableUnit}}/{{item.consumablePrice}}</span>
</u-checkbox>
</u-checkbox-group>
</view>
</view>
<view class="agreement">我已阅读并同意<text @tap='maskshow=true'
style="color: #000000;border-bottom: 1rpx solid #000000;">用户协议</text></view>
</view>
<view class="priceback">
<view class="prices">{{orderlist.totalPrice}}</view>
<view class="xiugai" @tap='goaddress'>修改信息</view>
<view class="queren" @tap='updata'>确认预约</view>
</view>
<view class="remarks">
<span>备注</span>
<input placeholder="请输入" v-model="orderlist.remark">
</view>
<view class="radio-content">
<view class="radio-right" @tap="changeRadio">
<view class="radio" :class="radio == 2 ? 'radio-default':''">
<view :class="radio == 2 ? 'radio-active':''"></view>
</view>
</view>
<view class="agreement">我已阅读并同意<text @tap='maskshow=true'
style="color: #000000;border-bottom: 1rpx solid #000000;">用户协议</text></view>
</view>
<view class="priceback">
<view class="prices">{{orderlist.totalPrice}}</view>
<view class="xiugai" @tap='goaddress'>修改信息</view>
<view class="queren" @tap='updata'>确认预约</view>
</view>
</scroll-view>
<u-toast ref="uToast" />
<!-- // -->
<u-mask :show="maskshow" class='mask' @click='maskshow=false'>
@ -128,6 +133,10 @@
},
data() {
return {
scrollTop: 0,
old: {
scrollTop: 0
},
Soonerorlater: 'morning',
timecurrent: 0, //
openid: '',
@ -187,6 +196,11 @@
this.userinfo();
},
methods: {
upper: function(e) {},
lower: function(e) {},
scroll: function(e) {
this.old.scrollTop = e.detail.scrollTop
},
//
tapSoonerorlater(item) {
this.Soonerorlater = item

View File

@ -10,8 +10,6 @@
</image>
</swiper-item>
</swiper> -->
<view class="container">
<view>
<swiper :indicator-dots="true" :current="currentIndex" :circular="true" previous-margin="80rpx"
@ -40,7 +38,7 @@
<view class="item" @tap="gosite">
<image src="../../static/hlz.png" mode=""></image>
<view class="title">
护理
护理机构
</view>
</view>
<view class="item" @tap="gomedicine">
@ -265,7 +263,7 @@
<style lang="scss">
.app {
padding: 100rpx 0 0 0;
-webkit-overflow-scrolling: touch;
.swiper-block {
height: 500rpx;
width: 100%;

View File

@ -1,5 +1,6 @@
.app{
padding:10rpx 0 0 0;
-webkit-overflow-scrolling: touch;
}
.swiper-box {
width: 100%;
@ -182,7 +183,7 @@
padding: 3%;
position: relative;
transition: all 0.2s linear;
font-size: 36rpx;
font-size: 34rpx;
&::after {
transition: all 0.2s linear;
transform: translateX(-50%) scaleX(0);
@ -281,6 +282,7 @@
.title {
padding-top: 40rpx;
margin:0 0 0 30rpx;
font-size: 38rpx;
line-height: 59rpx;
overflow: hidden;
text-overflow: ellipsis;

View File

@ -318,6 +318,7 @@
.u-tabs {
padding: 20rpx 0;
-webkit-overflow-scrolling: touch;
}
view,