11 changed files with 540 additions and 65 deletions
@ -0,0 +1,154 @@ |
|||
<template> |
|||
<view class="visitor-account-com"> |
|||
<uni-collapse> |
|||
<uni-collapse-item title="广安门中医医院中西医门诊部 中医科" :thumb="cssUrl+'hicon.svg'" :errmsg="errmsg"> |
|||
<view class="collapse-list"> |
|||
<view class="account-list"> |
|||
<view class="account-item"> |
|||
<view class="title PfScSemibold">单次项目</view> |
|||
<view class="item"> |
|||
<text>针灸</text> |
|||
<text>余1次</text> |
|||
</view> |
|||
<view class="item"> |
|||
<text>麦粒灸</text> |
|||
<text>余3次</text> |
|||
</view> |
|||
<view class="item notice"> |
|||
<text>艾灸</text> |
|||
<text class="outnum">欠1次</text> |
|||
</view> |
|||
</view> |
|||
|
|||
<view class="account-item"> |
|||
<view class="accout-package"> |
|||
<view class="title PfScSemibold">疗程套餐</view> |
|||
<span class="package-name over">上热下寒疗程包</span> |
|||
<view class="item"> |
|||
<text>针灸</text> |
|||
<text>余1次</text> |
|||
</view> |
|||
<view class="item"> |
|||
<text>麦粒灸</text> |
|||
<text>余3次</text> |
|||
</view> |
|||
<view class="item notice"> |
|||
<text>艾灸</text> |
|||
<text class="outnum">欠1次</text> |
|||
</view> |
|||
</view> |
|||
|
|||
<view class="accout-package"> |
|||
<view class="title PfScMedium">疗程套餐</view> |
|||
<span class="package-name over">上热下寒疗程包</span> |
|||
<view class="item"> |
|||
<text>针灸</text> |
|||
<text>余1次</text> |
|||
</view> |
|||
<view class="item"> |
|||
<text>麦粒灸</text> |
|||
<text>余3次</text> |
|||
</view> |
|||
<view class="item notice"> |
|||
<text>艾灸</text> |
|||
<text class="outnum">欠1次</text> |
|||
</view> |
|||
</view> |
|||
|
|||
</view> |
|||
</view> |
|||
</view> |
|||
</uni-collapse-item> |
|||
|
|||
</uni-collapse> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
name: "visitorAccount", |
|||
props: { |
|||
errmsg: { |
|||
type: String, |
|||
default: '' |
|||
} |
|||
}, |
|||
data() { |
|||
return { |
|||
cssUrl:this.cssUrl, |
|||
} |
|||
}, |
|||
methods: { |
|||
} |
|||
}; |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
.visitor-account-com{ |
|||
width: 100%; |
|||
height: auto; |
|||
overflow: hidden; |
|||
/deep/{ |
|||
.uni-collapse-item__wrap{ |
|||
background: #F9FAFB; |
|||
.uni-collapse-item__wrap-content{ |
|||
background: #F8FFF7; |
|||
margin-bottom:24rpx; |
|||
&.open{ |
|||
.account-list{ |
|||
padding: 24rpx; |
|||
margin-top: 24rpx; |
|||
box-sizing: border-box; |
|||
width: 100%; |
|||
height: auto; |
|||
overflow: hidden; |
|||
.account-item{ |
|||
margin-bottom: 40rpx; |
|||
&:last-of-type{ |
|||
margin-bottom: 24rpx; |
|||
} |
|||
.item{ |
|||
display: flex; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
height: 38rpx; |
|||
line-height: 38rpx; |
|||
margin-top: 24rpx; |
|||
font-size: 28rpx; |
|||
letter-spacing: 3.14rpx; |
|||
color: #333333; |
|||
text{ |
|||
&.outnum{ |
|||
color: #FD3B3B; |
|||
} |
|||
} |
|||
} |
|||
.accout-package{ |
|||
margin-bottom: 40rpx; |
|||
&:last-of-type{ |
|||
margin-bottom: 0rpx; |
|||
} |
|||
.package-name{ |
|||
border-radius: 6rpx; |
|||
background: linear-gradient(270deg, #FFEFD5 0%, #FED9A6 100%); |
|||
height: 43rpx; |
|||
line-height: 43rpx; |
|||
padding: 0px 16rpx; |
|||
margin-top: 24rpx; |
|||
width: auto; |
|||
display: inline-block; |
|||
font-size: 28rpx; |
|||
color: #79624A; |
|||
text-align: center; |
|||
max-width: calc(100% - 24rpx); |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
|
|||
</style> |
|||
@ -0,0 +1,113 @@ |
|||
<template> |
|||
<view class="visitor-list-com"> |
|||
<view class="nav"> |
|||
<view class="add PfScMedium" @click="addVisitor"> |
|||
<img :src="cssUrl+'add_visitor.svg'"> |
|||
<text>增加就诊人</text> |
|||
</view> |
|||
<view :class="'item'+(userSelectIndex==0?' active':'')" @click="selectUser(0)">全部</view> |
|||
<view :class="'item'+(userSelectIndex==(key+1)?' active':'')" v-for="(item,key) in vistors" @click="selectUser(key+1)">{{item.name}}</view> |
|||
</view> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
name: "visitorList", |
|||
props: { |
|||
add:{ |
|||
type:Boolean, |
|||
default:()=>false |
|||
} |
|||
}, |
|||
data() { |
|||
return { |
|||
cssUrl:this.cssUrl, |
|||
userSelectIndex:0, |
|||
vistors:false, |
|||
} |
|||
}, |
|||
methods: { |
|||
addVisitor(){ |
|||
location.href = '/pages/modify_visitor/modify_visitor?type=1' |
|||
}, |
|||
selectUser(key){ |
|||
this.userSelectIndex = key |
|||
var visitor_id = 0 |
|||
if(this.userSelectIndex > 0) visitor_id = this.vistors[this.userSelectIndex-1].id |
|||
this.$emit('clickEvent', visitor_id) |
|||
}, |
|||
getVisitors() { |
|||
var param = new Object() |
|||
param.page = 1 |
|||
param.limit = 10000 |
|||
this.$http.req('user/get_visitors', {}, 'GET').then(data=>{ |
|||
if(data == -1) return |
|||
this.vistors = data |
|||
this.$emit('clickEvent', 0) |
|||
}); |
|||
} |
|||
} |
|||
}; |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
.visitor-list-com{ |
|||
width: 100%; |
|||
height: auto; |
|||
overflow: hidden; |
|||
.nav{ |
|||
width: 100%; |
|||
display: flex; |
|||
height: 108rpx; |
|||
display: flex; |
|||
box-sizing: border-box; |
|||
overflow-x: auto; |
|||
align-items: center; |
|||
padding: 0 18rpx; |
|||
column-gap: 20rpx; |
|||
.item{ |
|||
width: auto; |
|||
flex-shrink: 0; |
|||
padding: 0 20rpx; |
|||
height: 60rpx; |
|||
line-height: 60rpx; |
|||
background: rgba(201,203,209,0.25); |
|||
border-radius: 30rpx; |
|||
box-sizing: border-box; |
|||
font-size: 24rpx; |
|||
color: #616266; |
|||
min-width: 136rpx; |
|||
text-align: center; |
|||
&.active{ |
|||
border: 1rpx solid #5BD07A; |
|||
color: #58CA7F; |
|||
background: #F8FFF7; |
|||
} |
|||
} |
|||
.add{ |
|||
width: auto; |
|||
height: 60rpx; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: center; |
|||
z-index: 0; |
|||
border-radius: 100rpx; |
|||
background: #58CA7F; |
|||
font-size: 24rpx; |
|||
line-height: 30rpx; |
|||
text-align: center; |
|||
letter-spacing: 0rpx; |
|||
color: #FFFFFF; |
|||
padding: 0 12rpx; |
|||
flex-shrink: 0; |
|||
|
|||
img{ |
|||
height: 44rpx; |
|||
height: 44rpx; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
|
|||
</style> |
|||
@ -0,0 +1,189 @@ |
|||
<template> |
|||
<view class='waiting-method-page'> |
|||
<visitor-list @clickEvent="getBookData" ref="visitors" :add="true"></visitor-list> |
|||
|
|||
<uni-card title="上官子涵" extra="身份证：9098******8778" margin="0 0 20rpx 0" shadow="none" :border="false" padding="24rpx" class="empty"> |
|||
<!-- <visitor-account></visitor-account> --> |
|||
</uni-card> |
|||
|
|||
|
|||
<uni-card title="上官子涵" extra="身份证：9098******8778" margin="0 0 20rpx 0" shadow="none" :border="false" padding="24rpx" class=""> |
|||
<visitor-account></visitor-account> |
|||
</uni-card> |
|||
|
|||
<uni-card title="上官子涵" extra="身份证：9098******8778" margin="0 0 20rpx 0" shadow="none" :border="false" padding="24rpx" class=""> |
|||
<visitor-account errmsg="4周未看病，请及时复诊"></visitor-account> |
|||
</uni-card> |
|||
|
|||
<uni-card title="上官子涵" extra="身份证：9098******8778" margin="0 0 20rpx 0" shadow="none" :border="false" padding="24rpx" class=""> |
|||
<visitor-account errmsg="4周未看病，请及时复诊"></visitor-account> |
|||
</uni-card> |
|||
|
|||
|
|||
|
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
import visitorList from '@/components/visitorList.vue' |
|||
import visitorAccount from '@/components/visitorAccount.vue' |
|||
|
|||
export default { |
|||
data() { |
|||
return { |
|||
collapseValue:0, |
|||
html:'就诊须知', |
|||
cssUrl:this.cssUrl, |
|||
depart_id:0, |
|||
hospital_depart_name:'', |
|||
value:'', |
|||
type: 0, |
|||
types: [{ |
|||
text: '等医生叫号', |
|||
value: 0 |
|||
}, { |
|||
text: '找床位候诊', |
|||
value: 1 |
|||
}], |
|||
} |
|||
}, |
|||
components:{ |
|||
visitorList, |
|||
visitorAccount |
|||
}, |
|||
onLoad(option) { |
|||
}, |
|||
onReady() { |
|||
this.pageInit() |
|||
}, |
|||
methods: { |
|||
pageInit() { |
|||
this.$refs.visitors.getVisitors() |
|||
}, |
|||
changeCollapse(e) { |
|||
console.log(e); |
|||
}, |
|||
getBookData(visitor_id){ |
|||
console.log(visitor_id) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
.waiting-method-page{ |
|||
overflow: hidden; |
|||
/deep/ { |
|||
.uni-card{ |
|||
border-radius: 0; |
|||
padding: 34rpx 42rpx !important; |
|||
.uni-collapse-item__title-arrow{ |
|||
margin-right: 0; |
|||
} |
|||
.uni-collapse-item{ |
|||
background: #F9FAFB; |
|||
} |
|||
|
|||
&.empty{ |
|||
.uni-card__content{ |
|||
display: none; |
|||
} |
|||
} |
|||
.uni-collapse-item__title-wrap{ |
|||
width: calc(100% - 40rpx); |
|||
} |
|||
.uni-card__content{ |
|||
background: #F9FAFB; |
|||
margin-top: 28rpx; |
|||
} |
|||
.uni-collapse-item__title{ |
|||
background: #F9FAFB; |
|||
&.uni-collapse-item-border{ |
|||
border: none; |
|||
} |
|||
} |
|||
.uni-collapse-item__title-img{ |
|||
width: 32rpx; |
|||
height: 32rpx; |
|||
margin-right: 12rpx; |
|||
} |
|||
.uni-collapse-item__title-box{ |
|||
padding: 0; |
|||
background: #F9FAFB; |
|||
height: 39rpx; |
|||
line-height: 39rpx; |
|||
color: #333333; |
|||
font-size: 28rpx; |
|||
letter-spacing: 2rpx; |
|||
font-weight: 600; |
|||
} |
|||
@supports (-webkit-touch-callout: none) { |
|||
.uni-collapse-item__title-box{ |
|||
font-weight: 500; |
|||
} |
|||
} |
|||
.uni-card__header{ |
|||
border: none; |
|||
padding: 0; |
|||
.uni-card__header-extra .uni-card__header-extra-text{ |
|||
font-size: 24rpx; |
|||
font-weight: normal; |
|||
line-height: normal; |
|||
letter-spacing: 0.14rpx; |
|||
color: #949699; |
|||
} |
|||
|
|||
.uni-card__header-content .uni-card__header-content-title{ |
|||
font-weight: 600; |
|||
line-height: 42rpx; |
|||
font-size: 32rpx; |
|||
color: #333333; |
|||
&:before{ |
|||
content: ''; |
|||
display: inline-block; |
|||
width: 8rpx; |
|||
height: 34rpx; |
|||
z-index: 0; |
|||
border-radius: 10rpx; |
|||
background: #58CA7F; |
|||
position: relative; |
|||
top: 5rpx; |
|||
margin-right: 12rpx; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
.h-name{ |
|||
padding: 36rpx 24rpx; |
|||
box-sizing: border-box; |
|||
width: 100%; |
|||
height: 116rpx; |
|||
margin-bottom: 20rpx; |
|||
background: white; |
|||
display: flex; |
|||
align-items: center; |
|||
font-size: 32rpx; |
|||
color: #000000; |
|||
} |
|||
.title-wrap{ |
|||
width: 100%; |
|||
height: 100rpx; |
|||
} |
|||
.submit{ |
|||
position: fixed; |
|||
width: 100%; |
|||
top: 82.41%; |
|||
.submitbtn{ |
|||
width: 666rpx; |
|||
margin: 0 auto; |
|||
} |
|||
.tip{ |
|||
text-align: center; |
|||
font-size: 28rpx; |
|||
color: #B3B4BC; |
|||
margin-top: 33rpx; |
|||
} |
|||
} |
|||
} |
|||
</style> |
|||
|
After Width: | Height: | Size: 1.4 KiB |
|
After Width: | Height: | Size: 863 B |
|
After Width: | Height: | Size: 14 KiB |
Loading…
Reference in new issue