127 lines
4.6 KiB
Vue
127 lines
4.6 KiB
Vue
<template>
|
|
<v-dialog
|
|
v-model="dialog"
|
|
max-width="500px"
|
|
persistent
|
|
>
|
|
<v-card>
|
|
<v-card-actions class="note">
|
|
<v-spacer></v-spacer>
|
|
<v-btn color="primary" flat @click="dialog=!dialog">Tutup</v-btn>
|
|
</v-card-actions>
|
|
|
|
<v-card-text class="note">
|
|
<v-layout row wrap mb-2 v-show="info_req.note_fo != ''">
|
|
<v-flex xs12>
|
|
<h5 class="caption">Catatan FO by {{info_req.foUser}}</h5>
|
|
<h3 class="title font-weight-regular">{{info_req.note_fo}}</h3>
|
|
</v-flex>
|
|
</v-layout>
|
|
<v-layout row wrap mb-2 v-show="info_req.note_fo_ver != ''">
|
|
<v-flex xs12>
|
|
<h5 class="caption">Catatan Screening by {{info_req.screeningUser}}</h5>
|
|
<h3 class="title font-weight-regular">{{info_req.note_fo_ver}}</h3>
|
|
</v-flex>
|
|
</v-layout>
|
|
<v-layout row wrap mb-2 v-show="info_req.note_sampling != ''">
|
|
<v-flex xs12>
|
|
<h5 class="caption">Catatan Specimen by {{info_req.samplingUser}} </h5>
|
|
<h3 class="title font-weight-regular">{{info_req.note_sampling}}</h3>
|
|
</v-flex>
|
|
</v-layout>
|
|
<v-layout row wrap mb-2 v-show="info_req.note_result_entry != ''">
|
|
<v-flex xs12>
|
|
<h5 class="caption">Catatan Result Entry by {{info_req.resultUser}} </h5>
|
|
<h3 class="title font-weight-regular">{{info_req.note_result_entry}}</h3>
|
|
</v-flex>
|
|
</v-layout>
|
|
</v-card-text>
|
|
|
|
|
|
<v-card-text class="req">
|
|
<v-layout row wrap mb-2 v-show="info_req.req_fo.length > 0">
|
|
<v-flex xs12>
|
|
<h5 class="caption">Requirement FO</h5>
|
|
<h3 class="title font-weight-regular">{{info_req.req_fo.join(', ')}}</h3>
|
|
</v-flex>
|
|
</v-layout>
|
|
|
|
<v-layout row wrap mb-2 v-show="info_req.req_spec_col.length > 0">
|
|
<v-flex xs12>
|
|
<h5 class="caption">Requirement Specimen Collection</h5>
|
|
<h3 class="title font-weight-regular">{{info_req.req_spec_col.join(', ')}}</h3>
|
|
</v-flex>
|
|
</v-layout>
|
|
|
|
<v-layout row wrap mb-2 v-show="info_req.req_spec_ver.length > 0">
|
|
<v-flex xs12>
|
|
<h5 class="caption">Requirement Specimen Verification</h5>
|
|
<h3 class="title font-weight-regular">{{info_req.req_spec_ver.join(', ')}}</h3>
|
|
</v-flex>
|
|
</v-layout>
|
|
|
|
<v-layout row wrap mb-2 v-show="info_req.req_samp_ver.length > 0">
|
|
<v-flex xs12>
|
|
<h5 class="caption">Requirement Sample Verification</h5>
|
|
<h3 class="title font-weight-regular">{{info_req.req_samp_ver.join(', ')}}</h3>
|
|
</v-flex>
|
|
</v-layout>
|
|
|
|
<v-layout row wrap mb-2 v-show="info_req.req_pre_an.length > 0">
|
|
<v-flex xs12>
|
|
<h5 class="caption">Requirement Pre Analitik</h5>
|
|
<h3 class="title font-weight-regular">{{info_req.req_pre_an.join(', ')}}</h3>
|
|
</v-flex>
|
|
</v-layout>
|
|
</v-card-text>
|
|
|
|
<v-card-actions class="note">
|
|
<v-spacer></v-spacer>
|
|
<v-btn color="primary" flat @click="dialog=!dialog">Tutup</v-btn>
|
|
</v-card-actions>
|
|
</v-card>
|
|
</v-dialog>
|
|
</template>
|
|
|
|
<style >
|
|
|
|
.v-card__actions.note {
|
|
background-color: #cceeff;
|
|
}
|
|
.v-card__text.note {
|
|
background-color: #ffffcc;
|
|
}
|
|
.v-card__text.note h5 {
|
|
color: #662200;
|
|
}
|
|
|
|
.v-card__text.req{
|
|
background-color: #ffe6f9 ;
|
|
}
|
|
.v-card__text.req h5 {
|
|
color: #b30000 ;
|
|
}
|
|
</style>
|
|
|
|
<script>
|
|
module.exports = {
|
|
data () {
|
|
return {}
|
|
},
|
|
|
|
computed : {
|
|
dialog : {
|
|
get () { return this.$store.state.re_patient.dialog_req },
|
|
set (v) { this.$store.commit('re_patient/update_dialog_req', v) }
|
|
},
|
|
|
|
info_req () {
|
|
return this.$store.state.re_patient.info_req
|
|
}
|
|
},
|
|
|
|
methods : {
|
|
}
|
|
}
|
|
</script>
|