clinic-v2
/
web
6
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

dev

This commit is contained in:
ChenQiuYu 2025-05-27 10:51:47 +08:00
parent 6c7616d520
commit 0465206aee
1 changed files with 22 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
src/components/outpatient/MedicalQueue.vue
View File

@ -30,13 +30,13 @@
<el-scrollbar style="height: 100%"> <el-scrollbar style="height: 100%">
<li class="list-item" :class="curItem?.id == item.id ? 'active' : ''" v-for="(item, index) in list" <li class="list-item" :class="curItem?.id == item.id ? 'active' : ''" v-for="(item, index) in list"
:key="index" @click="clickLi(item)"> :key="index" @click="clickLi(item)">
<span class="item-avatar" style="position: relative"> <div class="item-avatar">
<img v-if="item.gender==1" class="avatar" src="/static/images/outpatient/man.png" <img v-if="item.gender==1" class="avatar" src="/static/images/outpatient/man.png"
alt="头像"/> alt="头像"/>
<img v-if="item.gender==2" class="avatar" src="/static/images/outpatient/women.png" <img v-if="item.gender==2" class="avatar" src="/static/images/outpatient/women.png"
alt="头像"/> alt="头像"/>
<span v-if="item.isAppointment" class="iconfont icon-yuyue yuYueIcon"></span> <i v-if="item.isAppointment" class="iconfont icon-yuyueh yuYueIcon"></i>
</span> </div>
<span class="item-name">{{ item.name }}</span> <span class="item-name">{{ item.name }}</span>
<span class="item-time"> <span class="item-time">
{{ formatListTime(item.appointmentTime) }} {{ formatListTime(item.appointmentTime) }}
@ -343,6 +343,21 @@ watch(() => selectedDate.value, (newValue, oldValue) => {
.item-avatar { .item-avatar {
width: 26px; width: 26px;
margin-right: 10px; margin-right: 10px;
position: relative;
.yuYueIcon {
display: inline-block;
width: 12px;
height: 12px;
position: absolute;
bottom: 11px;
right: -1px;
color: #31e3ca;
font-size: 12px;
z-index: 99;
background: #fff;
border-radius: 12px;
}
.avatar { .avatar {
margin-top: 11px; margin-top: 11px;
@ -417,15 +432,4 @@ watch(() => selectedDate.value, (newValue, oldValue) => {
right: 0; right: 0;
top: 50px; top: 50px;
} }
.yuYueIcon {
width: 13px;
height: 13px;
position: absolute;
top: -8px;
color: rgb(255, 102, 0);
font-size: 12px;
right: 0;
z-index: 99;
}
</style> </style>