|
|
|
@ -27,8 +27,8 @@ |
|
|
|
<view class="loction">广安门医院西单门诊部</view> |
|
|
|
</view> |
|
|
|
<view class="right"> |
|
|
|
<view class="status">候诊</view> |
|
|
|
<view class="queue-num">前方<text>4</text>人</view> |
|
|
|
<view :class="item+' status'"><view class="over">候诊</view></view> |
|
|
|
<view class="queue-num" v-if="item=='status_wait'"><view>前方<text class="PfScSemibold">4</text>人</view> </view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
@ -44,9 +44,11 @@ |
|
|
|
} |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
pageInit() { |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
</script> |
|
|
|
|
|
|
|
<style lang="scss" scoped> |
|
|
|
@ -85,7 +87,7 @@ |
|
|
|
} |
|
|
|
.list{ |
|
|
|
width: 714rpx; |
|
|
|
height: auto; |
|
|
|
min-height: calc(100vh - 168rpx); |
|
|
|
background: #FFFFFF; |
|
|
|
border-radius: 8rpx; |
|
|
|
margin: 36rpx auto 0; |
|
|
|
@ -129,22 +131,73 @@ |
|
|
|
.right{ |
|
|
|
width: 250rpx; |
|
|
|
flex-shrink: 1; |
|
|
|
text-align: right; |
|
|
|
word-break: break-all; |
|
|
|
.status{ |
|
|
|
display: flex; |
|
|
|
justify-content: flex-end; |
|
|
|
view{ |
|
|
|
display: flex; |
|
|
|
border-radius: 6rpx; |
|
|
|
font-size: 22rpx; |
|
|
|
height: 32rpx; |
|
|
|
line-height: 32rpx; |
|
|
|
padding: 0 10rpx; |
|
|
|
box-sizing: border-box; |
|
|
|
min-width: 90rpx; |
|
|
|
display: block; |
|
|
|
text-align: center; |
|
|
|
} |
|
|
|
|
|
|
|
&.status_wait{ |
|
|
|
view{ |
|
|
|
background: #F8FFF7; |
|
|
|
border: 1rpx solid #5BD07A; |
|
|
|
color: #58CA7F; |
|
|
|
} |
|
|
|
} |
|
|
|
&.status_out_num{ |
|
|
|
view{ |
|
|
|
background: #FFFAF7; |
|
|
|
border: 1rpx solid #FE6710; |
|
|
|
color: #FE6710; |
|
|
|
} |
|
|
|
} |
|
|
|
&.status_down{ |
|
|
|
view{ |
|
|
|
background: #FCFCFC; |
|
|
|
border: 1rpx solid #AEB0B8; |
|
|
|
color: #B6B8BF; |
|
|
|
} |
|
|
|
} |
|
|
|
&.status_expire{ |
|
|
|
view{ |
|
|
|
background: #FCFCFC; |
|
|
|
border: 1rpx solid #AEB0B8; |
|
|
|
color: #B6B8BF; |
|
|
|
} |
|
|
|
} |
|
|
|
&.status_ing{ |
|
|
|
view{ |
|
|
|
border: 1rpx solid #5FA1CB; |
|
|
|
background: #F7FCFF; |
|
|
|
color: #5FA1CB; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
.queue-num{ |
|
|
|
line-height: 48rpx; |
|
|
|
height: 48rpx; |
|
|
|
font-size: 28rpx; |
|
|
|
color: #999999; |
|
|
|
margin-top: 25rpx; |
|
|
|
text{ |
|
|
|
font-size: 48rpx; |
|
|
|
color: #39D067; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
// <view class="list btPadding"> |
|
|
|
// <view :class="'item '+item" v-for="(item, key) in data"> |
|
|
|
// <view class="left"> |
|
|
|
// <view class="title">上官梓涵</view> |
|
|
|
// <view class="date">2024.01.09 周二 09:30-12:00</view> |
|
|
|
// <view class="loction">广安门医院西单门诊部</view> |
|
|
|
// </view> |
|
|
|
// <view class="right"> |
|
|
|
// <view class="status">候诊</view> |
|
|
|
// <view class="queue-num">前方<text>4</text>人</view> |
|
|
|
// </view> |
|
|
|
// </view> |
|
|
|
// </view> |
|
|
|
} |
|
|
|
</style> |
|
|
|
|
