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