115 lines
4.1 KiB
Vue
115 lines
4.1 KiB
Vue
<template>
|
|
<v-layout row wrap >
|
|
<v-flex xs12 sm6 class="left" fill-height pa-1>
|
|
<!-- komponen kiri -->
|
|
<patient-left-side></patient-left-side>
|
|
<one-fo-registration-requirement></one-fo-registration-requirement>
|
|
</v-flex>
|
|
|
|
<v-flex xs12 sm6 class="right" fill-height pa-1>
|
|
<!-- komponen kanan -->
|
|
<v-card class="pa-1">
|
|
<v-layout column>
|
|
<v-layout align-center row>
|
|
<v-flex xs12>
|
|
<v-card tile class="pa-2" flat color="#64b2cd">
|
|
<h5 class="subtitle-1 font-weight-bold" style="color:#fff">DETAIL ORDER</h5>
|
|
</v-card>
|
|
</v-flex>
|
|
</v-layout>
|
|
<v-layout column>
|
|
|
|
<v-layout style="background:#89CFF0" mb-0 mt-1 align-center row>
|
|
<v-flex v-if="!cito_show || is_cito !== 'Y'" xs2>
|
|
|
|
<h5 class="mono subtitle-1 pl-2 font-weight-bold">
|
|
|
|
</h5>
|
|
|
|
|
|
</v-flex>
|
|
<v-flex v-if="!cito_show || is_cito !== 'Y'" xs10 class="text-xs-right">
|
|
<p class="mb-0 pb-1 pt-1 pr-1">
|
|
<kbd class="mr-1" v-for="schedule in schedules">{{getTimeX(schedule)}}</kbd>
|
|
</p>
|
|
</v-flex>
|
|
<v-flex v-if="cito_show && is_cito == 'Y'" xs2>
|
|
<v-btn dark @click="dialog_cito = true" small color="#ee7777">{{selected_cito.Nat_CitoName}}</v-btn>
|
|
<!--<span class="font-weight-black caption" style="color:#6a6a6a">JANJI HASIL</span>-->
|
|
|
|
</v-flex>
|
|
<v-flex v-if="cito_show && is_cito == 'Y'" xs10 class="text-xs-right">
|
|
<p class="mb-0 pb-1 pt-1 pr-1">
|
|
<kbd class="mr-1" v-for="schedule in schedules">{{getTimeX(schedule)}}</kbd>
|
|
</p>
|
|
</v-flex>
|
|
|
|
</v-layout>
|
|
|
|
</v-layout>
|
|
<one-fo-registration-price-list></one-fo-registration-price-list>
|
|
</v-layout>
|
|
</v-card>
|
|
</v-flex>
|
|
</v-layout>
|
|
</template>
|
|
|
|
<script>
|
|
module.exports = {
|
|
components : {
|
|
'patient-left-side' : httpVueLoader('./patientLeftSide.vue'),
|
|
'patient-right-side' : httpVueLoader('./patientRightSide.vue'),
|
|
'one-fo-registration-price-list' : httpVueLoader('./oneFoRegistrationPriceList.vue?ts='
|
|
+ new Date().toISOString()),
|
|
'one-fo-registration-requirement' : httpVueLoader('./oneFoRegistrationRequirement.vue')
|
|
},
|
|
computed: {
|
|
schedules() {
|
|
var xvar = this.$store.state.px.appx_schedule
|
|
if(xvar)
|
|
xvar = xvar.split(",")
|
|
else
|
|
xvar = []
|
|
return xvar
|
|
},
|
|
citos () {
|
|
return this.$store.state.px.citos
|
|
},
|
|
|
|
selected_cito : {
|
|
get () { return this.$store.state.px.selected_cito },
|
|
set (v) { this.$store.commit('px/update_selected_cito', v) }
|
|
},
|
|
|
|
is_cito () {
|
|
return this.$store.state.px.is_cito
|
|
}
|
|
},
|
|
methods: {
|
|
getTimeX(xtime) {
|
|
if(xtime)
|
|
return moment(xtime).format('DD-MM-YYYY HH:mm')
|
|
else
|
|
return
|
|
}
|
|
},
|
|
data () {
|
|
return {
|
|
cito_show : true,
|
|
dialog_cito:false
|
|
}
|
|
},
|
|
mounted () {
|
|
this.$store.dispatch('px/search_cito')
|
|
},
|
|
|
|
watch : {
|
|
is_cito(val, old) {
|
|
// if (val == "Y" && old == "N")
|
|
// this.cito_show = false
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|