This commit is contained in:
闫晓茹 2024-08-12 10:16:57 +08:00
parent 8be9292c21
commit bfbe0e937a
3 changed files with 70 additions and 49 deletions

View File

@ -204,7 +204,6 @@ export default {
} }
.cards:hover { .cards:hover {
border: 2px solid #1890ff; border: 2px solid #1890ff;
cursor: pointer;
} }
.cardlist { .cardlist {
display: flex; display: flex;
@ -276,6 +275,8 @@ export default {
margin: 10px 0 0 10px; margin: 10px 0 0 10px;
width: 50px; width: 50px;
height: 50px; height: 50px;
cursor: pointer;
} }
.agesex { .agesex {
@ -379,6 +380,8 @@ export default {
white-space: nowrap; /* 确保文本在一行内显示 */ white-space: nowrap; /* 确保文本在一行内显示 */
overflow: hidden; /* 超出容器部分隐藏 */ overflow: hidden; /* 超出容器部分隐藏 */
text-overflow: ellipsis; /* 超出部分显示省略号 */ text-overflow: ellipsis; /* 超出部分显示省略号 */
cursor: pointer;
} }
} }
} }

View File

@ -15,7 +15,6 @@
alt="" alt=""
v-if="$route.query.sex == 'FEMALE'" v-if="$route.query.sex == 'FEMALE'"
@click="shiftCollapsiable" @click="shiftCollapsiable"
/> />
<div class="name" @click="shiftCollapsiable"> <div class="name" @click="shiftCollapsiable">
{{ $route.query.patientName }} {{ $route.query.patientName }}
@ -30,8 +29,6 @@
}} }}
</div> </div>
<div class="source"> <div class="source">
<div <div
class="item" class="item"
@ -66,22 +63,19 @@
<div class="age"> <div class="age">
{{ $route.query.age }} {{ $route.query.age }}
</div> </div>
<div class="age"> <div class="age">身份证号{{ $route.query.patientPhone }}</div>
身份证号{{ $route.query.patientPhone}} <div class="age">患者电话{{ $route.query.patientPhone }}</div>
</div> <div class="age">出生日期{{ $route.query.birthDate }}</div>
<div class="age"> <div class="age">预约时间{{ $route.query.appointmentDate }}</div>
患者电话{{ $route.query.patientPhone}}
</div>
<div class="age">
出生日期{{ $route.query.birthDate}}
</div>
<div class="age">
预约时间{{ $route.query.appointmentDate}}
</div>
<div class="rihgt"> <div class="rihgt">
<Button v-show="collapsiable" type="text" @click="shiftCollapsiable" size="mini"> <Button
v-show="collapsiable"
type="text"
@click="shiftCollapsiable"
size="mini"
>
<span style="font-size: 14px"> <span style="font-size: 14px">
{{ fold ? '收起' : '展开' }} {{ fold ? "收起" : "展开" }}
<i :class="fold ? 'el-icon-arrow-up' : 'el-icon-arrow-down'"></i> <i :class="fold ? 'el-icon-arrow-up' : 'el-icon-arrow-down'"></i>
</span> </span>
</Button> </Button>
@ -92,7 +86,16 @@
<div>家属电话{{ $route.query.familyMemberPhone }}</div> <div>家属电话{{ $route.query.familyMemberPhone }}</div>
<div>登记日期{{ $route.query.registrationDate }}</div> <div>登记日期{{ $route.query.registrationDate }}</div>
<div>开证医生{{ $route.query.certificateIssuingDoctorName }}</div> <div>开证医生{{ $route.query.certificateIssuingDoctorName }}</div>
<div style="width: 50%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;">主要诊断{{ $route.query.mainDiagnosis }}</div> <div
style="
width: 50%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
"
>
主要诊断{{ $route.query.mainDiagnosis }}
</div>
</div> </div>
<div class="bottom"> <div class="bottom">
<div>医院名称{{ $route.query.hospitalAgencyName }}</div> <div>医院名称{{ $route.query.hospitalAgencyName }}</div>
@ -104,7 +107,16 @@
<div>注册时间{{ $route.query.createTime }}</div> <div>注册时间{{ $route.query.createTime }}</div>
<div>预约治疗组{{ $route.query.appointmentTreatmentGroup }}</div> <div>预约治疗组{{ $route.query.appointmentTreatmentGroup }}</div>
<div>责任护士{{ $route.query.responsibleNurse }}</div> <div>责任护士{{ $route.query.responsibleNurse }}</div>
<div style="width: 50%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;">登记号{{ $route.query.registrationNo }}</div> <div
style="
width: 50%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
"
>
登记号{{ $route.query.registrationNo }}
</div>
</div> </div>
</div> </div>
</div> </div>
@ -122,17 +134,20 @@
<div class="bottomheader"> <div class="bottomheader">
<el-tabs v-model="activeName"> <el-tabs v-model="activeName">
<el-tab-pane label="就诊记录" name="first"> <el-tab-pane label="就诊记录" name="first">
<visitRecords :fold=fold></visitRecords> <visitRecords :fold="fold"></visitRecords>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="康复计划及记录" name="second"> <el-tab-pane label="康复计划及记录" name="second">
<RehabilitationPlanandRecords <RehabilitationPlanandRecords
v-if="activeName == 'second'" v-if="activeName == 'second'"
:signPatientRecordld="signPatientRecordld" :signPatientRecordld="signPatientRecordld"
:fold=fold :fold="fold"
></RehabilitationPlanandRecords> ></RehabilitationPlanandRecords>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="健康宣教" name="third"> <el-tab-pane label="健康宣教" name="third">
<healthEducation v-if="activeName == 'third'" :fold=fold></healthEducation> <healthEducation
v-if="activeName == 'third'"
:fold="fold"
></healthEducation>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="指标监测" name="fourth"> <el-tab-pane label="指标监测" name="fourth">
<indicatorMonitoring <indicatorMonitoring
@ -140,7 +155,10 @@
></indicatorMonitoring> ></indicatorMonitoring>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="签约记录" name="five"> <el-tab-pane label="签约记录" name="five">
<signingRecords v-if="activeName == 'five'" :fold=fold></signingRecords> <signingRecords
v-if="activeName == 'five'"
:fold="fold"
></signingRecords>
</el-tab-pane> </el-tab-pane>
</el-tabs> </el-tabs>
</div> </div>
@ -155,7 +173,7 @@ import healthEducation from "../components/healthEducation.vue";
import indicatorMonitoring from "../components/indicatorMonitoring.vue"; import indicatorMonitoring from "../components/indicatorMonitoring.vue";
import signingRecords from "../components/signingRecords.vue"; import signingRecords from "../components/signingRecords.vue";
import RehabilitationPlanandRecords from "../components/RehabilitationPlanandRecords.vue"; import RehabilitationPlanandRecords from "../components/RehabilitationPlanandRecords.vue";
import { Button } from 'element-ui' import { Button } from "element-ui";
export default { export default {
components: { components: {
@ -169,7 +187,7 @@ export default {
signingRecords, signingRecords,
// //
RehabilitationPlanandRecords, RehabilitationPlanandRecords,
Button Button,
}, },
name: "patientdetails", name: "patientdetails",
data() { data() {
@ -192,7 +210,7 @@ export default {
methods: { methods: {
// / // /
shiftCollapsiable() { shiftCollapsiable() {
this.fold = !this.fold this.fold = !this.fold;
}, },
changeitem(e) { changeitem(e) {
console.log(e, "e"); console.log(e, "e");
@ -307,13 +325,13 @@ export default {
.rihgt { .rihgt {
position: absolute; position: absolute;
right: 40px; right: 40px;
} }
.headsculpture { .headsculpture {
border-radius: 50%; border-radius: 50%;
width: 40px; width: 40px;
height: 40px; height: 40px;
cursor: pointer;
} }
} }
} }