xinyilu/nurseWeChatAppletUI
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
pages/appointmenttime/appointmenttime.scss
View File

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

176
pages/appointmenttime/appointmenttime.vue
View File

@ -1,96 +1,101 @@
<template> <template>
<view class="app"> <view class="app">
<view class="user">
<view class="item"> <scroll-view :scroll-top="scrollTop" scroll-y="true" class="scroll-Y" @scrolltoupper="upper"
<span>姓名：</span> @scrolltolower="lower" @scroll="scroll">
<span class='addition'>{{personInfo.patientName}}</span> <view class="user">
</view> <view class="item">
<view class="item"> <span>姓名：</span>
<span>电话：</span> <span class='addition'>{{personInfo.patientName}}</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>
<view class="bottomtext"> <view class="item">
<view class="items" v-if="Soonerorlater=='morning'"> <span>电话：</span>
<view @tap='taptime(item,index)' <span class='addition'>{{personInfo.phone}}</span>
v-for="(item ,index) in orderlist.appointmentTimeList[timecurrent].morningList" </view>
:class="timeindex==index?'timeitemtap':'timeitem'"> <view class="addressitem">
{{item}} <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> </view>
<view class="items" v-if="Soonerorlater=='after'"> <view class="bottomtext">
<view @tap='taptime(item,index)' <view class="items" v-if="Soonerorlater=='morning'">
v-for="(item ,index) in orderlist.appointmentTimeList[timecurrent].afternoonList" <view @tap='taptime(item,index)'
:class="timeindex==index?'timeitemtap':'timeitem'"> v-for="(item ,index) in orderlist.appointmentTimeList[timecurrent].morningList"
{{item}} :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>
</view> </view>
</view> <view class="remarks">
<view class="remarks"> 服务时长:
服务时长: <span style='padding-left: 30rpx;' class='addition'>{{orderlist.serveDurationUnit}}</span>
<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> </view>
</view> <view class="Package">套餐信息：
<view class="remarks"> <text class="money">￥{{orderlist.nurseItemPrice}}</text>
<span>备注：</span> <text class="detail">
<input placeholder="请输入" v-model="orderlist.remark"> {{orderlist.nurseItemName}}
</view> </text>
<view class="radio-content"> </view>
<view class="radio-right" @tap="changeRadio"> <view class="Consumablespackage">耗材包详情：
<view class="radio" :class="radio == 2 ? 'radio-default':''"> <text class="money">￥{{consumableTotalPrice}}</text>
<view :class="radio == 2 ? 'radio-active':''"></view> <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> </view>
<view class="agreement">我已阅读并同意<text @tap='maskshow=true' <view class="remarks">
style="color: #000000;border-bottom: 1rpx solid #000000;">《用户协议》</text></view> <span>备注：</span>
</view> <input placeholder="请输入" v-model="orderlist.remark">
<view class="priceback"> </view>
<view class="prices">￥{{orderlist.totalPrice}}</view> <view class="radio-content">
<view class="xiugai" @tap='goaddress'>修改信息</view> <view class="radio-right" @tap="changeRadio">
<view class="queren" @tap='updata'>确认预约</view> <view class="radio" :class="radio == 2 ? 'radio-default':''">
</view> <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-toast ref="uToast" />
<!-- //用户协议 --> <!-- //用户协议 -->
<u-mask :show="maskshow" class='mask' @click='maskshow=false'> <u-mask :show="maskshow" class='mask' @click='maskshow=false'>
@ -128,6 +133,10 @@
}, },
data() { data() {
return { return {
scrollTop: 0,
old: {
scrollTop: 0
},
Soonerorlater: 'morning', Soonerorlater: 'morning',
timecurrent: 0, //时间下标 timecurrent: 0, //时间下标
openid: '', openid: '',
@ -187,6 +196,11 @@
this.userinfo(); this.userinfo();
}, },
methods: { methods: {
upper: function(e) {},
lower: function(e) {},
scroll: function(e) {
this.old.scrollTop = e.detail.scrollTop
},
//切换上下午 //切换上下午
tapSoonerorlater(item) { tapSoonerorlater(item) {
this.Soonerorlater = item this.Soonerorlater = item

6
pages/homepage/homepage.vue
View File

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

4
pages/nursestation/nursestation.scss
View File

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

1
pages/utabs/u-tabs.vue
View File

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