ragil/Matdash_nuxt
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Firs Commit

Browse Source
This commit is contained in:
STIM RSSA
2025-03-21 09:37:29 +07:00
commit b5f22f157e
98 changed files with 16210 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
pages/Icons.vue Normal file
View File

@@ -0,0 +1,15 @@
<script setup lang="ts">
import { ref } from 'vue';
import UiParentCard from '@/components/shared/UiParentCard.vue';
</script>
<template>
<v-row>
<v-col cols="12" md="12">
<UiParentCard title="Icons">
<div class="pa-7 pt-0">
<iframe src="https://icon-sets.iconify.design/solar/" title="Inline Frame Example" frameborder="0" width="100%" height="650"></iframe>
</div>
</UiParentCard>
</v-col>
</v-row>
</template>

16
pages/Sample-Page.vue Normal file
View File

@@ -0,0 +1,16 @@
<script setup lang="ts">
import { ref } from "vue";
import UiParentCard from "@/components/shared/UiParentCard.vue";
</script>
<template>
<v-row>
<v-col cols="12" md="12">
<v-card elevation="10">
<v-card-item>
<h5 class="text-h5 mb-3">Sample Page</h5>
<p class="text-body-1">This is a sample page</p>
</v-card-item>
</v-card>
</v-col>
</v-row>
</template>

31
pages/auth/Login.vue Normal file
View File

@@ -0,0 +1,31 @@
<script setup lang="ts">
/*-For Set Blank Layout-*/
definePageMeta({
layout: "blank",
});
</script>
<template>
<div class="authentication">
<v-container fluid class="pa-3">
<v-row class="h-100vh d-flex justify-center align-center">
<v-col cols="12" lg="4" xl="3" class="d-flex align-center">
<v-card rounded="md" elevation="10" class="px-sm-1 px-0 withbg mx-auto" max-width="500">
<v-card-item class="pa-sm-8">
<div class="d-flex justify-center py-4">
<LayoutFullLogo />
</div>
<div class="text-body-1 text-muted text-center mb-3">Your Social Campaigns</div>
<AuthLoginForm />
<h6 class="text-h6 text-muted font-weight-medium d-flex justify-center align-center mt-3">
New to Matdash?
<NuxtLink to="/auth/register"
class="text-primary text-decoration-none text-body-1 opacity-1 font-weight-medium pl-2">
Create an account</NuxtLink>
</h6>
</v-card-item>
</v-card>
</v-col>
</v-row>
</v-container>
</div>
</template>

31
pages/auth/Register.vue Normal file
View File

@@ -0,0 +1,31 @@
<script setup lang="ts">
/*-For Set Blank Layout-*/
definePageMeta({
layout: "blank",
});
</script>
<template>
<div class="authentication">
<v-container fluid class="pa-3">
<v-row class="h-100vh d-flex justify-center align-center">
<v-col cols="12" lg="4" xl="3" class="d-flex align-center">
<v-card rounded="md" elevation="10" class="px-sm-1 px-0 withbg mx-auto" max-width="500">
<v-card-item class="pa-sm-8">
<div class="d-flex justify-center py-4">
<LayoutFullLogo />
</div>
<div class="text-body-1 text-muted text-center mb-3">Your Social Campaigns</div>
<AuthRegisterForm />
<h6 class="text-h6 text-muted font-weight-medium d-flex justify-center align-center mt-3">
Already have an Account?
<NuxtLink to="/auth/login"
class="text-primary text-decoration-none text-body-1 opacity-1 font-weight-medium pl-2">
Sign In</NuxtLink>
</h6>
</v-card-item>
</v-card>
</v-col>
</v-row>
</v-container>
</div>
</template>

24
pages/dokter/rawatjalan/cppt.vue Normal file
View File

@@ -0,0 +1,24 @@
<script setup lang="ts">
/*Call Components*/
import Asesment from '@/pages/dokter/rawatjalan/cppt/HasilAsesment.vue';
import History from '~/pages/dokter/rawatjalan/cppt/HistoryAsesment.vue';
</script>
<template>
<v-card elevation="10" class="revenue-products" color="primary">
<div class="d-flex align-center justify-space-between">
<v-card-title class="text-h5">Catatan Pengembangan Pasien Rawat Jalan</v-card-title>
</div>
</v-card>
<v-row class="mt-3">
<v-col cols="7" lg="7">
<v-row>
<v-col><Asesment /></v-col>
</v-row>
</v-col>
<v-col cols="5" lg="5">
<v-row>
<v-col><History /></v-col>
</v-row>
</v-col>
</v-row>
</template>

62
pages/dokter/rawatjalan/cppt/HasilAsesment.vue Normal file
View File

@@ -0,0 +1,62 @@
<template>
<v-card elevation="10" class="revenue-products">
<v-card-item class="pb-4">
<v-row class="mt-3">
<v-col cols="12">
<v-row>
<v-col cols="6">
<v-text-field disabled label="PPA" variant="outlined" density="compact" type="text" hide-details color="primary"></v-text-field>
</v-col>
<v-col cols="6">
<v-text-field disabled label="Nama PPA" variant="outlined" density="compact" type="text" hide-details color="primary"></v-text-field>
</v-col>
</v-row>
</v-col>
</v-row>
<div class="d-flex ga-3 align-center justify-space-between mt-3">
<v-card-title class="text-h5">Hasil Asesmen Pasien Dan Pemberian Pelayanan</v-card-title>
</div>
<v-row class="mt-3">
<v-col cols="12">
<v-row>
<v-col cols="6">
<v-textarea label="(S)" variant="outlined" density="compact" type="text" hide-details color="primary"></v-textarea>
</v-col>
<v-col cols="6">
<v-textarea label="(0)" variant="outlined" density="compact" type="text" hide-details color="primary"></v-textarea>
</v-col>
</v-row>
</v-col>
</v-row>
<v-row class="mt-3">
<v-col cols="12">
<v-row>
<v-col cols="6">
<v-textarea label="(A)" variant="outlined" density="compact" type="text" hide-details color="primary"></v-textarea>
</v-col>
<v-col cols="6">
<v-textarea label="(P)" variant="outlined" density="compact" type="text" hide-details color="primary"></v-textarea>
</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="Review" placeholder="Review & Verifikasi DPJP" variant="outlined" density="compact" type="text" hide-details color="primary"></v-textarea>
</v-col>
</v-row>
</v-col>
</v-row>
<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="/dokter/rawatjalan/cppt" color="light" size="large" block flat>Cancel</v-btn>
</v-col>
</v-row>
</v-card-item>
</v-card>
</template>

