This commit is contained in:
2024-08-12 17:46:19 +08:00
parent 8f26cde3ab
commit be31891e22
3 changed files with 30 additions and 61 deletions

View File

@ -4,26 +4,11 @@
<div @click="handleAuthRole(item, index)" class="cards"> <div @click="handleAuthRole(item, index)" class="cards">
<div class="carditem"> <div class="carditem">
<div class="top"> <div class="top">
<img <img v-if="item.sex == 'FEMALE'" src="../../../assets/manage/nvtouxiang.png" alt="" class="img"
v-if="item.sex == 'FEMALE'" @click="handleAuth(item, index)" />
src="../../../assets/manage/nvtouxiang.png" <img v-if="item.sex == 'MALE'" src="../../../assets/manage/touxiang.png" alt="" class="img"
alt="" @click="handleAuth(item, index)" />
class="img" <el-tooltip class="name" effect="dark" :content="item.patientName" placement="top">
@click="handleAuth(item, index)"
/>
<img
v-if="item.sex == 'MALE'"
src="../../../assets/manage/touxiang.png"
alt=""
class="img"
@click="handleAuth(item, index)"
/>
<el-tooltip
class="name"
effect="dark"
:content="item.patientName"
placement="top"
>
<span @click="handleAuth(item, index)"> <span @click="handleAuth(item, index)">
{{ item.patientName }} {{ item.patientName }}
</span> </span>
@ -33,20 +18,10 @@
{{ item.sex == "FEMALE" ? "女" : "" }} {{ item.sex == "FEMALE" ? "女" : "" }}
<span style="padding: 0 1px">|</span> <span style="padding: 0 1px">|</span>
<span v-if="item.age"> {{ item.age }} </span> <span v-if="item.age"> {{ item.age }} </span>
<span class="zy" v-if="item.patientType == 'IN_HOSPITAL_PATIENT'" <span class="zy" v-if="item.patientType == 'IN_HOSPITAL_PATIENT'">在院</span>
>在院</span <span class="cy" v-if="item.patientType == 'DISCHARGED_PATIENT'">出院</span>
> <span class="yzy" v-if="item.patientType == 'PRE_HOSPITALIZED_PATIENT'">预住院</span>
<span class="cy" v-if="item.patientType == 'DISCHARGED_PATIENT'" <span class="mz" v-if="item.patientType == 'OUTPATIENT'">门诊</span>
>出院</span
>
<span
class="yzy"
v-if="item.patientType == 'PRE_HOSPITALIZED_PATIENT'"
>预住院</span
>
<span class="mz" v-if="item.patientType == 'OUTPATIENT'"
>门诊</span
>
<!-- <span class="mz" v-if="item.patientType == 'CONTRACTED_PATIENT'">签约</span> --> <!-- <span class="mz" v-if="item.patientType == 'CONTRACTED_PATIENT'">签约</span> -->
</div> </div>
<div class="diagnosis">诊断名称{{ item.mainDiagnosis }}</div> <div class="diagnosis">诊断名称{{ item.mainDiagnosis }}</div>
@ -61,31 +36,16 @@
<div class="formitem">就诊时间{{ item.visitDate }}</div> <div class="formitem">就诊时间{{ item.visitDate }}</div>
<div class="formitem flex"> <div class="formitem flex">
<span> 康复计划执行率</span> <span> 康复计划执行率</span>
<el-progress <el-progress v-if="item.taskExecuteRate == 0 || item.taskExecuteRate == null"
v-if="item.taskExecuteRate == 0 || item.taskExecuteRate == null" :percentage="0"></el-progress>
:percentage="0" <el-progress v-else :percentage="item.taskExecuteRate"></el-progress>
></el-progress> <span style="flex: 0.1">({{ item.taskExecuteNum }}/{{ item.taskNum }})</span>
<el-progress
v-else
:percentage="item.taskExecuteRate"
></el-progress>
<span style="flex: 0.1"
>({{ item.taskExecuteNum }}/{{ item.taskNum }})</span
>
</div> </div>
<div class="formitem flex"> <div class="formitem flex">
<span> 康复计划完成率 </span> <span> 康复计划完成率 </span>
<el-progress <el-progress v-if="item.taskFinishRate == 0 || item.taskFinishRate == null" :percentage="0"></el-progress>
v-if="item.taskFinishRate == 0 || item.taskFinishRate == null" <el-progress v-else :percentage="item.taskFinishRate"></el-progress>
:percentage="0" <span style="flex: 0.1">({{ item.taskFinishNum }}/{{ item.taskNum }})</span>
></el-progress>
<el-progress
v-else
:percentage="item.taskFinishRate"
></el-progress>
<span style="flex: 0.1"
>({{ item.taskFinishNum }}/{{ item.taskNum }})</span
>
</div> </div>
<div class="formitem">下次任务</div> <div class="formitem">下次任务</div>
</div> </div>
@ -201,10 +161,13 @@ export default {
font-size: 14px; font-size: 14px;
font-weight: 600; font-weight: 600;
z-index: 9999; z-index: 9999;
border: 2px solid #fff;
} }
.cards:hover { .cards:hover {
border: 2px solid #1890ff; border: 2px solid #1890ff;
} }
.cardlist { .cardlist {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
@ -338,6 +301,7 @@ export default {
overflow: hidden; overflow: hidden;
padding-right: 4px; padding-right: 4px;
} }
.diagnosi { .diagnosi {
position: absolute; position: absolute;
color: #756a5e; color: #756a5e;
@ -352,6 +316,7 @@ export default {
overflow: hidden; overflow: hidden;
padding-right: 4px; padding-right: 4px;
} }
.formitembutton { .formitembutton {
position: absolute; position: absolute;
color: #756a5e; color: #756a5e;
@ -366,6 +331,7 @@ export default {
overflow: hidden; overflow: hidden;
padding-right: 4px; padding-right: 4px;
} }
.formitembutton:hover { .formitembutton:hover {
color: #2d56fb; color: #2d56fb;
border-bottom: 1px solid #2d56fb; border-bottom: 1px solid #2d56fb;
@ -378,9 +344,12 @@ export default {
left: 70px; left: 70px;
top: 16px; top: 16px;
width: 76px; width: 76px;
white-space: nowrap; /* 确保文本在一行内显示 */ white-space: nowrap;
overflow: hidden; /* 超出容器部分隐藏 */ /* 确保文本在一行内显示 */
text-overflow: ellipsis; /* 超出部分显示省略号 */ overflow: hidden;
/* 超出容器部分隐藏 */
text-overflow: ellipsis;
/* 超出部分显示省略号 */
cursor: pointer; cursor: pointer;
} }
} }

View File

@ -465,4 +465,5 @@ export default {
.app-container { .app-container {
padding-top: 0 !important; padding-top: 0 !important;
} }
</style> </style>

View File

@ -736,7 +736,6 @@ export default {
::v-deep .el-table__fixed, ::v-deep .el-table__fixed,
::v-deep .el-table__fixed-right { ::v-deep .el-table__fixed-right {
height: 100% !important;
} }
.card-table { .card-table {