Flatten nested repos
This commit is contained in:
sas.fajri
Binary file not shown.
@@ -0,0 +1,68 @@
|
||||
<template>
|
||||
|
||||
<v-dialog
|
||||
v-model="dialog"
|
||||
full-width
|
||||
>
|
||||
<v-btn
|
||||
color="blue"
|
||||
slot="activator"
|
||||
dark
|
||||
block
|
||||
@click="search"
|
||||
>
|
||||
Cari
|
||||
</v-btn>
|
||||
|
||||
<v-card>
|
||||
<v-card-title
|
||||
class="headline grey lighten-2 pt-2 pb-2"
|
||||
primary-title
|
||||
>
|
||||
Data Pasien
|
||||
</v-card-title>
|
||||
<v-card-text class="pt-2 pb-2">
|
||||
<patient-search-result></patient-search-result>
|
||||
</v-card-text>
|
||||
<v-divider></v-divider>
|
||||
|
||||
<v-card-actions>
|
||||
<v-spacer></v-spacer>
|
||||
<v-btn
|
||||
color="primary"
|
||||
flat
|
||||
@click="dialog = false"
|
||||
>
|
||||
Tutup
|
||||
</v-btn>
|
||||
</v-card-actions>
|
||||
</v-card>
|
||||
</v-dialog>
|
||||
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
</style>
|
||||
|
||||
<script>
|
||||
module.exports = {
|
||||
components : {
|
||||
'patient-search-result': httpVueLoader('./patientSearchResult.vue')
|
||||
},
|
||||
methods : {
|
||||
search: function() {
|
||||
this.$store.dispatch('patient/search')
|
||||
}
|
||||
},
|
||||
computed : {
|
||||
dialog: {
|
||||
get() {
|
||||
return this.$store.state.patient.search_dialog_is_active;
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit('patient/update_search_dialog_is_active',val);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
211
test/vuex/one-fo-registration-dev/components/oneDialogPhoto.vue
Normal file
211
test/vuex/one-fo-registration-dev/components/oneDialogPhoto.vue
Normal file
@@ -0,0 +1,211 @@
|
||||
<template>
|
||||
<v-dialog
|
||||
v-model="dialog"
|
||||
:overlay="true"
|
||||
|
||||
max-width="300px"
|
||||
|
||||
>
|
||||
<v-card>
|
||||
<v-card-title primary-title class="headline grey lighten-2">
|
||||
Ambil / Upload Foto
|
||||
</v-card-title>
|
||||
|
||||
<v-card-text>
|
||||
<v-layout row wrap>
|
||||
<v-flex xs12>
|
||||
<v-card fill-height flat>
|
||||
|
||||
<v-card-text class="pb-0">
|
||||
<v-card
|
||||
class="photo_box"
|
||||
id="photo_box"
|
||||
elevation="24"
|
||||
>
|
||||
<div class="photo_inside" id="photo_inside" v-show="camera">
|
||||
asasdasd ads asd ad ad as da sd a das d sa das d ad as d as dsa ds ad asd sa das d asd as da sd sad as das das d asd sa das d sad as da sd
|
||||
</div>
|
||||
|
||||
<div class="photo_inside" id="photo_inside_2" v-show="!camera">
|
||||
<v-img
|
||||
:src="imageUrl"
|
||||
aspect-ratio="1.34"
|
||||
class="grey lighten-2 elevation-2"
|
||||
contain
|
||||
>
|
||||
<!-- <img :src="imageUrl" height="150" v-if="imageUrl"/> -->
|
||||
</div>
|
||||
</v-card>
|
||||
<v-btn color="success" block @click="snap_photo" v-show="camera">Ambil Foto</v-btn>
|
||||
<v-btn color="orange" dark block @click="camera = true" v-show="!camera">Gunakan Kamera</v-btn>
|
||||
|
||||
<v-divider>xxxx</v-divider>
|
||||
|
||||
<v-flex xs12 class="text-xs-center">
|
||||
atau
|
||||
</v-flex>
|
||||
<v-flex xs12 class="text-xs-center text-sm-center text-md-center text-lg-center">
|
||||
|
||||
<v-text-field label="Pilih Gambar" hide-details @click='pickFile' v-model='imageName' prepend-icon='attach_file' class="mt-2"></v-text-field>
|
||||
<input
|
||||
type="file"
|
||||
style="display: none"
|
||||
ref="image"
|
||||
accept="image/*"
|
||||
@change="onFilePicked"
|
||||
>
|
||||
</v-flex>
|
||||
|
||||
<v-flex xs12>
|
||||
<v-btn color="success" block @click="upload" :disabled="camera" :dark="!camera">Simpan</v-btn>
|
||||
</v-flex>
|
||||
</v-card-text>
|
||||
|
||||
</v-card>
|
||||
</v-flex>
|
||||
|
||||
</v-layout>
|
||||
</v-card-text>
|
||||
|
||||
<v-divider></v-divider>
|
||||
<v-card-actions>
|
||||
<v-spacer></v-spacer>
|
||||
<v-btn
|
||||
color="primary"
|
||||
flat
|
||||
@click="dialog = false"
|
||||
>
|
||||
Tutup
|
||||
</v-btn>
|
||||
</v-card-actions>
|
||||
|
||||
</v-card>
|
||||
|
||||
|
||||
</v-dialog>
|
||||
</template>
|
||||
|
||||
<style>
|
||||
.photo_box {
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.photo_inside {
|
||||
/* position: absolute;
|
||||
top: 0;
|
||||
left: 0; */
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#photo_inside_2 {
|
||||
min-height: 201px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
module.exports = {
|
||||
data () {
|
||||
return {
|
||||
title: "Image Upload",
|
||||
imageName: '',
|
||||
imageUrl: '',
|
||||
imageFile: '',
|
||||
camera: true
|
||||
}
|
||||
},
|
||||
|
||||
computed : {
|
||||
dialog : {
|
||||
get () { return this.$store.state.photo.dialog_photo },
|
||||
set (v) { this.$store.commit('photo/update_dialog_photo', v) }
|
||||
}
|
||||
},
|
||||
|
||||
methods : {
|
||||
snap_photo() {
|
||||
var str = this.$store
|
||||
Webcam.snap(function(data_uri) {
|
||||
// document.getElementById('photo_result').innerHTML = '<img src="'+data_uri+'"/>';
|
||||
// console.log(data_uri)
|
||||
str.commit('photo/update_photo_64', data_uri)
|
||||
str.dispatch('photo/upload')
|
||||
})
|
||||
delete str
|
||||
},
|
||||
|
||||
pickFile () {
|
||||
this.$refs.image.click ()
|
||||
},
|
||||
|
||||
onFilePicked (e) {
|
||||
this.camera = false
|
||||
console.log(this.camera)
|
||||
const files = e.target.files
|
||||
if(files[0] !== undefined) {
|
||||
this.imageName = files[0].name
|
||||
if(this.imageName.lastIndexOf('.') <= 0) {
|
||||
return
|
||||
}
|
||||
const fr = new FileReader ()
|
||||
fr.readAsDataURL(files[0])
|
||||
fr.addEventListener('load', () => {
|
||||
this.imageUrl = fr.result
|
||||
this.imageFile = files[0] // this is an image file that can be sent to server...
|
||||
})
|
||||
|
||||
|
||||
} else {
|
||||
this.imageName = ''
|
||||
this.imageFile = ''
|
||||
this.imageUrl = ''
|
||||
}
|
||||
},
|
||||
|
||||
upload () {
|
||||
this.$store.commit('photo/update_photo_64', this.imageUrl)
|
||||
this.$store.dispatch('photo/upload')
|
||||
}
|
||||
},
|
||||
|
||||
watch : {
|
||||
dialog (n, o) {
|
||||
if (n == true) {
|
||||
this.camera = true
|
||||
Webcam.set({
|
||||
width: 268,
|
||||
height: 201,
|
||||
image_format: 'jpeg',
|
||||
jpeg_quality: 90,
|
||||
dest_width: 640,
|
||||
dest_height: 480
|
||||
});
|
||||
Webcam.attach( '#photo_inside' );
|
||||
} else {
|
||||
Webcam.reset()
|
||||
}
|
||||
},
|
||||
|
||||
camera (n, o) {
|
||||
if (n == true) {
|
||||
this.imageName = ''
|
||||
this.imageFile = ''
|
||||
this.imageUrl = ''
|
||||
|
||||
Webcam.set({
|
||||
width: 268,
|
||||
height: 201,
|
||||
image_format: 'jpeg',
|
||||
jpeg_quality: 90,
|
||||
dest_width: 640,
|
||||
dest_height: 480
|
||||
});
|
||||
Webcam.attach( '#photo_inside' );
|
||||
} else {
|
||||
Webcam.reset()
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,69 @@
|
||||
<template>
|
||||
|
||||
<v-dialog
|
||||
v-model="dialog"
|
||||
width="1000px"
|
||||
>
|
||||
|
||||
|
||||
<v-card>
|
||||
<v-card-title
|
||||
class="headline grey lighten-2 pt-2 pb-2"
|
||||
primary-title
|
||||
>
|
||||
Laporan
|
||||
</v-card-title>
|
||||
<v-card-text class="pt-2 pb-2">
|
||||
|
||||
<v-layout>
|
||||
<v-flex xs12>
|
||||
<object :data="rpt_url"
|
||||
width="100%" height="512px"></object>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
|
||||
</v-card-text>
|
||||
<v-divider></v-divider>
|
||||
|
||||
<v-card-actions>
|
||||
<v-spacer></v-spacer>
|
||||
|
||||
<v-btn
|
||||
color="primary"
|
||||
@click="dialog = false"
|
||||
flat
|
||||
>
|
||||
Tutup
|
||||
</v-btn>
|
||||
|
||||
</v-card-actions>
|
||||
</v-card>
|
||||
</v-dialog>
|
||||
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
</style>
|
||||
|
||||
<script>
|
||||
module.exports = {
|
||||
components : {
|
||||
},
|
||||
methods : {
|
||||
},
|
||||
computed : {
|
||||
dialog: {
|
||||
get() {
|
||||
return this.$store.state.order.print_dialog_is_active;
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit('order/update_print_dialog_is_active', val);
|
||||
}
|
||||
},
|
||||
|
||||
rpt_url () {
|
||||
return this.$store.state.order.rpt_url
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,49 @@
|
||||
<template>
|
||||
<v-flex class="pl-2">
|
||||
<v-layout row>
|
||||
<v-checkbox @change="checkedChange()"
|
||||
:color="value.checked ? 'success' : 'warning' "
|
||||
v-model="value.checked" hide-details class="shrink">
|
||||
</v-checkbox>
|
||||
<v-text-field
|
||||
class="grow"
|
||||
:label="value.label"
|
||||
:placeholder="value.placeholder"
|
||||
:background-color="value.checked ? 'success' : value.note == '' ? 'error' : 'warning' "
|
||||
outline
|
||||
:error-messages="value.is_error? value.error_message : ''"
|
||||
:error="value.is_error"
|
||||
v-model="value.note"
|
||||
@input="noteChange()"
|
||||
></v-text-field>
|
||||
</v-layout>
|
||||
</v-flex>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
module.exports = {
|
||||
props : ['value'],
|
||||
methods : {
|
||||
noteChange(note) {
|
||||
if (! this.value.checked ) {
|
||||
this.value.is_error = this.value.note.trim() == ""
|
||||
} else {
|
||||
this.value.is_error = false
|
||||
this.value.note = ""
|
||||
}
|
||||
this.$emit("input", this.value )
|
||||
},
|
||||
checkedChange() {
|
||||
if (this.value.checked) {
|
||||
this.value.note = "";
|
||||
this.value.is_error = false;
|
||||
} else {
|
||||
this.value.is_error = (this.value.note.trim() == "" )
|
||||
}
|
||||
this.$emit("input", this.value)
|
||||
}
|
||||
},
|
||||
computed : {
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,70 @@
|
||||
<template>
|
||||
|
||||
<v-dialog
|
||||
v-model="dialog"
|
||||
width="500"
|
||||
>
|
||||
|
||||
|
||||
<v-card>
|
||||
<v-card-title
|
||||
class="headline grey lighten-2 pt-2 pb-2"
|
||||
primary-title
|
||||
>
|
||||
Pendaftaran Berhasil
|
||||
</v-card-title>
|
||||
<v-card-text class="pt-2 pb-2">
|
||||
<h6 class="display-1 text-center">No LAB <span class="blue--text">{{ text_labno }}</span></h6>
|
||||
</v-card-text>
|
||||
<v-divider></v-divider>
|
||||
|
||||
<v-card-actions>
|
||||
<v-spacer></v-spacer>
|
||||
<v-btn
|
||||
color="primary"
|
||||
flat
|
||||
@click="finish"
|
||||
>
|
||||
Tutup
|
||||
</v-btn>
|
||||
</v-card-actions>
|
||||
</v-card>
|
||||
</v-dialog>
|
||||
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
</style>
|
||||
|
||||
<script>
|
||||
module.exports = {
|
||||
components : {
|
||||
},
|
||||
methods : {
|
||||
tuing : function () {
|
||||
alert('x')
|
||||
},
|
||||
|
||||
finish : function () {
|
||||
this.dialog = false
|
||||
this.$store.commit('order/update_tab_enable', [0, false])
|
||||
this.$store.commit('order/update_tab_enable', [1, false])
|
||||
this.$store.commit('change_tab', '03')
|
||||
}
|
||||
},
|
||||
computed : {
|
||||
dialog: {
|
||||
get() {
|
||||
return this.$store.state.order.finish_dialog_is_active;
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit('order/update_finish_dialog_is_active', val);
|
||||
}
|
||||
},
|
||||
|
||||
text_labno () {
|
||||
return this.$store.state.order.current_order.number
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,184 @@
|
||||
<template>
|
||||
<v-layout column pb-2>
|
||||
<v-card >
|
||||
<v-layout row>
|
||||
<v-flex pt-1 pb-1 pl-2 pr-1 xs12 sm6 md6>
|
||||
<v-autocomplete
|
||||
label="Perusahaan"
|
||||
v-model="selected_company"
|
||||
:items="companies"
|
||||
:search-input.sync="search"
|
||||
:readonly="isHavingTest"
|
||||
auto-select-first
|
||||
no-filter
|
||||
return-object
|
||||
:clearable="! isHavingTest"
|
||||
item-text="M_CompanyName"
|
||||
:loading="is_loading"
|
||||
no-data-text="Pilih Company"
|
||||
>
|
||||
<template
|
||||
slot="item"
|
||||
slot-scope="{ item }"
|
||||
>
|
||||
<v-list-tile-content>
|
||||
<v-list-tile-title v-text="item.M_CompanyName"></v-list-tile-title>
|
||||
<v-list-tile-sub-title v-text="getMou(item)"></v-list-tile-sub-title>
|
||||
</v-list-tile-content>
|
||||
</template>
|
||||
|
||||
</v-autocomplete>
|
||||
</v-flex>
|
||||
<v-flex pt-1 pb-1 pl-1 pr-2 xs12 sm6 md6>
|
||||
<v-select
|
||||
v-model="selected_mou"
|
||||
:items="company_mou"
|
||||
:readonly="isHavingTest"
|
||||
auto-select-first
|
||||
item-text = "M_MouName"
|
||||
return-object
|
||||
label="Agreement"
|
||||
hide-details
|
||||
hide-detail
|
||||
class="mb-1"
|
||||
>
|
||||
<template
|
||||
slot="item"
|
||||
slot-scope="{ item }"
|
||||
>
|
||||
<v-list-tile-content>
|
||||
<v-list-tile-title v-text="item.M_MouName"></v-list-tile-title>
|
||||
<v-list-tile-sub-title v-text="getMouDate(item)"></v-list-tile-sub-title>
|
||||
</v-list-tile-content>
|
||||
</template>
|
||||
</v-select>
|
||||
<div v-for="(note, n) in selected_mou_note" v-bind:key="n" class="caption">{{ note }}</div>
|
||||
</v-flex>
|
||||
|
||||
|
||||
</v-layout>
|
||||
</v-card>
|
||||
</v-layout>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
</style>
|
||||
<script>
|
||||
module.exports = {
|
||||
computed: {
|
||||
search:{
|
||||
get(){
|
||||
return this.$store.state.company.search
|
||||
},
|
||||
set(val) {
|
||||
if (val == null) return
|
||||
this.$store.commit('company/update_search',val)
|
||||
}
|
||||
},
|
||||
isHavingTest() {
|
||||
return this.$store.state.px.selected_test.length > 0 ||
|
||||
this.$store.state.px.selected_panel.length > 0
|
||||
},
|
||||
selected_mou: {
|
||||
get() {
|
||||
return this.$store.state.company.selected_mou
|
||||
},
|
||||
|
||||
set(val) {
|
||||
this.$store.commit("company/update_selected_mou", val)
|
||||
|
||||
// Auto CHECKED
|
||||
let dlv = this.$store.state.delivery.checked_id
|
||||
let cmou = val
|
||||
|
||||
if (cmou.M_MouEmail != "" && cmou.M_MouEmailIsDefault == "Y") {
|
||||
if (dlv.indexOf(cmou.delivery_email_code) < 0) {
|
||||
dlv.push(cmou.delivery_email_code)
|
||||
}
|
||||
} else {
|
||||
let idx = dlv.indexOf(cmou.delivery_email_code)
|
||||
if ( idx > -1) {
|
||||
dlv.splice(idx, 1)
|
||||
}
|
||||
}
|
||||
this.$store.commit('delivery/update_checked_id', dlv)
|
||||
// End of Auto CHECKED
|
||||
|
||||
this.$store.commit("delivery/update_params", {m_id:val.M_MouID})
|
||||
this.$store.dispatch("delivery/search")
|
||||
|
||||
// Search Test
|
||||
this.$store.dispatch('px/search')
|
||||
}
|
||||
},
|
||||
selected_company: {
|
||||
get() {
|
||||
return this.$store.state.company.selected_company
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("company/update_selected_company",val)
|
||||
}
|
||||
},
|
||||
company_mou() {
|
||||
if (! this.$store.state.company.selected_company) return []
|
||||
if (! this.$store.state.company.selected_company.mou) return []
|
||||
return this.$store.state.company.selected_company.mou
|
||||
},
|
||||
|
||||
companies() {
|
||||
return this.$store.state.company.companies
|
||||
},
|
||||
is_loading() {
|
||||
return this.$store.state.company.search_status == 1
|
||||
},
|
||||
|
||||
selected_mou_note() {
|
||||
let x = this.selected_mou
|
||||
if (!x)
|
||||
return []
|
||||
if (!x.M_MouNote)
|
||||
return []
|
||||
|
||||
return x.M_MouNote.split(/\n/)
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
getMouDate(item) {
|
||||
return item.M_MouStartDate + ' s/d ' + item.M_MouEndDate
|
||||
},
|
||||
getMou(item) {
|
||||
if (!item) return ''
|
||||
if (!item.mou) return ''
|
||||
let s_mou = ''
|
||||
item.mou.forEach( function(mou,idx) {
|
||||
if (s_mou!='') s_mou += ', '
|
||||
s_mou += mou.M_MouName
|
||||
});
|
||||
return s_mou
|
||||
},
|
||||
thr_search: _.debounce( function () {
|
||||
this.$store.dispatch("company/search")
|
||||
}, 700)
|
||||
},
|
||||
watch: {
|
||||
search(val,old) {
|
||||
if (this.$store.state.order.is_from_clinic)
|
||||
return
|
||||
if (val == null || typeof val == 'undefined') val = ""
|
||||
if (val == old ) return
|
||||
if (this.$store.state.company.search_status == 1 ) return
|
||||
this.$store.commit("company/update_search",val)
|
||||
this.thr_search()
|
||||
}
|
||||
},
|
||||
data: function() {
|
||||
return {
|
||||
// search : ''
|
||||
}
|
||||
},
|
||||
|
||||
mounted () {
|
||||
this.$store.dispatch('company/search_default')
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,15 @@
|
||||
<template>
|
||||
<v-layout column>
|
||||
<one-fo-registration-patient-order></one-fo-registration-patient-order>
|
||||
</v-layout>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
</style>
|
||||
<script>
|
||||
module.exports = {
|
||||
components : {
|
||||
'one-fo-registration-patient-order' : httpVueLoader('./oneFoRegistrationPatientOrder.vue')
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,349 @@
|
||||
<template>
|
||||
<v-dialog
|
||||
v-model="dialog"
|
||||
persistent
|
||||
width="800px"
|
||||
>
|
||||
<v-card>
|
||||
<v-card-text>
|
||||
<v-layout row wrap>
|
||||
<v-flex xs6 pr-2>
|
||||
<v-layout row wrap>
|
||||
<v-flex xs12 pl-1 pr-1>
|
||||
<v-text-field
|
||||
label="NAMA LENGKAP"
|
||||
v-model="name"
|
||||
:error="!rules.required"
|
||||
:rules="[rules.required]"
|
||||
@update:error="error_trigger('name', $event)"
|
||||
></v-text-field>
|
||||
</v-flex>
|
||||
|
||||
<v-flex xs6 pl-1 pr-1>
|
||||
<v-text-field
|
||||
label="Prefix 1"
|
||||
v-model="prefix1"
|
||||
></v-text-field>
|
||||
</v-flex>
|
||||
|
||||
<v-flex xs6 pl-1 pr-1>
|
||||
<v-text-field
|
||||
label="Prefix 2"
|
||||
v-model="prefix2"
|
||||
></v-text-field>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
|
||||
<v-layout row wrap>
|
||||
<v-flex xs4 pl-1 pr-1>
|
||||
<v-text-field
|
||||
label="Sufix 1"
|
||||
v-model="sufix1"
|
||||
></v-text-field>
|
||||
</v-flex>
|
||||
|
||||
<v-flex xs4 pl-1 pr-1>
|
||||
<v-text-field
|
||||
label="Sufix 2"
|
||||
v-model="sufix2"
|
||||
></v-text-field>
|
||||
</v-flex>
|
||||
|
||||
<v-flex xs4 pl-1 pr-1>
|
||||
<v-text-field
|
||||
label="Sufix 3"
|
||||
v-model="sufix3"
|
||||
></v-text-field>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
|
||||
<v-layout row wrap>
|
||||
<v-flex xs6 pl-1 pr-1>
|
||||
<v-select
|
||||
:items="sexs"
|
||||
item-text="M_SexName"
|
||||
item-value="M_SexID"
|
||||
return-object
|
||||
v-model="selected_sex"
|
||||
label="Jenis Kelamin"
|
||||
:error="!rules.required"
|
||||
:rules="[rules.required]"
|
||||
@update:error="error_trigger('selected_sex', $event)"
|
||||
></v-select>
|
||||
</v-flex>
|
||||
<v-flex xs6>
|
||||
|
||||
</v-flex>
|
||||
|
||||
<v-flex xs12 pl-1 pr-1>
|
||||
<v-text-field
|
||||
label="No HP"
|
||||
v-model="hp"
|
||||
:error="!rules.required"
|
||||
:rules="[rules.required]"
|
||||
@update:error="error_trigger('hp', $event)"
|
||||
></v-text-field>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-flex>
|
||||
|
||||
<v-flex xs6 pl-2>
|
||||
<v-layout row wrap>
|
||||
<v-flex xs12>
|
||||
<v-textarea label="Alamat lengkap" v-model="address"
|
||||
:error="!rules.required"
|
||||
:rules="[rules.required]"
|
||||
@update:error="error_trigger('address', $event)"></v-textarea>
|
||||
</v-flex>
|
||||
|
||||
<v-flex xs12>
|
||||
|
||||
<v-autocomplete
|
||||
:items="provinces"
|
||||
item-text="M_ProvinceName"
|
||||
item-value="M_ProvinceID"
|
||||
return-object
|
||||
v-model="selected_province"
|
||||
label="Propinsi"
|
||||
autocomplete
|
||||
></v-autocomplete>
|
||||
</v-flex>
|
||||
|
||||
<v-flex xs12>
|
||||
<v-autocomplete
|
||||
:items="cities"
|
||||
item-text="M_CityName"
|
||||
item-value="M_CityID"
|
||||
return-object
|
||||
v-model="selected_city"
|
||||
label="Kota"
|
||||
autocomplete
|
||||
></v-autocomplete>
|
||||
</v-flex>
|
||||
|
||||
<v-flex xs12>
|
||||
<v-autocomplete
|
||||
:items="districts"
|
||||
item-text="M_DistrictName"
|
||||
item-value="M_DictrictID"
|
||||
return-object
|
||||
v-model="selected_district"
|
||||
label="Kecamatan"
|
||||
autocomplete
|
||||
></v-autocomplete>
|
||||
</v-flex>
|
||||
|
||||
<v-flex xs12>
|
||||
<v-autocomplete
|
||||
:items="villages"
|
||||
item-text="M_KelurahanName"
|
||||
item-value="M_KelurahanID"
|
||||
return-object
|
||||
v-model="selected_village"
|
||||
label="Kelurahan"
|
||||
autocomplete
|
||||
:error="!rules.required"
|
||||
:rules="[rules.required]"
|
||||
@update:error="error_trigger('selected_village', $event)"
|
||||
></v-autocomplete>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-card-text>
|
||||
|
||||
<v-card-actions>
|
||||
<v-btn color="primary" flat @click="dialog=!dialog">Tutup</v-btn>
|
||||
<v-spacer></v-spacer>
|
||||
<v-btn color="primary" @click="save" :disabled="!btn_save_enabled" >Simpan</v-btn>
|
||||
</v-card-actions>
|
||||
</v-card>
|
||||
|
||||
</v-dialog>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
module.exports = {
|
||||
data () {
|
||||
return {
|
||||
errors : {
|
||||
name : true,
|
||||
hp : true,
|
||||
sufix1 : false,
|
||||
sufix2 : false,
|
||||
sufix3 : false,
|
||||
prefix1 : false,
|
||||
prefix2 : false,
|
||||
selected_sex : true,
|
||||
address : false,
|
||||
selected_village : false
|
||||
},
|
||||
rules : {
|
||||
required : value => { return !!value || "Harus diisi !" },
|
||||
// hp : value => { this.errors.name = !value; return !!value || "Harus diisi !" },
|
||||
// selected_sex : value => { this.errors.name = !value; return !!value || "Harus diisi !" },
|
||||
// address : value => { this.errors.name = !value; return !!value || "Harus diisi !" },
|
||||
// selected_village : value => { this.errors.name = !value; return !!value || "Harus diisi !" }
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
computed : {
|
||||
dialog : {
|
||||
get () { return this.$store.state.doctor_new.dialog_new },
|
||||
set (v) { this.$store.commit('doctor_new/update_dialog_new') }
|
||||
},
|
||||
|
||||
sexs () {
|
||||
return this.$store.state.doctor_new.sexs
|
||||
},
|
||||
|
||||
selected_sex : {
|
||||
get () { return this.$store.state.doctor_new.selected_sex },
|
||||
set (v) { this.$store.commit('doctor_new/update_selected_sex', v) }
|
||||
},
|
||||
|
||||
provinces () {
|
||||
return this.$store.state.doctor_new.provinces
|
||||
},
|
||||
|
||||
selected_province : {
|
||||
get () { return this.$store.state.doctor_new.selected_province },
|
||||
set (v) {
|
||||
this.$store.commit('doctor_new/update_selected_province', v)
|
||||
// this.$store.dispatch('doctor_new/search_city')
|
||||
}
|
||||
},
|
||||
|
||||
cities () {
|
||||
return this.$store.state.doctor_new.cities
|
||||
},
|
||||
|
||||
selected_city : {
|
||||
get () { return this.$store.state.doctor_new.selected_city },
|
||||
set (v) {
|
||||
this.$store.commit('doctor_new/update_selected_city', v)
|
||||
// this.$store.dispatch('doctor_new/search_district')
|
||||
}
|
||||
},
|
||||
|
||||
districts () {
|
||||
return this.$store.state.doctor_new.districts
|
||||
},
|
||||
|
||||
selected_district : {
|
||||
get () { return this.$store.state.doctor_new.selected_district },
|
||||
set (v) {
|
||||
this.$store.commit('doctor_new/update_selected_district', v)
|
||||
// this.$store.dispatch('doctor_new/search_village')
|
||||
}
|
||||
},
|
||||
|
||||
villages () {
|
||||
return this.$store.state.doctor_new.villages
|
||||
},
|
||||
|
||||
selected_village : {
|
||||
get () { return this.$store.state.doctor_new.selected_village },
|
||||
set (v) { this.$store.commit('doctor_new/update_selected_village', v) }
|
||||
},
|
||||
|
||||
name : {
|
||||
get () { return this.$store.state.doctor_new.param_name },
|
||||
set (v) { this.$store.commit('doctor_new/update_param', {param:'name',val:v}) }
|
||||
},
|
||||
|
||||
prefix1 : {
|
||||
get () { return this.$store.state.doctor_new.param_prefix1 },
|
||||
set (v) { this.$store.commit('doctor_new/update_param', {param:'prefix1',val:v}) }
|
||||
},
|
||||
|
||||
prefix2 : {
|
||||
get () { return this.$store.state.doctor_new.param_prefix2 },
|
||||
set (v) { this.$store.commit('doctor_new/update_param', {param:'prefix2',val:v}) }
|
||||
},
|
||||
|
||||
sufix1 : {
|
||||
get () { return this.$store.state.doctor_new.param_sufix1 },
|
||||
set (v) { this.$store.commit('doctor_new/update_param', {param:'sufix1',val:v}) }
|
||||
},
|
||||
|
||||
sufix2 : {
|
||||
get () { return this.$store.state.doctor_new.param_sufix2 },
|
||||
set (v) { this.$store.commit('doctor_new/update_param', {param:'sufix2',val:v}) }
|
||||
},
|
||||
|
||||
sufix3 : {
|
||||
get () { return this.$store.state.doctor_new.param_sufix3 },
|
||||
set (v) { this.$store.commit('doctor_new/update_param', {param:'sufix3',val:v}) }
|
||||
},
|
||||
|
||||
hp : {
|
||||
get () { return this.$store.state.doctor_new.param_hp },
|
||||
set (v) { this.$store.commit('doctor_new/update_param', {param:'hp',val:v}) }
|
||||
},
|
||||
|
||||
address : {
|
||||
get () { return this.$store.state.doctor_new.param_address },
|
||||
set (v) { this.$store.commit('doctor_new/update_param', {param:'address',val:v}) }
|
||||
},
|
||||
|
||||
btn_save_enabled () {
|
||||
if (this.errors.name || this.errors.hp || this.errors.selected_sex || this.errors.address ||
|
||||
this.errors.selected_village)
|
||||
return false
|
||||
|
||||
return true
|
||||
}
|
||||
},
|
||||
|
||||
methods : {
|
||||
save () {
|
||||
this.$store.commit('update_dialog_loading', true)
|
||||
this.$store.dispatch('doctor_new/save')
|
||||
},
|
||||
|
||||
error_trigger(x, e) {
|
||||
this.errors[x] = e
|
||||
}
|
||||
},
|
||||
|
||||
mounted () {
|
||||
this.$store.dispatch('doctor_new/search_sex')
|
||||
},
|
||||
|
||||
watch : {
|
||||
dialog(val, old) {
|
||||
if (val && !old) {
|
||||
this.$store.dispatch('doctor_new/search_province')
|
||||
|
||||
this.name = ""
|
||||
this.hp = ""
|
||||
this.sufix1 = ""
|
||||
this.sufix2 = ""
|
||||
this.sufix3 = ""
|
||||
this.prefix1 = ""
|
||||
this.prefix2 = ""
|
||||
this.selected_sex = null
|
||||
this.address = ""
|
||||
}
|
||||
|
||||
},
|
||||
|
||||
selected_province(val, old) {
|
||||
if (val != old)
|
||||
this.$store.dispatch('doctor_new/search_city')
|
||||
},
|
||||
|
||||
selected_city(val, old) {
|
||||
if (val != old)
|
||||
this.$store.dispatch('doctor_new/search_district')
|
||||
},
|
||||
|
||||
selected_district(val, old) {
|
||||
if (val != old)
|
||||
this.$store.dispatch('doctor_new/search_village')
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,17 @@
|
||||
<template>
|
||||
<v-dialog
|
||||
v-model="dialog"
|
||||
max-width="500px"
|
||||
transition="dialog-transition"
|
||||
|
||||
>
|
||||
<v-card>
|
||||
<v-card-text>
|
||||
|
||||
</v-card-text>
|
||||
<v-card-actions>
|
||||
|
||||
</v-card-actions>
|
||||
</v-card>
|
||||
</v-dialog>
|
||||
</template>
|
||||
@@ -0,0 +1,282 @@
|
||||
<template>
|
||||
<v-layout column pb-2>
|
||||
<v-card >
|
||||
<v-layout row>
|
||||
<v-flex md6>
|
||||
<v-layout row pl-2>
|
||||
<v-flex md5>
|
||||
<div class="font-weight-bold text-fajrihm">Nomor Lab</div>
|
||||
</v-flex>
|
||||
<v-flex md7>
|
||||
<div class="font-weight-regular text-fajrihm text-md-right">{{ order_no }}</div>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
<v-layout row pl-2>
|
||||
<v-flex md5>
|
||||
<div class="font-weight-bold text-fajrihm">Tangal Periksa</div>
|
||||
</v-flex>
|
||||
<v-flex md7>
|
||||
<div class="font-weight-regular text-fajrihm text-md-right">{{ order_date }}</div>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-flex>
|
||||
<v-flex md6>
|
||||
<v-layout row pl-2>
|
||||
<v-flex md5>
|
||||
<div class="font-weight-bold text-fajrihm">MR</div>
|
||||
</v-flex>
|
||||
<v-flex md7>
|
||||
<div class="font-weight-regular text-fajrihm text-md-right">{{ patient_mr }}</div>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
<v-layout row pl-2>
|
||||
<v-flex md5>
|
||||
<div class="font-weight-bold text-fajrihm">Nama Pasien</div>
|
||||
</v-flex>
|
||||
<v-flex md7>
|
||||
<div class="font-weight-regular text-fajrihm text-md-right">{{ patient_name }}</div>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
<v-layout row>
|
||||
<v-flex md6>
|
||||
<v-layout row pl-2>
|
||||
<v-flex md5>
|
||||
<div class="font-weight-bold text-fajrihm">Company</div>
|
||||
</v-flex>
|
||||
<v-flex md7>
|
||||
<div class="font-weight-regular text-fajrihm text-md-right">{{ order_company }}</div>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-flex>
|
||||
<v-flex md6>
|
||||
<v-layout row pl-2>
|
||||
<v-flex md5>
|
||||
<div class="font-weight-bold text-fajrihm">MOU</div>
|
||||
</v-flex>
|
||||
<v-flex md7>
|
||||
<div class="font-weight-regular text-fajrihm text-md-right">{{ order_mou }}</div>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
<v-layout row mb-2>
|
||||
<v-flex md6>
|
||||
<v-layout row pl-2>
|
||||
<v-flex md5>
|
||||
<div class="font-weight-bold text-fajrihm">Dokter Pengirim</div>
|
||||
</v-flex>
|
||||
<v-flex md7>
|
||||
<div class="font-weight-regular text-fajrihm text-md-right">{{ doctor_sender }}</div>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-flex>
|
||||
<v-flex md6>
|
||||
<v-layout row pl-2>
|
||||
<v-flex md5>
|
||||
<div class="font-weight-bold text-fajrihm">Alamat Dokter</div>
|
||||
</v-flex>
|
||||
<v-flex md7>
|
||||
<div class="font-weight-regular text-fajrihm text-md-right">{{ doctor_sender_address }}</div>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
<v-layout style="border-top:1px dashed rgb(221,221,221)" row mt-1 mb-1></v-layout>
|
||||
<v-layout row mb-2 wrap>
|
||||
<v-flex v-for="(dlv, n) in order_delivery" xs6 v-bind:key="n">
|
||||
<v-layout row wrap pl-2>
|
||||
<v-flex xs4 class="label-delivery font-weight-bold">
|
||||
{{ dlv.label }}
|
||||
</v-flex>
|
||||
<v-flex xs8 class="text-delivery text-xs-right">
|
||||
{{ dlv.desc }}
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-flex>
|
||||
<!-- <v-flex xs6>
|
||||
<v-layout row wrap pl-2>
|
||||
<v-flex xs4 class="label-delivery font-weight-bold">
|
||||
Kirim Pasien
|
||||
</v-flex>
|
||||
<v-flex xs8 class="text-delivery text-xs-right">
|
||||
Jl. Simas Margarin Dapur No. 456
|
||||
Tegal Barat
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-flex> -->
|
||||
</v-layout>
|
||||
<v-layout style="border-top:1px dashed rgb(221,221,221)" row mt-1 mb-1></v-layout>
|
||||
<v-layout row pa-2>
|
||||
<table>
|
||||
<tr>
|
||||
<th class="text-md-center pt-2 pb-2"> NO. </th>
|
||||
<th class="text-md-center pt-2 pb-2">PEMERIKSAAN</th>
|
||||
<th class="text-md-center pt-2 pb-2">BRUTO</th>
|
||||
<th class="text-md-center pt-2 pb-2">DISKON</th>
|
||||
<th class="text-md-center pt-2 pb-2">TOTAL</th>
|
||||
|
||||
</tr>
|
||||
<tr v-for="(t, idx) in order_detail" v-bind:key="t.d_id">
|
||||
<td class="text-md-center"> {{ idx + 1 }} </td>
|
||||
<td class="text-md-left pl-3">{{ t.t_name }}</td>
|
||||
<td class="text-md-right pr-2">{{ one_money(t.t_price) }}</td>
|
||||
<td class="text-md-right pr-2">{{ one_money(t.t_disctotal) }}</td>
|
||||
<td class="text-md-right pr-2">{{ one_money(t.t_total) }}</td>
|
||||
|
||||
</tr>
|
||||
|
||||
<tfoot>
|
||||
<tr>
|
||||
<th style="background:#03a9f43d" colspan="3" class="text-md-right pr-2 pt-1 pb-1">SUB TOTAL</th>
|
||||
<th style="background:#03a9f43d" class="text-md-right pr-2 pt-2 pb-2" colspan="2">{{ one_money(order_subtotal) }}</th>
|
||||
|
||||
</tr>
|
||||
<tr>
|
||||
<th colspan="3" class="text-md-right pr-2 pt-1 pb-1">DISKON PEMBULATAN</th>
|
||||
<th class="text-md-right pr-2 pt-1 pb-1" colspan="2">{{ one_money(order_rounding) }}</th>
|
||||
|
||||
</tr>
|
||||
<tr>
|
||||
<th style="background:#03a9f43d" colspan="3" class="text-md-right pr-2 pt-2 pb-2">TOTAL</th>
|
||||
<th style="background:#03a9f43d" class="text-md-right pr-2 pt-1 pb-1" colspan="2">{{ one_money(order_total) }}</th>
|
||||
|
||||
</tr>
|
||||
</tfoot>
|
||||
</table>
|
||||
</v-layout>
|
||||
<v-layout style="border-top:1px dashed rgb(221,221,221)" row mt-2 mb-2></v-layout>
|
||||
|
||||
|
||||
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
.text-fajrihm{
|
||||
padding: 3px 20px 3px 0;
|
||||
text-align:left;
|
||||
font-size: 13px;
|
||||
font-family: open sans, tahoma, sans-serif;
|
||||
}
|
||||
|
||||
.label-delivery{
|
||||
font-size: 11px;
|
||||
padding: 3px 20px 3px 0;
|
||||
font-family: open sans, tahoma, sans-serif;
|
||||
}
|
||||
.text-delivery{
|
||||
font-size: 12px;
|
||||
padding: 3px 20px 3px 0;
|
||||
font-family: open sans, tahoma, sans-serif;
|
||||
}
|
||||
|
||||
.nota {
|
||||
font-size: 2em;
|
||||
font-weight: bold;
|
||||
text-align: left;
|
||||
}
|
||||
.total {
|
||||
min-height:76px;
|
||||
}
|
||||
table {
|
||||
font-family: arial, sans-serif;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
background:white;
|
||||
border: 0px;
|
||||
}
|
||||
|
||||
th, td {
|
||||
border: 1px solid black;
|
||||
border-collapse: collapse;
|
||||
padding-top: 2px;
|
||||
padding-bottom: 2px;
|
||||
}
|
||||
table>tr>td {
|
||||
padding: 8px;
|
||||
}
|
||||
table>tr>td:first {
|
||||
padding-left:15px!important;
|
||||
}
|
||||
</style>
|
||||
<script>
|
||||
module.exports = {
|
||||
methods : {
|
||||
one_money(p) {
|
||||
return window.one_money(p)
|
||||
},
|
||||
},
|
||||
|
||||
data() {
|
||||
return {
|
||||
|
||||
}
|
||||
},
|
||||
|
||||
computed : {
|
||||
order_no() {
|
||||
return this.$store.state.payment.selected_patient.order_no
|
||||
},
|
||||
|
||||
order_date() {
|
||||
let x
|
||||
try {
|
||||
let z = this.$store.state.payment.selected_patient.order_date
|
||||
let y = z.split(' ')
|
||||
x = y[0].split('-').reverse().join('-') + ' ' + (y[1] ? y[1] : '')
|
||||
} catch (e) { x = '-' }
|
||||
|
||||
return x
|
||||
},
|
||||
|
||||
order_mou() {
|
||||
return this.$store.state.payment.selected_patient.order_mou
|
||||
},
|
||||
|
||||
order_company() {
|
||||
return this.$store.state.payment.selected_patient.order_company
|
||||
},
|
||||
|
||||
patient_name() {
|
||||
return this.$store.state.payment.selected_patient.patient_name
|
||||
},
|
||||
|
||||
patient_mr() {
|
||||
return this.$store.state.payment.selected_patient.patient_mr
|
||||
},
|
||||
|
||||
doctor_sender() {
|
||||
return this.$store.state.payment.selected_patient.doctor_sender
|
||||
},
|
||||
|
||||
doctor_sender_address() {
|
||||
return this.$store.state.payment.selected_patient.doctor_sender_address
|
||||
},
|
||||
|
||||
doctor_pj() {
|
||||
return this.$store.state.payment.selected_patient.doctor_pj
|
||||
},
|
||||
|
||||
order_detail() {
|
||||
return this.$store.state.payment.order_detail
|
||||
},
|
||||
|
||||
order_subtotal() {
|
||||
return this.$store.state.payment.order_subtotal
|
||||
},
|
||||
|
||||
order_rounding() {
|
||||
return this.$store.state.payment.order_rounding
|
||||
},
|
||||
|
||||
order_total() {
|
||||
return this.$store.state.payment.order_total
|
||||
},
|
||||
|
||||
order_delivery() {
|
||||
return this.$store.state.payment.order_delivery
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,438 @@
|
||||
<template>
|
||||
<v-layout column pb-2>
|
||||
<v-card >
|
||||
<v-layout row pa-2 align-center wrap >
|
||||
<v-flex xs6>
|
||||
<div class="label-tagihan text-xs-left">Total Tagihan</div>
|
||||
<v-layout style="border-top:1px dashed rgb(221,221,221)" row mt-1 mb-1 class="mt-3"></v-layout>
|
||||
|
||||
<v-layout row wrap v-show="order_company.is_bill == 'N'">
|
||||
<v-flex xs6>
|
||||
<h3 class="subheading orange--text">Minimum DP ({{ order_company.min_dp }}%)</h3>
|
||||
</v-flex>
|
||||
<v-flex xs6>
|
||||
<h3 class="subheading text-xs-right orange--text">{{ one_money(order_company.min_dp_rp) }}</h3>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
|
||||
<v-layout row wrap v-show="order_company.is_bill == 'Y' && order_company.on_hold == 'Y'">
|
||||
<v-flex xs12>
|
||||
<h3 class="subheading red--text">{{ order_company.on_hold_text }}</h3>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
|
||||
</v-flex>
|
||||
<v-flex xs6>
|
||||
<div class="text-tagihan text-xs-right"><kbd>{{ one_money(bill_total) }}</kbd></div>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
<v-layout style="border-top:1px dashed rgb(221,221,221)" row mt-1 mb-1></v-layout>
|
||||
|
||||
<v-layout column>
|
||||
<v-flex xs12 v-for="(p, pi) in payments" v-bind:key="p.payment_type_id">
|
||||
|
||||
<v-layout row pt-2 pb-1 pl-2 align-center wrap class="border-top-dashed">
|
||||
<v-flex xs12>
|
||||
<v-switch
|
||||
true-value="Y"
|
||||
false-value="N"
|
||||
v-model="payments[pi].payment_enable"
|
||||
:label="p.payment_type_name"
|
||||
@change="(v) => payment_enable(pi, v)"
|
||||
:disabled="paid"
|
||||
></v-switch>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
<v-layout row pa-2 align-center wrap >
|
||||
<v-flex xs2>
|
||||
<div class="sub-title pl-2">Jumlah</div>
|
||||
</v-flex>
|
||||
<v-flex xs4>
|
||||
<div class="pa-2">
|
||||
<v-text-field
|
||||
v-bind:class="[p.payment_type_code == 'CASH' ? 'input-cash' : 'input-plain', 'text-xs-right font-weight-bold']"
|
||||
v-model="payments[pi].payment_actual"
|
||||
:disabled="paid || (payments[pi].payment_enable == 'Y' ? false : true)"
|
||||
@input="(v) => update_payments(pi, 'payment_actual', v)"
|
||||
reverse
|
||||
|
||||
>
|
||||
</v-text-field>
|
||||
|
||||
</div>
|
||||
</v-flex>
|
||||
<v-flex xs2>
|
||||
<div class="sub-title pl-2">{{ p.payment_note_label }}</div>
|
||||
</v-flex>
|
||||
<v-flex xs4>
|
||||
<div class="pa-2">
|
||||
<v-text-field
|
||||
v-show="p.payment_type_code != 'CASH'"
|
||||
class="input-plain"
|
||||
v-model="payments[pi].payment_note"
|
||||
:disabled="paid || (payments[pi].payment_enable == 'Y' ? false : true)"
|
||||
@input="(v) => update_payments(pi, 'payment_amount', v)"
|
||||
reverse
|
||||
|
||||
>
|
||||
</v-text-field>
|
||||
|
||||
<v-text-field
|
||||
v-show="p.payment_type_code == 'CASH'"
|
||||
class="input-cash"
|
||||
v-model="payments[pi].payment_change_mask"
|
||||
disabled
|
||||
reverse
|
||||
|
||||
>
|
||||
</v-text-field>
|
||||
</div>
|
||||
</v-flex>
|
||||
|
||||
<v-flex xs12 v-if="['CREDIT', 'DEBIT'].indexOf(p.payment_type_code) > -1">
|
||||
<v-layout row wrap>
|
||||
<v-flex xs2>
|
||||
<div class="sub-title pl-2">Kartu</div>
|
||||
</v-flex>
|
||||
<v-flex xs4>
|
||||
<v-autocomplete
|
||||
:items="banks"
|
||||
item-text="Nat_BankName"
|
||||
item-value="Nat_BankID"
|
||||
outline
|
||||
hide-details
|
||||
height="30"
|
||||
></v-autocomplete>
|
||||
</v-flex>
|
||||
|
||||
<v-flex xs2>
|
||||
<div class="sub-title pl-2">EDC</div>
|
||||
</v-flex>
|
||||
<v-flex xs4>
|
||||
<v-autocomplete
|
||||
:items="banks"
|
||||
item-text="Nat_BankName"
|
||||
item-value="Nat_BankID"
|
||||
outline
|
||||
hide-details
|
||||
></v-autocomplete>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-flex>
|
||||
|
||||
</v-layout>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
|
||||
<v-layout style="border-top:1px dashed rgb(221,221,221)" row mt-1 mb-1></v-layout>
|
||||
<!-- <v-layout row pa-2 align-center wrap >
|
||||
<div>
|
||||
<v-btn color="error" dark large @click="save" :disabled="!btn_save_enable">BAYAR</v-btn>
|
||||
</div>
|
||||
</v-layout> -->
|
||||
<v-layout row pa-2 wrap >
|
||||
|
||||
<v-flex xs9>
|
||||
<div>
|
||||
<v-btn color="error" :dark="btn_save_enable && !paid" @click="save" :disabled="!btn_save_enable || paid" class="mr-0">SIMPAN & BAYAR</v-btn>
|
||||
|
||||
<!-- <v-btn color="primary" large @click="print_invoice" class="ml-0 mr-0">C INVOICE</v-btn>
|
||||
<v-btn color="primary" large @click="print_control" class="ml-0">C KARTU KONTROL</v-btn> -->
|
||||
<template>
|
||||
|
||||
<v-menu offset-y top>
|
||||
<template v-slot:activator="{ on }">
|
||||
<v-btn
|
||||
color="orange"
|
||||
dark
|
||||
v-on="on"
|
||||
>
|
||||
<v-icon class="mr-1">print</v-icon>
|
||||
Cetak
|
||||
</v-btn>
|
||||
</template>
|
||||
<v-list>
|
||||
<v-list-tile
|
||||
v-for="(item, index) in menu_print"
|
||||
:key="index"
|
||||
@click="print_me(item.code)"
|
||||
>
|
||||
<v-list-tile-title>{{ item.title }}</v-list-tile-title>
|
||||
</v-list-tile>
|
||||
</v-list>
|
||||
</v-menu>
|
||||
|
||||
</template>
|
||||
|
||||
<v-btn color="primary" @click="reset" class="ml-0 mr-0">
|
||||
<v-icon class="mr-1">description</v-icon> BARU</v-btn>
|
||||
</div>
|
||||
</v-flex>
|
||||
<v-flex xs3>
|
||||
<div class="text-tagihan text-xs-right"><kbd>{{ one_money(payment_total) }}</kbd></div>
|
||||
</v-flex>
|
||||
|
||||
</v-layout>
|
||||
</v-card>
|
||||
<one-fo-registration-payment-finish></one-fo-registration-payment-finish>
|
||||
<one-dialog-print></one-dialog-print>
|
||||
</v-layout>
|
||||
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
.label-tagihan{
|
||||
text-align:left;
|
||||
font-size: 25px;
|
||||
font-family: open sans, tahoma, sans-serif;
|
||||
font-weight:700;
|
||||
}
|
||||
|
||||
.sub-header{
|
||||
text-align:left;
|
||||
font-size: 18px;
|
||||
font-family: open sans, tahoma, sans-serif;
|
||||
font-weight:700;
|
||||
}
|
||||
|
||||
.sub-title{
|
||||
text-align:left;
|
||||
font-size: 14px;
|
||||
font-family: open sans, tahoma, sans-serif;
|
||||
font-weight:700;
|
||||
}
|
||||
|
||||
.text-tagihan{
|
||||
text-align:left;
|
||||
font-size: 42px;
|
||||
font-family: open sans, tahoma, sans-serif;
|
||||
}
|
||||
|
||||
.input-cash{
|
||||
width: 100%;
|
||||
padding: 8px 14px;
|
||||
box-sizing: border-box;
|
||||
border: 2px solid grey;
|
||||
border-radius: 4px;
|
||||
font-size: 22px;
|
||||
font-weight:700;
|
||||
text-align:right;
|
||||
}
|
||||
.input-plain{
|
||||
width: 100%;
|
||||
padding: 4px 8px;
|
||||
box-sizing: border-box;
|
||||
border: 2px solid grey;
|
||||
border-radius: 4px;
|
||||
font-size: 14px;
|
||||
}
|
||||
.v-input, .v-input__slot, .v-messages{
|
||||
margin:0px;
|
||||
padding:0px;
|
||||
min-height: 0px;
|
||||
}
|
||||
.v-input--selection-controls:not(.v-input--hide-details) .v-input__slot {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.border-top-dashed {
|
||||
border-top: 1px dashed rgb(221,221,221)
|
||||
}
|
||||
</style>
|
||||
<script>
|
||||
module.exports = {
|
||||
components : {
|
||||
'one-field-verification' : httpVueLoader('../../common/oneFieldVerificationSupply.vue'),
|
||||
'one-fo-registration-payment-finish' : httpVueLoader('./oneFoRegistrationPaymentFinish.vue'),
|
||||
'one-dialog-print' : httpVueLoader('./oneDialogPrint.vue')
|
||||
},
|
||||
|
||||
data () {
|
||||
return {
|
||||
checkbox: true,
|
||||
radioGroup: 1,
|
||||
switchCash: true,
|
||||
switchDebit: false,
|
||||
switchKredit: false,
|
||||
|
||||
switch_payment_enable: [],
|
||||
|
||||
payment_amount: [],
|
||||
menu_print: [
|
||||
{ title:"Cetak Invoice", code:"P.INV" },
|
||||
{ title:"Cetak Kartu Kontrol", code:"P.CC" }
|
||||
]
|
||||
}
|
||||
},
|
||||
|
||||
methods : {
|
||||
one_money(p) {
|
||||
return window.one_money(p)
|
||||
},
|
||||
|
||||
payment_enable (idx, v) {
|
||||
let payments = this.payments
|
||||
payments[idx]['payment_enable'] = v
|
||||
|
||||
this.$store.commit('payment/update_payments', payments)
|
||||
},
|
||||
|
||||
save() {
|
||||
this.$store.dispatch("payment/save");
|
||||
return
|
||||
},
|
||||
|
||||
update_payments (idx, type, v) {
|
||||
let payments = this.payments
|
||||
payments[idx][type] = v
|
||||
this.$store.commit('payment/update_payments', payments)
|
||||
},
|
||||
|
||||
reset () {
|
||||
location.reload()
|
||||
},
|
||||
|
||||
print_invoice () {
|
||||
this.$store.dispatch('payment/print_invoice', this.$store.state.payment.order_id)
|
||||
return
|
||||
},
|
||||
|
||||
print_control () {
|
||||
this.$store.dispatch('payment/print_control', this.$store.state.payment.order_id)
|
||||
return
|
||||
},
|
||||
|
||||
print_me (c) {
|
||||
if (c == "P.INV")
|
||||
return this.print_invoice()
|
||||
else if (c == "P.CC")
|
||||
return this.print_control()
|
||||
}
|
||||
},
|
||||
|
||||
computed : {
|
||||
bill_total() {
|
||||
return this.$store.state.payment.order_total
|
||||
},
|
||||
|
||||
payment_total () {
|
||||
return this.$store.state.payment.payment_total
|
||||
},
|
||||
|
||||
payment_cash_amount : {
|
||||
get () {
|
||||
return this.$store.state.payment.order_total
|
||||
},
|
||||
set (v) {
|
||||
// this.$store.commit('payment/update_payment', {type:'cash',amount:v})
|
||||
return
|
||||
}
|
||||
},
|
||||
|
||||
payment_debit_amount : {
|
||||
get () {
|
||||
return 0
|
||||
},
|
||||
set (v) {
|
||||
return
|
||||
}
|
||||
},
|
||||
|
||||
payment_credit_amount : {
|
||||
get () {
|
||||
return 0
|
||||
},
|
||||
set (v) {
|
||||
return
|
||||
}
|
||||
},
|
||||
|
||||
payments : {
|
||||
get () {
|
||||
let p = this.$store.state.payment.payments
|
||||
for (let i in p)
|
||||
p[i].payment_change_mask = window.one_money(p[i].payment_change)
|
||||
|
||||
return p
|
||||
// [{"payment_type_id":"1","payment_type_name":"Cash","payment_type_code":"CASH","payment_amount":"0","payment_note":"","payment_note_label":"Kembali","payment_enable":"N"},{"payment_type_id":"2","payment_type_name":"Debit","payment_type_code":"DEBIT","payment_amount":"0","payment_note":"","payment_note_label":"Nomor Kartu","payment_enable":"N"},{"payment_type_id":"3","payment_type_name":"Credit","payment_type_code":"CREDIT","payment_amount":"0","payment_note":"","payment_note_label":"Nomor Kartu","payment_enable":"N"},{"payment_type_id":"4","payment_type_name":"Voucher","payment_type_code":"VOUCHER","payment_amount":"0","payment_note":"","payment_note_label":"Nomor Voucher","payment_enable":"N"}]
|
||||
},
|
||||
set (v) {
|
||||
this.$store.commit('payment/update_payments', v)
|
||||
return
|
||||
}
|
||||
},
|
||||
|
||||
order_id : {
|
||||
get () {
|
||||
return this.$store.state.payment.order_id
|
||||
},
|
||||
|
||||
set (v) {
|
||||
return
|
||||
}
|
||||
},
|
||||
|
||||
btn_save_enable () {
|
||||
if (this.payments.length < 1)
|
||||
return false
|
||||
|
||||
let en = false
|
||||
let sm = 0
|
||||
for (let i in this.payments) {
|
||||
if (this.payments[i].payment_enable == "Y") {
|
||||
en = true
|
||||
sm = sm + Math.round(this.payments[i].payment_amount)
|
||||
}
|
||||
}
|
||||
|
||||
if (!en) return false
|
||||
|
||||
if (this.$store.state.payment.order_id == 0 ||
|
||||
this.$store.state.payment.order_id == "0")
|
||||
return false;
|
||||
|
||||
if (sm == 0)
|
||||
return false
|
||||
|
||||
return true
|
||||
},
|
||||
|
||||
paid : {
|
||||
get () { return this.$store.state.payment.paid },
|
||||
set (v) { this.$store.commit('payment/update_paid', v) }
|
||||
},
|
||||
|
||||
order_company () {
|
||||
return this.$store.state.payment.order_company
|
||||
},
|
||||
|
||||
banks () {
|
||||
return this.$store.state.other.banks
|
||||
}
|
||||
},
|
||||
|
||||
mounted () {
|
||||
this.$store.dispatch('payment/search')
|
||||
this.$store.dispatch('other/search_bank')
|
||||
},
|
||||
|
||||
watch : {
|
||||
switch_payment_enable (n, o) {
|
||||
if (n != o) {
|
||||
if (n.length < o.length) {
|
||||
for (let i in o)
|
||||
if (n.indexOf(o[i]) < 0)
|
||||
return
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
order_id (n, o) {
|
||||
if (n == 0 || n == "0")
|
||||
this.$store.commit("order/update_tab_enable", [2, false])
|
||||
else
|
||||
this.$store.commit("order/update_tab_enable", [2, true])
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,459 @@
|
||||
<template>
|
||||
<v-layout column pb-2>
|
||||
<v-card >
|
||||
<v-layout row pa-2 align-center wrap >
|
||||
<v-flex xs6>
|
||||
<div class="label-tagihan text-xs-left">Total Tagihan</div>
|
||||
<v-layout style="border-top:1px dashed rgb(221,221,221)" row mt-1 mb-1 class="mt-3"></v-layout>
|
||||
|
||||
<v-layout row wrap v-show="order_company.is_bill == 'N'">
|
||||
<v-flex xs6>
|
||||
<h3 class="subheading orange--text">Minimum DP ({{ order_company.min_dp }}%)</h3>
|
||||
</v-flex>
|
||||
<v-flex xs6>
|
||||
<h3 class="subheading text-xs-right orange--text">{{ one_money(order_company.min_dp_rp) }}</h3>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
|
||||
<v-layout row wrap v-show="order_company.is_bill == 'Y' && order_company.on_hold == 'Y'">
|
||||
<v-flex xs12>
|
||||
<h3 class="subheading red--text">{{ order_company.on_hold_text }}</h3>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
|
||||
</v-flex>
|
||||
<v-flex xs6>
|
||||
<div class="text-tagihan text-xs-right"><kbd>{{ one_money(bill_total) }}</kbd></div>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
<v-layout style="border-top:1px dashed rgb(221,221,221)" row mt-1 mb-1></v-layout>
|
||||
|
||||
<v-layout column>
|
||||
<v-flex xs12 v-for="(p, pi) in payments" v-bind:key="p.payment_type_id">
|
||||
|
||||
<v-layout row pt-2 pb-1 pl-2 align-center wrap class="border-top-dashed">
|
||||
<v-flex xs12>
|
||||
<v-switch
|
||||
true-value="Y"
|
||||
false-value="N"
|
||||
v-model="payments[pi].payment_enable"
|
||||
:label="p.payment_type_name"
|
||||
@change="(v) => payment_enable(pi, v)"
|
||||
:disabled="paid"
|
||||
></v-switch>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
<v-layout row pa-2 wrap >
|
||||
|
||||
<v-flex xs4 pr-2>
|
||||
<!-- <div class="pa-2"> -->
|
||||
<v-text-field
|
||||
v-bind:class="[p.payment_type_code == 'CASH' ? 'input-cash' : 'input-plain', 'text-xs-right font-weight-bold']"
|
||||
v-model="payments[pi].payment_actual"
|
||||
:disabled="paid || (payments[pi].payment_enable == 'Y' ? false : true)"
|
||||
@input="(v) => update_payments(pi, 'payment_actual', v)"
|
||||
reverse
|
||||
label="Jumlah"
|
||||
outline
|
||||
>
|
||||
</v-text-field>
|
||||
|
||||
<!-- </div> -->
|
||||
</v-flex>
|
||||
<v-flex xs4 v-if="['CASH', 'VOUCHER'].indexOf(p.payment_type_code) > -1">
|
||||
<!-- <div class="pa-2"> -->
|
||||
<v-text-field
|
||||
v-show="p.payment_type_code == 'VOUCHER'"
|
||||
class="input-plain"
|
||||
v-model="payments[pi].payment_note"
|
||||
:disabled="paid || (payments[pi].payment_enable == 'Y' ? false : true)"
|
||||
@input="(v) => update_payments(pi, 'payment_amount', v)"
|
||||
reverse
|
||||
:label="p.payment_note_label"
|
||||
outline
|
||||
>
|
||||
</v-text-field>
|
||||
|
||||
<v-text-field
|
||||
v-show="p.payment_type_code == 'CASH'"
|
||||
class="input-cash"
|
||||
v-model="payments[pi].payment_change_mask"
|
||||
disabled
|
||||
reverse
|
||||
:label="p.payment_note_label"
|
||||
outline
|
||||
>
|
||||
</v-text-field>
|
||||
<!-- </div> -->
|
||||
</v-flex>
|
||||
|
||||
<v-flex xs4 v-if="['CREDIT', 'DEBIT'].indexOf(p.payment_type_code) > -1" pr-2>
|
||||
<v-autocomplete
|
||||
:items="banks"
|
||||
item-text="Nat_BankName"
|
||||
item-value="Nat_BankID"
|
||||
outline
|
||||
hide-details
|
||||
height="30"
|
||||
label="Kartu"
|
||||
@change="(v) => update_payments(pi, 'payment_card_id', v)"
|
||||
></v-autocomplete>
|
||||
</v-flex>
|
||||
|
||||
<v-flex xs4 v-if="['CREDIT', 'DEBIT'].indexOf(p.payment_type_code) > -1">
|
||||
<v-autocomplete
|
||||
:items="banks"
|
||||
item-text="Nat_BankName"
|
||||
item-value="Nat_BankID"
|
||||
outline
|
||||
hide-details
|
||||
height="30"
|
||||
label="EDC"
|
||||
@change="(v) => update_payments(pi, 'payment_edc_id', v)"
|
||||
></v-autocomplete>
|
||||
</v-flex>
|
||||
|
||||
|
||||
</v-layout>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
|
||||
<v-layout style="border-top:1px dashed rgb(221,221,221)" row mt-1 mb-1></v-layout>
|
||||
<!-- <v-layout row pa-2 align-center wrap >
|
||||
<div>
|
||||
<v-btn color="error" dark large @click="save" :disabled="!btn_save_enable">BAYAR</v-btn>
|
||||
</div>
|
||||
</v-layout> -->
|
||||
<v-layout row pa-2 wrap >
|
||||
|
||||
<v-flex xs9>
|
||||
<div>
|
||||
<v-btn v-show="!is_bill" color="error" :dark="btn_save_enable && !paid" @click="save" :disabled="!btn_save_enable || paid" class="mr-0">SIMPAN & BAYAR</v-btn>
|
||||
<v-btn v-show="is_bill" color="error" dark @click="print_bukti" class="mr-0">BUKTI PEMERIKSAAN</v-btn>
|
||||
|
||||
<!-- <v-btn color="primary" large @click="print_invoice" class="ml-0 mr-0">C INVOICE</v-btn>
|
||||
<v-btn color="primary" large @click="print_control" class="ml-0">C KARTU KONTROL</v-btn> -->
|
||||
<template>
|
||||
|
||||
<v-menu offset-y top>
|
||||
<template v-slot:activator="{ on }">
|
||||
<v-btn
|
||||
color="orange"
|
||||
dark
|
||||
v-on="on"
|
||||
>
|
||||
<v-icon class="mr-1">print</v-icon>
|
||||
Cetak
|
||||
</v-btn>
|
||||
</template>
|
||||
<v-list>
|
||||
<v-list-tile
|
||||
v-for="(item, index) in menu_print"
|
||||
:key="index"
|
||||
@click="print_me(item.code)"
|
||||
>
|
||||
<v-list-tile-title>{{ item.title }}</v-list-tile-title>
|
||||
</v-list-tile>
|
||||
</v-list>
|
||||
</v-menu>
|
||||
|
||||
</template>
|
||||
|
||||
<v-btn color="primary" @click="reset" class="ml-0 mr-0">
|
||||
<v-icon class="mr-1">description</v-icon> BARU</v-btn>
|
||||
</div>
|
||||
</v-flex>
|
||||
<v-flex xs3>
|
||||
<div class="text-tagihan text-xs-right"><kbd>{{ one_money(payment_total) }}</kbd></div>
|
||||
</v-flex>
|
||||
|
||||
</v-layout>
|
||||
</v-card>
|
||||
<one-fo-registration-payment-finish></one-fo-registration-payment-finish>
|
||||
<one-dialog-print></one-dialog-print>
|
||||
</v-layout>
|
||||
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
.label-tagihan{
|
||||
text-align:left;
|
||||
font-size: 25px;
|
||||
font-family: open sans, tahoma, sans-serif;
|
||||
font-weight:700;
|
||||
}
|
||||
|
||||
.sub-header{
|
||||
text-align:left;
|
||||
font-size: 18px;
|
||||
font-family: open sans, tahoma, sans-serif;
|
||||
font-weight:700;
|
||||
}
|
||||
|
||||
.sub-title{
|
||||
text-align:left;
|
||||
font-size: 14px;
|
||||
font-family: open sans, tahoma, sans-serif;
|
||||
font-weight:700;
|
||||
}
|
||||
|
||||
.text-tagihan{
|
||||
text-align:left;
|
||||
font-size: 42px;
|
||||
font-family: open sans, tahoma, sans-serif;
|
||||
}
|
||||
|
||||
.input-cash{
|
||||
width: 100%;
|
||||
/* padding: 8px 14px; */
|
||||
/* box-sizing: border-box; */
|
||||
/* border: 2px solid grey;
|
||||
border-radius: 4px; */
|
||||
font-size: 22px;
|
||||
font-weight:700;
|
||||
text-align:right;
|
||||
}
|
||||
.input-plain{
|
||||
width: 100%;
|
||||
/* padding: 4px 8px; */
|
||||
/* box-sizing: border-box; */
|
||||
/* border: 2px solid grey;
|
||||
border-radius: 4px; */
|
||||
font-size: 14px;
|
||||
}
|
||||
.v-input, .v-input__slot, .v-messages{
|
||||
margin:0px;
|
||||
padding:0px;
|
||||
min-height: 0px;
|
||||
}
|
||||
.v-input--selection-controls:not(.v-input--hide-details) .v-input__slot {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.border-top-dashed {
|
||||
border-top: 1px dashed rgb(221,221,221)
|
||||
}
|
||||
</style>
|
||||
<script>
|
||||
module.exports = {
|
||||
components : {
|
||||
'one-field-verification' : httpVueLoader('../../common/oneFieldVerificationSupply.vue'),
|
||||
'one-fo-registration-payment-finish' : httpVueLoader('./oneFoRegistrationPaymentFinish.vue'),
|
||||
'one-dialog-print' : httpVueLoader('./oneDialogPrint.vue')
|
||||
},
|
||||
|
||||
data () {
|
||||
return {
|
||||
checkbox: true,
|
||||
radioGroup: 1,
|
||||
switchCash: true,
|
||||
switchDebit: false,
|
||||
switchKredit: false,
|
||||
|
||||
switch_payment_enable: [],
|
||||
|
||||
payment_amount: [],
|
||||
menu_print: [
|
||||
{ title:"Cetak Invoice", code:"P.INV" },
|
||||
{ title:"Cetak Kartu Kontrol", code:"P.CC" }
|
||||
]
|
||||
}
|
||||
},
|
||||
|
||||
methods : {
|
||||
one_money(p) {
|
||||
return window.one_money(p)
|
||||
},
|
||||
|
||||
payment_enable (idx, v) {
|
||||
let payments = this.payments
|
||||
payments[idx]['payment_enable'] = v
|
||||
if (v == "N") {
|
||||
payments[idx]['payment_actual'] = 0
|
||||
payments[idx]['payment_amount'] = 0
|
||||
payments[idx]['payment_card_id'] = 0
|
||||
payments[idx]['payment_change'] = 0
|
||||
payments[idx]['payment_change_mask'] = 0
|
||||
}
|
||||
|
||||
this.$store.commit('payment/update_payments', payments)
|
||||
},
|
||||
|
||||
save() {
|
||||
this.$store.dispatch("payment/save");
|
||||
return
|
||||
},
|
||||
|
||||
update_payments (idx, type, v) {
|
||||
let payments = this.payments
|
||||
payments[idx][type] = v
|
||||
this.$store.commit('payment/update_payments', payments)
|
||||
},
|
||||
|
||||
reset () {
|
||||
location.reload()
|
||||
},
|
||||
|
||||
print_invoice () {
|
||||
this.$store.dispatch('payment/print_invoice', this.$store.state.payment.order_id)
|
||||
return
|
||||
},
|
||||
|
||||
print_control () {
|
||||
this.$store.dispatch('payment/print_control', this.$store.state.payment.order_id)
|
||||
return
|
||||
},
|
||||
|
||||
print_me (c) {
|
||||
if (c == "P.INV")
|
||||
return this.print_invoice()
|
||||
else if (c == "P.CC")
|
||||
return this.print_control()
|
||||
},
|
||||
|
||||
xxx(v) {
|
||||
alert(v)
|
||||
},
|
||||
|
||||
print_bukti() {
|
||||
this.$store.dispatch('payment/print_nota', this.order_id)
|
||||
}
|
||||
},
|
||||
|
||||
computed : {
|
||||
bill_total() {
|
||||
return this.$store.state.payment.order_total
|
||||
},
|
||||
|
||||
payment_total () {
|
||||
return this.$store.state.payment.payment_total
|
||||
},
|
||||
|
||||
payment_cash_amount : {
|
||||
get () {
|
||||
return this.$store.state.payment.order_total
|
||||
},
|
||||
set (v) {
|
||||
// this.$store.commit('payment/update_payment', {type:'cash',amount:v})
|
||||
return
|
||||
}
|
||||
},
|
||||
|
||||
payment_debit_amount : {
|
||||
get () {
|
||||
return 0
|
||||
},
|
||||
set (v) {
|
||||
return
|
||||
}
|
||||
},
|
||||
|
||||
payment_credit_amount : {
|
||||
get () {
|
||||
return 0
|
||||
},
|
||||
set (v) {
|
||||
return
|
||||
}
|
||||
},
|
||||
|
||||
payments : {
|
||||
get () {
|
||||
let p = this.$store.state.payment.payments
|
||||
for (let i in p)
|
||||
p[i].payment_change_mask = window.one_money(p[i].payment_change)
|
||||
|
||||
return p
|
||||
// [{"payment_type_id":"1","payment_type_name":"Cash","payment_type_code":"CASH","payment_amount":"0","payment_note":"","payment_note_label":"Kembali","payment_enable":"N"},{"payment_type_id":"2","payment_type_name":"Debit","payment_type_code":"DEBIT","payment_amount":"0","payment_note":"","payment_note_label":"Nomor Kartu","payment_enable":"N"},{"payment_type_id":"3","payment_type_name":"Credit","payment_type_code":"CREDIT","payment_amount":"0","payment_note":"","payment_note_label":"Nomor Kartu","payment_enable":"N"},{"payment_type_id":"4","payment_type_name":"Voucher","payment_type_code":"VOUCHER","payment_amount":"0","payment_note":"","payment_note_label":"Nomor Voucher","payment_enable":"N"}]
|
||||
},
|
||||
set (v) {
|
||||
this.$store.commit('payment/update_payments', v)
|
||||
return
|
||||
}
|
||||
},
|
||||
|
||||
order_id : {
|
||||
get () {
|
||||
return this.$store.state.payment.order_id
|
||||
},
|
||||
|
||||
set (v) {
|
||||
return
|
||||
}
|
||||
},
|
||||
|
||||
btn_save_enable () {
|
||||
if (this.payments.length < 1)
|
||||
return false
|
||||
|
||||
let en = false
|
||||
let sm = 0
|
||||
for (let i in this.payments) {
|
||||
let p = this.payments[i]
|
||||
if (p.payment_enable == "Y") {
|
||||
en = true
|
||||
sm = sm + Math.round(p.payment_amount)
|
||||
|
||||
// IF DEBIT OR CREDIT
|
||||
if (['DEBIT', 'CREDIT'].indexOf(p.payment_type_code) > -1) {
|
||||
if (p.payment_edc_id == 0 || p.payment_card_id == 0)
|
||||
en = false
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if (!en) return false
|
||||
|
||||
if (this.$store.state.payment.order_id == 0 ||
|
||||
this.$store.state.payment.order_id == "0")
|
||||
return false;
|
||||
|
||||
if (sm == 0)
|
||||
return false
|
||||
|
||||
return true
|
||||
},
|
||||
|
||||
paid : {
|
||||
get () { return this.$store.state.payment.paid },
|
||||
set (v) { this.$store.commit('payment/update_paid', v) }
|
||||
},
|
||||
|
||||
order_company () {
|
||||
return this.$store.state.payment.order_company
|
||||
},
|
||||
|
||||
banks () {
|
||||
return this.$store.state.other.banks
|
||||
},
|
||||
|
||||
is_bill () {
|
||||
return this.$store.state.company.selected_mou.M_MouIsBill == "Y"
|
||||
}
|
||||
},
|
||||
|
||||
mounted () {
|
||||
this.$store.dispatch('payment/search')
|
||||
this.$store.dispatch('other/search_bank')
|
||||
},
|
||||
|
||||
watch : {
|
||||
switch_payment_enable (n, o) {
|
||||
if (n != o) {
|
||||
if (n.length < o.length) {
|
||||
for (let i in o)
|
||||
if (n.indexOf(o[i]) < 0)
|
||||
return
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
order_id (n, o) {
|
||||
if (n == 0 || n == "0")
|
||||
this.$store.commit("order/update_tab_enable", [2, false])
|
||||
else
|
||||
this.$store.commit("order/update_tab_enable", [2, true])
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,81 @@
|
||||
<template>
|
||||
|
||||
<v-dialog
|
||||
v-model="dialog"
|
||||
width="500"
|
||||
>
|
||||
|
||||
|
||||
<v-card>
|
||||
<v-card-title
|
||||
class="headline grey lighten-2 pt-2 pb-2"
|
||||
primary-title
|
||||
>
|
||||
Pembayaran Berhasil
|
||||
</v-card-title>
|
||||
<v-card-text class="pt-2 pb-2">
|
||||
<h6 class="display-1 text-center">No Pembayaran <span class="blue--text">{{ text_payno }}</span></h6>
|
||||
</v-card-text>
|
||||
<v-divider></v-divider>
|
||||
|
||||
<v-card-actions>
|
||||
<v-btn
|
||||
color="warning"
|
||||
@click="print_nota"
|
||||
class="ml-2"
|
||||
>
|
||||
CETAK NOTA
|
||||
</v-btn>
|
||||
<v-spacer></v-spacer>
|
||||
<v-btn
|
||||
color="primary"
|
||||
flat
|
||||
@click="finish"
|
||||
>
|
||||
Tutup
|
||||
</v-btn>
|
||||
</v-card-actions>
|
||||
</v-card>
|
||||
</v-dialog>
|
||||
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
</style>
|
||||
|
||||
<script>
|
||||
module.exports = {
|
||||
components : {
|
||||
|
||||
},
|
||||
methods : {
|
||||
tuing: function() {
|
||||
alert('x')
|
||||
},
|
||||
|
||||
finish: function() {
|
||||
this.dialog = false
|
||||
// location.reload()
|
||||
},
|
||||
|
||||
print_nota () {
|
||||
this.$store.dispatch('payment/print_nota', this.$store.state.payment.payment_id)
|
||||
return
|
||||
}
|
||||
},
|
||||
computed : {
|
||||
dialog: {
|
||||
get() {
|
||||
return this.$store.state.payment.finish_dialog_is_active;
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit('payment/update_finish_dialog_is_active', val);
|
||||
}
|
||||
},
|
||||
|
||||
text_payno () {
|
||||
return this.$store.state.payment.payment_number
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,333 @@
|
||||
<template>
|
||||
<v-layout column pb-2>
|
||||
|
||||
<v-card class="pa-1">
|
||||
<table>
|
||||
<tr>
|
||||
<th class="text-md-center pt-2 pb-2"> # </th>
|
||||
<th class="text-md-center pt-2 pb-2" style="max-width:30px">CITO</th>
|
||||
<th class="text-md-center pt-2 pb-2">PEMERIKSAAN</th>
|
||||
<th class="text-md-center pt-2 pb-2">BRUTO</th>
|
||||
<th class="text-md-center pt-2 pb-2">DISKON</th>
|
||||
<th class="text-md-center pt-2 pb-2">TOTAL</th>
|
||||
</tr>
|
||||
<tr v-for="t in selected_test" v-bind:key="t.T_TestID">
|
||||
<td class="text-md-center">
|
||||
<v-icon color="red" @click="deletePx(t)">delete</v-icon>
|
||||
</td>
|
||||
<td class="text-md-left pl-3"><v-checkbox hide-details class="smr-1"
|
||||
:value="t.T_TestID"
|
||||
v-model="cito_test"
|
||||
></v-checkbox></td>
|
||||
<td class="text-md-left pl-3">{{ t.T_TestName}}
|
||||
<div class="caption" v-show="child_test_show(t)">{{child_test(t.child_test)}}</div>
|
||||
</td>
|
||||
<td class="text-md-right pr-2">{{ one_money(t.T_PriceAmount) }}</td>
|
||||
<td class="text-md-right pr-2">{{ one_money(calc_discount(t)) }}</td>
|
||||
<td class="text-md-right pr-2">{{ one_money(calc_netto(t)) }}</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<!-- TEST PANEL -->
|
||||
<template v-for="p in selected_panel">
|
||||
<tr class="tr-panel">
|
||||
<td class="text-md-center">
|
||||
<v-icon color="red" @click="deletePanel(p)">delete</v-icon>
|
||||
</td>
|
||||
<td class="text-md-left pl-3 pr-2" colspan="4">{{ p.T_TestPanelName}}</td>
|
||||
</tr>
|
||||
<tr v-for="t in p.test" v-bind:key="t.T_TestID">
|
||||
<td class="text-md-center">
|
||||
|
||||
</td>
|
||||
<td class="text-md-left pl-3">{{ t.T_TestName}}</td>
|
||||
<td class="text-md-right pr-2">{{ one_money(t.T_PriceAmount) }}</td>
|
||||
<td class="text-md-right pr-2">{{ one_money(calc_discount(t)) }}</td>
|
||||
<td class="text-md-right pr-2">{{ one_money(calc_netto(t)) }}</td>
|
||||
</tr>
|
||||
</template>
|
||||
<!--/ TEST PANEL -->
|
||||
|
||||
<tfoot>
|
||||
<tr>
|
||||
<th style="background:#03a9f43d" colspan="4" class="text-md-right pr-2 pt-2 pb-2">SUB TOTAL</th>
|
||||
<th style="background:#03a9f43d" class="text-md-right pr-2 pt-2 pb-2" colspan="2">{{ one_money(sub_total) }}</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th colspan="4" class="text-md-right pr-2 pt-1 pb-1">DISKON PEMBULATAN</th>
|
||||
<th class="text-md-right pr-2 pt-1 pb-1" colspan="2">{{ one_money(discount_pembulatan) }}</th>
|
||||
|
||||
</tr>
|
||||
</tfoot>
|
||||
</table>
|
||||
</v-card>
|
||||
|
||||
<v-card class="total">
|
||||
<v-layout align-center row>
|
||||
<v-flex xs6>
|
||||
<v-btn :disabled="!btn_save_enabled" color="primary" @click="save_order">Simpan</v-btn>
|
||||
</v-flex>
|
||||
<v-flex xs3 text-md-left justify-start row pt-2 pb-2>
|
||||
<div class="flex display-1 font-weight-medium pt-1 pb-1 pl-2"><kbd>TOTAL</kbd></div>
|
||||
</v-flex>
|
||||
<v-flex xs3 text-md-right justify-start row pt-2 pb-2>
|
||||
<div class="flex display-2 font-weight-medium pt-1 pb-1 pr-2"><kbd>{{ one_money(grand_total) }}</kbd></div>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
|
||||
</v-card>
|
||||
|
||||
<one-dialog-loading></one-dialog-loading>
|
||||
</v-layout>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
.nota {
|
||||
font-size: 2em;
|
||||
font-weight: bold;
|
||||
text-align: left;
|
||||
}
|
||||
.total {
|
||||
min-height:76px;
|
||||
}
|
||||
table {
|
||||
font-family: arial, sans-serif;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
background:white;
|
||||
border: 0px;
|
||||
}
|
||||
|
||||
th, td {
|
||||
border: 1px solid black;
|
||||
border-collapse: collapse;
|
||||
padding-top: 2px;
|
||||
padding-bottom: 2px;
|
||||
}
|
||||
table>tr>td {
|
||||
padding: 8px;
|
||||
}
|
||||
table>tr>td:first {
|
||||
padding-left:15px!important;
|
||||
}
|
||||
|
||||
.vintage-text{
|
||||
text-shadow: 0px -2px 0px #fff, 0px 2px 3px #fff;
|
||||
}
|
||||
|
||||
.v-input--selection-controls {
|
||||
margin-top: 0px;
|
||||
padding-top: 0px;
|
||||
}
|
||||
|
||||
</style>
|
||||
<script>
|
||||
module.exports = {
|
||||
|
||||
components : {
|
||||
'one-dialog-loading': httpVueLoader('../../common/oneDialogLoading.vue')
|
||||
},
|
||||
|
||||
data () {
|
||||
return {
|
||||
current_cito_change : []
|
||||
}
|
||||
},
|
||||
|
||||
watch : {
|
||||
cito_test (n, o) {
|
||||
if (n != o) {
|
||||
if (n.length == 0)
|
||||
this.current_cito_change = [o[0], "N"]
|
||||
else if (o.length == 0)
|
||||
this.current_cito_change = [n[0], "Y"]
|
||||
else if (o.length > n.length) {
|
||||
for (let i in o)
|
||||
if (n.indexOf(o[i]) < 0) this.current_cito_change = [o[i], "N"]
|
||||
}
|
||||
else {
|
||||
for (let i in n)
|
||||
if (o.indexOf(n[i]) < 0) this.current_cito_change = [n[i], "Y"]
|
||||
}
|
||||
}
|
||||
|
||||
let is_cito = "N";
|
||||
if (n.length > 0)
|
||||
is_cito = "Y";
|
||||
this.$store.commit('px/update_is_cito', is_cito);
|
||||
|
||||
this.$store.dispatch('px/get_price', {
|
||||
test_id:this.current_cito_change[0],
|
||||
mou_id:this.$store.state.company.selected_mou.M_MouID,
|
||||
cito:this.current_cito_change[1]})
|
||||
}
|
||||
},
|
||||
|
||||
methods: {
|
||||
one_money(p) {
|
||||
return window.one_money(p)
|
||||
},
|
||||
|
||||
update_req(px) {
|
||||
this.$store.dispatch("px/update_req", px)
|
||||
},
|
||||
|
||||
deletePanel(panel) {
|
||||
let sel = this.selected_panel
|
||||
|
||||
sel.forEach(function(p,idx) {
|
||||
if(p.T_TestPanelID == panel.T_TestPanelID) {
|
||||
sel.splice(idx,1)
|
||||
}
|
||||
});
|
||||
|
||||
this.$store.commit("px/update_selected_panel",sel)
|
||||
let panels = this.$store.state.px.panels
|
||||
if ( panels == undefined ) panels = []
|
||||
panels.push(panel)
|
||||
let dt = {
|
||||
records : panels,
|
||||
total: panels.length
|
||||
}
|
||||
this.$store.commit("px/update_panels",dt)
|
||||
this.update_req()
|
||||
},
|
||||
|
||||
deletePx(test) {
|
||||
this.$store.dispatch("px/delete_px", test)
|
||||
},
|
||||
|
||||
calc_netto(t) {
|
||||
return one_float(t.T_PriceAmount) - one_float(t.T_PriceDisc) / 100 * one_float(t.T_PriceAmount)
|
||||
- one_float(t.T_PriceDiscRp)
|
||||
},
|
||||
|
||||
calc_discount(t) {
|
||||
return ( one_float(t.T_PriceDisc) / 100 * one_float(t.T_PriceAmount) )
|
||||
+ one_float(t.T_PriceDiscRp)
|
||||
},
|
||||
|
||||
save_order() {
|
||||
// Loading
|
||||
this.$store.commit('update_dialog_loading', true)
|
||||
this.$store.dispatch("order/save")
|
||||
return
|
||||
},
|
||||
|
||||
child_test(x) {
|
||||
let y = []
|
||||
for (let i in x)
|
||||
y.push(x[i].T_TestName)
|
||||
return y.join(', ')
|
||||
},
|
||||
|
||||
child_test_show(t) {
|
||||
if (!t.child_test)
|
||||
return false
|
||||
|
||||
if (t.child_test.length < 1)
|
||||
return false
|
||||
|
||||
if (t.px_type != 'PN')
|
||||
return false
|
||||
|
||||
return true
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
selected_panel() {
|
||||
return this.$store.state.px.selected_panel
|
||||
},
|
||||
selected_test() {
|
||||
return this.$store.state.px.selected_test
|
||||
},
|
||||
discount_pembulatan() {
|
||||
let st = this.sub_total
|
||||
let part = st%1000
|
||||
if (part > 500) return part - 500
|
||||
if (part < 500 && part > 0 ) return part
|
||||
return 0
|
||||
},
|
||||
grand_total() {
|
||||
let gt = this.sub_total - this.discount_pembulatan
|
||||
return gt
|
||||
},
|
||||
sub_total() {
|
||||
let tests = this.selected_test
|
||||
sub_total = 0
|
||||
tests.forEach(function(t,idx) {
|
||||
let price = t.T_PriceAmount - t.T_PriceDisc / 100 * t.T_PriceAmount
|
||||
- t.T_PriceDiscRp
|
||||
sub_total += price
|
||||
})
|
||||
let panels = this.selected_panel
|
||||
panels.forEach(function(p) {
|
||||
let tests = p.test
|
||||
tests.forEach(function(t,idx) {
|
||||
let price = t.T_PriceAmount - t.T_PriceDisc / 100 * t.T_PriceAmount
|
||||
- t.T_PriceDiscRp
|
||||
sub_total += price
|
||||
})
|
||||
|
||||
})
|
||||
return sub_total
|
||||
},
|
||||
|
||||
btn_save_enabled () {
|
||||
// console.log(this.$store.state.patient.selected_patient.M_PatientID)
|
||||
if (!this.$store.state.patient.selected_patient.M_PatientID ||
|
||||
!this.$store.state.patient.selected_patient.M_PatientName ||
|
||||
!this.$store.state.patient.selected_patient.M_PatientNoReg ||
|
||||
!this.$store.state.patient.selected_patient.M_PatientDOB ||
|
||||
!this.$store.state.patient.selected_patient.patient_age ||
|
||||
!this.$store.state.doctor.selected_doctor.M_DoctorID ||
|
||||
!this.$store.state.doctor.selected_doctor.M_DoctorName ||
|
||||
!this.$store.state.doctor.selected_address.M_DoctorAddressID ||
|
||||
!this.$store.state.doctor.selected_address.M_DoctorAddressDescription ||
|
||||
this.$store.state.px.selected_test.length < 1)
|
||||
return false;
|
||||
|
||||
|
||||
if (this.$store.state.px.req_status == 'X')
|
||||
return false
|
||||
|
||||
if (this.$store.state.px.req_status == 'N' && this.$store.state.px.reqs.length < 1)
|
||||
return false
|
||||
|
||||
if (this.$store.state.delivery.checked_id.length < 1)
|
||||
return false
|
||||
|
||||
if (!this.$store.state.px.selected_cito)
|
||||
return false
|
||||
|
||||
// Same language
|
||||
if (this.$store.state.language.selected_language_2)
|
||||
if (this.$store.state.language.selected_language_2.key ==
|
||||
this.$store.state.language.selected_language.key)
|
||||
return false
|
||||
// if (this.$store.state.px.requirement.length > 0) {
|
||||
|
||||
// let x = this.$store.state.px.requirement
|
||||
// for (let i in x) {
|
||||
// if (x[i].is_error)
|
||||
// return false
|
||||
// }
|
||||
// }
|
||||
|
||||
return true;
|
||||
},
|
||||
|
||||
cito_test : {
|
||||
get () {
|
||||
return this.$store.state.px.cito.test
|
||||
},
|
||||
set (v) {
|
||||
this.$store.commit('px/update_cito', {t:'test', v:v})
|
||||
|
||||
return
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,247 @@
|
||||
<template>
|
||||
<div>
|
||||
|
||||
<v-layout column pb-2>
|
||||
<v-card class="one-fo-requirement">
|
||||
<v-subheader red--text text--lighten-1>
|
||||
<v-layout row wrap>
|
||||
<v-flex xs3>
|
||||
<span>JANJI HASIL :</span>
|
||||
</v-flex>
|
||||
<v-flex xs3>
|
||||
<span v-show="!cito_show && is_cito == 'Y'" class="mr-4 blue--text"><a href="javascript:;" class=" blue--text" @click="cito_show=!cito_show"><v-icon small>priority_high</v-icon> {{ selected_cito ? selected_cito.Nat_CitoName : '' }}</a></span>
|
||||
<v-select
|
||||
:items="citos"
|
||||
item-text="Nat_CitoName"
|
||||
item-value="Nat_CitoID"
|
||||
return-object
|
||||
|
||||
hide-details
|
||||
dense
|
||||
v-model="selected_cito"
|
||||
height="30"
|
||||
v-show="cito_show && is_cito == 'Y'"
|
||||
class="mt-0 pt-0"
|
||||
append-icon="clear"
|
||||
@click:append="selected_cito = null"
|
||||
></v-select>
|
||||
</v-flex>
|
||||
<v-flex xs6 class="text-xs-right">
|
||||
<span class="red--text">Perkiraan Janji Hasil : {{ appx_schedule }}</span>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-subheader>
|
||||
<!-- <v-layout row wrap v-show="cito_show">
|
||||
<v-flex xs3>
|
||||
|
||||
</v-flex>
|
||||
<v-flex xs4>
|
||||
|
||||
</v-flex>
|
||||
</v-layout> -->
|
||||
<v-divider></v-divider>
|
||||
|
||||
<v-layout row wrap>
|
||||
<v-flex xs12 pt-2>
|
||||
<v-card color="blue lighten-3 white--text" outlined flat >
|
||||
<v-card-text class="pt-2 pb-2">
|
||||
<v-layout row wrap>
|
||||
<v-flex xs6>
|
||||
<p class="title">Persyaratan terpenuhi ?</p>
|
||||
</v-flex>
|
||||
<v-flex xs6 class="text-xs-right">
|
||||
<v-btn
|
||||
:color="req_status == 'N' ? 'red' : 'white'"
|
||||
class="one-btn-icon mr-1 ma-0"
|
||||
:dark="req_status == 'N'"
|
||||
@click="reqMeNot">
|
||||
<v-icon>clear</v-icon>
|
||||
</v-btn>
|
||||
|
||||
<v-btn
|
||||
:color="req_status == 'Y' ? 'green' : 'white'"
|
||||
class="one-btn-icon mr-1 ma-0"
|
||||
:dark="req_status == 'Y'"
|
||||
|
||||
@click="reqMe">
|
||||
<v-icon>done</v-icon>
|
||||
</v-btn>
|
||||
<!-- <v-btn color="red" class="one-btn-icon mr-1 ma-0" @click="sampleReq"
|
||||
v-show="req_status == 'X' || req_status == 'N'"
|
||||
:disabled="req_status != 'X'"
|
||||
:dark="req_status == 'X'">
|
||||
<v-icon>clear</v-icon>
|
||||
</v-btn>
|
||||
|
||||
<v-btn color="green" class="one-btn-icon ma-0" @click="sampleReqOK"
|
||||
v-show="req_status == 'X' || req_status == 'Y'"
|
||||
:disabled="req_status != 'X'"
|
||||
:dark="req_status == 'X'">
|
||||
<v-icon>done</v-icon>
|
||||
</v-btn> -->
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-card-text>
|
||||
</v-card>
|
||||
</v-flex>
|
||||
|
||||
|
||||
</v-layout>
|
||||
|
||||
<v-layout row wrap v-if="req_status != 'N'">
|
||||
<v-card flat>
|
||||
<v-card-text class="pl-3 pr-3 pt-2 pb-2">
|
||||
<v-btn color="black" small outline v-for="(req, i) in requirements" v-bind:key="i" class="mt-1 mr-1 ma-0">{{req.label}}</v-btn>
|
||||
</v-card-text>
|
||||
</v-card>
|
||||
</v-layout>
|
||||
|
||||
<v-container fluid v-if="req_status == 'N'" class="pl-2 pr-2 pt-2 pb-2">
|
||||
<v-layout row wrap>
|
||||
<!-- <one-field-verification v-for="req in requirements" :key="req.idx"
|
||||
@input="update_req"
|
||||
:value="req" class="xs12 sm10" >
|
||||
</one-field-verification> -->
|
||||
<v-flex xs12
|
||||
v-for="(req, i) in requirements"
|
||||
v-bind:key="i">
|
||||
|
||||
<v-checkbox
|
||||
:value="req.req_id"
|
||||
:label="req.label"
|
||||
v-model="reqs"
|
||||
hide-details
|
||||
class="mt-0"
|
||||
></v-checkbox>
|
||||
</v-flex>
|
||||
|
||||
</v-layout>
|
||||
</v-container>
|
||||
<v-divider></v-divider>
|
||||
<v-layout>
|
||||
<v-flex xs12 pa-2>
|
||||
<v-checkbox
|
||||
v-model="received_sample"
|
||||
value="Y"
|
||||
label="Received Sample Only"
|
||||
></v-checkbox>
|
||||
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-card>
|
||||
</v-layout>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
div.persyaratan input[type=text]::-webkit-input-placeholder {
|
||||
font-size: 1em;
|
||||
}
|
||||
div.persyaratan input[type=text] {
|
||||
font-size: .7em;
|
||||
}
|
||||
div.persyaratan label {
|
||||
color: #f44336!important;
|
||||
font-size: 1.1em;
|
||||
font-weight:400;
|
||||
}
|
||||
</style>
|
||||
<script>
|
||||
module.exports = {
|
||||
components: {
|
||||
"one-field-verification" : httpVueLoader("./oneFieldVerification.vue")
|
||||
},
|
||||
|
||||
data () {
|
||||
return {
|
||||
cito_show : true
|
||||
}
|
||||
},
|
||||
|
||||
computed: {
|
||||
requirements(){
|
||||
return this.$store.state.px.requirement
|
||||
},
|
||||
|
||||
received_sample : {
|
||||
get () {
|
||||
return this.$store.state.order.received_sample
|
||||
},
|
||||
|
||||
set (v) {
|
||||
if (v == null)
|
||||
v = "N";
|
||||
|
||||
this.$store.commit("order/update_received_sample", v)
|
||||
return
|
||||
}
|
||||
},
|
||||
|
||||
appx_schedule() {
|
||||
return this.$store.state.px.appx_schedule
|
||||
},
|
||||
|
||||
req_status() {
|
||||
return this.$store.state.px.req_status
|
||||
},
|
||||
|
||||
req_text() {
|
||||
let x = []
|
||||
for (let i in this.requirements)
|
||||
x.push(this.requirements[i].label);
|
||||
|
||||
return x.join(', ')
|
||||
},
|
||||
|
||||
reqs : {
|
||||
get () { return this.$store.state.px.reqs },
|
||||
set (v) { this.$store.commit('px/update_reqs', v) }
|
||||
},
|
||||
|
||||
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: {
|
||||
update_req(val) {
|
||||
|
||||
let reqs = this.$store.state.px.requirement
|
||||
reqs.forEach(function(r,idx) {
|
||||
if ( val.idx = r.idx ) {
|
||||
reqs[idx] = val
|
||||
}
|
||||
})
|
||||
this.$store.commit("px/update_requirement", reqs)
|
||||
},
|
||||
|
||||
reqMe() {
|
||||
this.$store.commit('px/update_req_status', 'Y')
|
||||
},
|
||||
|
||||
reqMeNot() {
|
||||
this.$store.commit('px/update_req_status', 'N')
|
||||
}
|
||||
},
|
||||
|
||||
mounted () {
|
||||
this.$store.dispatch('px/search_cito')
|
||||
},
|
||||
|
||||
watch : {
|
||||
is_cito(val, old) {
|
||||
// if (val == "Y" && old == "N")
|
||||
// this.cito_show = false
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,23 @@
|
||||
<template>
|
||||
<v-layout row wrap >
|
||||
<v-flex xs12 sm6 class="left" fill-height pa-1>
|
||||
<!-- komponen kiri -->
|
||||
<patient-left-side></patient-left-side>
|
||||
</v-flex>
|
||||
|
||||
<v-flex xs12 sm6 class="right" fill-height pa-1>
|
||||
<!-- komponen kanan -->
|
||||
<patient-right-side></patient-right-side>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
module.exports = {
|
||||
components : {
|
||||
'patient-left-side' : httpVueLoader('./patientLeftSide.vue'),
|
||||
'patient-right-side' : httpVueLoader('./patientRightSide.vue')
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
@@ -0,0 +1,26 @@
|
||||
<template>
|
||||
<v-layout row wrap>
|
||||
<v-flex xs12 sm6 class="left" fill-height pa-1>
|
||||
<!-- komponen kiri -->
|
||||
<one-mou-px-left></one-mou-px-left>
|
||||
</v-flex>
|
||||
|
||||
<v-flex xs12 sm6 class="right" fill-height pa-1>
|
||||
<!-- komponen kanan -->
|
||||
<one-fo-registration-price-list></one-fo-registration-price-list>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
|
||||
module.exports = {
|
||||
components : {
|
||||
'one-mou-px-left' : httpVueLoader('./oneMouPxLeft.vue'),
|
||||
'one-fo-registration-price-list' : httpVueLoader('./oneFoRegistrationPriceList.vue?ts='
|
||||
+ new Date().toISOString())
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
@@ -0,0 +1,25 @@
|
||||
<template>
|
||||
<v-layout row wrap>
|
||||
<v-flex xs12 sm6 class="left" fill-height pa-1>
|
||||
<!-- komponen kiri -->
|
||||
<one-fo-registration-detail-order></one-fo-registration-detail-order>
|
||||
</v-flex>
|
||||
|
||||
<v-flex xs12 sm6 class="right" fill-height pa-1>
|
||||
<!-- komponen kanan -->
|
||||
<one-fo-registration-payment></one-fo-registration-payment>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
|
||||
module.exports = {
|
||||
components : {
|
||||
'one-fo-registration-detail-order' : httpVueLoader('./oneFoRegistrationDetailOrder.vue'),
|
||||
'one-fo-registration-payment' : httpVueLoader('./oneFoRegistrationPayment2.vue')
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
@@ -0,0 +1,52 @@
|
||||
<template>
|
||||
<v-layout column pb-2>
|
||||
<v-card class="search-test">
|
||||
<!-- <v-card-actions>
|
||||
<v-btn flat :outline="isTab('px')" color="orange" @click="selectTab('px')" >Pemeriksaan</v-btn>
|
||||
<v-btn flat :outline="isTab('panel')" color="orange" @click="selectTab('panel')" >Panel</v-btn>
|
||||
<v-btn flat :outline="isTab('profile')" color="orange" @click="selectTab('profile')" >Profile</v-btn>
|
||||
<v-btn flat :outline="isTab('mou')" color="orange" text-color="red" @click="selectTab('mou')" >MOU *</v-btn>
|
||||
</v-card-actions> -->
|
||||
<v-divider></v-divider>
|
||||
<one-mou-px-mou-info v-if="isTab('mou')">
|
||||
</one-mou-px-mou-info>
|
||||
<one-mou-px-px v-if="isTab('px')">
|
||||
</one-mou-px-px>
|
||||
<one-mou-px-panel v-if="isTab('panel')">
|
||||
</one-mou-px-panel>
|
||||
<one-mou-px-profile v-if="isTab('profile')">
|
||||
</one-mou-px-profile >
|
||||
</v-layout>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
</style>
|
||||
<script>
|
||||
module.exports = {
|
||||
components: {
|
||||
'one-mou-px-mou-info' : httpVueLoader('./oneMouPxMouInfo.vue'),
|
||||
'one-mou-px-px' : httpVueLoader('./oneMouPxPx.vue?ts' + new Date().toISOString() ),
|
||||
'one-mou-px-panel' : httpVueLoader('./oneMouPxPanel.vue'),
|
||||
'one-mou-px-profile' : httpVueLoader('./oneMouPxProfile.vue'),
|
||||
},
|
||||
methods: {
|
||||
isTab(tab) {
|
||||
return this.$store.state.company.selected_px_tab == tab
|
||||
},
|
||||
selectTab(tab) {
|
||||
let prev_tab = this.$store.state.company.selected_px_tab
|
||||
if (tab != this.$store.state.company.selected_px_tab ) {
|
||||
//reset panels tests profiles
|
||||
this.$store.commit('px/update_tests',[])
|
||||
this.$store.commit('px/update_panels',[])
|
||||
}
|
||||
this.$store.commit('company/update_selected_px_tab',tab)
|
||||
}
|
||||
},
|
||||
computed : {
|
||||
selected_px_tab() {
|
||||
return this.$store.state.company.selected_px_tab
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,19 @@
|
||||
<template>
|
||||
<v-layout column>
|
||||
<one-fo-registration-company></one-fo-registration-company>
|
||||
<one-fo-registration-test></one-fo-registration-test>
|
||||
<one-fo-registration-requirement></one-fo-registration-requirement>
|
||||
</v-layout>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
</style>
|
||||
<script>
|
||||
module.exports = {
|
||||
components : {
|
||||
'one-fo-registration-company' : httpVueLoader('./oneFoRegistrationCompany.vue'),
|
||||
'one-fo-registration-test' : httpVueLoader('./oneFoRegistrationTest.vue?ts=' + new Date().toISOString() ),
|
||||
'one-fo-registration-requirement' : httpVueLoader('./oneFoRegistrationRequirement.vue')
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,22 @@
|
||||
<template>
|
||||
<v-card-text>
|
||||
<div v-if="!mou.M_MouCompanyName">
|
||||
Belum Ada MOU yang di pilih
|
||||
</div>
|
||||
<div v-if="mou.M_MouCompanyName">
|
||||
MOU : {{mou.M_MouCompanyName}} <br/>
|
||||
Start : {{mou.M_MouCompanyStartDate}} <br/>
|
||||
End : {{mou.M_MouCompanyEndDate}} <br/>
|
||||
Note : {{mou.M_MouCompanyNote}} <br/>
|
||||
</div>
|
||||
</v-card-text>
|
||||
</template>
|
||||
<script>
|
||||
module.exports = {
|
||||
computed : {
|
||||
mou() {
|
||||
return this.$store.state.company.selected_mou
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
109
test/vuex/one-fo-registration-dev/components/oneMouPxPanel.vue
Normal file
109
test/vuex/one-fo-registration-dev/components/oneMouPxPanel.vue
Normal file
@@ -0,0 +1,109 @@
|
||||
<template>
|
||||
<v-card-text>
|
||||
<v-layout row >
|
||||
<v-flex xs6 class="pa-0 ma-0" >
|
||||
<v-text-field
|
||||
label="Panel"
|
||||
placeholder="Cari Panel"
|
||||
@change="search"
|
||||
class="ma-0"
|
||||
outline
|
||||
>
|
||||
</v-text-field>
|
||||
</v-flex>
|
||||
<v-flex xs6 class="pa-3">
|
||||
<v-label >
|
||||
Panel found {{panel_count}}, display {{ panel_count < 20 ? panel_count : 20 }}
|
||||
</v-label>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
<v-container grid-list-xs text-xs-center pa-0>
|
||||
<v-layout row wrap>
|
||||
<v-btn xs3 v-for="p in panels" :key="p.T_TestPanelID"
|
||||
@click="selectPanel(p)"
|
||||
depressed small color="error">
|
||||
{{p.T_TestPanelName}}
|
||||
</v-btn>
|
||||
</v-layout>
|
||||
</v-container>
|
||||
</v-card-text>
|
||||
</template>
|
||||
<script>
|
||||
module.exports = {
|
||||
methods: {
|
||||
search(val) {
|
||||
if (this.prev_val == val ) return
|
||||
this.prev_val = val
|
||||
this.$store.commit("px/update_search_panel",val)
|
||||
this.$store.dispatch("px/panel")
|
||||
},
|
||||
update_req(px) {
|
||||
if (px.T_TestRequirement != '' ) {
|
||||
let reqs = this.$store.state.px.requirement
|
||||
if (! _.find(reqs, function(r) { return r.label == px.T_TestRequirement; }) ) {
|
||||
reqs.push({
|
||||
label: px.T_TestRequirement,
|
||||
is_error: true,
|
||||
checked : false,
|
||||
error_message: 'Hasil harus di isi',
|
||||
note: ''
|
||||
})
|
||||
}
|
||||
this.$store.commit('px/update_requirement',reqs)
|
||||
}
|
||||
},
|
||||
selectPanel(panel) {
|
||||
try {
|
||||
let selected_panel = this.$store.state.px.selected_panel
|
||||
let flag_found = false
|
||||
selected_panel.forEach( function(p,idx) {
|
||||
if (panel.T_TestPanelID == p.T_TestPanelID) {
|
||||
selected_panel[idx] = panel
|
||||
flag_found = true
|
||||
}
|
||||
})
|
||||
if (!flag_found) {
|
||||
let f_update_req = this.update_req
|
||||
selected_panel.push(panel)
|
||||
panel.test.forEach(function(px){
|
||||
f_update_req(px)
|
||||
})
|
||||
}
|
||||
this.$store.commit('px/update_selected_panel',selected_panel)
|
||||
let panels = this.$store.state.px.panels
|
||||
let p_idx= -1
|
||||
panels.forEach( function(p,idx) {
|
||||
if (p.T_TestPanelID == panel.T_TestPanelID) p_idx = idx
|
||||
})
|
||||
if (p_idx >= 0 ) {
|
||||
_.pullAt(panels,[p_idx])
|
||||
let dt = {
|
||||
records: panels,
|
||||
total : panels.length
|
||||
}
|
||||
this.$store.commit('px/update_panels',dt)
|
||||
}
|
||||
} catch(e) {
|
||||
console.log(e)
|
||||
}
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
panel_count() {
|
||||
return this.$store.state.px.total_panel
|
||||
},
|
||||
panels() {
|
||||
console.log('get panels')
|
||||
return this.$store.state.px.panels
|
||||
},
|
||||
is_loading() {
|
||||
return this.$store.state.px.search_panel_status == 1
|
||||
}
|
||||
},
|
||||
data: function(){
|
||||
return {
|
||||
prev_val: ''
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
220
test/vuex/one-fo-registration-dev/components/oneMouPxProfile.vue
Normal file
220
test/vuex/one-fo-registration-dev/components/oneMouPxProfile.vue
Normal file
@@ -0,0 +1,220 @@
|
||||
|
||||
<template>
|
||||
<v-card-text>
|
||||
<v-layout row >
|
||||
<v-text-field
|
||||
placeholder="ketikkan profile..."
|
||||
class="pt-0"
|
||||
v-model="search"
|
||||
@keyup.enter="do_search"
|
||||
>
|
||||
</v-text-field>
|
||||
</v-layout>
|
||||
<v-layout row wrap>
|
||||
|
||||
<v-flex xs3 v-for="(profile, idx) in profiles" v-bind:key="idx">
|
||||
<v-layout row>
|
||||
<v-flex>
|
||||
<v-btn depressed small color="error" class="mr-0 btn-profile" :disabled="profile.err > 0" :dark="profile.err < 1" block @click="selectPx(profile.detail)">{{ profile.T_ProfileName }}</v-btn>
|
||||
</v-flex>
|
||||
<v-flex>
|
||||
<v-btn depressed small icon color="red lighten-2" dark class="ml-0" @click="profile_detail(profile)"><v-icon>search</v-icon></v-btn>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
|
||||
|
||||
</v-flex>
|
||||
|
||||
<v-snackbar
|
||||
v-model="snackbar"
|
||||
top
|
||||
>
|
||||
{{ err_text }}
|
||||
<v-btn color="red" flat @click="snackbar = false" >
|
||||
Close
|
||||
</v-btn>
|
||||
</v-snackbar>
|
||||
|
||||
<v-dialog
|
||||
v-model="profile_detail_dialog"
|
||||
width="500"
|
||||
>
|
||||
<v-card>
|
||||
<v-card-title
|
||||
class="headline grey lighten-2"
|
||||
primary-title
|
||||
>
|
||||
{{ profile_detail_title }}
|
||||
</v-card-title>
|
||||
|
||||
<v-card-text>
|
||||
<v-layout row wrap>
|
||||
<v-flex xs6 v-for="(px, i) in profile_detail_px" v-bind:key="i" pa-1>
|
||||
<v-btn color="orange" block dark>{{ px.T_TestName }}</v-btn>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
|
||||
</v-card-text>
|
||||
<v-divider></v-divider>
|
||||
<v-card-actions>
|
||||
|
||||
<v-btn
|
||||
color="primary"
|
||||
flat
|
||||
@click="profile_detail_dialog = false"
|
||||
>
|
||||
Tutup
|
||||
</v-btn>
|
||||
<v-spacer></v-spacer>
|
||||
<v-btn color="red" dark>Tambahkan ke Order</v-btn>
|
||||
</v-card-actions>
|
||||
</v-card>
|
||||
</v-dialog>
|
||||
|
||||
</v-layout>
|
||||
</v-card-text>
|
||||
</template>
|
||||
<style scoped>
|
||||
.v-btn--icon {
|
||||
border-radius: 0px
|
||||
}
|
||||
|
||||
.btn-profile {
|
||||
border-top-right-radius: 0%;
|
||||
border-bottom-right-radius: 0%;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
module.exports = {
|
||||
data () {
|
||||
return {
|
||||
snackbar: false,
|
||||
err_text: "",
|
||||
|
||||
profile_detail_dialog: false,
|
||||
profile_detail_text: '',
|
||||
profile_detail_title: 'SGPT',
|
||||
|
||||
profile_detail_px: []
|
||||
}
|
||||
},
|
||||
|
||||
computed : {
|
||||
profiles () {
|
||||
return this.$store.state.px.profiles
|
||||
},
|
||||
|
||||
search : {
|
||||
get () {
|
||||
return this.$store.state.px.search_profile
|
||||
},
|
||||
set (v) {
|
||||
this.$store.commit('px/update_search_profile', v)
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
methods : {
|
||||
do_search() {
|
||||
this.$store.dispatch('px/profile')
|
||||
},
|
||||
|
||||
selectPx(pxs) {
|
||||
let flag_found = false
|
||||
let flag_name = ""
|
||||
let selected_test = this.$store.state.px.selected_test
|
||||
|
||||
for (let i in pxs) {
|
||||
var px = pxs[i]
|
||||
selected_test.forEach( function(t, idx) {
|
||||
if (t.T_TestID == px.T_TestID) {
|
||||
flag_found = true
|
||||
flag_name = t.T_TestName
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
if (flag_found) {
|
||||
this.err_text = "Tidak bisa menambahkan Profile. Pemeriksaan " + flag_name + " sudah ada !"
|
||||
this.snackbar = true
|
||||
return
|
||||
}
|
||||
|
||||
for (let i in pxs) {
|
||||
var px = pxs[i]
|
||||
|
||||
try {
|
||||
// if (in_selectPx) return
|
||||
// in_selectPx = true
|
||||
|
||||
// let selected_test = this.$store.state.px.selected_test
|
||||
flag_found = false
|
||||
// let flag_found = false
|
||||
// selected_test.forEach( function(t, idx) {
|
||||
// if (t.T_TestID == px.T_TestID) {
|
||||
// selected_test[idx] = px
|
||||
// flag_found = true
|
||||
// }
|
||||
// })
|
||||
|
||||
if (!flag_found) {
|
||||
selected_test.push(px)
|
||||
|
||||
// let tests = this.$store.state.px.tests
|
||||
// let p_idx = -1
|
||||
// tests.forEach(function(t,idx) {
|
||||
// if (t.T_TestID == px.T_TestID) {
|
||||
// p_idx = idx
|
||||
// }
|
||||
// })
|
||||
// if (p_idx >= 0 ) {
|
||||
// _.pullAt(tests,[p_idx])
|
||||
// let dt = {
|
||||
// records: tests,
|
||||
// total: tests.length
|
||||
// }
|
||||
// this.$store.commit('px/update_tests',dt)
|
||||
// }
|
||||
}
|
||||
|
||||
this.$store.commit('px/update_selected_test', selected_test)
|
||||
if (px.T_TestRequirement != '' ) {
|
||||
let reqs = this.$store.state.px.requirement
|
||||
let rst = _.find(reqs, function(r) { return r.label == px.T_TestRequirement; })
|
||||
if ( rst == undefined ) {
|
||||
reqs.push({
|
||||
px_id: px.T_TestID,
|
||||
label: px.T_TestRequirement,
|
||||
error_message: 'Hasil harus di isi',
|
||||
is_error: true,
|
||||
checked : false,
|
||||
note: ''
|
||||
})
|
||||
}
|
||||
|
||||
this.$store.commit('px/update_requirement', reqs)
|
||||
|
||||
// Update Janji Hasil
|
||||
this.$store.dispatch('px/appx_schedule')
|
||||
}
|
||||
|
||||
// in_selectPx = false
|
||||
} catch(e) {
|
||||
console.log(e)
|
||||
// in_selectPx = false
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
},
|
||||
|
||||
profile_detail (profile) {
|
||||
this.profile_detail_title = profile.T_ProfileName
|
||||
this.profile_detail_text = JSON.stringify(profile.detail)
|
||||
this.profile_detail_px = profile.detail
|
||||
this.profile_detail_dialog = true
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
309
test/vuex/one-fo-registration-dev/components/oneMouPxPx.vue
Normal file
309
test/vuex/one-fo-registration-dev/components/oneMouPxPx.vue
Normal file
@@ -0,0 +1,309 @@
|
||||
<template>
|
||||
<v-card-text>
|
||||
<v-layout column>
|
||||
<v-layout row>
|
||||
<v-flex xs6 class="pa-0 ma-0" >
|
||||
<v-text-field
|
||||
label="Pemeriksaan"
|
||||
placeholder="ketikkan pemeriksaan ..."
|
||||
@change="search"
|
||||
class="ma-0"
|
||||
outline
|
||||
hide-details
|
||||
>
|
||||
</v-text-field>
|
||||
|
||||
|
||||
</v-flex>
|
||||
<v-flex xs6 class="pa-3">
|
||||
<v-label >
|
||||
Test Found {{test_count}}, display {{ test_count < 20 ? test_count : display_count }}
|
||||
</v-label>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
<v-divider class="mt-2 mb-2"></v-divider>
|
||||
<v-progress-linear class="ma-0 pa-0" indeterminate :active="is_loading" />
|
||||
</v-layout>
|
||||
<v-container grid-list-xs pa-0>
|
||||
<v-layout row wrap>
|
||||
<v-flex xs6 v-for="test in tests" :key="test.T_TestPriceID"
|
||||
pr-2
|
||||
>
|
||||
<v-btn block
|
||||
:disabled="is_selectPx"
|
||||
@click="selectPx(test)"
|
||||
depressed small :color="px_color(test.px_type)" dark
|
||||
outline
|
||||
class="ma-0 btn-px"
|
||||
|
||||
>
|
||||
{{test.T_TestName}}
|
||||
</v-btn>
|
||||
</v-flex>
|
||||
|
||||
</v-layout>
|
||||
</v-container>
|
||||
</v-card-text>
|
||||
</template>
|
||||
<style scoped>
|
||||
.btn-px > .v-btn__content {
|
||||
justify-content: left !important
|
||||
}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
let in_selectPx = false
|
||||
module.exports = {
|
||||
methods: {
|
||||
search(val) {
|
||||
if ( val == this.prev_search ) return
|
||||
console.log('Searching',val)
|
||||
this.prev_search = val
|
||||
this.$store.commit("px/update_search",val)
|
||||
this.$store.dispatch("px/search")
|
||||
},
|
||||
|
||||
selectPx(px) {
|
||||
try {
|
||||
|
||||
// START LOADING
|
||||
this.$store.commit('update_dialog_loading', true)
|
||||
|
||||
// IF PROFILE
|
||||
if (px.px_type == "PR" || px.px_type == "PXR")
|
||||
return this.selectProfile(px)
|
||||
|
||||
// SEARCH NAT TEST
|
||||
let nt = this.$store.state.px.nat_test
|
||||
let found_nt = false
|
||||
for (let i in px.nat_test) {
|
||||
if (nt.indexOf(px.nat_test[i]) > -1)
|
||||
found_nt = true
|
||||
}
|
||||
|
||||
if (found_nt) {
|
||||
alert('Pemeriksaan tersebut sudah ada !')
|
||||
// END LOADING
|
||||
this.$store.commit('update_dialog_loading', false)
|
||||
return
|
||||
}
|
||||
|
||||
if (in_selectPx) return
|
||||
in_selectPx = true
|
||||
let selected_test = this.$store.state.px.selected_test
|
||||
let flag_found = false
|
||||
selected_test.forEach( function(t,idx) {
|
||||
if (t.T_TestID == px.T_TestID) {
|
||||
selected_test[idx] = px
|
||||
flag_found = true
|
||||
}
|
||||
})
|
||||
if (!flag_found) {
|
||||
selected_test.push(px)
|
||||
let tests = this.$store.state.px.tests
|
||||
let p_idx = -1
|
||||
tests.forEach(function(t,idx) {
|
||||
if (t.T_TestID == px.T_TestID) {
|
||||
p_idx = idx
|
||||
}
|
||||
})
|
||||
if (p_idx >= 0 ) {
|
||||
_.pullAt(tests,[p_idx])
|
||||
let dt = {
|
||||
records: tests,
|
||||
total: tests.length
|
||||
}
|
||||
this.$store.commit('px/update_tests',dt)
|
||||
}
|
||||
}
|
||||
this.$store.commit('px/update_selected_test', selected_test)
|
||||
|
||||
let req = px.requirement
|
||||
let reqs = this.$store.state.px.requirement
|
||||
if (req.length > 0) {
|
||||
for(let i in req) {
|
||||
let found = false
|
||||
for(let j in reqs) {
|
||||
if (reqs[j]['req_id'] == req[i]['req_id'])
|
||||
found = j
|
||||
}
|
||||
|
||||
if (!found)
|
||||
reqs.push({
|
||||
px_id: [px.T_TestID],
|
||||
label: req[i]['req_name'],
|
||||
error_message: 'Hasil harus di isi',
|
||||
is_error: true,
|
||||
checked : false,
|
||||
note: '',
|
||||
req_id: req[i]['req_id']
|
||||
})
|
||||
else
|
||||
reqs[found].px_id.push(px.T_TestID)
|
||||
}
|
||||
|
||||
this.$store.commit('px/update_requirement', reqs)
|
||||
}
|
||||
|
||||
this.$store.dispatch('px/appx_schedule')
|
||||
|
||||
// if (px.T_TestRequirement != '' ) {
|
||||
// let reqs = this.$store.state.px.requirement
|
||||
// let rst = _.find(reqs, function(r) { return r.label == px.T_TestRequirement; })
|
||||
// if ( rst == undefined ) {
|
||||
// reqs.push({
|
||||
// px_id: px.T_TestID,
|
||||
// label: px.T_TestRequirement,
|
||||
// error_message: 'Hasil harus di isi',
|
||||
// is_error: true,
|
||||
// checked : false,
|
||||
// note: ''
|
||||
// })
|
||||
// }
|
||||
// this.$store.commit('px/update_requirement',reqs)
|
||||
|
||||
// // Update Janji Hasil
|
||||
// this.$store.dispatch('px/appx_schedule')
|
||||
// }
|
||||
|
||||
// checked:false
|
||||
// error_message:"Hasil harus di isi"
|
||||
// is_error:true
|
||||
// label:null
|
||||
// note:""
|
||||
// px_id:"969"
|
||||
|
||||
in_selectPx = false
|
||||
this.$store.commit('px/update_nat_test')
|
||||
|
||||
// END LOADING
|
||||
this.$store.commit('update_dialog_loading', false)
|
||||
} catch(e) {
|
||||
console.log(e)
|
||||
in_selectPx = false
|
||||
}
|
||||
},
|
||||
|
||||
selectProfile(px) {
|
||||
try {
|
||||
|
||||
// SEARCH NAT TEST
|
||||
let nt = this.$store.state.px.nat_test
|
||||
let found_nt = false
|
||||
for (let i in px.nat_test) {
|
||||
if (nt.indexOf(px.nat_test[i]) > -1)
|
||||
found_nt = true
|
||||
}
|
||||
|
||||
if (found_nt) {
|
||||
alert('Pemeriksaan tersebut sudah ada !')
|
||||
// END LOADING
|
||||
this.$store.commit('update_dialog_loading', false)
|
||||
return
|
||||
}
|
||||
|
||||
let pxs = px.child_test
|
||||
|
||||
for (let i in pxs) {
|
||||
px = pxs[i]
|
||||
|
||||
let selected_test = this.$store.state.px.selected_test
|
||||
let flag_found = false
|
||||
|
||||
selected_test.push(px)
|
||||
let tests = this.$store.state.px.tests
|
||||
let p_idx = -1
|
||||
tests.forEach(function(t,idx) {
|
||||
if (t.T_TestID == px.T_TestID) {
|
||||
p_idx = idx
|
||||
}
|
||||
})
|
||||
|
||||
if (p_idx >= 0 ) {
|
||||
_.pullAt(tests,[p_idx])
|
||||
let dt = {
|
||||
records: tests,
|
||||
total: tests.length
|
||||
}
|
||||
this.$store.commit('px/update_tests',dt)
|
||||
}
|
||||
|
||||
this.$store.commit('px/update_selected_test', selected_test)
|
||||
|
||||
let req = px.requirement
|
||||
|
||||
let reqs = this.$store.state.px.requirement
|
||||
if (req.length > 0) {
|
||||
for(let i in req) {
|
||||
let found = false
|
||||
for(let j in reqs) {
|
||||
if (reqs[j]['req_id'] == req[i]['req_id'])
|
||||
found = j
|
||||
}
|
||||
|
||||
if (!found)
|
||||
reqs.push({
|
||||
px_id: [px.T_TestID],
|
||||
label: req[i]['req_name'],
|
||||
error_message: 'Hasil harus di isi',
|
||||
is_error: true,
|
||||
checked : false,
|
||||
note: '',
|
||||
req_id: req[i]['req_id']
|
||||
})
|
||||
else
|
||||
reqs[found].px_id.push(px.T_TestID)
|
||||
}
|
||||
|
||||
this.$store.commit('px/update_requirement', reqs)
|
||||
}
|
||||
}
|
||||
|
||||
this.$store.dispatch('px/appx_schedule')
|
||||
in_selectPx = false
|
||||
this.$store.commit('px/update_nat_test')
|
||||
|
||||
// END LOADING
|
||||
this.$store.commit('update_dialog_loading', false)
|
||||
|
||||
} catch(e) {
|
||||
console.log(e)
|
||||
// END LOADING
|
||||
this.$store.commit('update_dialog_loading', false)
|
||||
in_selectPx = false
|
||||
}
|
||||
},
|
||||
|
||||
px_color (x) {
|
||||
if (x == "PR")
|
||||
return "green"
|
||||
else if (x == "PN")
|
||||
return "orange"
|
||||
else
|
||||
return "error"
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
test_count() {
|
||||
return this.$store.state.px.total_test
|
||||
},
|
||||
display_count() {
|
||||
return this.tests.length
|
||||
},
|
||||
tests() {
|
||||
return this.$store.state.px.tests
|
||||
},
|
||||
is_selectPx() {
|
||||
return in_selectPx
|
||||
},
|
||||
is_loading() {
|
||||
return this.$store.state.px.search_status == 1
|
||||
}
|
||||
},
|
||||
data: function(){
|
||||
return {
|
||||
prev_search : ''
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,67 @@
|
||||
<template>
|
||||
<v-layout>
|
||||
<v-flex xs12 text-xs-center mb-2>
|
||||
<v-card color="blue lighten-4">
|
||||
<v-card-text class="pb-0 pt-1">
|
||||
<v-btn
|
||||
v-for="tab in tabs"
|
||||
:color="tab.code == active ? 'black' : 'grey lighten-5'"
|
||||
class="black--text ma-0 tab-btn"
|
||||
:class="[tab.code == active ? 'active' : '']"
|
||||
@click="changeTab(tab.code)"
|
||||
flat
|
||||
:key="tab.code"
|
||||
:data="tab"
|
||||
:disabled="!tab.enabled"
|
||||
>
|
||||
<!-- <v-icon left dark>{{ tab.icon }}</v-icon> -->
|
||||
<h6 class="title">{{ tab.label }}</h6>
|
||||
</v-btn>
|
||||
</v-card-text>
|
||||
</v-card>
|
||||
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
.active {
|
||||
border-bottom: solid 7px #000066!important;
|
||||
}
|
||||
|
||||
.tab-btn {
|
||||
min-width: 400px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
module.exports = {
|
||||
data () {
|
||||
return {
|
||||
|
||||
}
|
||||
},
|
||||
|
||||
methods : {
|
||||
changeTab (x) {
|
||||
// this.active = x;
|
||||
this.$store.commit('change_tab', x);
|
||||
}
|
||||
},
|
||||
|
||||
computed : {
|
||||
tabs : {
|
||||
get () {
|
||||
return this.$store.state.order.tabs
|
||||
},
|
||||
set (v) {
|
||||
return
|
||||
}
|
||||
},
|
||||
|
||||
active () {
|
||||
return this.$store.state.tab_active
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,95 @@
|
||||
<template>
|
||||
<v-layout column>
|
||||
<h5 class="headline ml-2 mb-1">Pengiriman Hasil</h5>
|
||||
<v-container grid-list-md>
|
||||
<v-layout row wrap >
|
||||
<v-flex class="row" xs6 v-for="(delivery,idx) in deliveries"
|
||||
:key="delivery.idx" mt-2>
|
||||
<v-layout row wrap :class="{'ml-4':(idx%2)==1}" >
|
||||
<v-checkbox
|
||||
hide-details class="shrink mr-1"
|
||||
:value="delivery.idx"
|
||||
v-model="checked_id"
|
||||
></v-checkbox>
|
||||
|
||||
<v-text-field
|
||||
class="grow"
|
||||
outline
|
||||
:value="delivery.note"
|
||||
:label="delivery.name"
|
||||
@input="(val) => updateDelivery(idx,val)"
|
||||
hide-details
|
||||
readonly
|
||||
></v-text-field>
|
||||
</v-layout>
|
||||
</v-flex >
|
||||
|
||||
<!-- <v-flex class="row" xs6 v-for="(delivery,idx) in deliveries"
|
||||
:key="delivery.id" mt-2>
|
||||
<v-layout row wrap :class="{'ml-4':(idx%2)==1}" >
|
||||
<v-checkbox
|
||||
hide-details class="shrink mr-1"
|
||||
:value="delivery.selected"
|
||||
@change="(val) => updateSelected(idx,val)"
|
||||
></v-checkbox>
|
||||
|
||||
<v-text-field
|
||||
class="grow"
|
||||
outline
|
||||
:value="delivery.note"
|
||||
:label="delivery.name"
|
||||
@input="(val) => updateDelivery(idx,val)"
|
||||
hide-details
|
||||
></v-text-field>
|
||||
</v-layout>
|
||||
</v-flex > -->
|
||||
|
||||
</v-layout>
|
||||
</v-container>
|
||||
</v-layout>
|
||||
|
||||
</template>
|
||||
|
||||
<script>
|
||||
module.exports = {
|
||||
// data () {
|
||||
// return {
|
||||
// checked_id : []
|
||||
// }
|
||||
// },
|
||||
|
||||
methods: {
|
||||
updateSelected(idx,val) {
|
||||
console.log('idx:'+idx)
|
||||
console.log('val:'+val)
|
||||
var deliveries = this.$store.state.delivery.deliveries
|
||||
deliveries[idx].selected = val
|
||||
this.$store.commit("delivery/update_deliveries",deliveries)
|
||||
},
|
||||
updateDelivery(idx,val) {
|
||||
|
||||
var deliveries = this.$store.state.delivery.deliveries
|
||||
deliveries[idx].note = val
|
||||
this.$store.commit("delivery/update_deliveries",deliveries)
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
deliveries() {
|
||||
return this.$store.state.delivery.deliveries
|
||||
},
|
||||
|
||||
checked_id : {
|
||||
get() {
|
||||
return this.$store.state.delivery.checked_id
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("delivery/update_checked_id", val)
|
||||
this.$store.commit("delivery/update_deliveries_2")
|
||||
}
|
||||
}
|
||||
},
|
||||
mounted: function() {
|
||||
this.$store.dispatch('delivery/search')
|
||||
}
|
||||
}
|
||||
</script>
|
||||
193
test/vuex/one-fo-registration-dev/components/patientDetail.vue
Normal file
193
test/vuex/one-fo-registration-dev/components/patientDetail.vue
Normal file
@@ -0,0 +1,193 @@
|
||||
<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="patient_photo"
|
||||
aspect-ratio="1"
|
||||
class="grey lighten-2 elevation-2"
|
||||
contain
|
||||
>
|
||||
</v-flex>
|
||||
|
||||
<v-flex xs12>
|
||||
<v-btn
|
||||
color="green white--text"
|
||||
:dark="patient.M_PatientID ? true : false"
|
||||
block
|
||||
@click="update_photo"
|
||||
:disabled="!patient.M_PatientID"
|
||||
>
|
||||
Update Foto
|
||||
</v-btn>
|
||||
</v-flex>
|
||||
|
||||
<v-flex xs12>
|
||||
<patient-history-dialog> </patient-history-dialog>
|
||||
</v-flex>
|
||||
|
||||
<v-flex xs12 v-if="patient.info">
|
||||
<div>Kunjungan ke {{ patient.info.visit }}</div>
|
||||
<div v-show="patient.info.birthday == 'Y'">Happy Birthday !</div>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
|
||||
|
||||
|
||||
</v-flex>
|
||||
|
||||
<v-flex xs9>
|
||||
<v-flex xs12>
|
||||
<v-layout>
|
||||
<v-flex xs7 pa-1>
|
||||
<v-text-field
|
||||
label="Nama"
|
||||
placeholder=""
|
||||
:value="patient.M_PatientName"
|
||||
readonly
|
||||
></v-text-field>
|
||||
</v-flex>
|
||||
<v-flex xs5 pa-1>
|
||||
<v-text-field
|
||||
label="PID"
|
||||
placeholder=""
|
||||
:value="patient.M_PatientNoReg"
|
||||
readonly
|
||||
></v-text-field>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
|
||||
</v-flex>
|
||||
|
||||
<v-flex xs12 pa-1>
|
||||
<v-textarea
|
||||
auto-grow
|
||||
label="Alamat"
|
||||
rows="5"
|
||||
:value="patient.M_PatientAddress"
|
||||
readonly
|
||||
></v-textarea>
|
||||
|
||||
</v-flex>
|
||||
|
||||
<v-flex xs12 pa-1>
|
||||
<v-text-field
|
||||
label="HP"
|
||||
placeholder=""
|
||||
:value="patient.M_PatientHP"
|
||||
readonly
|
||||
></v-text-field>
|
||||
</v-flex>
|
||||
|
||||
<v-flex xs12>
|
||||
<v-layout>
|
||||
<v-flex xs7 pa-1>
|
||||
<v-text-field
|
||||
label="Tanggal Lahir"
|
||||
placeholder=""
|
||||
:value="patient_dob"
|
||||
readonly
|
||||
></v-text-field>
|
||||
</v-flex>
|
||||
|
||||
<v-flex xs5 pa-1>
|
||||
<v-text-field
|
||||
label="Umur"
|
||||
placeholder=""
|
||||
v-model="patient_age"
|
||||
readonly
|
||||
></v-text-field>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-flex>
|
||||
|
||||
|
||||
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
|
||||
</v-flex>
|
||||
|
||||
|
||||
<v-flex xs12>
|
||||
<v-divider></v-divider>
|
||||
<v-layout row wrap>
|
||||
<v-flex xs12 class="pt-3 pl-2">
|
||||
<v-textarea
|
||||
auto-grow
|
||||
label="Catatan Pasien"
|
||||
rows="3"
|
||||
v-model="patient_note"
|
||||
></v-textarea>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-flex>
|
||||
<patient-photo-dialog></patient-photo-dialog>
|
||||
</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'),
|
||||
'patient-photo-dialog': httpVueLoader('./oneDialogPhoto.vue')
|
||||
},
|
||||
computed : {
|
||||
patient() {
|
||||
return this.$store.state.patient.selected_patient
|
||||
},
|
||||
|
||||
patient_note: {
|
||||
get() {
|
||||
return this.$store.state.order.patient_note
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit('order/update_patient_note',val)
|
||||
}
|
||||
},
|
||||
|
||||
patient_age: {
|
||||
get () {
|
||||
return this.$store.state.patient.selected_patient.patient_age
|
||||
},
|
||||
|
||||
set (v) {
|
||||
return
|
||||
}
|
||||
},
|
||||
|
||||
patient_dob () {
|
||||
try {
|
||||
return this.$store.state.patient.selected_patient.M_PatientDOB.split('-').reverse().join('-')
|
||||
} catch (e) {
|
||||
}
|
||||
|
||||
},
|
||||
|
||||
patient_photo () {
|
||||
return this.$store.state.photo.photo_url
|
||||
}
|
||||
},
|
||||
|
||||
methods : {
|
||||
update_photo () {
|
||||
this.$store.commit('photo/update_dialog_photo', true)
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,95 @@
|
||||
<template>
|
||||
<v-card class="xs12 md12 mt-2" flat>
|
||||
<!-- <v-card-title primary-title class="pt-1 pb-1 pl-2 pr-2">
|
||||
<div>
|
||||
<h3 class="headline mb-0">Histori Pasien</h3>
|
||||
</div>
|
||||
</v-card-title> -->
|
||||
|
||||
<v-card-text class="pt-1 pb-1 pl-2 pr-2">
|
||||
<v-data-table :headers="headers" :items="histories"
|
||||
hide-actions class="elevation-1">
|
||||
<template slot="items" slot-scope="props">
|
||||
<td class="text-xs-left pa-2" >{{ format_date(props.item.T_OrderHeaderDate) }}</td>
|
||||
<td class="text-xs-left pa-2" >{{ props.item.T_OrderHeaderLabNumber}}</td>
|
||||
<td class="pa-2" >{{ props.item.T_TestName }}</td>
|
||||
<td class="text-xs-right pa-1">
|
||||
<v-btn color="primary" dark small class="one-btn-icon ma-0" @click="getMe(props.item.T_OrderHeaderID)">
|
||||
<v-icon small>save_alt</v-icon>
|
||||
</v-btn>
|
||||
</td>
|
||||
</template>
|
||||
|
||||
</v-data-table>
|
||||
</v-card-text>
|
||||
|
||||
|
||||
</v-card>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
table.v-table tbody td,table.v-table tbody th {
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
table.v-table thead tr {
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
.one-btn-icon { font-size: 1.5em; float: right }
|
||||
</style>
|
||||
|
||||
<script>
|
||||
module.exports = {
|
||||
computed : {
|
||||
histories(){
|
||||
return this.$store.state.history.histories
|
||||
}
|
||||
},
|
||||
|
||||
data() {
|
||||
return {
|
||||
headers: [
|
||||
{
|
||||
text: "TANGGAL",
|
||||
align: "left",
|
||||
sortable: false,
|
||||
width: "20%",
|
||||
class: "pa-2 blue lighten-3 white--text"
|
||||
},
|
||||
{
|
||||
text: "NO. LAB",
|
||||
align: "left",
|
||||
sortable: false,
|
||||
width: "20%",
|
||||
class: "pa-2 blue lighten-3 white--text"
|
||||
},
|
||||
{
|
||||
text: "PEMERIKSAAN",
|
||||
align: "left",
|
||||
sortable: false,
|
||||
width: "50%",
|
||||
class: "pa-2 blue lighten-3 white--text"
|
||||
},
|
||||
{
|
||||
text: "USE",
|
||||
align: "right",
|
||||
sortable: false,
|
||||
width: "10%",
|
||||
class: "pa-2 blue lighten-3 white--text"
|
||||
}
|
||||
]
|
||||
};
|
||||
},
|
||||
|
||||
methods : {
|
||||
format_date(d) {
|
||||
return d.substr(0, 10).split('-').reverse().join('-')
|
||||
},
|
||||
|
||||
getMe(id) {
|
||||
this.$store.dispatch('px/search_pxs', id)
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,87 @@
|
||||
<template>
|
||||
|
||||
<v-dialog
|
||||
v-model="dialog"
|
||||
:disabled="no_history"
|
||||
width="600"
|
||||
>
|
||||
<v-btn
|
||||
slot="activator"
|
||||
color="primary"
|
||||
:disabled="no_history"
|
||||
block
|
||||
class="mt-0"
|
||||
>
|
||||
Histori
|
||||
</v-btn>
|
||||
|
||||
<v-card>
|
||||
<v-card-title
|
||||
class="headline grey lighten-2 pt-2 pb-2"
|
||||
primary-title
|
||||
|
||||
>
|
||||
Histori Pasien
|
||||
</v-card-title>
|
||||
|
||||
<v-card-text class="pt-2 pb-2">
|
||||
<patient-history></patient-history>
|
||||
</v-card-text>
|
||||
|
||||
<v-divider></v-divider>
|
||||
|
||||
<v-card-actions>
|
||||
<v-spacer></v-spacer>
|
||||
<v-btn
|
||||
color="primary"
|
||||
flat
|
||||
@click="dialog = false"
|
||||
>
|
||||
Tutup
|
||||
</v-btn>
|
||||
</v-card-actions>
|
||||
</v-card>
|
||||
</v-dialog>
|
||||
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
.v-dialog__container {
|
||||
display: block !important;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
module.exports = {
|
||||
components : {
|
||||
'patient-history': httpVueLoader('./patientHistory.vue')
|
||||
},
|
||||
|
||||
computed: {
|
||||
no_history() {
|
||||
//empty selected patient
|
||||
|
||||
if (! this.$store.state.patient.selected_patient.M_PatientID) return true
|
||||
// return false
|
||||
return this.$store.state.history.histories.length == 0
|
||||
},
|
||||
|
||||
dialog: {
|
||||
get() {
|
||||
return this.$store.state.history.history_dialog
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit('history/update_history_dialog',val)
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
watch : {
|
||||
// dialog (n, o) {
|
||||
// if (n && !o) {
|
||||
// this.$store.dispatch('history/search')
|
||||
// }
|
||||
// }
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,56 @@
|
||||
<template>
|
||||
<v-layout column fill-height>
|
||||
<!-- <v-flex xs12> -->
|
||||
<v-card class="pa-1 mb-2">
|
||||
<v-card-text class="pa-0">
|
||||
<v-layout row wrap>
|
||||
<v-flex xs12>
|
||||
<patient-search-box></patient-search-box>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-card-text>
|
||||
|
||||
<!-- <v-card-actions class="text-xs-right">
|
||||
|
||||
<v-btn color="orange" class="white--text">Lanjut</v-btn>
|
||||
</v-card-actions> -->
|
||||
|
||||
</v-card>
|
||||
<!-- </v-flex> -->
|
||||
|
||||
<!-- <v-flex xs12 grow> -->
|
||||
<v-card class="pa-1 p-left-side grow" grow>
|
||||
<v-card-text class="pa-0">
|
||||
<v-layout row wrap>
|
||||
|
||||
<v-flex xs12>
|
||||
<patient-detail></patient-detail>
|
||||
</v-flex>
|
||||
|
||||
<v-flex xs12>
|
||||
<patient-notes></patient-notes>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-card-text>
|
||||
|
||||
|
||||
</v-card>
|
||||
</v-layout>
|
||||
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
/* .p-left-side {
|
||||
min-height: 500px;
|
||||
} */
|
||||
</style>
|
||||
|
||||
<script>
|
||||
module.exports = {
|
||||
components : {
|
||||
'patient-search-box' : httpVueLoader('./patientSearchBox.vue'),
|
||||
'patient-detail': httpVueLoader('./patientDetail.vue'),
|
||||
'patient-notes' : httpVueLoader('./patientNotes.vue')
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,504 @@
|
||||
<template>
|
||||
|
||||
<v-dialog
|
||||
v-model="dialog"
|
||||
width="1000"
|
||||
>
|
||||
<v-btn
|
||||
slot="activator"
|
||||
color="primary"
|
||||
class="ma-1 one-btn-icon"
|
||||
>
|
||||
<span class="icon-add"></span>
|
||||
</v-btn>
|
||||
|
||||
<v-card>
|
||||
<v-card-title
|
||||
class="headline grey lighten-2 pt-2 pb-2"
|
||||
primary-title
|
||||
>
|
||||
Data Pasien Baru
|
||||
</v-card-title>
|
||||
<v-card-text class="pt-2 pb-2">
|
||||
|
||||
<v-layout row>
|
||||
<v-flex xs6 pr-3>
|
||||
<v-layout row wrap>
|
||||
<v-flex xs12>
|
||||
<v-text-field
|
||||
v-model="patient_new.M_PatientName"
|
||||
label="Nama Pasien"
|
||||
:error="errors.name"
|
||||
:rules="[rules.name]"
|
||||
></v-text-field>
|
||||
</v-flex>
|
||||
|
||||
<v-flex xs6 pr-2>
|
||||
<v-select
|
||||
v-model="selected_sex"
|
||||
:items="sex"
|
||||
item-value="M_SexID"
|
||||
item-text="M_SexName"
|
||||
label="Jenis Kelamin"
|
||||
return-object
|
||||
:error="errors.sex"
|
||||
:rules="[rules.sex]"
|
||||
>
|
||||
|
||||
</v-select>
|
||||
</v-flex>
|
||||
|
||||
<v-flex xs6 pl-2>
|
||||
<v-select
|
||||
v-model="selected_title"
|
||||
:items="title"
|
||||
item-value="M_TitleID"
|
||||
item-text="M_TitleName"
|
||||
label="Titel"
|
||||
return-object
|
||||
:error="errors.title"
|
||||
:rules="[rules.title]"
|
||||
>
|
||||
|
||||
</v-select>
|
||||
</v-flex>
|
||||
|
||||
<v-flex xs8 pr-3>
|
||||
<v-text-field
|
||||
v-model="patient_new.M_PatientPOB"
|
||||
label="Tempat Lahir"
|
||||
:error="errors.pob"
|
||||
:rules="[rules.pob]"
|
||||
></v-text-field>
|
||||
</v-flex>
|
||||
|
||||
<v-flex xs4>
|
||||
<v-text-field
|
||||
v-model="patient_new.M_PatientDOB"
|
||||
label="Tanggal Lahir"
|
||||
return-masked-value
|
||||
mask="##-##-####"
|
||||
:rules="[rules.dob]"
|
||||
:error="errors.dob"
|
||||
></v-text-field>
|
||||
<!-- <one-date-picker
|
||||
label="Tanggal Lahir"
|
||||
@change="set_date($event)"
|
||||
></one-date-picker> -->
|
||||
</v-flex>
|
||||
|
||||
<v-flex xs12>
|
||||
<v-text-field
|
||||
v-model="patient_new.M_PatientHP"
|
||||
label="No HP"
|
||||
:error="errors.hp"
|
||||
:rules="[rules.hp]"
|
||||
></v-text-field>
|
||||
</v-flex>
|
||||
|
||||
<v-flex xs12>
|
||||
<v-text-field
|
||||
v-model="my_email"
|
||||
label="Alamat EMAIL"
|
||||
:rules="[email]"
|
||||
></v-text-field>
|
||||
</v-flex>
|
||||
|
||||
<v-flex xs4 pr-2>
|
||||
<v-select
|
||||
v-model="selected_idtype"
|
||||
:items="idtypes"
|
||||
item-value="M_IdTypeID"
|
||||
item-text="M_IdTypeName"
|
||||
label="Tipe ID"
|
||||
return-object
|
||||
>
|
||||
</v-select>
|
||||
</v-flex>
|
||||
|
||||
<v-flex xs8>
|
||||
<v-text-field
|
||||
v-model="patient_new.M_PatientIDNumber"
|
||||
label="Nomor ID"
|
||||
></v-text-field>
|
||||
</v-flex>
|
||||
|
||||
<v-flex xs12>
|
||||
<v-textarea
|
||||
v-model="patient_new.M_PatientNote"
|
||||
label="Catatan Pasien"
|
||||
rows="2">
|
||||
</v-textarea>
|
||||
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
|
||||
|
||||
</v-flex>
|
||||
|
||||
<v-flex xs6 pl-3>
|
||||
<v-layout row wrap>
|
||||
<v-flex xs12>
|
||||
<v-textarea
|
||||
v-model="patient_new.M_PatientAddressDescription"
|
||||
label="Alamat"
|
||||
:error="errors.address"
|
||||
:rules="[rules.address]">
|
||||
</v-textarea>
|
||||
|
||||
</v-flex>
|
||||
|
||||
<v-flex xs12>
|
||||
<v-autocomplete
|
||||
:items="provinces"
|
||||
item-text="M_ProvinceName"
|
||||
item-value="M_ProvinceID"
|
||||
label="Propinsi"
|
||||
v-model="selected_province"
|
||||
clearable
|
||||
return-object
|
||||
></v-autocomplete>
|
||||
<!-- <v-select
|
||||
v-model="selected_province"
|
||||
:items="provinces"
|
||||
item-text="M_ProvinceName"
|
||||
item-value="M_ProvinceID"
|
||||
return-object
|
||||
label="Propinsi"
|
||||
@change="get_city()"></v-select> -->
|
||||
</v-flex>
|
||||
|
||||
<v-flex xs12>
|
||||
<v-autocomplete
|
||||
:items="cities"
|
||||
item-text="M_CityName"
|
||||
item-value="M_CityID"
|
||||
label="Kota"
|
||||
v-model="selected_city"
|
||||
clearable
|
||||
return-object
|
||||
></v-autocomplete>
|
||||
<!-- <v-select
|
||||
v-model="selected_city"
|
||||
:items="cities"
|
||||
item-text="M_CityName"
|
||||
item-value="M_CityID"
|
||||
return-object
|
||||
label="Kota"></v-select> -->
|
||||
</v-flex>
|
||||
|
||||
<v-flex xs12>
|
||||
<v-autocomplete
|
||||
:items="districts"
|
||||
item-text="M_DistrictName"
|
||||
item-value="M_DistrictID"
|
||||
label="Kecamatan"
|
||||
v-model="selected_district"
|
||||
clearable
|
||||
return-object
|
||||
></v-autocomplete>
|
||||
<!-- <v-select
|
||||
v-model="selected_district"
|
||||
:items="districts"
|
||||
item-text="M_DistrictName"
|
||||
item-value="M_DistrictID"
|
||||
return-object
|
||||
label="Kecamatan"></v-select> -->
|
||||
</v-flex>
|
||||
|
||||
<v-flex xs12>
|
||||
<v-autocomplete
|
||||
:items="villages"
|
||||
item-text="M_KelurahanName"
|
||||
item-value="M_KelurahanID"
|
||||
label="Kelurahan"
|
||||
v-model="selected_village"
|
||||
clearable
|
||||
:error="errors.kelurahan"
|
||||
:rules="[rules.kelurahan]"
|
||||
return-object
|
||||
></v-autocomplete>
|
||||
<!-- <v-select
|
||||
v-model="selected_village"
|
||||
:items="villages"
|
||||
item-text="M_KelurahanName"
|
||||
item-value="M_KelurahanID"
|
||||
return-object
|
||||
label="Kelurahan"
|
||||
:error="errors.kelurahan"
|
||||
:rules="[rules.kelurahan]"></v-select> -->
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
|
||||
</v-card-text>
|
||||
<v-card-actions>
|
||||
<v-spacer></v-spacer>
|
||||
<v-btn
|
||||
color="primary"
|
||||
flat
|
||||
@click="dialog = false"
|
||||
>
|
||||
Tutup
|
||||
</v-btn>
|
||||
|
||||
<v-btn
|
||||
color="primary"
|
||||
@click="add_new()"
|
||||
:disabled="!btn_save_enabled"
|
||||
>
|
||||
Simpan
|
||||
</v-btn>
|
||||
|
||||
<v-btn
|
||||
color="primary"
|
||||
@click="add_use()"
|
||||
:disabled="!btn_save_enabled"
|
||||
>
|
||||
Simpan dan Gunakan
|
||||
</v-btn>
|
||||
</v-card-actions>
|
||||
</v-card>
|
||||
</v-dialog>
|
||||
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
.v-dialog__container {
|
||||
display: block !important;
|
||||
}
|
||||
|
||||
.one-btn-icon { font-size: 1.5em; height: 42px; float: right }
|
||||
</style>
|
||||
|
||||
<script>
|
||||
module.exports = {
|
||||
components : {
|
||||
'one-date-picker' : httpVueLoader('../../common/oneDatePicker.vue')
|
||||
},
|
||||
|
||||
data () {
|
||||
return {
|
||||
emailRules:[],
|
||||
email: value => {
|
||||
const pattern = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/
|
||||
return pattern.test(value) || 'Invalid e-mail.'
|
||||
},
|
||||
id_number: '',
|
||||
my_email: '',
|
||||
rules: {
|
||||
dob: value => {
|
||||
// const pattern = /^(0[1-9]|[12][0-9]|3[01])[- /.](0[1-9]|1[012])[- /.](19|20)\d\d$/
|
||||
const pattern = /^(((0[1-9]|[12]\d|3[01])-(0[13578]|1[02])-((19|[2-9]\d)\d{2}))|((0[1-9]|[12]\d|30)-(0[13456789]|1[012])-((19|[2-9]\d)\d{2}))|((0[1-9]|1\d|2[0-8])-02-((19|[2-9]\d)\d{2}))|(29-02-((1[6-9]|[2-9]\d)(0[48]|[2468][048]|[13579][26])|((16|[2468][048]|[3579][26])00))))$/
|
||||
let x = pattern.test(value)
|
||||
this.errors.dob = !x
|
||||
return pattern.test(value) || 'Format : dd-mm-yyyy !'
|
||||
},
|
||||
name: value => { this.errors.name = !value; return !!value || "Harus diisi !" },
|
||||
sex: value => { this.errors.sex = !value.M_SexID; return !!value.M_SexID || "Harus diisi !" },
|
||||
title: value => { this.errors.title = !value.M_TitleID; return !!value.M_TitleID || "Harus diisi !" },
|
||||
pob: value => { this.errors.pob = !value; return !!value || "Harus diisi !" },
|
||||
hp: value => { this.errors.hp = !value; return !!value || "Harus diisi !" },
|
||||
address: value => { this.errors.address = !value; return !!value || "Harus diisi !" },
|
||||
kelurahan: value => { this.errors.kelurahan = !value; return !!value || "Harus diisi !" }
|
||||
},
|
||||
|
||||
errors: { dob: false, name: false, sex: false, title: false, hp: false,
|
||||
address: false, province: false, city: false, district: false, kelurahan: false
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
computed: {
|
||||
patient_new : {
|
||||
get () {
|
||||
return this.$store.state.patient.patient_new
|
||||
},
|
||||
set (v) {
|
||||
this.$store.commit('patient/update_patient_new', v)
|
||||
}
|
||||
},
|
||||
|
||||
dialog: {
|
||||
get() {
|
||||
return this.$store.state.patient.patient_new_dialog_is_active
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit('patient/update_patient_new_dialog_is_active', val)
|
||||
}
|
||||
},
|
||||
|
||||
sex () {
|
||||
return this.$store.state.other.sex
|
||||
},
|
||||
|
||||
selected_sex : {
|
||||
get () {
|
||||
return this.$store.state.other.selected_sex
|
||||
},
|
||||
set (val) {
|
||||
this.$store.commit('other/update_selected_sex', val)
|
||||
}
|
||||
},
|
||||
|
||||
title () {
|
||||
return this.$store.state.other.title
|
||||
},
|
||||
|
||||
selected_title : {
|
||||
get () {
|
||||
return this.$store.state.other.selected_title
|
||||
},
|
||||
set (val) {
|
||||
this.$store.commit('other/update_selected_title', val)
|
||||
}
|
||||
},
|
||||
|
||||
provinces () { return this.$store.state.area.provinces },
|
||||
selected_province : {
|
||||
get () { return this.$store.state.area.selected_province },
|
||||
set (v) {
|
||||
this.$store.commit('area/update_selected_area', {type:'province',val:v})
|
||||
this.$store.dispatch('area/search_city') }
|
||||
},
|
||||
|
||||
cities () { return this.$store.state.area.cities },
|
||||
selected_city : {
|
||||
get () { return this.$store.state.area.selected_city },
|
||||
set (v) { this.$store.commit('area/update_selected_area', {type:'city',val:v})
|
||||
this.$store.dispatch('area/search_district') }
|
||||
},
|
||||
|
||||
districts () { return this.$store.state.area.districts },
|
||||
selected_district : {
|
||||
get () { return this.$store.state.area.selected_district },
|
||||
set (v) { this.$store.commit('area/update_selected_area', {type:'district',val:v})
|
||||
this.$store.dispatch('area/search_kelurahan') }
|
||||
},
|
||||
|
||||
villages () { return this.$store.state.area.villages },
|
||||
selected_village : {
|
||||
get () { return this.$store.state.area.selected_village },
|
||||
set (v) { this.$store.commit('area/update_selected_area', {type:'village',val:v}) }
|
||||
},
|
||||
|
||||
idtypes () {
|
||||
return this.$store.state.patient.idtypes
|
||||
},
|
||||
|
||||
selected_idtype : {
|
||||
get () { return this.$store.state.patient.selected_idtype },
|
||||
set (v) { this.$store.commit('patient/update_selected_idtype', v) }
|
||||
},
|
||||
|
||||
btn_save_enabled () {
|
||||
if (this.errors.dob || this.errors.name || this.errors.sex ||
|
||||
this.errors.title || this.errors.pob || this.errors.hp ||
|
||||
this.errors.address || this.errors.kelurahan) return false
|
||||
|
||||
|
||||
|
||||
return true
|
||||
}
|
||||
},
|
||||
|
||||
methods : {
|
||||
get_city() {
|
||||
return
|
||||
},
|
||||
|
||||
add_new (use) {
|
||||
let prm = {
|
||||
M_PatientName : this.patient_new.M_PatientName,
|
||||
M_PatientM_TitleID : this.selected_title.M_TitleID,
|
||||
M_PatientSuffix : '',
|
||||
M_PatientM_SexID : this.selected_sex.M_SexID,
|
||||
M_PatientM_ReligionID : 1,
|
||||
M_PatientDOB : this.patient_new.M_PatientDOB,
|
||||
M_PatientHP : this.patient_new.M_PatientHP,
|
||||
M_PatientPhone : this.patient_new.M_PatientPhone,
|
||||
M_PatientEmail : this.my_email,
|
||||
|
||||
M_PatientM_IdTypeID : (this.selected_idtype.M_IdTypeID ? this.selected_idtype.M_IdTypeID : 0),
|
||||
M_PatientIDNumber : this.patient_new.M_PatientIDNumber,
|
||||
M_PatientNote : this.patient_new.M_PatientNote,
|
||||
|
||||
M_PatientAddressDescription : this.patient_new.M_PatientAddressDescription,
|
||||
M_PatientAddressM_KelurahanID : this.selected_village.M_KelurahanID
|
||||
}
|
||||
if (use) { prm.use = true }
|
||||
|
||||
this.$store.dispatch('patient/add_new', prm)
|
||||
this.dialog = false
|
||||
},
|
||||
|
||||
add_use () {
|
||||
this.add_new(true)
|
||||
},
|
||||
|
||||
set_date (x) {
|
||||
this.patient_new.M_PatientDOB = x.new_date
|
||||
}
|
||||
},
|
||||
|
||||
watch : {
|
||||
my_email (v, o) {
|
||||
if (v == "") {
|
||||
this.email = value => {
|
||||
return /\s/ || 'Hahaha'
|
||||
}
|
||||
} else {
|
||||
this.email = value => {
|
||||
const pattern = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/
|
||||
return pattern.test(value) || 'Invalid e-mail.'
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
dialog (val, old) {
|
||||
if (val && !old) {
|
||||
// M_PatientName : this.patient_new.M_PatientName,
|
||||
// M_PatientM_TitleID : this.selected_title.M_TitleID,
|
||||
// M_PatientSuffix : '',
|
||||
// M_PatientM_SexID : this.selected_sex.M_SexID,
|
||||
// M_PatientM_ReligionID : 1,
|
||||
// M_PatientDOB : this.patient_new.M_PatientDOB,
|
||||
// M_PatientHP : this.patient_new.M_PatientHP,
|
||||
// M_PatientPhone : this.patient_new.M_PatientPhone,
|
||||
// M_PatientEmail : this.my_email,
|
||||
|
||||
// M_PatientM_IdTypeID : (this.selected_idtype.M_IdTypeID ? this.selected_idtype.M_IdTypeID : 0),
|
||||
// M_PatientIDNumber : this.patient_new.M_PatientIDNumber,
|
||||
// M_PatientNote : '',
|
||||
|
||||
// M_PatientAddressDescription : this.patient_new.M_PatientAddressDescription,
|
||||
// M_PatientAddressM_KelurahanID : this.selected_village.M_KelurahanID
|
||||
|
||||
let x = this.patient_new
|
||||
x.M_PatientName = ""
|
||||
x.M_PatientDOB = ""
|
||||
x.M_PatientPOB = ""
|
||||
x.M_PatientHP = ""
|
||||
x.M_PatientEmail = ""
|
||||
x.M_PatientAddressDescription = ""
|
||||
x.M_PatientIDNumber = ""
|
||||
this.patient_new = x
|
||||
this.selected_sex = {}
|
||||
this.selected_title = {}
|
||||
this.selected_idtype = {}
|
||||
|
||||
this.$store.dispatch('area/search_province')
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
mounted () {
|
||||
// this.$store.dispatch('area/search_province')
|
||||
this.$store.dispatch('other/search_sex')
|
||||
|
||||
this.$store.dispatch('patient/search_idtype')
|
||||
// this.$store.dispatch('area/search_city')
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,37 @@
|
||||
<template>
|
||||
<v-card class="mt-2" flat>
|
||||
|
||||
<v-card-text class="pt-1 pb-1 pl-2 pr-2">
|
||||
<v-layout>
|
||||
<v-flex xs12 pa-1>
|
||||
<v-textarea
|
||||
label="Catatan FO"
|
||||
rows="3"
|
||||
v-model="catatan_fo"
|
||||
></v-textarea>
|
||||
|
||||
</v-flex>
|
||||
|
||||
</v-layout>
|
||||
</v-card-text>
|
||||
|
||||
</v-card>
|
||||
|
||||
</template>
|
||||
<script>
|
||||
module.exports = {
|
||||
components : {
|
||||
|
||||
},
|
||||
computed : {
|
||||
catatan_fo: {
|
||||
get() {
|
||||
return this.$store.state.order.catatan_fo
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit('order/update_catatan_fo', val)
|
||||
}
|
||||
}
|
||||
},
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,340 @@
|
||||
<template>
|
||||
<v-card class="pa-1" height="100%">
|
||||
<v-layout column>
|
||||
|
||||
<v-flex xs12 class="pa-2">
|
||||
<v-layout>
|
||||
<v-flex xs6 mr-1>
|
||||
<v-autocomplete
|
||||
label="Pengirim"
|
||||
v-model="selected_doctor"
|
||||
:items="doctors"
|
||||
:search-input.sync="search"
|
||||
auto-select-first
|
||||
no-filter
|
||||
return-object
|
||||
clearable
|
||||
item-text="M_DoctorName"
|
||||
:loading="is_loading"
|
||||
no-data-text="Pilih Pengirim"
|
||||
|
||||
append-icon="add_circle_outline"
|
||||
@click:append="doctorAdd"
|
||||
>
|
||||
<template
|
||||
slot="item"
|
||||
slot-scope="{ item }"
|
||||
>
|
||||
<v-list-tile-content>
|
||||
<v-list-tile-title v-text="item.M_DoctorName"></v-list-tile-title>
|
||||
<v-list-tile-sub-title v-text="getAddress(item)"></v-list-tile-sub-title>
|
||||
</v-list-tile-content>
|
||||
</template>
|
||||
|
||||
</v-autocomplete>
|
||||
</v-flex>
|
||||
|
||||
<v-flex xs6 ml-1>
|
||||
<v-select
|
||||
v-model="selected_address"
|
||||
:items="doctor_address"
|
||||
item-text="M_DoctorAddressDescription"
|
||||
item-value="M_DoctorAddressID"
|
||||
return-object
|
||||
label="Alamat"
|
||||
></v-select>
|
||||
</v-flex>
|
||||
|
||||
</v-layout>
|
||||
|
||||
<v-layout>
|
||||
<!-- <v-flex xs6 mr-1>
|
||||
<v-select
|
||||
v-model="selected_doctor_pj"
|
||||
:items="doctors_pj"
|
||||
item-text="M_DoctorName"
|
||||
label="Dokter Penanggung Jawab"
|
||||
></v-select>
|
||||
</v-flex> -->
|
||||
<v-flex xs6 mr-1>
|
||||
<v-select
|
||||
v-model="selected_language"
|
||||
:items="languages"
|
||||
item-text="name"
|
||||
item-value="key"
|
||||
label="Bahasa"
|
||||
return-object
|
||||
></v-select>
|
||||
|
||||
</v-flex>
|
||||
|
||||
<v-flex xs6>
|
||||
<v-select
|
||||
v-model="selected_language_2"
|
||||
:items="languages"
|
||||
item-text="name"
|
||||
item-value="key"
|
||||
label="Bahasa 2"
|
||||
return-object
|
||||
clearable
|
||||
></v-select>
|
||||
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
|
||||
<v-layout>
|
||||
<v-flex xs12 mr-1>
|
||||
<v-textarea
|
||||
label="Diagnosa"
|
||||
rows="3"
|
||||
v-model="diagnosa"
|
||||
></v-textarea>
|
||||
</v-flex>
|
||||
|
||||
</v-layout>
|
||||
|
||||
</v-flex>
|
||||
|
||||
<v-flex xs12>
|
||||
<patient-delivery></patient-delivery>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-card>
|
||||
</template>
|
||||
<script>
|
||||
module.exports = {
|
||||
components: {
|
||||
'patient-delivery' : httpVueLoader('./patientDelivery.vue')
|
||||
},
|
||||
computed: {
|
||||
search:{
|
||||
get(){
|
||||
return this.$store.state.doctor.search
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit('doctor/update_search',val)
|
||||
}
|
||||
},
|
||||
diagnosa: {
|
||||
get() {
|
||||
return this.$store.state.order.diagnosa
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit('order/update_diagnosa',val)
|
||||
}
|
||||
},
|
||||
languages() {
|
||||
return this.$store.state.language.languages
|
||||
},
|
||||
|
||||
selected_language: {
|
||||
get() {
|
||||
return this.$store.state.language.selected_language
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit('language/update_selected_language',val)
|
||||
}
|
||||
},
|
||||
|
||||
selected_language_2: {
|
||||
get() {
|
||||
return this.$store.state.language.selected_language_2
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit('language/update_selected_language_2', val)
|
||||
}
|
||||
},
|
||||
|
||||
selected_doctor_pj: {
|
||||
get() {
|
||||
return this.$store.state.doctor.selected_doctor_pj
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit('doctor/update_selected_doctor_pj',val)
|
||||
}
|
||||
},
|
||||
doctors_pj() {
|
||||
return this.$store.state.doctor.doctors_pj
|
||||
},
|
||||
|
||||
selected_address: {
|
||||
get() {
|
||||
return this.$store.state.doctor.selected_address
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit('doctor/update_selected_address', val)
|
||||
}
|
||||
},
|
||||
|
||||
doctor_address() {
|
||||
if (! this.$store.state.doctor.selected_doctor ) return []
|
||||
if (! this.$store.state.doctor.selected_doctor.address) return []
|
||||
return this.$store.state.doctor.selected_doctor.address
|
||||
},
|
||||
doctors() {
|
||||
return this.$store.state.doctor.doctors
|
||||
},
|
||||
selected_doctor: {
|
||||
get() {
|
||||
return this.$store.state.doctor.selected_doctor
|
||||
},
|
||||
set(val) {
|
||||
if (val) {
|
||||
this.$store.commit("doctor/update_selected_doctor", val)
|
||||
|
||||
// Auto CHECKED
|
||||
let cdoc = val
|
||||
if (cdoc.email_default == "Y") {
|
||||
let dlv = this.$store.state.delivery.checked_id
|
||||
|
||||
if (dlv.indexOf(cdoc.delivery_email_code) < 0) {
|
||||
dlv.push(cdoc.delivery_email_code)
|
||||
this.$store.commit('delivery/update_checked_id', dlv)
|
||||
}
|
||||
}
|
||||
|
||||
this.$store.commit('delivery/update_params', {d_id:val.M_DoctorID})
|
||||
this.$store.dispatch('delivery/search')
|
||||
} else {
|
||||
this.$store.commit("doctor/update_selected_doctor", {})
|
||||
this.$store.commit('delivery/update_params', {d_id:0})
|
||||
this.$store.dispatch('delivery/search')
|
||||
}
|
||||
|
||||
}
|
||||
},
|
||||
selected_doctor_x() {
|
||||
|
||||
return this.$store.state.doctor.selected_doctor
|
||||
|
||||
},
|
||||
is_loading: {
|
||||
get() {
|
||||
return this.$store.state.doctor.search_status == 1
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("doctoc/update_search_status",val ? 1 : 2)
|
||||
}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
getAddress(doc) {
|
||||
|
||||
var s_addr = ''
|
||||
if (! doc.address ) return ''
|
||||
doc.address.forEach(function(addr){
|
||||
if (s_addr != '') s_addr += ', '
|
||||
s_addr += addr.M_DoctorAddressDescription
|
||||
});
|
||||
return s_addr
|
||||
},
|
||||
thr_search: _.debounce( function () {
|
||||
this.$store.commit("doctor/update_search_status", 1) // LOADING
|
||||
this.$store.dispatch("doctor/search")
|
||||
}, 700),
|
||||
|
||||
doctorAdd() {
|
||||
this.$store.commit('doctor_new/update_dialog_new', true)
|
||||
}
|
||||
},
|
||||
watch : {
|
||||
search(val, old) {
|
||||
// console.log("val:"+val)
|
||||
// console.log("old:"+old)
|
||||
|
||||
if (this.$store.state.order.is_from_clinic)
|
||||
return
|
||||
if (this.$store.state.doctor_new.adhoc) {
|
||||
var store = this.$store
|
||||
setTimeout(function() {
|
||||
store.commit('doctor_new/update_adhoc', false)
|
||||
delete store;
|
||||
}, 2000)
|
||||
return
|
||||
}
|
||||
|
||||
|
||||
if (val == null || typeof val == 'undefined') val = ""
|
||||
// console.log("1-val:"+val)
|
||||
if (val == old ) return
|
||||
// console.log("2-val:"+val)
|
||||
// if (! val) return
|
||||
// console.log("3-val:"+val)
|
||||
// if (val.length < 1 ) return
|
||||
// console.log("4-val:"+val)
|
||||
|
||||
if (this.$store.state.doctor.search_status == 1 ) return
|
||||
// console.log("5-val:"+val)
|
||||
this.$store.commit("doctor/update_search", val)
|
||||
this.thr_search()
|
||||
|
||||
// if (this.$store.state.doctor.search_status == 1 ) return
|
||||
// this.$store.commit("doctor/update_search",val)
|
||||
// this.thr_search()
|
||||
},
|
||||
|
||||
selected_address(val, o) {
|
||||
let dlv = this.$store.state.delivery.checked_id
|
||||
|
||||
if (!val) {
|
||||
// REMOVE FROM DELIVERY
|
||||
let idx = dlv.indexOf(o.delivery_code)
|
||||
if ( idx > -1) {
|
||||
dlv.splice(idx, 1)
|
||||
this.$store.commit('delivery/update_checked_id', dlv)
|
||||
}
|
||||
}
|
||||
|
||||
if (val) {
|
||||
// Auto CHECKED
|
||||
let cadd = val
|
||||
if (cadd.delivery_default == "Y") {
|
||||
if (dlv.indexOf(cadd.delivery_code) < 0) {
|
||||
dlv.push(cadd.delivery_code)
|
||||
this.$store.commit('delivery/update_checked_id', dlv)
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
},
|
||||
|
||||
selected_doctor(val, o) {
|
||||
let dlv = this.$store.state.delivery.checked_id
|
||||
|
||||
// REMOVE FROM DELIVERY
|
||||
if (!val.email_default) {
|
||||
|
||||
let idx = dlv.indexOf(o.delivery_code)
|
||||
if ( idx > -1) {
|
||||
dlv.splice(idx, 1)
|
||||
this.$store.commit('delivery/update_checked_id', dlv)
|
||||
}
|
||||
} else if (val.email_default != "Y") {
|
||||
let idx = dlv.indexOf(o.delivery_code)
|
||||
if ( idx > -1) {
|
||||
dlv.splice(idx, 1)
|
||||
this.$store.commit('delivery/update_checked_id', dlv)
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
mounted: function() {
|
||||
this.$store.dispatch("language/search")
|
||||
/*
|
||||
if ( this.$store.state.doctor.mounted < 1 ) {
|
||||
this.$store.dispatch("doctor/search")
|
||||
this.$store.dispatch("doctor/search_pj")
|
||||
this.$store.dispatch("language/search")
|
||||
}
|
||||
|
||||
this.$store.commit("doctor/increment_mounted", 1);
|
||||
console.log("doctor mounted : ", this.$store.state.doctor.mounted)
|
||||
*/
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
n_mounted : 1
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,125 @@
|
||||
<template>
|
||||
<v-card class="pa-2" flat>
|
||||
<v-layout>
|
||||
<v-flex xs2 pa-1>
|
||||
<v-text-field
|
||||
label="No Antrian"
|
||||
placeholder="No Antrian"
|
||||
single-line
|
||||
outline
|
||||
v-model="queue"
|
||||
hide-details
|
||||
@keyup.enter.native="queue_check"
|
||||
></v-text-field>
|
||||
</v-flex>
|
||||
<v-flex xs2 pa-1>
|
||||
<v-text-field
|
||||
label="Search"
|
||||
placeholder="PID"
|
||||
single-line
|
||||
outline
|
||||
v-model="noreg"
|
||||
@keyup.native="keyup"
|
||||
hide-details
|
||||
></v-text-field>
|
||||
</v-flex>
|
||||
<v-flex xs5 pa-1>
|
||||
<v-text-field
|
||||
label=""
|
||||
placeholder="Nama + HP + DOB + Alamat"
|
||||
v-model="search"
|
||||
single-line
|
||||
outline
|
||||
hide-details
|
||||
@keyup.native="keyup"
|
||||
></v-text-field>
|
||||
|
||||
</v-flex>
|
||||
|
||||
<v-flex xs3>
|
||||
<v-layout row wrap>
|
||||
<v-flex xs6>
|
||||
<patient-search-dialog></patient-search-dialog>
|
||||
</v-flex>
|
||||
|
||||
<v-flex xs6>
|
||||
<!-- <v-btn color="primary" class="mr-1 ml-1" block>BARU</v-btn> -->
|
||||
<patient-new-dialog></patient-new-dialog>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
|
||||
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
|
||||
</v-card>
|
||||
</template>
|
||||
<style scoped>
|
||||
.v-btn {
|
||||
min-width: auto;
|
||||
}
|
||||
|
||||
.v-input__slot {
|
||||
margin-bottom: 0px !important;
|
||||
}
|
||||
|
||||
.v-messages {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.v-text-field--box>.v-input__control>.v-input__slot,.v-text-field--full-width>.v-input__control>.v-input__slot,.v-text-field--outline>.v-input__control>.v-input__slot {
|
||||
min-height: 44px;
|
||||
}
|
||||
|
||||
.v-text-field--box.v-text-field--single-line input,.v-text-field--full-width.v-text-field--single-line input,.v-text-field--outline.v-text-field--single-line input {
|
||||
margin-top: 6px;
|
||||
}
|
||||
</style>
|
||||
<script>
|
||||
module.exports = {
|
||||
|
||||
methods: {
|
||||
keyup(e) {
|
||||
if (e.which==13) {
|
||||
this.$store.commit('patient/update_search_dialog_is_active',true)
|
||||
this.$store.dispatch('patient/search')
|
||||
}
|
||||
},
|
||||
|
||||
queue_check(e) {
|
||||
this.$store.dispatch('order/load_from_clinic')
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
noreg: {
|
||||
get() {
|
||||
return this.$store.state.patient.noreg
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit('patient/update_noreg',val)
|
||||
}
|
||||
},
|
||||
search: {
|
||||
get() {
|
||||
return this.$store.state.patient.search
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit('patient/update_search',val)
|
||||
}
|
||||
},
|
||||
queue: {
|
||||
get() {
|
||||
return this.$store.state.order.queue
|
||||
},
|
||||
set(v) {
|
||||
this.$store.commit('order/update_queue', v)
|
||||
return
|
||||
}
|
||||
}
|
||||
},
|
||||
components : {
|
||||
'patient-search-dialog': httpVueLoader('./patientSearchDialog.vue'),
|
||||
'patient-new-dialog' : httpVueLoader('./patientNewDialog.vue')
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,69 @@
|
||||
<template>
|
||||
|
||||
<v-dialog
|
||||
v-model="dialog"
|
||||
full-width
|
||||
>
|
||||
<v-btn
|
||||
color="blue"
|
||||
slot="activator"
|
||||
dark
|
||||
@click="search"
|
||||
class="one-btn-icon ma-1"
|
||||
>
|
||||
<span class="icon-search"></span>
|
||||
</v-btn>
|
||||
|
||||
<v-card>
|
||||
<v-card-title
|
||||
class="headline grey lighten-2 pt-2 pb-2"
|
||||
primary-title
|
||||
>
|
||||
Data Pasien
|
||||
</v-card-title>
|
||||
<v-card-text class="pt-2 pb-2">
|
||||
<patient-search-result></patient-search-result>
|
||||
</v-card-text>
|
||||
<v-divider></v-divider>
|
||||
|
||||
<v-card-actions>
|
||||
<v-spacer></v-spacer>
|
||||
<v-btn
|
||||
color="primary"
|
||||
flat
|
||||
@click="dialog = false"
|
||||
>
|
||||
Tutup
|
||||
</v-btn>
|
||||
</v-card-actions>
|
||||
</v-card>
|
||||
</v-dialog>
|
||||
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
.one-btn-icon { font-size: 1.5em; height: 42px; }
|
||||
</style>
|
||||
|
||||
<script>
|
||||
module.exports = {
|
||||
components : {
|
||||
'patient-search-result': httpVueLoader('./patientSearchResult.vue')
|
||||
},
|
||||
methods : {
|
||||
search: function() {
|
||||
this.$store.dispatch('patient/search')
|
||||
}
|
||||
},
|
||||
computed : {
|
||||
dialog: {
|
||||
get() {
|
||||
return this.$store.state.patient.search_dialog_is_active;
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit('patient/update_search_dialog_is_active',val);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,146 @@
|
||||
<template>
|
||||
<v-card class="xs12 md12 mt-2" >
|
||||
|
||||
<v-data-table
|
||||
:headers="headers"
|
||||
:items="patients"
|
||||
:loading="isLoading"
|
||||
hide-actions class="elevation-1">
|
||||
|
||||
<template slot="footer">
|
||||
<td align="left" colspan="5">
|
||||
Hasil Pencarian ditemukan {{total}} pasien, ditampilkan {{total_display}}
|
||||
</td>
|
||||
</template>
|
||||
<template slot="no-data">
|
||||
<v-alert :value="isError" color="error" icon="warning">
|
||||
Data Pasien tidak di temukan
|
||||
{{errorMessage}}
|
||||
</v-alert>
|
||||
</template>
|
||||
|
||||
|
||||
<template slot="items" slot-scope="props">
|
||||
<td class="text-xs-left pa-2" v-bind:class="{'amber lighten-4':props.item.selected}" @click="selectMe(props.item)">{{ props.item.M_PatientNoReg }}</td>
|
||||
<td class="text-xs-left pa-2" v-bind:class="{'amber lighten-4':props.item.selected}" @click="selectMe(props.item)">{{ props.item.M_PatientName }}</td>
|
||||
<td class="pa-2" v-bind:class="{'amber lighten-4':props.item.selected}" @click="selectMe(props.item)">{{ props.item.hp }}</td>
|
||||
<td class="text-xs-left pa-2" v-bind:class="{'amber lighten-4':props.item.selected}" @click="selectMe(props.item)">{{ props.item.M_PatientDOB.split('-').reverse().join('-') }}</td>
|
||||
<td class="pa-2" v-bind:class="{'amber lighten-4':props.item.selected}" @click="selectMe(props.item)">{{ props.item.M_PatientAddress}}</td>
|
||||
</template>
|
||||
|
||||
</v-data-table>
|
||||
</v-card>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
table.v-table tbody td,table.v-table tbody th {
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
table.v-table thead tr {
|
||||
height: 40px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
module.exports = {
|
||||
methods: {
|
||||
selectMe(pat) {
|
||||
this.$store.commit('patient/update_selected_patient', pat)
|
||||
this.$store.commit('patient/update_search_dialog_is_active',false)
|
||||
|
||||
this.$store.commit('order/update_patient_note', "")
|
||||
if (pat && pat.M_PatientNote )
|
||||
this.$store.commit('order/update_patient_note', pat.M_PatientNote)
|
||||
this.$store.commit('order/update_catatan_fo', "")
|
||||
|
||||
this.$store.commit('patientaddress/testx', pat.M_PatientID);
|
||||
this.$store.dispatch('patientaddress/search')
|
||||
|
||||
this.$store.commit('delivery/update_params', {p_id:pat.M_PatientID})
|
||||
this.$store.dispatch('delivery/search')
|
||||
|
||||
// clear search
|
||||
this.$store.commit('patient/update_search', '')
|
||||
|
||||
// Clear delivery
|
||||
this.$store.commit('delivery/update_checked_id', [])
|
||||
|
||||
// Photo module
|
||||
this.$store.commit('photo/update_patient_id', pat.M_PatientID)
|
||||
if (pat.M_PatientPhoto == null || pat.M_PatientPhoto == "")
|
||||
this.$store.commit('photo/update_photo_url', this.$store.state.photo.default_photo_url)
|
||||
else
|
||||
this.$store.commit('photo/update_photo_url', pat.M_PatientPhoto + "?r=" + Math.round(Math.random() * 1000000000))
|
||||
|
||||
// HISTORIES
|
||||
this.$store.dispatch('history/search')
|
||||
}
|
||||
},
|
||||
computed : {
|
||||
isError() {
|
||||
return this.$store.state.patient.search_status == 3
|
||||
},
|
||||
errorMessage() {
|
||||
return this.$store.state.patient.search_error_message
|
||||
},
|
||||
isLoading() {
|
||||
return this.$store.state.patient.search_status == 1
|
||||
},
|
||||
patients() {
|
||||
return this.$store.state.patient.patients
|
||||
},
|
||||
total() {
|
||||
return this.$store.state.patient.total_patient
|
||||
},
|
||||
total_display() {
|
||||
return this.$store.state.patient.total_display
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
headers: [
|
||||
{
|
||||
text: "NO RM",
|
||||
align: "left",
|
||||
sortable: false,
|
||||
value: "mr",
|
||||
width: "15%",
|
||||
class: "pa-2 blue lighten-3 white--text"
|
||||
},
|
||||
{
|
||||
text: "NAMA",
|
||||
align: "left",
|
||||
sortable: false,
|
||||
value: "name",
|
||||
width: "25%",
|
||||
class: "pa-2 blue lighten-3 white--text"
|
||||
},
|
||||
{
|
||||
text: "HP",
|
||||
align: "left",
|
||||
sortable: false,
|
||||
value: "hp",
|
||||
width: "15%",
|
||||
class: "pa-2 blue lighten-3 white--text"
|
||||
},
|
||||
{
|
||||
text: "DOB",
|
||||
align: "left",
|
||||
sortable: false,
|
||||
value: "dob",
|
||||
width: "15%",
|
||||
class: "pa-2 blue lighten-3 white--text"
|
||||
},
|
||||
{
|
||||
text: "ALAMAT",
|
||||
align: "left",
|
||||
sortable: false,
|
||||
value: "address",
|
||||
class: "pa-2 blue lighten-3 white--text"
|
||||
}
|
||||
],
|
||||
};
|
||||
}
|
||||
}
|
||||
</script>
|
||||
Reference in New Issue
Block a user