feat: add patient vitalStatus and other properties to patient view

dnpm-dip · Dec 2, 2023 · ce8fa29 · ce8fa29
1 parent e89fa84
commit ce8fa29
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 12 deletions.
diff --git a/packages/core/src/domains/patient/types.ts b/packages/core/src/domains/patient/types.ts
@@ -13,6 +13,7 @@ export type Patient = {
     birthDate: string,
     dateOfDeath?: string,
     managingSite?: Coding,
+    vitalStatus?: Coding,
     healthInsurance?: unknown // todo: type is not defined ?!
 };
 

diff --git a/packages/rare-diseases/src/runtime/pages/query/[id]/patients/[patientId]/index.vue b/packages/rare-diseases/src/runtime/pages/query/[id]/patients/[patientId]/index.vue
@@ -25,18 +25,12 @@ export default defineNuxtComponent({
                 <div><strong><i class="fas fa-birthday-cake" /> Geburtstag</strong> {{ record.patient.birthDate }}</div>
             </div>
             <div class="col">
-                <template v-if="record.therapy">
-                    <div><strong>Therapie</strong> {{ record.therapy.notes }}</div>
+                <template v-if="record.patient.managingSite">
+                    <div><strong><i class="fas fa-hospital" /> Standort</strong> {{ record.patient.managingSite.display || record.patient.managingSite.code }}</div>
+                </template>
+                <template v-if="record.patient.vitalStatus">
+                    <div><strong><i class="fas fa-heartbeat" /> VitalStatus</strong> {{ record.patient.vitalStatus.display || record.patient.vitalStatus.code }}</div>
                 </template>
-                <div>
-                    <strong>HPO Terme</strong>
-                    <template
-                        v-for="(item, key) in record.hpoTerms"
-                        :key="key"
-                    >
-                        <span class="badge bg-dark ms-1">{{ item.value.code }}</span>
-                    </template>
-                </div>
             </div>
         </div>
 
@@ -67,9 +61,31 @@ export default defineNuxtComponent({
                             <span class="ms-1 badge bg-dark">{{ item.display }}</span>
                         </template>
                     </div>
-                    <div><strong><i class="fas fa-heartbeat" /> Status</strong> {{ record.diagnosis.status.display }}</div>
+                    <div><strong><i class="fas fa-spinner" /> Status</strong> {{ record.diagnosis.status.display }}</div>
                 </div>
             </div>
         </div>
+        <div class="mb-2">
+            <h6>
+                HPO
+            </h6>
+            <div class="col">
+                <div>
+                    <strong><i class="fa fa-tags" /> Terme</strong>
+                    <template
+                        v-for="(item, key) in record.hpoTerms"
+                        :key="key"
+                    >
+                        <span class="badge bg-dark ms-1">{{ item.value.display || item.value.code }}</span>
+                    </template>
+                </div>
+            </div>
+        </div>
+        <div v-if="record.therapy">
+            <h6 class="mb-0">
+                Therapie
+            </h6>
+            <div>{{ record.therapy.notes }}</div>
+        </div>
     </div>
 </template>