35
pages/dokter/rawatjalan/cppt/HistoryAsesment.vue Normal file
View File

@@ -0,0 +1,35 @@
<script setup lang="ts">
import { DailyActivitiesData } from '@/data/dashboard/dashboardData';
import { Icon } from '@iconify/vue';
</script>
<template>
<v-card elevation="10">
<v-card-item>
<v-card-title class="text-h5">History CPPT</v-card-title>
<div class="daily-activities mt-8 px-3">
<div v-for="list in DailyActivitiesData" :key="list.title">
<v-row class="d-flex mb-1">
<v-col cols="4" lg="3" md="auto" sm="auto" class="px-0 pt-0 pb-0 d-flex align-start">
<p class="text-body-1 text-textSecondary text-no-wrap">{{ list.title }}</p>
</v-col>
<v-col cols="1" sm="1" class="px-0 text-center pt-0 pb-0 mt-1">
<Icon icon="tabler:circle-filled" size="13" :class="'text-' + list.textcolor" />
<div v-if="list.line" class="line mx-auto bg-grey100"></div>
</v-col>
<v-col cols="7" sm="8" class="pt-0 pb-0">
<h6 v-if="list.boldtext" class="text-body-1 text-textPrimary">{{ list.subtitle }}</h6>
<p v-else class="text-body-1 text-textPrimary">{{ list.subtitle }}</p>
<div class="mt-n1">
<NuxtLink :to="list.url" class="text-body-1 text-primary text-decoration-none" v-if="list.link">{{
list.link
}}</NuxtLink>
</div>
</v-col>
</v-row>
</div>
</div>
</v-card-item>
</v-card>
</template>

22
pages/index.vue Normal file
View File

@@ -0,0 +1,22 @@
<script setup lang="ts">
/*Call Components*/
import RevenueCard from '@/components/dashboard/RevenueCard.vue';
import NewCustomer from '@/components/dashboard/NewCustomer.vue';
import Totalincome from '@/components/dashboard/TotalIncome.vue';
import RevenueProduct from '@/components/dashboard/RevenueProducts.vue';
import DailyActivities from '@/components/dashboard/DailyActivities.vue';
import BlogCards from '@/components/dashboard/BlogCards.vue';
</script>
<template>
<v-row>
<v-col cols="12" lg="8"><RevenueCard /></v-col>
<v-col cols="12" lg="4"
><NewCustomer class="mb-6" />
<Totalincome />
</v-col>
<v-col cols="12" lg="8"><RevenueProduct/></v-col>
<v-col cols="12" lg="4"><DailyActivities/> </v-col>
<v-col cols="12"><BlogCards/></v-col>
</v-row>
</template>

21
pages/pendaftaran/rawatjalan/KategoriPasien.vue Normal file
View File

@@ -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>

30
pages/pendaftaran/rawatjalan/kategoripasien/Kunjungan.vue Normal file
View File

@@ -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>

45
pages/pendaftaran/rawatjalan/kategoripasien/Pasien.vue Normal file
View File

@@ -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>

57
pages/pendaftaran/rawatjalan/kategoripasien/datapasien/BiodataPasien.vue Normal file
View File

@@ -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>

57
pages/pendaftaran/rawatjalan/kategoripasien/datapasien/CariDataPasien.vue Normal file
View File

@@ -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>

86
pages/pendaftaran/rawatjalan/kategoripasien/datapasien/DllPasien.vue Normal file
View File

@@ -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>

46
pages/pendaftaran/rawatjalan/kategoripasien/datapasien/KontakPasien.vue Normal file
View File

@@ -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>

93
pages/pendaftaran/rawatjalan/kategoripasien/datapasien/KunjunganPasien.vue Normal file
View File

@@ -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>

16
pages/pendaftaran/rawatjalan/kategoripasien/datapasien/SimpanPasien.vue Normal file
View File

@@ -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>

11
pages/ui/Shadow.vue Normal file
View File

@@ -0,0 +1,11 @@
<script setup lang="ts">
import Shadow from "@/components/style-components/shadow/Shadow.vue";
</script>
<template>
<v-row>
<v-col cols="12">
<Shadow/>
</v-col>
</v-row>
</template>

18
pages/ui/Typography.vue Normal file
View File

@@ -0,0 +1,18 @@
<script setup lang="ts">
import UiParentCard from '@/components/shared/UiParentCard.vue';
import Heading from "@/components/style-components/typography/Heading.vue";
import Default from "@/components/style-components/typography/DefaultText.vue";
</script>
<template>
<v-row>
<v-col cols="12" md="12">
<UiParentCard title="Default Text">
<Heading/>
</UiParentCard>
<UiParentCard title="Default Text" class="mt-6">
<Default/>
</UiParentCard>
</v-col>
</v-row>
</template>