andy/westone-ui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

slcing registrasi awal

Browse Source
This commit is contained in:
adibwp
2024-10-31 15:53:59 +07:00
parent 54f56d9602
commit 8d24534928
27 changed files with 1079 additions and 854 deletions
Download Patch File Download Diff File Expand all files Collapse all files

118
registration/components/form_patient.vue
View File

@@ -1,23 +1,15 @@
<template>
<div>
<v-card class="scroll-container pa-2" style="height: 70vh">
<v-toolbar color="amber-lighten-5" density="compact">
<v-toolbar-title class="text-subtitle-1 font-weight-medium"
>DATA PASIEN</v-toolbar-title
>
<v-spacer></v-spacer>
<v-btn icon>
<v-icon>mdi-plus</v-icon>
</v-btn>
<v-card class="scroll-container pa-4 rounded-lg" elevation="0">
<v-toolbar color="amber-lighten-5 rounded-md" density="compact">
<v-toolbar-title class="text-title-1 font-weight-bold">DATA PASIEN</v-toolbar-title>
</v-toolbar>
<v-row no-gutters class="mt-2">
<v-col cols="3">
<v-row no-gutters class="mt-4">
<v-col cols="2">
<div class="d-flex mb-2">
<v-img
:aspect-ratio="1"
class="bg-white"
class="bg-grey"
src="https://cdn.vuetifyjs.com/images/lists/4.jpg"
width="250"
rounded
@@ -45,80 +37,52 @@
<div class="d-flex mb-2">
<v-btn
color="primary"
text="Riwayat Order"
text="Riwayat"
class="flex-grow-1"
variant="tonal"
flat
></v-btn>
</div>
</v-col>
<v-col class="pl-2" cols="9">
<v-row no-gutters class="mt-0">
<v-col cols="12">
<v-text-field
v-model="first"
color="primary"
density="compact"
label="PID"
hide-details="auto"
variant="underlined"
></v-text-field>
</v-col>
</v-row>
<v-row no-gutters class="mt-3">
<v-col cols="3" class="pr-2">
<v-text-field
v-model="first"
color="primary"
hide-details="auto"
density="compact"
label="Awalan"
variant="underlined"
></v-text-field>
<v-col class="pl-4" cols="10">
<v-text-field class="mb-2" variant="outlined" density="compact" hide-details="auto"
color="primary" v-model="first" label="PID"
></v-text-field>
<v-text-field class="mb-2" variant="outlined" density="compact" hide-details="auto"
color="primary" v-model="first" label="Nama"
></v-text-field>
<v-text-field class="mb-2" variant="outlined" density="compact" hide-details="auto"
color="primary" v-model="first" label="Tanggal Lahir"
></v-text-field>
<v-text-field class="mb-2" variant="outlined" density="compact" hide-details="auto"
color="primary" v-model="first" label="Umur"
></v-text-field>
<v-row no-gutters class="mb-2">
<v-col cols="6">
<v-select
:items="genders" return-object class="pr-1" hide-details="auto"
density="compact" label="Kartu Identitas" color="primary"
item-title="name" variant="outlined"
></v-select>
</v-col>
<v-col cols="6">
<v-text-field
v-model="first"
color="primary"
hide-details="auto"
density="compact"
label="Nama"
variant="underlined"
></v-text-field>
</v-col>
<v-col cols="3" class="pl-2">
<v-text-field
v-model="first"
color="primary"
hide-details="auto"
density="compact"
label="Akhiran"
variant="underlined"
<v-text-field class="pl-1" variant="outlined" density="compact" hide-details="auto"
color="primary" v-model="first" label="Nomor ID"
></v-text-field>
</v-col>
</v-row>
<v-row no-gutters class="mt-3">
<v-col cols="6" class="pr2">
<v-select
:items="genders"
density="compact"
label="Jenis Kelamin"
return-object
item-title="name"
variant="underlined"
></v-select>
</v-col>
<v-col cols="6" class="pl-2">
<v-select
:items="titles"
density="compact"
label="Sapaan"
return-object
item-title="name"
variant="underlined"
></v-select>
</v-col>
</v-row>
<v-textarea class="mb-2" variant="outlined" density="compact" hide-details="auto"
color="primary" v-model="first" label="Alamat" rows="3"
></v-textarea>
<v-text-field class="mb-2" variant="outlined" density="compact" hide-details="auto"
color="primary" v-model="first" label="Diagnosa"
></v-text-field>
<v-text-field class="mb-2" variant="outlined" density="compact" hide-details="auto"
color="primary" v-model="first" label="Catatan Pasien"
></v-text-field>
<v-text-field variant="outlined" density="compact" hide-details="auto"
color="primary" v-model="first" label="Catatan FO"
></v-text-field>
</v-col>
</v-row>
</v-card>