|
|
|
|
@ -1,28 +1,32 @@
|
|
|
|
|
<template>
|
|
|
|
|
<view class="fenzhen_info" v-if="userInfo">
|
|
|
|
|
<view class="header">
|
|
|
|
|
<view class="name">{{userInfo.name}} <span style="font-size: 30rpx;"> {{userInfo.sex==1?'男':userInfo.sex==2?'女':''}} | {{userInfo.age}}岁</span></view>
|
|
|
|
|
<view class="name">{{userInfo.name}} <span style="font-size: 30rpx;">
|
|
|
|
|
{{userInfo.sex==1?'男':userInfo.sex==2?'女':''}} | {{userInfo.age}}岁</span> <span
|
|
|
|
|
style="font-size: 30rpx;" v-if=" userInfo.reg_number">卡号:{{userInfo.reg_number}}</span></view>
|
|
|
|
|
<!-- <view class="riqi">体检套餐:{{userInfo.comboName}}</view>
|
|
|
|
|
<view class="riqi">体检日期:{{userInfo.appointment_date}}</view> -->
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
<!--
|
|
|
|
|
<view class="tiaoma" v-if="userInfo.reg_number">
|
|
|
|
|
<w-barcode :options="{
|
|
|
|
|
width:600,
|
|
|
|
|
height:160,
|
|
|
|
|
code: userInfo.reg_number?userInfo.reg_number:'' ,
|
|
|
|
|
}"></w-barcode>
|
|
|
|
|
<view v-if=" userInfo.reg_number">卡号:{{userInfo.reg_number}}</view>
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
<view style="font-size: 26rpx;margin-top: 50rpx;color: #d46767;font-weight: 700;">
|
|
|
|
|
</view> -->
|
|
|
|
|
|
|
|
|
|
<view
|
|
|
|
|
style="font-size: 26rpx;margin-top: 50rpx;color: #d46767;font-weight: 700; border: 1px solid #83c5c5; padding: 30rpx;border-radius: 20rpx;">
|
|
|
|
|
<view v-for="(item,index) in tip">
|
|
|
|
|
{{item}}
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="xia">
|
|
|
|
|
<view class="xia_row1">
|
|
|
|
|
<view class="xia_title">体检诊室 <span style="font-size: 30rpx;color: #7D7D7D;">共 <span class="lanzi">{{keshi_ids.length}}</span> 个</span></view>
|
|
|
|
|
<view class="xia_title">体检诊室 <span style="font-size: 30rpx;color: #7D7D7D;">共 <span
|
|
|
|
|
class="lanzi">{{keshi_ids.length}}</span> 个</span></view>
|
|
|
|
|
<view style="color: #7D7D7D;">
|
|
|
|
|
已检查 <span class="lanzi">{{wancheng_count}}</span> 个
|
|
|
|
|
</view>
|
|
|
|
|
@ -32,7 +36,13 @@
|
|
|
|
|
<view class="zhuangtai_left bakcolor3">待 排 队</view>
|
|
|
|
|
<view class="zhuangtai_right">
|
|
|
|
|
<view>
|
|
|
|
|
<view class="keshiname">{{item.item}}</view>
|
|
|
|
|
|
|
|
|
|
<view class="keshiname" v-if="item.clinic">{{item.clinic}}</view>
|
|
|
|
|
|
|
|
|
|
<view class="item_k" v-for="(item2,index2) in item.items">
|
|
|
|
|
<view class="zhenshiname">{{item2.name}}</view>
|
|
|
|
|
<view class="itemdesc">{{item2.desc}}</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
@ -45,10 +55,14 @@
|
|
|
|
|
|
|
|
|
|
<view class="keshiname">{{item.clinic}}</view>
|
|
|
|
|
|
|
|
|
|
<view class="zhenshiname">{{item.item}}</view>
|
|
|
|
|
<view class="item_k" v-for="(item2,index2) in item.items">
|
|
|
|
|
<view class="zhenshiname">{{item2.name}}</view>
|
|
|
|
|
<view class="itemdesc">{{item2.desc}}</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view style="display: flex; justify-content: end;">
|
|
|
|
|
<view style="color: #7D7D7D;"> <span class="shuzi">{{item.wait}}</span>人排队</view>
|
|
|
|
|
<view style="color: #7D7D7D;margin-left: 20rpx;" > 预计等待<span class="shuzi">{{item.time}}</span>分钟</view>
|
|
|
|
|
<view style="color: #7D7D7D;margin-left: 20rpx;"> 预计等待<span
|
|
|
|
|
class="shuzi">{{item.time}}</span>分钟</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
@ -59,7 +73,10 @@
|
|
|
|
|
<view class="zhuangtai_right">
|
|
|
|
|
<view>
|
|
|
|
|
<view class="keshiname">{{item.clinic}}</view>
|
|
|
|
|
<view class="zhenshiname">{{item.item}}</view>
|
|
|
|
|
<view class="item_k" v-for="(item2,index2) in item.items">
|
|
|
|
|
<view class="zhenshiname">{{item2.name}}</view>
|
|
|
|
|
<view class="itemdesc">{{item2.desc}}</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<!-- <view style="color: #7D7D7D;">序号{{item.wait_count}}</view> -->
|
|
|
|
|
</view>
|
|
|
|
|
@ -69,7 +86,10 @@
|
|
|
|
|
<view class="zhuangtai_right">
|
|
|
|
|
<view>
|
|
|
|
|
<view class="keshiname">{{item.clinic}}</view>
|
|
|
|
|
<view class="zhenshiname">{{item.item}}</view>
|
|
|
|
|
<view class="item_k" v-for="(item2,index2) in item.items">
|
|
|
|
|
<view class="zhenshiname">{{item2.name}}</view>
|
|
|
|
|
<view class="itemdesc">{{item2.desc}}</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<!-- <view style="color: #7D7D7D;"> {{item.wait_count}}</view> -->
|
|
|
|
|
</view>
|
|
|
|
|
@ -83,10 +103,14 @@
|
|
|
|
|
|
|
|
|
|
<script setup>
|
|
|
|
|
import {
|
|
|
|
|
ref,onMounted, nextTick,onUnmounted
|
|
|
|
|
ref,
|
|
|
|
|
onMounted,
|
|
|
|
|
nextTick,
|
|
|
|
|
onUnmounted
|
|
|
|
|
} from 'vue'
|
|
|
|
|
import {
|
|
|
|
|
onShow,onLoad
|
|
|
|
|
onShow,
|
|
|
|
|
onLoad
|
|
|
|
|
} from '@dcloudio/uni-app'
|
|
|
|
|
import {
|
|
|
|
|
FenZhenGetTiJianLine,
|
|
|
|
|
@ -158,6 +182,7 @@
|
|
|
|
|
.fenzhen_info {
|
|
|
|
|
padding: 30rpx;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.header {
|
|
|
|
|
background-color: #30c5be;
|
|
|
|
|
border-radius: 20rpx;
|
|
|
|
|
@ -165,30 +190,37 @@
|
|
|
|
|
color: #fff;
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.shuzi {
|
|
|
|
|
font-weight: 700;
|
|
|
|
|
color: #ff5500;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.name {
|
|
|
|
|
font-size: 50rpx;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.riqi {
|
|
|
|
|
font-size: 26rpx;
|
|
|
|
|
margin-top: 18rpx;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.tiaoma {
|
|
|
|
|
border-radius: 20rpx;
|
|
|
|
|
|
|
|
|
|
padding: 60rpx 40rpx 30rpx 40rpx;
|
|
|
|
|
box-shadow: 0px 5px 5px #ccc;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.xia {
|
|
|
|
|
padding: 40rpx 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.xia_title {
|
|
|
|
|
font-size: #222222;
|
|
|
|
|
font-size: 40rpx;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.xia_row1 {
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
@ -196,6 +228,7 @@
|
|
|
|
|
margin-bottom: 30rpx;
|
|
|
|
|
margin-top: 20rpx;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.zhuangtai {
|
|
|
|
|
display: flex;
|
|
|
|
|
box-shadow: 0px 5px 5px #ccc;
|
|
|
|
|
@ -203,26 +236,33 @@
|
|
|
|
|
border: 1px solid #e2e2e2;
|
|
|
|
|
margin-top: 20rpx;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.zhuangtai_left {
|
|
|
|
|
|
|
|
|
|
color: #fff;
|
|
|
|
|
padding: 30rpx 20rpx;
|
|
|
|
|
text-align: center; /* 文字居中对齐 */
|
|
|
|
|
white-space: nowrap; /* 防止文字换行 */
|
|
|
|
|
text-align: center;
|
|
|
|
|
/* 文字居中对齐 */
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
/* 防止文字换行 */
|
|
|
|
|
writing-mode: tb-rl;
|
|
|
|
|
font-size: 30rpx;
|
|
|
|
|
border-radius: 20rpx 0 0 20rpx;
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.bakcolor1 {
|
|
|
|
|
background-color: #fc924a;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.bakcolor2 {
|
|
|
|
|
background-color: #01cfde;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.bakcolor3 {
|
|
|
|
|
background-color: #c6c6c6;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.lanzi {
|
|
|
|
|
color: #01cfde;
|
|
|
|
|
}
|
|
|
|
|
@ -233,17 +273,20 @@
|
|
|
|
|
width: 100%;
|
|
|
|
|
padding: 40rpx;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.keshiname {
|
|
|
|
|
font-weight: 500;
|
|
|
|
|
font-size: 40rpx;
|
|
|
|
|
color: #222222;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.zhenshiname {
|
|
|
|
|
font-weight: 500;
|
|
|
|
|
font-size: 30rpx;
|
|
|
|
|
color: #6E6E6E;
|
|
|
|
|
margin-top: 12rpx;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.tiaoma {
|
|
|
|
|
|
|
|
|
|
display: flex;
|
|
|
|
|
@ -251,10 +294,23 @@
|
|
|
|
|
justify-content: center;
|
|
|
|
|
align-items: center;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.tiaoma2 {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
margin-bottom: 15rpx;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.item_k {
|
|
|
|
|
border-bottom: 1px solid #ddd;
|
|
|
|
|
padding: 0rpx 16rpx 16rpx 0rpx;
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.itemdesc {
|
|
|
|
|
font-size: 26rpx;
|
|
|
|
|
color: #ff573a;
|
|
|
|
|
font-weight: 700;
|
|
|
|
|
}
|
|
|
|
|
</style>
|