158 lines
3.6 KiB
Vue
158 lines
3.6 KiB
Vue
<script setup lang="ts">
|
|
import * as DE from '~/components/pub/my-ui/doc-entry'
|
|
import * as Cbx from '~/components/pub/my-ui/checkboxes'
|
|
import { fi } from 'date-fns/locale';
|
|
|
|
const substances = [
|
|
{ value: 'biopsi', label: 'Biopsi'},
|
|
{ value: 'operation', label: 'Operasi' },
|
|
{ value: 'scraping', label: 'Kerokan' },
|
|
{ value: 'cytology', label: 'Sitologi' },
|
|
{ value: 'fnab', label: 'FNAB' },
|
|
]
|
|
|
|
const fications = [
|
|
{ value: 'pa-formaline-10p', label: 'pA. Formalin 10%' },
|
|
{ value: 'spt-alcohol-70p', label: 'Sputum Alkohol 70%' },
|
|
{ value: 'urn-alcohol-50p', label: 'Urine Alkohol 50%' },
|
|
{ value: 'vgn-smr-alcohol-95p', label: 'Vagibal Smear 95%' },
|
|
]
|
|
|
|
const prevAp = [
|
|
{ value: 'clinical', label: 'Klinik' },
|
|
{ value: 'ro', label: 'RO' },
|
|
{ value: 'clinical-pat', label: 'Pat. Klinik' },
|
|
{ value: 'operation', label: 'Operasi' },
|
|
{ value: 'necropsy', label: 'Nekropsi' },
|
|
]
|
|
|
|
|
|
|
|
</script>
|
|
|
|
<template>
|
|
<div class="header">Data Order</div>
|
|
<DE.Block :col-count="3" :cell-flex="false">
|
|
<DE.Cell>
|
|
<DE.Label>Tgl. Order</DE.Label>
|
|
<DE.Field>
|
|
<Input readonly />
|
|
</DE.Field>
|
|
</DE.Cell>
|
|
<DE.Cell>
|
|
<DE.Label>DPJP</DE.Label>
|
|
<DE.Field>
|
|
<Input readonly />
|
|
</DE.Field>
|
|
</DE.Cell>
|
|
<DE.Cell>
|
|
<DE.Label>PPDS</DE.Label>
|
|
<DE.Field>
|
|
<Input readonly />
|
|
</DE.Field>
|
|
</DE.Cell>
|
|
</DE.Block>
|
|
|
|
<div class="header">Bahan</div>
|
|
<DE.Block :cell-flex="false">
|
|
<DE.Cell>
|
|
<DE.Field>
|
|
<Cbx.Checkboxes :items="substances" :use-flex="true" />
|
|
</DE.Field>
|
|
</DE.Cell>
|
|
</DE.Block>
|
|
|
|
<div class="header">Fiksasi</div>
|
|
<DE.Block :cell-flex="false">
|
|
<DE.Cell>
|
|
<DE.Field>
|
|
<Cbx.Checkboxes :items="fications" :use-flex="true" />
|
|
</DE.Field>
|
|
</DE.Cell>
|
|
</DE.Block>
|
|
|
|
<div class="header">Data Klinis Pasien</div>
|
|
<DE.Block :col-count="6" :cell-flex="false">
|
|
<DE.Cell :col-span="3">
|
|
<DE.Label>Lokalisasi</DE.Label>
|
|
<DE.Field>
|
|
<Textarea />
|
|
</DE.Field>
|
|
</DE.Cell>
|
|
<DE.Cell :col-span="3">
|
|
<DE.Label>Diagnosa Klinik</DE.Label>
|
|
<DE.Field>
|
|
<Textarea />
|
|
</DE.Field>
|
|
</DE.Cell>
|
|
<DE.Cell>
|
|
<DE.Label>Stadium T</DE.Label>
|
|
<DE.Field>
|
|
<Input />
|
|
</DE.Field>
|
|
</DE.Cell>
|
|
<DE.Cell>
|
|
<DE.Label>Stadium M</DE.Label>
|
|
<DE.Field>
|
|
<Input />
|
|
</DE.Field>
|
|
</DE.Cell>
|
|
<DE.Cell>
|
|
<DE.Label>Stadium N</DE.Label>
|
|
<DE.Field>
|
|
<Input />
|
|
</DE.Field>
|
|
</DE.Cell>
|
|
<div class=""></div>
|
|
<DE.Cell :col-span="3">
|
|
<DE.Label>Keterangan Klinik</DE.Label>
|
|
<DE.Field>
|
|
<Textarea rows="2" />
|
|
</DE.Field>
|
|
</DE.Cell>
|
|
</DE.Block>
|
|
|
|
<div class="header">Riwayat Pemeriksaan</div>
|
|
<DE.Block :col-count="2" :cell-flex="false">
|
|
<DE.Cell>
|
|
<DE.Label>Riwayat Dulu</DE.Label>
|
|
<DE.Field>
|
|
<Textarea />
|
|
</DE.Field>
|
|
</DE.Cell>
|
|
<DE.Cell>
|
|
<DE.Label>Riwayat Sekarang</DE.Label>
|
|
<DE.Field>
|
|
<Textarea />
|
|
</DE.Field>
|
|
</DE.Cell>
|
|
<DE.Cell>
|
|
<DE.Label>Pemeriksaan PA Sebelumnya</DE.Label>
|
|
<DE.Field>
|
|
<Cbx.Checkboxes :items="prevAp" :use-flex="true" />
|
|
</DE.Field>
|
|
</DE.Cell>
|
|
<div></div>
|
|
<DE.Cell>
|
|
<DE.Label>Keterangan PA Sebelumnya</DE.Label>
|
|
<DE.Field>
|
|
<Textarea />
|
|
</DE.Field>
|
|
</DE.Cell>
|
|
<DE.Cell>
|
|
<DE.Label>Pemeriksaan Penunjang</DE.Label>
|
|
<DE.Field>
|
|
<Textarea />
|
|
</DE.Field>
|
|
</DE.Cell>
|
|
|
|
</DE.Block>
|
|
|
|
</template>
|
|
|
|
<style>
|
|
.header {
|
|
@apply mb-1.5 text-sm 2xl:text-base font-semibold
|
|
}
|
|
</style>
|