Files
FE_CPONE/test/vuex/lama/template/components/oneFOVerificationPasienDokter.vue
2026-04-27 10:13:31 +07:00

123 lines
3.8 KiB
Vue

<template>
<v-layout row wrap>
<v-flex xs12>
<v-layout>
<v-flex xs3 pa-2>
<v-layout row wrap>
<v-flex xs12>
<v-img
src="https://www.sgm-inc.com/wp-content/uploads/2014/06/no-profile-male-img.gif"
aspect-ratio="1"
class="grey lighten-2 elevation-2"
>
</v-flex>
<v-flex xs12>
<patient-history-dialog></patient-history-dialog>
</v-flex>
</v-layout>
</v-flex>
<v-flex xs9>
<v-flex xs12 pa-1>
<v-text-field
label="Nama"
placeholder=""
:value="p_name"
readonly
></v-text-field>
</v-flex>
<v-flex xs12 pa-1>
<v-text-field
label="Jenis Kelamin"
placeholder=""
:value="p_kelamin"
readonly
></v-text-field>
</v-flex>
<v-flex xs12 pa-1>
<v-text-field
label="Telepon / HP"
placeholder=""
:value="p_phone"
readonly
></v-text-field>
</v-flex>
<v-flex xs12>
<v-layout>
<v-flex xs6 pa-1>
<v-text-field
label="Tanggal Lahir"
placeholder=""
:value="p_dob"
readonly
></v-text-field>
</v-flex>
<v-flex xs6 pa-1>
<v-text-field
label="Umur"
placeholder=""
:value="p_age"
readonly
></v-text-field>
</v-flex>
</v-layout>
</v-flex>
<v-flex xs12 class="pt-3 pl-2">
<v-text-field
label="Umur"
placeholder=""
:value="p_address"
readonly
></v-text-field>
</v-flex>
</v-flex>
</v-layout>
</v-flex>
</v-layout>
</template>
<style scoped>
.v-messages { display:none; }
.v-input__slot {
margin-bottom: 0px;
}
</style>
<script>
module.exports = {
components : {
'patient-search-dialog': httpVueLoader('./patientSearchDialog.vue'),
'patient-history-dialog': httpVueLoader('./patientHistoryDialog.vue')
},
data() {
return {
p_name : 'HERI SURYAWAN ST.',
p_address : `KPA Regency 221 Klipang\nSendangmulyo `,
p_phone : '0898-5945-837',
p_note : `Pasien ini agak bawel, tidak usah ditanggapi kalau sedang ngomel - ngomel`,
p_dob : '19-09-1999',
p_age : '20th 3bl 2hr',
p_kelamin : 'Laki-Laki'
}
}
}
</script>