Firs Commit
This commit is contained in:
@@ -0,0 +1,21 @@
|
||||
<script setup lang="ts">
|
||||
import { ref } from 'vue';
|
||||
import { Icon } from '@iconify/vue';
|
||||
</script>
|
||||
<template>
|
||||
<v-card elevation="10" class="revenue-products">
|
||||
<v-card-item class="pb-4">
|
||||
<div class="d-flex ga-3 align-center justify-space-between">
|
||||
<v-card-title class="text-h5">Kategori Pasien</v-card-title>
|
||||
</div>
|
||||
<v-row class="mt-12">
|
||||
<v-col cols="6" class="pt-0">
|
||||
<v-btn to="/pendaftaran/rawatjalan/kategoripasien/pasien" color="info" size="large" block flat>Pasien Baru</v-btn>
|
||||
</v-col>
|
||||
<v-col cols="6" class="pt-0">
|
||||
<v-btn to="/pendaftaran/rawatjalan/kategoripasien/kunjungan" color="warning" size="large" block flat>Pasien Lama</v-btn>
|
||||
</v-col>
|
||||
</v-row>
|
||||
</v-card-item>
|
||||
</v-card>
|
||||
</template>
|
||||
@@ -0,0 +1,30 @@
|
||||
<script setup lang="ts">
|
||||
// import { ref } from 'vue';
|
||||
// import { Icon } from '@iconify/vue';
|
||||
// import { RevenueProjectsData } from '@/data/dashboard/dashboardData';
|
||||
|
||||
/*Call Components*/
|
||||
import Kunjungan from '@/pages/pendaftaran/rawatjalan/kategoripasien/datapasien/KunjunganPasien.vue';
|
||||
import DataPasien from '@/pages/pendaftaran/rawatjalan/kategoripasien/datapasien/CariDataPasien.vue';
|
||||
import Simpan from '@/pages/pendaftaran/rawatjalan/kategoripasien/datapasien/SimpanPasien.vue';
|
||||
</script>
|
||||
<template>
|
||||
<v-card elevation="10" class="revenue-products" color="warning">
|
||||
<div class="d-flex align-center justify-space-between">
|
||||
<v-card-title class="text-h5">Data Kunjungan Pasien</v-card-title>
|
||||
</div>
|
||||
</v-card>
|
||||
<v-row class="mt-3">
|
||||
<v-col cols="12" lg="12">
|
||||
<v-row>
|
||||
<v-col><DataPasien /></v-col>
|
||||
<v-col><Kunjungan /></v-col>
|
||||
</v-row>
|
||||
</v-col>
|
||||
</v-row>
|
||||
<v-row class="mt-3">
|
||||
<v-col cols="12" lg="12">
|
||||
<Simpan/>
|
||||
</v-col>
|
||||
</v-row>
|
||||
</template>
|
||||
@@ -0,0 +1,45 @@
|
||||
<script setup lang="ts">
|
||||
// import { ref } from 'vue';
|
||||
// import { Icon } from '@iconify/vue';
|
||||
// import { RevenueProjectsData } from '@/data/dashboard/dashboardData';
|
||||
|
||||
/*Call Components*/
|
||||
import Pasien from '@/pages/pendaftaran/rawatjalan/kategoripasien/datapasien/BiodataPasien.vue';
|
||||
import Alamat from '~/pages/pendaftaran/rawatjalan/kategoripasien/datapasien/KontakPasien.vue';
|
||||
import Dll from '@/pages/pendaftaran/rawatjalan/kategoripasien/datapasien/DllPasien.vue';
|
||||
import Kunjungan from '@/pages/pendaftaran/rawatjalan/kategoripasien/datapasien/KunjunganPasien.vue';
|
||||
import Simpan from '@/pages/pendaftaran/rawatjalan/kategoripasien/datapasien/SimpanPasien.vue';
|
||||
</script>
|
||||
<template>
|
||||
<v-card elevation="10" class="revenue-products" color="info">
|
||||
<div class="d-flex align-center justify-space-between">
|
||||
<v-card-title class="text-h5">Data Pasien</v-card-title>
|
||||
</div>
|
||||
</v-card>
|
||||
<v-row class="mt-3">
|
||||
<v-col cols="7" lg="7">
|
||||
<v-row>
|
||||
<v-col><Pasien /></v-col>
|
||||
</v-row>
|
||||
<v-row>
|
||||
<v-col><Alamat /></v-col>
|
||||
</v-row>
|
||||
</v-col>
|
||||
<v-col cols="5" lg="5"><Dll/></v-col>
|
||||
</v-row>
|
||||
<v-card elevation="10" class="revenue-products mt-6" color="warning">
|
||||
<div class="d-flex align-center justify-space-between">
|
||||
<v-card-title class="text-h5">Data Kunjungan Pasien</v-card-title>
|
||||
</div>
|
||||
</v-card>
|
||||
<v-row class="mt-3">
|
||||
<v-col cols="7" lg="7">
|
||||
<Kunjungan/>
|
||||
</v-col>
|
||||
</v-row>
|
||||
<v-row class="mt-3">
|
||||
<v-col cols="12" lg="12">
|
||||
<Simpan/>
|
||||
</v-col>
|
||||
</v-row>
|
||||
</template>
|
||||
@@ -0,0 +1,57 @@
|
||||
<template>
|
||||
<v-card elevation="10" class="revenue-products">
|
||||
<v-card-item class="pb-4">
|
||||
<div class="d-flex ga-3 align-center justify-space-between">
|
||||
<v-card-title class="text-h5">Biodata Pasien</v-card-title>
|
||||
</div>
|
||||
<v-row class="mt-3">
|
||||
<v-col cols="12">
|
||||
<v-row>
|
||||
<v-col cols="6">
|
||||
<v-text-field disabled variant="outlined" density="compact" type="number" label="No RM otomatis" hide-details color="primary"></v-text-field>
|
||||
</v-col>
|
||||
<v-col cols="6">
|
||||
<v-text-field autofocus variant="outlined" density="compact" type="number" label="Nomor Induk Kependudukan" hide-details color="primary"></v-text-field>
|
||||
</v-col>
|
||||
</v-row>
|
||||
</v-col>
|
||||
</v-row>
|
||||
<v-row class="mt-3">
|
||||
<v-col cols="12">
|
||||
<v-row>
|
||||
<v-col cols="3">
|
||||
<v-select label="Alias" :items="['Tn', 'Ny', 'Nn', 'An', 'By. Ny']" variant="outlined" density="compact" hide-details color="primary" ></v-select>
|
||||
</v-col>
|
||||
<v-col cols="9">
|
||||
<v-text-field label="Nama Lengkap" variant="outlined" density="compact" type="text" hide-details color="primary"></v-text-field>
|
||||
</v-col>
|
||||
</v-row>
|
||||
</v-col>
|
||||
</v-row>
|
||||
<v-row class="mt-3">
|
||||
<v-col cols="12">
|
||||
<v-row>
|
||||
<v-col cols="3">
|
||||
<v-text-field label="Tempat Lahir" variant="outlined" density="compact" type="text" hide-details color="primary"></v-text-field>
|
||||
</v-col>
|
||||
<v-col cols="9">
|
||||
<v-text-field label="Tanggal Lahir" variant="outlined" density="compact" type="date" hide-details color="primary"></v-text-field>
|
||||
</v-col>
|
||||
</v-row>
|
||||
</v-col>
|
||||
</v-row>
|
||||
<v-row class="mt-3">
|
||||
<v-col cols="12">
|
||||
<v-row>
|
||||
<v-col cols="5">
|
||||
<v-text-field label="Umur" variant="outlined" density="compact" type="number" hide-details color="primary"></v-text-field>
|
||||
</v-col>
|
||||
<v-col cols="7">
|
||||
<v-select label="Jenis Kelamin" :items="['Laki-laki', 'Perempuan']" variant="outlined" density="compact" hide-details color="primary" ></v-select>
|
||||
</v-col>
|
||||
</v-row>
|
||||
</v-col>
|
||||
</v-row>
|
||||
</v-card-item>
|
||||
</v-card>
|
||||
</template>
|
||||
@@ -0,0 +1,57 @@
|
||||
<template>
|
||||
<v-card elevation="10" class="revenue-products">
|
||||
<v-card-item class="pb-4">
|
||||
<div class="d-flex ga-3 align-center justify-space-between">
|
||||
<v-card-title class="text-h5">Biodata Pasien</v-card-title>
|
||||
</div>
|
||||
<v-row class="mt-3">
|
||||
<v-col cols="12">
|
||||
<v-row>
|
||||
<v-col cols="6">
|
||||
<v-text-field autofocus variant="outlined" density="compact" type="number" label="Cari No RM" hide-details color="primary"></v-text-field>
|
||||
</v-col>
|
||||
<v-col cols="6">
|
||||
<v-text-field disabled variant="outlined" density="compact" type="number" label="Nomor Induk Kependudukan" hide-details color="primary"></v-text-field>
|
||||
</v-col>
|
||||
</v-row>
|
||||
</v-col>
|
||||
</v-row>
|
||||
<v-row class="mt-3">
|
||||
<v-col cols="12">
|
||||
<v-row>
|
||||
<v-col cols="3">
|
||||
<v-select disabled label="Alias" :items="['Tn', 'Ny', 'Nn', 'An', 'By. Ny']" variant="outlined" density="compact" hide-details color="primary" ></v-select>
|
||||
</v-col>
|
||||
<v-col cols="9">
|
||||
<v-text-field disabled label="Nama Lengkap" variant="outlined" density="compact" type="text" hide-details color="primary"></v-text-field>
|
||||
</v-col>
|
||||
</v-row>
|
||||
</v-col>
|
||||
</v-row>
|
||||
<v-row class="mt-3">
|
||||
<v-col cols="12">
|
||||
<v-row>
|
||||
<v-col cols="3">
|
||||
<v-text-field disabled label="Tempat Lahir" variant="outlined" density="compact" type="text" hide-details color="primary"></v-text-field>
|
||||
</v-col>
|
||||
<v-col cols="9">
|
||||
<v-text-field disabled label="Tanggal Lahir" variant="outlined" density="compact" type="date" hide-details color="primary"></v-text-field>
|
||||
</v-col>
|
||||
</v-row>
|
||||
</v-col>
|
||||
</v-row>
|
||||
<v-row class="mt-3">
|
||||
<v-col cols="12">
|
||||
<v-row>
|
||||
<v-col cols="5">
|
||||
<v-text-field disabled label="Umur" variant="outlined" density="compact" type="number" hide-details color="primary"></v-text-field>
|
||||
</v-col>
|
||||
<v-col cols="7">
|
||||
<v-select disabled label="Jenis Kelamin" :items="['Laki-laki', 'Perempuan']" variant="outlined" density="compact" hide-details color="primary" ></v-select>
|
||||
</v-col>
|
||||
</v-row>
|
||||
</v-col>
|
||||
</v-row>
|
||||
</v-card-item>
|
||||
</v-card>
|
||||
</template>
|
||||
@@ -0,0 +1,86 @@
|
||||
<template>
|
||||
<v-card elevation="10" class="revenue-products">
|
||||
<v-card-item class="pb-4">
|
||||
<div class="d-flex ga-3 align-center justify-space-between">
|
||||
<v-card-title class="text-h5">Data Lain Pasien</v-card-title>
|
||||
</div>
|
||||
<v-row class="mt-3">
|
||||
<v-col cols="12">
|
||||
<v-row>
|
||||
<v-col cols="6">
|
||||
<v-select label="Agama" :items="['Tidak Diketahui','Islam', 'Kristen Protestan', 'Katholik', 'Hindu', 'Budha','Konghucu']" variant="outlined" density="compact" hide-details color="success" ></v-select>
|
||||
</v-col>
|
||||
<v-col cols="6">
|
||||
<v-select label="Status Perkawinan" :items="['Tidak Diketahui','Belum Menikah', 'Menikah', 'Janda / Duda', 'Cerai']" variant="outlined" density="compact" hide-details color="success" ></v-select>
|
||||
</v-col>
|
||||
</v-row>
|
||||
<v-row>
|
||||
<v-col cols="6">
|
||||
<v-select label="Pekerjaan" :items="['Tidak Diketahui','ASN', 'Swasta', 'Ibu Rumah Tangga', 'Belum Bekerja']" variant="outlined" density="compact" hide-details color="success" ></v-select>
|
||||
</v-col>
|
||||
<v-col cols="6">
|
||||
<v-select label="Pendidikan" :items="['Tidak Diketahui','SD', 'SLTP / SMP', 'SLTA / SMA', 'D3 / Akademik', 'Universitas', 'Lainnya']" variant="outlined" density="compact" hide-details color="success" ></v-select>
|
||||
</v-col>
|
||||
</v-row>
|
||||
<v-row>
|
||||
<v-col cols="6">
|
||||
<v-select label="Kebangsaan" :items="['WNI','WNA']" variant="outlined" density="compact" hide-details color="success" ></v-select>
|
||||
</v-col>
|
||||
<v-col cols="6">
|
||||
<v-select label="Suku" :items="['Tidak Diketahui','Jawa', 'Sunda', 'Madura', 'Batak', 'DLL']" variant="outlined" density="compact" hide-details color="success" ></v-select>
|
||||
</v-col>
|
||||
</v-row>
|
||||
<v-row>
|
||||
<v-col cols="12">
|
||||
<v-select label="Bahasa" :items="['Tidak Diketahui','Jawa', 'Melayu / Indonesia', 'Sunda', 'English', 'German', 'Lainnya']" variant="outlined" density="compact" hide-details color="success" ></v-select>
|
||||
</v-col>
|
||||
</v-row>
|
||||
<v-row>
|
||||
<v-col cols="12">
|
||||
<v-text-field label="No SIM" variant="outlined" density="compact" type="text" hide-details color="success"></v-text-field>
|
||||
</v-col>
|
||||
</v-row>
|
||||
<v-row>
|
||||
<v-col cols="12">
|
||||
<v-text-field label="No Paspor" variant="outlined" density="compact" type="text" hide-details color="success"></v-text-field>
|
||||
</v-col>
|
||||
</v-row>
|
||||
<v-row>
|
||||
<v-col cols="12">
|
||||
<v-select label="Disabilitas" variant="outlined" density="compact" color="success" v-model="select" :hint="`${select.yesno}, ${select.abbr}`" :items="items" item-title="yesno" item-value="abbr" persistent-hint hide-details></v-select>
|
||||
</v-col>
|
||||
</v-row>
|
||||
<v-row>
|
||||
<v-col cols="12">
|
||||
<v-select label="Hambatan Berkomunikasi" variant="outlined" density="compact" color="success" v-model="select" :hint="`${select.yesno}, ${select.vls}`" :items="items" item-title="yesno" item-value="vls" persistent-hint hide-details></v-select>
|
||||
</v-col>
|
||||
</v-row>
|
||||
<v-row>
|
||||
<v-col cols="12">
|
||||
<v-text-field label="Nama Penanggung Jawab Pasien" variant="outlined" density="compact" type="text" hide-details color="success"></v-text-field>
|
||||
</v-col>
|
||||
</v-row>
|
||||
<v-row>
|
||||
<v-col cols="12">
|
||||
<v-select label="Hubungan Dengan Pasien" :items="['Diri Sendiri','Orang Tua', 'Suami / Istri', 'Saudara', 'Anak', 'Teman', 'Lainnya']" variant="outlined" density="compact" hide-details color="success" ></v-select>
|
||||
</v-col>
|
||||
</v-row>
|
||||
<v-row>
|
||||
<v-col cols="12">
|
||||
<v-text-field label="Telepon Penanggung Jawab Pasien" variant="outlined" density="compact" type="number" placeholder="Format +62 " hide-details color="success"></v-text-field>
|
||||
</v-col>
|
||||
</v-row>
|
||||
</v-col>
|
||||
</v-row>
|
||||
</v-card-item>
|
||||
</v-card>
|
||||
</template>
|
||||
<script setup>
|
||||
import { shallowRef } from 'vue'
|
||||
const select = shallowRef({ yesno: 'Tidak', vls: '0' })
|
||||
|
||||
const items = [
|
||||
{ yesno: 'Tidak', vls: '0' },
|
||||
{ yesno: 'Ya', vls: '1' },
|
||||
];
|
||||
</script>
|
||||
@@ -0,0 +1,46 @@
|
||||
<template>
|
||||
<v-card elevation="10" class="revenue-products">
|
||||
<v-card-item class="pb-4">
|
||||
<div class="d-flex ga-3 align-center justify-space-between">
|
||||
<v-card-title class="text-h5">Kontak Pasien</v-card-title>
|
||||
</div>
|
||||
<v-row class="mt-3">
|
||||
<v-col cols="4">
|
||||
<v-text-field variant="outlined" density="compact" type="number" label="No Handphone" placeholder="Format +62 " hide-details color="info"></v-text-field>
|
||||
</v-col>
|
||||
<v-col cols="4">
|
||||
<v-text-field variant="outlined" density="compact" type="number" label="Telepon Rumah" placeholder="Contoh : 0341-22222" hide-details color="info"></v-text-field>
|
||||
</v-col>
|
||||
<v-col cols="4">
|
||||
<v-text-field variant="outlined" density="compact" type="number" label="Telepon Kantor" placeholder="Contoh : 0341-22222" hide-details color="info"></v-text-field>
|
||||
</v-col>
|
||||
</v-row>
|
||||
<v-row class="mt-3">
|
||||
<v-col cols="12">
|
||||
<v-textarea variant="outlined" density="compact" type="text" label="Alamat Lengkap" placeholder="Alamat Sesuai KTP" hide-details color="info"></v-textarea>
|
||||
</v-col>
|
||||
</v-row>
|
||||
<v-row class="mt-3">
|
||||
<v-col cols="6">
|
||||
<v-text-field variant="outlined" density="compact" type="text" label="Provinsi" hide-details color="info"></v-text-field>
|
||||
</v-col>
|
||||
<v-col cols="6">
|
||||
<v-text-field variant="outlined" density="compact" type="text" label="Kota / Kabupaten" hide-details color="info"></v-text-field>
|
||||
</v-col>
|
||||
</v-row>
|
||||
<v-row class="mt-3">
|
||||
<v-col cols="6">
|
||||
<v-text-field variant="outlined" density="compact" type="text" label="Kecamatan" hide-details color="info"></v-text-field>
|
||||
</v-col>
|
||||
<v-col cols="6">
|
||||
<v-text-field variant="outlined" density="compact" type="text" label="Kelurahan" hide-details color="info"></v-text-field>
|
||||
</v-col>
|
||||
</v-row>
|
||||
<v-row class="mt-3">
|
||||
<v-col cols="12">
|
||||
<v-textarea variant="outlined" density="compact" type="text" label="Alamat Domisili" placeholder="Alamat Domisili Sekarang" hide-details color="info"></v-textarea>
|
||||
</v-col>
|
||||
</v-row>
|
||||
</v-card-item>
|
||||
</v-card>
|
||||
</template>
|
||||
@@ -0,0 +1,93 @@
|
||||
<template>
|
||||
<v-card elevation="10" class="revenue-products">
|
||||
<v-card-item class="pb-4">
|
||||
<div class="d-flex ga-3 align-center justify-space-between">
|
||||
<v-card-title class="text-h5">Kunjungan Pasien</v-card-title>
|
||||
</div>
|
||||
<v-row class="mt-3">
|
||||
<v-col cols="12">
|
||||
<v-row>
|
||||
<v-col cols="6">
|
||||
<v-text-field disabled variant="outlined" density="compact" type="text" label="Petugas Pendaftaran" hide-details color="primary"></v-text-field>
|
||||
</v-col>
|
||||
<v-col cols="6">
|
||||
<v-text-field disabled v-model="tanggalDaftar" variant="outlined" density="compact" type="date" label="Tanggal Daftar" hide-details color="primary"></v-text-field>
|
||||
</v-col>
|
||||
</v-row>
|
||||
</v-col>
|
||||
</v-row>
|
||||
<v-row class="mt-3">
|
||||
<v-col cols="12">
|
||||
<v-row>
|
||||
<v-col cols="6">
|
||||
<v-select label="Jenis Pembayaran" :items="['Umum', 'JKN', 'JKMM', 'SPM']" variant="outlined" density="compact" hide-details color="primary" ></v-select>
|
||||
</v-col>
|
||||
<v-col cols="6">
|
||||
<v-select label="Kelas Perawatan" :items="['I', 'II', 'III', 'VIP', 'EKSEKUTIF']" variant="outlined" density="compact" hide-details color="primary" ></v-select>
|
||||
</v-col>
|
||||
</v-row>
|
||||
</v-col>
|
||||
</v-row>
|
||||
<v-row class="mt-3">
|
||||
<v-col cols="12">
|
||||
<v-row>
|
||||
<v-col cols="6">
|
||||
<v-select label="Sub Sistem" :items="['Rawat Jalan Reguler', 'Rawat Jalan Emergency', 'Rawat Jalan Eksekutif', 'Kunjungan Partial - Penunjang']" variant="outlined" density="compact" hide-details color="primary" ></v-select>
|
||||
</v-col>
|
||||
<v-col cols="6">
|
||||
<v-select label="Poliklinik" :items="['IPD', 'ANAK', 'BEDAH', 'DALAM', 'MCU', 'GIZI']" variant="outlined" density="compact" hide-details color="primary" ></v-select>
|
||||
</v-col>
|
||||
</v-row>
|
||||
</v-col>
|
||||
</v-row>
|
||||
<v-row class="mt-3">
|
||||
<v-col cols="12">
|
||||
<v-row>
|
||||
<v-col cols="4">
|
||||
<v-select label="Spesialis" :items="['PARU', 'GIGI RADIOLOGI', 'ONKOLOGI', 'ANAK', 'NEGFROLOGI', 'HEMATOLOGIS']" variant="outlined" density="compact" hide-details color="primary" ></v-select>
|
||||
</v-col>
|
||||
<v-col cols="8">
|
||||
<v-select label="Dokter" :items="['Dr. A, Sp.An', 'Dr. B, Sp.S', 'Dr. C, Sp.Og']" variant="outlined" density="compact" hide-details color="primary" ></v-select>
|
||||
</v-col>
|
||||
</v-row>
|
||||
</v-col>
|
||||
</v-row>
|
||||
<v-row class="mt-3">
|
||||
<v-col cols="12">
|
||||
<v-row>
|
||||
<v-col cols="6">
|
||||
<v-text-field label="Diagnosis" variant="outlined" density="compact" type="number" hide-details color="primary"></v-text-field>
|
||||
</v-col>
|
||||
<v-col cols="6">
|
||||
<v-select label="Dokter" :items="['Bukan Kecelakaan Lalu Lintas [BKLL]', 'KLL dan bukan kecelakaan Kerja [BKK]', 'KLL dan KK', 'KK']" variant="outlined" density="compact" hide-details color="primary" ></v-select>
|
||||
</v-col>
|
||||
</v-row>
|
||||
</v-col>
|
||||
</v-row>
|
||||
<v-row class="mt-3">
|
||||
<v-col cols="12">
|
||||
<v-row>
|
||||
<v-col cols="12">
|
||||
<v-textarea label="Keluhan" variant="outlined" density="compact" hide-details color="primary" ></v-textarea>
|
||||
</v-col>
|
||||
</v-row>
|
||||
</v-col>
|
||||
</v-row>
|
||||
</v-card-item>
|
||||
</v-card>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
tanggalDaftar: this.getTodayDate(),
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
getTodayDate() {
|
||||
const today = new Date();
|
||||
return today.toISOString().substr(0, 10); // Format YYYY-MM-DD
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
@@ -0,0 +1,16 @@
|
||||
<template>
|
||||
<v-card elevation="10" class="revenue-products mt-4">
|
||||
<div class="d-flex align-center justify-space-between">
|
||||
<v-card-title class="text-h5">
|
||||
<v-row class="mt-12">
|
||||
<v-col cols="6" class="pt-0">
|
||||
<v-btn to="/" color="primary" size="large" block flat>Simpan</v-btn>
|
||||
</v-col>
|
||||
<v-col cols="6" class="pt-0">
|
||||
<v-btn to="/pendaftaran/rawatjalan/kategoripasien" color="light" size="large" block flat>Cancel</v-btn>
|
||||
</v-col>
|
||||
</v-row>
|
||||
</v-card-title>
|
||||
</div>
|
||||
</v-card>
|
||||
</template>
|
||||
Reference in New Issue
Block a user