You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
253 lines
5.9 KiB
253 lines
5.9 KiB
6 months ago
|
<template>
|
||
|
|
<view class='waiting-method-page'>
|
||
|
|
<view class="h-name over PfScSemibold">
|
||
|
|
{{hospital_depart_name}}
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<uni-card title="上官子涵" extra="身份证：9098******8778" margin="0 10rpx 20rpx 10rpx" shadow="none" :border="false" padding="24rpx 0 0 0">
|
||
|
|
<view>
|
||
|
|
<uni-data-checkbox mode="button" v-model="type" :localdata="types"></uni-data-checkbox>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="" v-if="type == 1">
|
||
|
|
<uni-easyinput v-model="value" placeholder="请输入床位位置" placeholderStyle="color: #999999;font-size: 30rpx;" :trim="true"></uni-easyinput>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="card-cus-txt" v-if="type == 0">
|
||
|
|
首次就诊，建议等待医生叫号
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="card-cus-txt" v-else>
|
||
|
|
没有找到床位，可不填写位置
|
||
|
|
</view>
|
||
|
|
</uni-card>
|
||
|
|
|
||
|
|
<uni-card title="王鹏" extra="身份证：9098******8778" margin="0 10rpx 20rpx 10rpx" shadow="none" :border="false" padding="24rpx 0 0 0">
|
||
|
|
<view>
|
||
|
|
<uni-data-checkbox mode="button" v-model="type" :localdata="types"></uni-data-checkbox>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="" v-if="type == 1">
|
||
|
|
<uni-easyinput v-model="value" placeholder="请输入床位位置" placeholderStyle="color: #999999;font-size: 30rpx;" :trim="true"></uni-easyinput>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="card-cus-txt" v-if="type == 0">
|
||
|
|
首次就诊，建议等待医生叫号
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="card-cus-txt" v-else>
|
||
|
|
没有找到床位，可不填写位置
|
||
|
|
</view>
|
||
|
|
</uni-card>
|
||
|
|
|
||
|
|
<view class="submit">
|
||
|
|
<view class="bot primary btn btn2 submitbtn PfScMedium" hover-class="hover">
|
||
|
|
确认候诊方式
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
</view>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
|
||
|
|
export default {
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
cssUrl:this.cssUrl,
|
||
|
|
depart_id:0,
|
||
|
|
hospital_depart_name:'',
|
||
|
|
value:'',
|
||
|
|
type: 0,
|
||
|
|
types: [{
|
||
|
|
text: '等医生叫号',
|
||
|
|
value: 0
|
||
|
|
}, {
|
||
|
|
text: '找床位候诊',
|
||
|
|
value: 1
|
||
|
|
}],
|
||
|
|
}
|
||
|
|
},
|
||
|
|
onLoad(option) {
|
||
|
|
var depart_info = uni.getStorageSync('depart')
|
||
|
|
if(depart_info) {
|
||
|
|
depart_info = JSON.parse(depart_info)
|
||
|
|
this.hospital_depart_name = depart_info.hospital_name + ' ' + depart_info.depart_name
|
||
|
|
}
|
||
|
|
|
||
|
|
this.getVisitors()
|
||
|
|
this.depart_id = uni.getStorageSync('depart_id')
|
||
|
|
if(!this.depart_id) {
|
||
|
|
this.$pop.modelShow('请先选择要预约的医院科室', '/pages/index/index')
|
||
|
|
return
|
||
|
|
}
|
||
|
|
},
|
||
|
|
onReady() {
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
getVisitors() {
|
||
|
|
this.$http.req('user/get_visitors', {}, 'POST').then(data=>{
|
||
|
|
this.visitUsers = data;
|
||
|
|
this.visitUsers = [...this.visitUsers]
|
||
|
|
this.popMsgs = []
|
||
|
|
var popmsgIndex = 0
|
||
|
|
for (var i = 0; i < this.visitUsers.length; i++) {
|
||
|
|
this.visitUsers[i].select = false
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="scss" scoped>
|
||
|
|
.waiting-method-page{
|
||
|
|
overflow: hidden;
|
||
|
|
/deep/ {
|
||
|
|
.uni-easyinput{
|
||
|
|
margin-bottom: 24rpx;
|
||
|
|
.uni-easyinput__content-input{
|
||
|
|
padding-left: 24rpx !important;
|
||
|
|
color: #333333;
|
||
|
|
font-size: 30rpx;
|
||
|
|
line-height: 30rpx;
|
||
|
|
letter-spacing: 0.22rpx;
|
||
|
|
height: 86rpx;
|
||
|
|
line-height: 86rpx;
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
position: relative;
|
||
|
|
top: -2rpx;
|
||
|
|
}
|
||
|
|
.is-input-border{
|
||
|
|
border: 2rpx solid #DCDCDC !important;
|
||
|
|
}
|
||
|
|
.is-input-border.is-focused{
|
||
|
|
border-color: #39D067 !important;
|
||
|
|
.uni-icons.content-clear-icon.uniui-clear{
|
||
|
|
color: #39D067 !important;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.uni-card{
|
||
|
|
border-radius: 0;
|
||
|
|
padding: 32rpx !important;
|
||
|
|
.uni-data-checklist .checklist-group {
|
||
|
|
column-gap: 24rpx;
|
||
|
|
margin-bottom: 24rpx;
|
||
|
|
.checklist-box{
|
||
|
|
margin: 0;
|
||
|
|
width: calc(50% - 14rpx);
|
||
|
|
box-sizing: border-box;
|
||
|
|
.checklist-content .checklist-text{
|
||
|
|
font-size: 30rpx;
|
||
|
|
font-weight: normal;
|
||
|
|
letter-spacing: 0.22rpx;
|
||
|
|
margin-left: 12rpx;
|
||
|
|
color: #666666;
|
||
|
|
}
|
||
|
|
|
||
|
|
.radio__inner{
|
||
|
|
width: 36rpx;
|
||
|
|
height: 36rpx;
|
||
|
|
border: 2rpx solid #BCBCBC;
|
||
|
|
border-radius: 36rpx;
|
||
|
|
}
|
||
|
|
|
||
|
|
&.is--button{
|
||
|
|
margin-right: 0rpx;
|
||
|
|
padding: 20rpx;
|
||
|
|
border: none;
|
||
|
|
min-height: 82rpx;
|
||
|
|
border-radius: 8rpx;
|
||
|
|
transition: border-color 0.2s;
|
||
|
|
background: #F8F8F8;
|
||
|
|
&.is-checked{
|
||
|
|
background: #F5FFF4;
|
||
|
|
.radio__inner{
|
||
|
|
border-color: #00C160;
|
||
|
|
}
|
||
|
|
.radio__inner-icon{
|
||
|
|
background: #00C160;
|
||
|
|
}
|
||
|
|
.checklist-text{
|
||
|
|
color: #333333;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.card-cus-txt{
|
||
|
|
font-size: 24rpx;
|
||
|
|
font-weight: normal;
|
||
|
|
line-height: 34rpx;
|
||
|
|
height: 34rpx;
|
||
|
|
letter-spacing: 1.77rpx;
|
||
|
|
color: #666666;
|
||
|
|
}
|
||
|
|
.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>
|