84 lines
2.3 KiB
Vue
84 lines
2.3 KiB
Vue
<script setup lang="ts">
|
|
import * as DE from '~/components/pub/my-ui/doc-entry';
|
|
|
|
defineProps<{
|
|
data: any
|
|
}>()
|
|
</script>
|
|
|
|
<template>
|
|
<div class="w-full rounded-md border bg-white dark:bg-neutral-950 p-4 shadow-sm">
|
|
<!-- Data Pasien -->
|
|
<h2 class="mb-2 md:text-base 2xl:text-lg font-semibold">{{ 'data.patient.person.name' }} - {{ 'data.patient.number' }}</h2>
|
|
|
|
<div class="grid grid-cols-3" >
|
|
<div>
|
|
<DE.Block mode="preview" labelSize="large">
|
|
<DE.Cell>
|
|
<DE.Label>Tgl. Lahir</DE.Label>
|
|
<DE.Field>
|
|
{{ 'data.patient.person.birthDate' }}
|
|
</DE.Field>
|
|
</DE.Cell>
|
|
<DE.Cell>
|
|
<DE.Label>Jenis Kelamin</DE.Label>
|
|
<DE.Field>
|
|
{{ 'data.patient.person.gender_code' }}
|
|
</DE.Field>
|
|
</DE.Cell>
|
|
<DE.Cell>
|
|
<DE.Label>Alamat</DE.Label>
|
|
<DE.Field>
|
|
<div v-html="'data.patient.person .addresses[0].address'"></div>
|
|
</DE.Field>
|
|
</DE.Cell>
|
|
</DE.Block>
|
|
</div>
|
|
<div>
|
|
<DE.Block mode="preview" labelSize="large">
|
|
<DE.Cell>
|
|
<DE.Label>Tgl. Kunjungan</DE.Label>
|
|
<DE.Field>
|
|
{{ 'data.date' }}
|
|
</DE.Field>
|
|
</DE.Cell>
|
|
<DE.Cell>
|
|
<DE.Label>Klinik</DE.Label>
|
|
<DE.Field>
|
|
{{ 'data.unit.name' }}
|
|
</DE.Field>
|
|
</DE.Cell>
|
|
<DE.Cell>
|
|
<DE.Label>DPJP</DE.Label>
|
|
<DE.Field>
|
|
{{ 'data.doctor.name' }}
|
|
</DE.Field>
|
|
</DE.Cell>
|
|
</DE.Block>
|
|
</div>
|
|
<div>
|
|
<DE.Block mode="preview" labelSize="large">
|
|
<DE.Cell>
|
|
<DE.Label>Tgl. Kunjungan</DE.Label>
|
|
<DE.Field>
|
|
{{ 'data.date' }}
|
|
</DE.Field>
|
|
</DE.Cell>
|
|
<DE.Cell>
|
|
<DE.Label>Klinik</DE.Label>
|
|
<DE.Field>
|
|
{{ 'data.unit.name' }}
|
|
</DE.Field>
|
|
</DE.Cell>
|
|
<DE.Cell>
|
|
<DE.Label>DPJP</DE.Label>
|
|
<DE.Field>
|
|
{{ 'data.doctor.name' }}
|
|
</DE.Field>
|
|
</DE.Cell>
|
|
</DE.Block>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|