123 lines
5.6 KiB
Vue
123 lines
5.6 KiB
Vue
<template>
|
|
<div>
|
|
<v-card v-if="xselected_patient">
|
|
<v-layout row>
|
|
<v-flex xs12 pa-2>
|
|
<v-layout align-center>
|
|
<v-flex xs2>
|
|
<v-card color="amber lighten-5">
|
|
<v-container style="padding:6px" grid-list-sm fluid>
|
|
|
|
<v-card flat tile class="d-flex">
|
|
|
|
<v-img
|
|
:src="xselected_patient.M_PatientPhotoThumb"
|
|
aspect-ratio="1"
|
|
class="grey lighten-2 elevation-2"
|
|
>
|
|
|
|
</v-img>
|
|
</v-card>
|
|
|
|
</v-container>
|
|
<v-card>
|
|
</v-flex>
|
|
|
|
<v-flex xs10 pl-2 pt-1>
|
|
<v-layout row>
|
|
<v-flex>
|
|
<h3 style="font-size:x-large" class="font-weight-bold">{{ xselected_patient.T_OrderHeaderLabNumber }}</h3>
|
|
</v-flex>
|
|
</v-layout>
|
|
<v-layout row wrap>
|
|
<v-flex xs4>
|
|
<v-layout column>
|
|
<v-flex pt-1>
|
|
<v-text-field
|
|
v-model=" xselected_patient.M_PatientNoReg"
|
|
label="No RM"
|
|
readonly
|
|
hide-details
|
|
>
|
|
</v-text-field>
|
|
</v-flex>
|
|
<v-flex pt-1 >
|
|
<v-text-field
|
|
v-model=" xselected_patient.M_PatientName"
|
|
label="Nama"
|
|
readonly
|
|
hide-details
|
|
>
|
|
</v-text-field>
|
|
</v-flex>
|
|
</v-layout>
|
|
</v-flex>
|
|
|
|
<v-flex xs8 pl-2>
|
|
<v-layout column>
|
|
<v-flex pt-1 >
|
|
<v-layout row>
|
|
<v-flex xs4>
|
|
<v-text-field
|
|
v-model="xselected_patient.patient_dob"
|
|
label="Tanggal lahir"
|
|
readonly
|
|
hide-details
|
|
>
|
|
</v-text-field>
|
|
</v-flex>
|
|
<v-flex xs8 pl-1>
|
|
<v-text-field
|
|
v-model=" xselected_patient.T_OrderHeaderM_PatientAge"
|
|
label="Umur"
|
|
readonly
|
|
hide-details
|
|
>
|
|
</v-text-field>
|
|
</v-flex>
|
|
</v-layout>
|
|
|
|
</v-flex>
|
|
|
|
<v-flex pt-1>
|
|
<v-text-field
|
|
v-model="xselected_patient.M_PatientHP"
|
|
label="HP"
|
|
readonly
|
|
hide-details
|
|
>
|
|
</v-text-field>
|
|
</v-flex>
|
|
</v-layout>
|
|
</v-flex>
|
|
</v-layout>
|
|
</v-flex>
|
|
|
|
</v-layout>
|
|
</v-flex>
|
|
</v-layout>
|
|
</v-card>
|
|
|
|
</div>
|
|
</template>
|
|
|
|
<style scoped>
|
|
|
|
</style>
|
|
|
|
<script>
|
|
module.exports = {
|
|
data: () => ({
|
|
|
|
}),
|
|
computed: {
|
|
xselected_patient(){
|
|
return this.$store.state.sample.selected_transaction
|
|
}
|
|
},
|
|
methods : {
|
|
|
|
}
|
|
}
|
|
</script>
|