Flatten nested repos
This commit is contained in:
sas.fajri
419
test/vuex/one-sniper-tools/components/oneFoSupervisorAction.vue
Normal file
419
test/vuex/one-sniper-tools/components/oneFoSupervisorAction.vue
Normal file
@@ -0,0 +1,419 @@
|
||||
<template>
|
||||
<v-layout column pb-2>
|
||||
<v-dialog
|
||||
v-model="dialog_bahandatang"
|
||||
persistent
|
||||
max-width="50%"
|
||||
>
|
||||
<v-card>
|
||||
<v-card-title
|
||||
class="headline pt-2 pb-2"
|
||||
primary-title
|
||||
|
||||
>
|
||||
<h4>Tanggal sampling</h4>
|
||||
</v-card-title>
|
||||
<v-card-text class="pt-2 pb-2">
|
||||
<v-layout row>
|
||||
<v-flex xs12 d-flex>
|
||||
<v-text-field
|
||||
label="Tanggal sampling"
|
||||
v-model="sampling_date"
|
||||
hint="format : dd-mm-yyyy"
|
||||
></v-text-field>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-card-text>
|
||||
<v-divider></v-divider>
|
||||
<v-card-actions>
|
||||
<v-spacer></v-spacer>
|
||||
<v-btn
|
||||
color="primary"
|
||||
|
||||
|
||||
@click="patientComing()"
|
||||
>
|
||||
Simpan
|
||||
</v-btn>
|
||||
<v-btn
|
||||
color="grey"
|
||||
flat
|
||||
@click="dialog_bahandatang = false"
|
||||
>
|
||||
Batal
|
||||
</v-btn>
|
||||
</v-card-actions>
|
||||
</v-card>
|
||||
</v-dialog>
|
||||
<v-card v-if="messagetype === 'FO.VERIFICATION.REJECT'" class="mb-2">
|
||||
<v-layout v-if="selstatus.value !== 'adhoc'" row pa-2 align-center wrap >
|
||||
<table>
|
||||
<tr>
|
||||
<th width="20%" class="text-md-left pt-2 pb-2">AKSI</th>
|
||||
<th width="80%" class="text-md-left pt-2 pb-2">CATATAN KOREKSI</th>
|
||||
</tr>
|
||||
<tr class="mini-input" v-if="notes && notes.length > 0" v-for="(note,index) in notes">
|
||||
<td width="20%" ><span v-bind:class="{'teal--text': colorBtn('VERIFY',note.button), 'primary--text': colorBtn('PASIEN',note.button),'error--text': colorBtn('ORDER',note.button),'purple--text': colorBtn('PEMERIKSAAN',note.button),'success--text': colorBtn('PENGIRIMAN HASIL',note.button)}" style="font-size:smaller;"> {{note.button}} </span></td>
|
||||
<td width="80%" >
|
||||
<div class="flex">
|
||||
<strong>{{note.label}}</strong>
|
||||
<div class="caption text-muted">{{note.reason}}</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="mini-input" v-if="notes && notes.length === 0">
|
||||
<td colspan="5" class="text-md-center pr-2">
|
||||
Tidak ada data
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</v-layout>
|
||||
</v-card>
|
||||
|
||||
<v-card >
|
||||
|
||||
<v-layout v-if="status_data_patient !== 1" row pt-1 align-center wrap >
|
||||
<v-flex xs4 class="text-md-center pl-2">
|
||||
<div>
|
||||
<v-btn dark @click="dialog_bahandatang = true" block color="teal">Bahan Datang</v-btn>
|
||||
</div>
|
||||
</v-flex>
|
||||
<v-flex xs4 class="text-md-center pl-2">
|
||||
<div>
|
||||
<!-- <v-btn block @click="openorder" color="error">Order</v-btn>-->
|
||||
</div>
|
||||
</v-flex>
|
||||
<v-flex xs4 class="text-md-center pl-2 pr-2">
|
||||
<div>
|
||||
<!-- <v-btn block @click="opentest" dark color="purple ">Pemeriksaan</v-btn>-->
|
||||
</div>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
|
||||
</v-card>
|
||||
<one-fo-supervisor-dialog-alias></one-fo-supervisor-dialog-alias>
|
||||
<one-fo-supervisor-dialog-read></one-fo-supervisor-dialog-read>
|
||||
<one-fo-supervisor-dialog-void></one-fo-supervisor-dialog-void>
|
||||
<one-fo-supervisor-dialog-supplies></one-fo-supervisor-dialog-supplies>
|
||||
<one-fo-supervisor-dialog-barcode></one-fo-supervisor-dialog-barcode>
|
||||
<one-fo-supervisor-dialog-delivery></one-fo-supervisor-dialog-delivery>
|
||||
<one-fo-supervisor-dialog-verify></one-fo-supervisor-dialog-verify>
|
||||
<one-fo-supervisor-dialog-order></one-fo-supervisor-dialog-order>
|
||||
<one-fo-supervisor-dialog-test></one-fo-supervisor-dialog-test>
|
||||
<one-fo-supervisor-dialog-promise></one-fo-supervisor-dialog-promise>
|
||||
<one-dialog-print :title="printtitle" :width="printwidth" :height="500" :status="openprintcontrol" :urlprint="urlprintnote" @close-dialog-print="openprintcontrol = false"></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;
|
||||
}
|
||||
|
||||
.disabled-background{
|
||||
background:#b7b7b7;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
table {
|
||||
font-family: arial, sans-serif;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
background:white;
|
||||
border: 1px solid #ddd;
|
||||
}
|
||||
|
||||
th, td {
|
||||
border-top: 1px solid #ddd;
|
||||
border-collapse: collapse;
|
||||
padding: .75rem 1.25rem;
|
||||
}
|
||||
table>tr>td {
|
||||
padding: .75rem 1.25rem;
|
||||
}
|
||||
table>tr>td:first {
|
||||
padding-left:15px!important;
|
||||
}
|
||||
.mini-input .v-input{
|
||||
margin-top: 0px;
|
||||
}
|
||||
|
||||
.mini-input .v-input, .mini-input .v-input--selection-controls,.mini-input .v-input__slot{
|
||||
margin-top: 0px;
|
||||
margin-bottom:0px;
|
||||
margin-left:3px;
|
||||
}
|
||||
.mini-input .v-messages{
|
||||
min-height:0px;
|
||||
}
|
||||
|
||||
.border-bottom-dashed{
|
||||
border-bottom : 1px dashed rgba(0,0,0,.12);
|
||||
}
|
||||
</style>
|
||||
<script>
|
||||
module.exports = {
|
||||
components : {
|
||||
'one-field-verification' : httpVueLoader('../../common/oneFieldVerificationSupply.vue'),
|
||||
'one-dialog-print':httpVueLoader('../../common/oneDialogPrintX.vue'),
|
||||
'one-fo-supervisor-dialog-read' : httpVueLoader('./oneFoSupervisorDialogRead.vue'),
|
||||
'one-fo-supervisor-dialog-alias' : httpVueLoader('./oneFoSupervisorDialogAlias.vue'),
|
||||
'one-fo-supervisor-dialog-void' : httpVueLoader('./oneFoSupervisorDialogVoid.vue'),
|
||||
'one-fo-supervisor-dialog-supplies' : httpVueLoader('./oneFoSupervisorDialogSupplies.vue'),
|
||||
'one-fo-supervisor-dialog-barcode' : httpVueLoader('./oneFoSupervisorDialogBarcode.vue'),
|
||||
'one-fo-supervisor-dialog-delivery' : httpVueLoader('./oneFoSupervisorDialogDelivery.vue'),
|
||||
'one-fo-supervisor-dialog-verify' : httpVueLoader('./oneFoSupervisorDialogVerify.vue'),
|
||||
'one-fo-supervisor-dialog-order' : httpVueLoader('./oneFoSupervisorDialogOrder.vue'),
|
||||
'one-fo-supervisor-dialog-test' : httpVueLoader('./oneFoSupervisorDialogTest.vue'),
|
||||
'one-fo-supervisor-dialog-promise' : httpVueLoader('./oneFoSupervisorDialogPromise.vue'),
|
||||
'one-dialog-print':httpVueLoader('../../common/oneDialogPrintX.vue')
|
||||
},
|
||||
data () {
|
||||
return {
|
||||
checkbox: true,
|
||||
radioGroup: 1,
|
||||
switchCash: true,
|
||||
switchDebit: false,
|
||||
switchKredit: false,
|
||||
dialog:false,
|
||||
urlprintnote:'',
|
||||
printtitle:'',
|
||||
printwidth:600,
|
||||
openprintcontrol:false,
|
||||
dialog_bahandatang:false,
|
||||
sampling_date:''
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
selected_patient() {
|
||||
return this.$store.state.patient.selected_patient
|
||||
},
|
||||
status_data_patient(){
|
||||
return this.$store.state.supervisor.status_data_patient
|
||||
},
|
||||
notes(){
|
||||
return this.$store.state.patient.notes
|
||||
},
|
||||
messagetype(){
|
||||
return this.$store.state.patient.message_type
|
||||
},
|
||||
statusact(){
|
||||
return this.$store.state.patient.status_act
|
||||
},
|
||||
selstatus(){
|
||||
return this.$store.state.patient.selected_status
|
||||
},
|
||||
xselstatus(){
|
||||
return this.$store.state.patient.selected_patient.status
|
||||
},
|
||||
selpat(){
|
||||
return this.$store.state.patient.selected_patient
|
||||
},
|
||||
snackbar: {
|
||||
get() {
|
||||
return this.$store.state.patient.snackbar
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("patient/update_snackbar",val)
|
||||
}
|
||||
},
|
||||
},
|
||||
methods : {
|
||||
patientComing(){
|
||||
|
||||
var xDate = moment(this.sampling_date, 'DD-MM-YYYY', true)
|
||||
var isValidDate = xDate.isValid()
|
||||
|
||||
if(isValidDate){
|
||||
var sampling_date = this.deFormatedDate(this.sampling_date)
|
||||
this.dialog_bahandatang = false
|
||||
this.sampling_date = ''
|
||||
var selpat = this.selected_patient
|
||||
selpat.sampling_date = sampling_date
|
||||
this.$store.dispatch("patient/patientComing",selpat)
|
||||
}else{
|
||||
alert('format tanggal salah')
|
||||
}
|
||||
|
||||
},
|
||||
colorBtn(asli,dinamis){
|
||||
if(asli === dinamis)
|
||||
return true
|
||||
else
|
||||
return false
|
||||
},
|
||||
changeAct(note,idx){
|
||||
let valnow = note.chex === 'N'?'Y':'N'
|
||||
note.chex = valnow
|
||||
var notes = this.$store.state.patient.notes
|
||||
notes[idx] = note
|
||||
},
|
||||
alias(){
|
||||
if(!_.isEmpty(this.selpat, true)){
|
||||
this.$store.commit("order/update_alias_doctor",this.selpat.alias)
|
||||
this.$store.commit("supervisor/update_save_status",0)
|
||||
this.$store.commit("supervisor/update_dialog_alias",true)
|
||||
}
|
||||
|
||||
},
|
||||
read(){
|
||||
if(!_.isEmpty(this.selpat, true)){
|
||||
this.$store.commit("supervisor/update_read_message","")
|
||||
this.$store.commit("supervisor/update_save_status",0)
|
||||
this.$store.commit("supervisor/update_read_dialog_message","Akankah akan dibaca ?")
|
||||
this.$store.commit("supervisor/update_read_dialog",true)
|
||||
}
|
||||
|
||||
},
|
||||
xvoid(){
|
||||
console.log(this.selpat)
|
||||
if(!_.isEmpty(this.selpat, true)){
|
||||
this.$store.commit("supervisor/update_void_message","")
|
||||
this.$store.commit("supervisor/update_save_status",0)
|
||||
this.$store.commit("supervisor/update_void_dialog_message","Yakin akan membatalkan order "+this.$store.state.patient.selected_patient.labnumber+" ?")
|
||||
this.$store.commit("supervisor/update_void_dialog",true)
|
||||
}
|
||||
},
|
||||
verify(){
|
||||
if(!_.isEmpty(this.selpat, true)){
|
||||
this.$store.commit("supervisor/update_verify_message","")
|
||||
this.$store.commit("supervisor/update_save_status",0)
|
||||
this.$store.commit("supervisor/update_verify_dialog_message","Yakin, akan verify ?")
|
||||
this.$store.commit("supervisor/update_verify_dialog",true)
|
||||
}
|
||||
},
|
||||
opensupplies(){
|
||||
if(!_.isEmpty(this.selpat, true)){
|
||||
this.$store.dispatch("supplies/lookup",{orderid:this.$store.state.patient.selected_patient.orderid})
|
||||
this.$store.commit("supplies/update_supplies_message","")
|
||||
this.$store.commit("supplies/update_save_status",0)
|
||||
this.$store.commit("supplies/update_supplies_dialog",true)
|
||||
}
|
||||
},
|
||||
openflagmcu(){
|
||||
if(!_.isEmpty(this.selpat, true)){
|
||||
this.$store.dispatch("supervisor/flagmcu",{orderid:this.$store.state.patient.selected_patient.orderid,value:'Y'})
|
||||
}
|
||||
},
|
||||
releaseflagmcu(){
|
||||
if(!_.isEmpty(this.selpat, true)){
|
||||
this.$store.dispatch("supervisor/flagmcu",{orderid:this.$store.state.patient.selected_patient.orderid,value:'N'})
|
||||
}
|
||||
},
|
||||
openbarcode(){
|
||||
if(!_.isEmpty(this.selpat, true)){
|
||||
this.$store.dispatch("barcode/lookup",{orderid:this.$store.state.patient.selected_patient.orderid})
|
||||
this.$store.commit("barcode/update_barcode_message","")
|
||||
this.$store.commit("barcode/update_save_status",0)
|
||||
this.$store.commit("barcode/update_barcode_dialog",true)
|
||||
}
|
||||
},
|
||||
opendelivery(){
|
||||
if(!_.isEmpty(this.selpat, true)){
|
||||
this.$store.dispatch("delivery/lookup",{orderid:this.$store.state.patient.selected_patient.orderid})
|
||||
this.$store.commit("delivery/update_delivery_message","")
|
||||
this.$store.commit("delivery/update_save_status",0)
|
||||
this.$store.commit("delivery/update_status_done",this.$store.state.patient.selected_patient.donedelivery)
|
||||
this.$store.commit("delivery/update_delivery_dialog",true)
|
||||
}
|
||||
},
|
||||
openorder(){
|
||||
if(!_.isEmpty(this.selpat, true)){
|
||||
this.$store.commit("order/update_order_message","")
|
||||
this.$store.commit("order/update_save_status",0)
|
||||
this.$store.commit("order/update_order_dialog",true)
|
||||
this.$store.dispatch("order/lookup",{orderid:this.$store.state.patient.selected_patient.orderid})
|
||||
|
||||
}
|
||||
},
|
||||
opentest(){
|
||||
if(!_.isEmpty(this.selpat, true)){
|
||||
this.$store.commit("test/update_test_all",[])
|
||||
this.$store.dispatch("test/lookup",{orderid:this.$store.state.patient.selected_patient.orderid})
|
||||
this.$store.dispatch("test/lookup_promises",{orderid:this.$store.state.patient.selected_patient.orderid})
|
||||
this.$store.commit("test/update_test_message","")
|
||||
this.$store.commit("test/update_save_status",0)
|
||||
this.$store.commit("test/update_save_status_verification",0)
|
||||
this.$store.commit("test/update_show_cito_dropdown","N")
|
||||
this.$store.commit("test/update_selected_cito",{})
|
||||
this.$store.commit("test/update_test_dialog",true)
|
||||
}
|
||||
},
|
||||
openpromise(){
|
||||
if(!_.isEmpty(this.selpat, true)){
|
||||
this.$store.dispatch("promise/lookup",{orderid:this.$store.state.patient.selected_patient.orderid})
|
||||
this.$store.commit("promise/update_promise_message","")
|
||||
this.$store.commit("promise/update_save_status",0)
|
||||
this.$store.commit("promise/update_promise_dialog",true)
|
||||
}
|
||||
},
|
||||
deFormatedDate (date) {
|
||||
if (!date) return null
|
||||
|
||||
const [ day,month, year] = date.split('-')
|
||||
return `${year}-${month.padStart(2, '0')}-${day.padStart(2, '0')}`
|
||||
},
|
||||
printControlCard(){
|
||||
if(!_.isEmpty(this.selpat, true)){
|
||||
var orderid = this.$store.state.patient.selected_patient.orderid
|
||||
this.printwidth = 950
|
||||
this.printtitle = ""
|
||||
let user = one_user()
|
||||
var rpt = 'rpt_fo_001'
|
||||
var xdatetime = Date.now()
|
||||
this.urlprintnote = "/birt/run?__report=report/one/lab/"+rpt+".rptdesign&__format=pdf&username="+user.M_UserUsername+"&PID="+orderid+"&tm="+xdatetime
|
||||
this.openprintcontrol = true
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,193 @@
|
||||
<template>
|
||||
<div>
|
||||
<v-dialog
|
||||
v-model="aliasdialog"
|
||||
persistent
|
||||
max-width="30%"
|
||||
>
|
||||
<v-card>
|
||||
<v-card-title
|
||||
class="headline pt-2 pb-2"
|
||||
primary-title
|
||||
|
||||
>
|
||||
<h4>Alias Dokter</h4>
|
||||
</v-card-title>
|
||||
<v-card-text class="pt-2 pb-2">
|
||||
<v-layout row>
|
||||
<v-flex xs12 d-flex>
|
||||
<v-layout row>
|
||||
<v-flex pb-1 xs12>
|
||||
<v-layout v-if="savestatus === 0" row>
|
||||
<v-flex pt-2 pr-2 xs12>
|
||||
Yakin alias dokter mau dihilangkan ?
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
<v-layout v-if="savestatus === 0" row>
|
||||
<v-flex pt-2 pr-2 xs12>
|
||||
<v-text-field
|
||||
disabled
|
||||
v-model="alias_doctor"
|
||||
></v-text-field>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-card-text>
|
||||
<v-divider></v-divider>
|
||||
<v-card-actions>
|
||||
<v-spacer></v-spacer>
|
||||
<v-btn
|
||||
color="black"
|
||||
flat
|
||||
v-if="savestatus !== 1 "
|
||||
@click="doRemove()"
|
||||
>
|
||||
Yakin dong !
|
||||
</v-btn>
|
||||
<v-btn
|
||||
color="grey"
|
||||
flat
|
||||
@click="aliasdialog = false"
|
||||
>
|
||||
Batal
|
||||
</v-btn>
|
||||
</v-card-actions>
|
||||
</v-card>
|
||||
</v-dialog>
|
||||
</div>
|
||||
</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;
|
||||
}
|
||||
|
||||
.disabled-background{
|
||||
background:#b7b7b7;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
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;
|
||||
}
|
||||
.mini-input .v-input{
|
||||
margin-top: 0px;
|
||||
}
|
||||
|
||||
.mini-input .v-input, .mini-input .v-input--selection-controls,.mini-input .v-input__slot{
|
||||
margin-top: 0px;
|
||||
margin-bottom:0px;
|
||||
margin-left:3px;
|
||||
}
|
||||
.mini-input .v-messages{
|
||||
min-height:0px;
|
||||
}
|
||||
|
||||
.border-bottom-dashed{
|
||||
border-bottom : 1px dashed rgba(0,0,0,.12);
|
||||
}
|
||||
</style>
|
||||
<script>
|
||||
module.exports = {
|
||||
data () {
|
||||
return {
|
||||
printwidth:600
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
aliasdialog:{
|
||||
get() {
|
||||
return this.$store.state.supervisor.dialog_alias
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("supervisor/update_dialog_alias",val)
|
||||
}
|
||||
},
|
||||
alias_doctor(){
|
||||
return this.$store.state.order.alias_doctor
|
||||
},
|
||||
savestatus(){
|
||||
return this.$store.state.supervisor.save_status
|
||||
}
|
||||
|
||||
},
|
||||
methods : {
|
||||
doRemove(){
|
||||
this.aliasdialog = false
|
||||
let prm = {
|
||||
'id':this.$store.state.patient.selected_patient.xid,
|
||||
'orderid':this.$store.state.patient.selected_patient.orderid
|
||||
}
|
||||
this.$store.dispatch("order/removealias",prm)
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,241 @@
|
||||
<template>
|
||||
<div>
|
||||
<v-dialog
|
||||
v-model="barcodedialog"
|
||||
persistent
|
||||
|
||||
max-width="30%"
|
||||
>
|
||||
<v-card >
|
||||
<v-card-title
|
||||
dark
|
||||
class="headline pt-2 pb-2"
|
||||
primary-title
|
||||
style="color:white"
|
||||
v-bind:class="{ 'warning':savestatus !== 2, 'success':savestatus === 2}"
|
||||
>
|
||||
<h4 dark v-if="savestatus !== 2">Barcode</h4>
|
||||
<h4 v-if="savestatus === 2">Berhasil !</h4>
|
||||
</v-card-title>
|
||||
<v-card-text class="pt-2 pb-2">
|
||||
<v-layout row>
|
||||
<v-flex xs12 d-flex>
|
||||
<v-layout row>
|
||||
<v-flex pb-1 xs12>
|
||||
<v-layout v-if="savestatus === 2" row>
|
||||
<v-flex pt-2 pr-2 xs12>
|
||||
Barcode berhasil diperbarui
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
<v-layout v-if="savestatus !== 2" row v-for="(vbar,idx) in vbarcode" :key="vbar.id">
|
||||
<v-flex xs12 mb-2>
|
||||
<div class="body-2">
|
||||
{{vbar.name}}
|
||||
<v-btn small @click="addBarcode(idx,vbar)" style="min-width:25px" color="warning">+</v-btn>
|
||||
<!--<v-btn small @click="delBarcode(idx,vbar)" style="min-width:25px" color="error">x</v-btn>-->
|
||||
</div>
|
||||
<v-layout row>
|
||||
<v-flex xs12 v-for="vbarchil in vbar.children">
|
||||
<v-checkbox
|
||||
v-model="vbarchil.chex"
|
||||
readonly="readonly"
|
||||
color="warning"
|
||||
>
|
||||
<template v-slot:label>
|
||||
{{vbarchil.barcodenumber}}
|
||||
</template>
|
||||
</v-checkbox>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-card-text>
|
||||
<v-divider></v-divider>
|
||||
<v-card-actions>
|
||||
<v-spacer></v-spacer>
|
||||
<v-btn
|
||||
color="warning"
|
||||
flat
|
||||
v-if="savestatus !== 2"
|
||||
@click="doSave()"
|
||||
>
|
||||
Simpan
|
||||
</v-btn>
|
||||
<v-btn
|
||||
flat
|
||||
@click="closeDialogBarcode()"
|
||||
>
|
||||
Tutup
|
||||
</v-btn>
|
||||
</v-card-actions>
|
||||
</v-card>
|
||||
</v-dialog>
|
||||
</div>
|
||||
</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;
|
||||
}
|
||||
|
||||
.disabled-background{
|
||||
background:#b7b7b7;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
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;
|
||||
}
|
||||
.mini-input .v-input{
|
||||
margin-top: 0px;
|
||||
}
|
||||
|
||||
.mini-input .v-input, .mini-input .v-input--selection-controls,.mini-input .v-input__slot{
|
||||
margin-top: 0px;
|
||||
margin-bottom:0px;
|
||||
margin-left:3px;
|
||||
}
|
||||
.mini-input .v-messages{
|
||||
min-height:0px;
|
||||
}
|
||||
|
||||
.border-bottom-dashed{
|
||||
border-bottom : 1px dashed rgba(0,0,0,.12);
|
||||
}
|
||||
</style>
|
||||
<script>
|
||||
module.exports = {
|
||||
data () {
|
||||
return {
|
||||
printwidth:600
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
vbarcode(){
|
||||
return this.$store.state.barcode.barcode
|
||||
},
|
||||
barcodedialog:{
|
||||
get() {
|
||||
return this.$store.state.barcode.barcode_dialog
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("barcode/update_barcode_dialog",val)
|
||||
}
|
||||
},
|
||||
savestatus(){
|
||||
return this.$store.state.barcode.save_status
|
||||
}
|
||||
},
|
||||
methods : {
|
||||
doSave(){
|
||||
let prm = {
|
||||
'orderid':this.$store.state.patient.selected_patient.orderid,
|
||||
'barcode':this.$store.state.barcode.barcode
|
||||
}
|
||||
this.$store.dispatch("barcode/save",prm)
|
||||
},
|
||||
closeDialogBarcode(){
|
||||
if(this.savestatus !== 2){
|
||||
this.$store.commit("barcode/update_barcode_dialog",false)
|
||||
}
|
||||
else{
|
||||
let arrpatient = this.$store.state.patient.patients
|
||||
var idx = _.findIndex(arrpatient, item => item.orderid === this.$store.state.patient.selected_patient.orderid)
|
||||
console.log(idx)
|
||||
this.$store.dispatch("patient/search",{
|
||||
search: this.$store.state.patient.search,
|
||||
status: this.$store.state.patient.selected_status.value,
|
||||
lastidx:idx
|
||||
})
|
||||
this.$store.commit("barcode/update_barcode_dialog",false)
|
||||
}
|
||||
|
||||
},
|
||||
addBarcode(idx,varx){
|
||||
let vpar = varx
|
||||
let lght = vpar.children.length
|
||||
let childx = Object.assign({}, vpar.children[lght - 1])
|
||||
let oldbarcode = childx.barcodenumber
|
||||
let oldcount = oldbarcode.split(".")
|
||||
var newcount = parseInt(oldcount[2]) + 1
|
||||
var newbarcodex = oldcount[0]+'.'+oldcount[1]+'.'+newcount
|
||||
childx.barcodenumber = newbarcodex
|
||||
childx.xid = 0
|
||||
vpar.children.push(childx)
|
||||
|
||||
var oldArr = this.$store.state.barcode.barcode
|
||||
oldArr[idx] = vpar
|
||||
this.$store.commit("barcode/update_barcode",oldArr)
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,227 @@
|
||||
<template>
|
||||
<v-layout row justify-center>
|
||||
<v-dialog v-model="deliverydialog" persistent max-width="30%">
|
||||
<v-card>
|
||||
<v-card-title
|
||||
dark
|
||||
class="success pt-2 pb-2 white--text"
|
||||
>
|
||||
<h4 class="subheader">Pengiriman Hasil</h4>
|
||||
</v-card-title>
|
||||
<v-card-text class="pt-2 pb-2">
|
||||
<v-layout v-if="lookup_delivery === 1" mt-1 row >
|
||||
<v-flex xs12>
|
||||
<v-progress-linear :indeterminate="true"></v-progress-linear>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
<v-layout v-if="lookup_delivery !== 1" mt-1 row wrap >
|
||||
<v-flex class="row" ma-1 xs11 v-for="(delivery,idx) in vdeliveryother">
|
||||
<v-layout align-center row>
|
||||
<v-flex xs2>
|
||||
<v-btn v-if="delivery.chex === 'N'" @click="changeBoxRight(delivery,idx)" dark style="min-width:20px" small color="grey darken-1"><v-icon small>close</v-icon></v-btn>
|
||||
<v-btn v-if="delivery.chex === 'Y'" @click="changeBoxRight(delivery,idx)" depressed style="min-width:20px" small color="teal lighten-4"><v-icon color="teal" small>check</v-icon></v-btn>
|
||||
</v-flex>
|
||||
<v-flex mb-1 pl-2 xs10>
|
||||
<p :class="getColorFont(delivery)"
|
||||
class="mb-0 font-weight-black"
|
||||
style="font-size:11px">
|
||||
{{delivery.label.toUpperCase()}}
|
||||
</p>
|
||||
<div v-if="delivery.destination !== ''"
|
||||
class="body-2 mb-1 mono caption"
|
||||
v-html="delivery.destination">
|
||||
</div>
|
||||
<v-textarea
|
||||
v-if="delivery.chex === 'Y'"
|
||||
v-model="delivery.note"
|
||||
rows="1"
|
||||
auto-grow
|
||||
single-line
|
||||
style="color:#800000;font-weight:500"
|
||||
placeholder="Catatan"
|
||||
hide-details
|
||||
class="body-2 mb-1 mt-0 pt-0"
|
||||
></v-textarea>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-flex >
|
||||
</v-layout>
|
||||
</v-card-text>
|
||||
<v-divider></v-divider>
|
||||
<v-card-actions>
|
||||
<v-spacer></v-spacer>
|
||||
<v-btn v-if="vstatussave !== 1" @click="saveDeliveryAdditionOther()" color="primary" dark>Simpan</v-btn>
|
||||
<v-btn
|
||||
flat
|
||||
@click="deliverydialog = false"
|
||||
>
|
||||
Tutup
|
||||
</v-btn>
|
||||
</v-card-actions>
|
||||
</v-card>
|
||||
</v-dialog>
|
||||
</v-layout>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
|
||||
::-webkit-scrollbar-track
|
||||
{
|
||||
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
|
||||
background-color: #F5F5F5;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar
|
||||
{
|
||||
width: 10px;
|
||||
background-color: #F5F5F5;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb
|
||||
{
|
||||
background-color: #0ae;
|
||||
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%,
|
||||
color-stop(.5, rgba(255, 255, 255, .2)),
|
||||
color-stop(.5, transparent), to(transparent));
|
||||
}
|
||||
</style>
|
||||
<script>
|
||||
module.exports = {
|
||||
data () {
|
||||
return {
|
||||
printwidth:600
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
lookup_delivery:{
|
||||
get() {
|
||||
return this.$store.state.delivery.lookup_delivery
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("delivery/update_lookup_delivery",val)
|
||||
}
|
||||
},
|
||||
vmsgsave(){
|
||||
return this.$store.state.delivery.save_message
|
||||
},
|
||||
vstatussave(){
|
||||
return this.$store.state.delivery.save_status
|
||||
},
|
||||
vstatusdone(){
|
||||
return this.$store.state.delivery.status_done
|
||||
},
|
||||
vdeliveryregister(){
|
||||
return this.$store.state.delivery.delivery_register
|
||||
},
|
||||
vdeliveryverification(){
|
||||
return this.$store.state.delivery.delivery_verification
|
||||
},
|
||||
vdeliveryother(){
|
||||
return this.$store.state.delivery.delivery_other
|
||||
},
|
||||
deliverydialog:{
|
||||
get() {
|
||||
return this.$store.state.delivery.delivery_dialog
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("delivery/update_delivery_dialog",val)
|
||||
}
|
||||
},
|
||||
savestatus(){
|
||||
return this.$store.state.delivery.save_status
|
||||
}
|
||||
},
|
||||
methods : {
|
||||
reHTMLAddress(entry){
|
||||
var rtn = ''
|
||||
if(entry){
|
||||
var perpart = entry.split("^")
|
||||
rtn += "<p class='mb-0' style='font-size:12px'>"+perpart[0]+"</p>"
|
||||
if(perpart[1])
|
||||
rtn += "<p class='mb-0' style='font-size:12px'>"+perpart[1]+"</p>"
|
||||
}
|
||||
|
||||
|
||||
|
||||
return rtn
|
||||
},
|
||||
changeBoxRight(value,idx){
|
||||
|
||||
var oldArr = this.$store.state.delivery.delivery_other
|
||||
oldArr[idx].chex = value.chex === 'N'?'Y':'N'
|
||||
this.$store.commit("delivery/update_delivery_other",oldArr)
|
||||
},
|
||||
getColorFont(value,type){
|
||||
|
||||
|
||||
var xcolor = 'black--text'
|
||||
if(value.chex === 'Y'){
|
||||
xcolor = 'teal--text'
|
||||
}
|
||||
|
||||
|
||||
return xcolor
|
||||
},
|
||||
doSave(){
|
||||
let prm = {
|
||||
'orderid':this.$store.state.patient.selected_patient.orderid,
|
||||
'delivery':this.$store.state.delivery.delivery
|
||||
}
|
||||
this.$store.dispatch("delivery/save",prm)
|
||||
},
|
||||
closeDialogBarcode(){
|
||||
if(this.savestatus !== 2){
|
||||
this.$store.commit("delivery/update_delivery_dialog",false)
|
||||
}
|
||||
else{
|
||||
let arrpatient = this.$store.state.patient.patients
|
||||
var idx = _.findIndex(arrpatient, item => item.idx === this.$store.state.patient.selected_patient.idx)
|
||||
console.log(idx)
|
||||
this.$store.dispatch("patient/search",{
|
||||
search: this.$store.state.patient.search,
|
||||
status: this.$store.state.patient.selected_status.value,
|
||||
lastidx:idx
|
||||
})
|
||||
this.$store.commit("delivery/update_delivery_dialog",false)
|
||||
}
|
||||
|
||||
},
|
||||
checkstatus(delivery){
|
||||
if(delivery.id > 0 && delivery.chex === 'N'){
|
||||
return 'Tidak Aktif'
|
||||
}
|
||||
else if(delivery.id > 0 && delivery.chex === 'Y'){
|
||||
return 'Aktif'
|
||||
}
|
||||
else if((delivery.id === 0 || delivery.id === '0') && delivery.chex === 'Y'){
|
||||
return 'Tambahan dari verification'
|
||||
}
|
||||
},
|
||||
updateDeliveryVerification(value,idx){
|
||||
var oldArr = this.$store.state.delivery.delivery_verification
|
||||
oldArr[idx].chex = value
|
||||
this.$store.commit("delivery/update_delivery_verification",oldArr)
|
||||
},
|
||||
updateDeliveryOther(value,idx){
|
||||
var oldArr = this.$store.state.delivery.delivery_other
|
||||
oldArr[idx].chex = value
|
||||
this.$store.commit("delivery/update_delivery_other",oldArr)
|
||||
},
|
||||
saveDeliveryAdditionVerification(){
|
||||
var prm = {
|
||||
orderid:this.$store.state.patient.selected_patient.orderid,
|
||||
delver:this.$store.state.delivery.delivery_verification
|
||||
}
|
||||
this.$store.dispatch("delivery/savedeliveryadditionalverification",prm)
|
||||
},
|
||||
saveDeliveryAdditionOther(){
|
||||
var prm = {
|
||||
orderid:this.$store.state.patient.selected_patient.orderid,
|
||||
delot:this.$store.state.delivery.delivery_other
|
||||
}
|
||||
this.$store.dispatch("delivery/savedeliveryadditionalother",prm)
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,517 @@
|
||||
<template>
|
||||
<v-layout row justify-center>
|
||||
<v-dialog v-model="orderdialog" persistent max-width="60%">
|
||||
<v-card>
|
||||
<v-card-title
|
||||
dark
|
||||
style="color:white"
|
||||
class="headline pt-2 pb-2"
|
||||
primary-title
|
||||
v-bind:class="{ 'error':savestatus !== 2, 'success':savestatus === 2}"
|
||||
>
|
||||
<h4 dark v-if="savestatus !== 2">Order</h4>
|
||||
<h4 v-if="savestatus === 2">Berhasil !</h4>
|
||||
</v-card-title>
|
||||
<v-card-text class="pt-2 pb-2">
|
||||
<v-layout v-if="savestatus === 2" row>
|
||||
<v-flex pt-2 pr-2 xs12>
|
||||
Barcode berhasil diperbarui
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
<v-layout v-if="lookup_order === 1" mt-1 row >
|
||||
<v-flex xs12>
|
||||
<v-progress-linear :indeterminate="true"></v-progress-linear>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
<div v-if="lookup_order !== 1">
|
||||
<v-layout v-if="savestatus !== 2" pa-2 row wrap>
|
||||
<v-flex xs12>
|
||||
<v-card elevation="1">
|
||||
<v-layout pa-2>
|
||||
<v-flex xs12 pa-2>
|
||||
<v-select
|
||||
item-text="name"
|
||||
return-object
|
||||
:items="langs"
|
||||
v-model="selected_lang"
|
||||
label="Bahasa Kedua"
|
||||
></v-select>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-card>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
<v-layout v-if="savestatus !== 2" pa-2 row wrap>
|
||||
<v-flex xs12>
|
||||
<v-card elevation="1">
|
||||
<v-layout pa-2>
|
||||
<v-flex xs6 pa-2>
|
||||
<v-autocomplete
|
||||
label="Dokter"
|
||||
v-model="xorderdoctor"
|
||||
:items="xorderdoctors"
|
||||
:search-input.sync="search_doctor"
|
||||
auto-select-first
|
||||
no-filter
|
||||
item-text="name"
|
||||
return-object
|
||||
:loading="is_loading"
|
||||
no-data-text="Pilih Doctor"
|
||||
>
|
||||
<template
|
||||
slot="item"
|
||||
slot-scope="{ item }"
|
||||
>
|
||||
<v-list-tile-content>
|
||||
<v-list-tile-title v-text="item.name"></v-list-tile-title>
|
||||
</v-list-tile-content>
|
||||
</template>
|
||||
</v-autocomplete>
|
||||
</v-flex>
|
||||
<v-flex xs6 pa-2>
|
||||
<v-select
|
||||
item-text="name"
|
||||
return-object
|
||||
:items="xdoctoraddresses"
|
||||
v-model="xdoctoraddress"
|
||||
label="Alamat Dokter"
|
||||
></v-select>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-card>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
<v-layout v-if="savestatus !== 2" pa-2 row wrap>
|
||||
<v-flex xs12>
|
||||
<v-card elevation="1">
|
||||
<v-layout pa-2>
|
||||
<v-flex xs4 pa-2>
|
||||
<v-autocomplete
|
||||
label="Kel. Pelanggan"
|
||||
v-model="xordercompany"
|
||||
:items="xordercompanies"
|
||||
:search-input.sync="search_company"
|
||||
auto-select-first
|
||||
no-filter
|
||||
item-text="name"
|
||||
return-object
|
||||
: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.name"></v-list-tile-title>
|
||||
</v-list-tile-content>
|
||||
</template>
|
||||
</v-autocomplete>
|
||||
</v-flex>
|
||||
<v-flex xs8 pa-2>
|
||||
<v-select
|
||||
item-text="name"
|
||||
return-object
|
||||
:items="xmous"
|
||||
v-model="xmou"
|
||||
label="Mou"
|
||||
></v-select>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-card>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</div>
|
||||
</v-card-text>
|
||||
<v-divider></v-divider>
|
||||
<v-card-actions>
|
||||
<v-spacer></v-spacer>
|
||||
<v-btn
|
||||
color="error"
|
||||
flat
|
||||
v-if="!_.isEmpty(xmou) && savestatus !== 2"
|
||||
@click="save()"
|
||||
>
|
||||
Simpan
|
||||
</v-btn>
|
||||
<v-btn
|
||||
flat
|
||||
@click="closeDialogOrder"
|
||||
>
|
||||
Tutup
|
||||
</v-btn>
|
||||
</v-card-actions>
|
||||
</v-card>
|
||||
</v-dialog>
|
||||
<template>
|
||||
<v-dialog
|
||||
v-model="dialogalerttest"
|
||||
max-width="30%"
|
||||
>
|
||||
<v-card>
|
||||
<v-card-title
|
||||
class="headline grey lighten-2 pt-2 pb-2"
|
||||
primary-title
|
||||
>
|
||||
Peringatan !
|
||||
</v-card-title>
|
||||
<v-card-text class="pt-2 pb-2">
|
||||
<v-layout row>
|
||||
<v-flex xs12 d-flex>
|
||||
<v-layout row>
|
||||
<v-flex pb-1 xs12>
|
||||
<v-layout row>
|
||||
<v-flex pt-2 pr-2 xs12>
|
||||
<p v-for="(tox,index) in testout">
|
||||
Pemeriksaan {{tox.T_OrderDetailT_TestName}}
|
||||
<code v-if="tox.T_OrderDetailIsCito === 'Y'">cito</code>
|
||||
harganya belum ada
|
||||
</p>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-card-text>
|
||||
<v-divider></v-divider>
|
||||
<v-card-actions>
|
||||
<v-spacer></v-spacer>
|
||||
<v-btn
|
||||
color="primary"
|
||||
flat
|
||||
@click="dialogalerttest = false"
|
||||
>
|
||||
Tutup
|
||||
</v-btn>
|
||||
</v-card-actions>
|
||||
</v-card>
|
||||
</v-dialog>
|
||||
|
||||
</template>
|
||||
<template>
|
||||
|
||||
<v-dialog
|
||||
v-model="dialogconfirm"
|
||||
max-width="30%"
|
||||
>
|
||||
<v-card>
|
||||
<v-card-title
|
||||
class="headline grey lighten-2 pt-2 pb-2"
|
||||
primary-title
|
||||
>
|
||||
Konfirmasi
|
||||
</v-card-title>
|
||||
<v-card-text class="pt-2 pb-2">
|
||||
<v-layout row>
|
||||
<v-flex xs12 d-flex>
|
||||
<v-layout row>
|
||||
<v-flex pb-1 xs12>
|
||||
<v-layout row>
|
||||
<v-flex pt-2 pr-2 xs12>
|
||||
<p>Yakin, akan melakukan perubahan ?</p>
|
||||
<p><code>catatan : perubahan mou akan berpengaruh pada harga</code></p>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-card-text>
|
||||
<v-divider></v-divider>
|
||||
<v-card-actions>
|
||||
<v-spacer></v-spacer>
|
||||
<v-btn
|
||||
color="primary"
|
||||
flat
|
||||
@click="dialogconfirm = false"
|
||||
>
|
||||
Tutup
|
||||
</v-btn>
|
||||
<v-btn
|
||||
color="primary"
|
||||
flat
|
||||
@click="doSave()"
|
||||
>
|
||||
Yakin lah
|
||||
</v-btn>
|
||||
</v-card-actions>
|
||||
</v-card>
|
||||
</v-dialog>
|
||||
</template>
|
||||
</v-layout>
|
||||
</template>
|
||||
|
||||
|
||||
<style scoped>
|
||||
table {
|
||||
font-family: arial, sans-serif;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
background:white;
|
||||
border: 1px solid #ddd!important;
|
||||
}
|
||||
|
||||
th, td {
|
||||
|
||||
|
||||
padding: .75rem 1.25rem;
|
||||
border: 1px solid #ddd!important;
|
||||
}
|
||||
table>tr>td {
|
||||
padding: .75rem 1.25rem;
|
||||
border: 1px solid #ddd!important;
|
||||
}
|
||||
table>tr>td:first {
|
||||
padding-left:15px!important;
|
||||
}
|
||||
</style>
|
||||
<script>
|
||||
module.exports = {
|
||||
data () {
|
||||
return {
|
||||
printwidth:600,
|
||||
search_doctor:'',
|
||||
search_company:'',
|
||||
is_loading:false,
|
||||
headers: [
|
||||
{
|
||||
text: "STATUS",
|
||||
align: "center",
|
||||
sortable: false,
|
||||
value: "status",
|
||||
width: "15%",
|
||||
class: "pa-2 blue lighten-3 white--text"
|
||||
},
|
||||
{
|
||||
text: "CITO",
|
||||
align: "center",
|
||||
sortable: false,
|
||||
value: "cito",
|
||||
width: "15%",
|
||||
class: "pa-2 blue lighten-3 white--text"
|
||||
},
|
||||
{
|
||||
text: "PEMERIKSAAN",
|
||||
align: "left",
|
||||
sortable: false,
|
||||
value: "testname",
|
||||
width: "20%",
|
||||
class: "pa-2 blue lighten-3 white--text"
|
||||
},
|
||||
|
||||
{
|
||||
text: "BRUTO",
|
||||
align: "center",
|
||||
sortable: false,
|
||||
value: "bruto",
|
||||
width: "20%",
|
||||
class: "pa-2 blue lighten-3 white--text"
|
||||
},
|
||||
{
|
||||
text: "DISKON",
|
||||
align: "center",
|
||||
sortable: false,
|
||||
value: "discount",
|
||||
width: "20%",
|
||||
class: "pa-2 blue lighten-3 white--text"
|
||||
},
|
||||
{
|
||||
text: "TOTAL",
|
||||
align: "center",
|
||||
sortable: false,
|
||||
value: "total",
|
||||
width: "20%",
|
||||
class: "pa-2 blue lighten-3 white--text"
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
lookup_order:{
|
||||
get() {
|
||||
return this.$store.state.order.lookup_order
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("order/update_lookup_order",val)
|
||||
}
|
||||
},
|
||||
selected_lang:{
|
||||
get() {
|
||||
return this.$store.state.order.selected_lang
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("order/update_selected_lang",val)
|
||||
}
|
||||
},
|
||||
langs(){
|
||||
return this.$store.state.order.langs
|
||||
},
|
||||
orderdialog:{
|
||||
get() {
|
||||
return this.$store.state.order.order_dialog
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("order/update_order_dialog",val)
|
||||
}
|
||||
},
|
||||
dialogalerttest:{
|
||||
get() {
|
||||
return this.$store.state.order.alert_dialog
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("order/update_alert_dialog",val)
|
||||
}
|
||||
},
|
||||
dialogconfirm:{
|
||||
get() {
|
||||
return this.$store.state.order.confirm_dialog
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("order/update_confirm_dialog",val)
|
||||
}
|
||||
},
|
||||
testout(){
|
||||
return this.$store.state.order.test_out
|
||||
},
|
||||
savestatus(){
|
||||
return this.$store.state.order.save_status
|
||||
},
|
||||
vmsgsave(){
|
||||
return this.$store.state.order.save_message
|
||||
},
|
||||
vmsgsave(){
|
||||
return this.$store.state.order.save_message
|
||||
},
|
||||
vstatussave(){
|
||||
return this.$store.state.order.save_status
|
||||
},
|
||||
xorderdoctors(){
|
||||
return this.$store.state.order.doctors
|
||||
},
|
||||
xorderdoctor:{
|
||||
get() {
|
||||
return this.$store.state.order.doctor
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("order/update_doctor",val)
|
||||
this.$store.dispatch("order/getdoctoraddress",this.$store.state.order.doctor)
|
||||
}
|
||||
},
|
||||
xdoctoraddresses(){
|
||||
return this.$store.state.order.doctoraddresses
|
||||
},
|
||||
xdoctoraddress:{
|
||||
get() {
|
||||
return this.$store.state.order.doctoraddress
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("order/update_doctoraddress",val)
|
||||
}
|
||||
},
|
||||
xordercompanies(){
|
||||
return this.$store.state.order.companies
|
||||
},
|
||||
xordercompany:{
|
||||
get() {
|
||||
return this.$store.state.order.company
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("order/update_company",val)
|
||||
this.$store.dispatch("order/getmou",this.$store.state.order.company)
|
||||
}
|
||||
},
|
||||
xmous(){
|
||||
return this.$store.state.order.mous
|
||||
},
|
||||
xmou:{
|
||||
get() {
|
||||
return this.$store.state.order.mou
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("order/update_mou",val)
|
||||
this.checkPrice()
|
||||
}
|
||||
},
|
||||
testsregistration(){
|
||||
return this.$store.state.order.test_registration
|
||||
},
|
||||
testsverification(){
|
||||
return this.$store.state.order.test_verification
|
||||
}
|
||||
},
|
||||
methods : {
|
||||
convertMoney(money){
|
||||
return one_money(money)
|
||||
},
|
||||
save(){
|
||||
this.dialogconfirm = true
|
||||
},
|
||||
doSave(){
|
||||
let prm = {
|
||||
'orderid':this.$store.state.patient.selected_patient.orderid,
|
||||
'doctorid': this.$store.state.order.doctor.id,
|
||||
'doctoraddressid': this.$store.state.order.doctoraddress.id,
|
||||
'company': this.$store.state.order.company.id,
|
||||
'mou': this.$store.state.order.mou.id,
|
||||
'lang':this.selected_lang
|
||||
}
|
||||
this.$store.dispatch("order/save",prm)
|
||||
},
|
||||
closeDialogOrder(){
|
||||
if(this.savestatus !== 2){
|
||||
this.$store.commit("order/update_order_dialog",false)
|
||||
}
|
||||
else{
|
||||
let arrpatient = this.$store.state.patient.patients
|
||||
var idx = _.findIndex(arrpatient, item => item.idx === this.$store.state.patient.selected_patient.idx)
|
||||
console.log(idx)
|
||||
this.$store.dispatch("patient/search",{
|
||||
search: this.$store.state.patient.search,
|
||||
status: this.$store.state.patient.selected_status.value,
|
||||
lastidx:idx
|
||||
})
|
||||
this.$store.commit("order/update_order_dialog",false)
|
||||
}
|
||||
|
||||
},
|
||||
thr_search_doctor: _.debounce( function () {
|
||||
//console.log('thr doctor')
|
||||
this.$store.dispatch("order/searchdoctor",this.search_doctor)
|
||||
},2000),
|
||||
thr_search_company: _.debounce( function () {
|
||||
console.log(this.search_company)
|
||||
this.$store.dispatch("order/searchcompany",{search:this.search_company})
|
||||
},2000),
|
||||
checkPrice(){
|
||||
console.log(_.isEmpty(this.xmou))
|
||||
if(_.isEmpty(this.xmou) === false){
|
||||
let prm = {
|
||||
'orderid':this.$store.state.patient.selected_patient.orderid,
|
||||
'mouid':this.$store.state.order.mou.id
|
||||
}
|
||||
this.$store.dispatch("order/checkprice",prm)
|
||||
}
|
||||
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
search_doctor(val,old) {
|
||||
console.log(val)
|
||||
if (val == old ) return
|
||||
if (! val) return
|
||||
if (val.length < 1 ) return
|
||||
if (this.$store.state.order.update_autocomplete_status == 1 ) return
|
||||
this.thr_search_doctor()
|
||||
},
|
||||
search_company(val,old) {
|
||||
//console.log(val)
|
||||
if (val == old ) return
|
||||
if (! val) return
|
||||
if (val.length < 1 ) return
|
||||
if (this.$store.state.order.update_autocomplete_status == 1 ) return
|
||||
this.thr_search_company()
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,272 @@
|
||||
<template>
|
||||
<div>
|
||||
<v-dialog
|
||||
v-model="xpromisedialog"
|
||||
persistent
|
||||
max-width="30%"
|
||||
>
|
||||
<v-card>
|
||||
<v-card-title
|
||||
class="headline darken-1 pt-2 pb-2"
|
||||
primary-title
|
||||
style="color:white"
|
||||
v-bind:class="{ 'cyan':savestatus !== 2, 'success':savestatus === 2}"
|
||||
>
|
||||
<h4 dark v-if="savestatus !== 2">Konfirmasi</h4>
|
||||
<h4 v-if="savestatus === 2">Berhasil !</h4>
|
||||
</v-card-title>
|
||||
<v-card-text class="pt-2 pb-2">
|
||||
<v-layout wrap>
|
||||
<v-flex xs12>
|
||||
<v-layout v-for="promise in xpromises" row>
|
||||
<v-flex xs9 pr-1>
|
||||
<v-text-field
|
||||
label="Tanggal"
|
||||
v-model="promise.xdate"
|
||||
hide-details
|
||||
></v-text-field>
|
||||
<p style="font-size:7px" class="mono mt-1 mb-1 caption">{{promise.tests}}</p>
|
||||
</v-flex>
|
||||
<v-flex xs3 pl-1>
|
||||
<v-text-field
|
||||
label="Jam"
|
||||
v-model="promise.xtime"
|
||||
hide-details
|
||||
></v-text-field>
|
||||
</v-flex>
|
||||
|
||||
</v-layout>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
<v-layout row>
|
||||
<v-flex xs12 d-flex>
|
||||
<p v-for="error in errors" class="error pl-2 pr-2" style="color:#fff">janji hasil {{error.xdate}} {{error.xtime}} , masih salah dong formatnya (dd-mm-yyyy hh:mm)</p>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-card-text>
|
||||
<v-divider></v-divider>
|
||||
<v-card-actions>
|
||||
<v-spacer></v-spacer>
|
||||
<v-btn
|
||||
color="cyan"
|
||||
flat
|
||||
@click="doSave()"
|
||||
>
|
||||
Simpan
|
||||
</v-btn>
|
||||
<v-btn
|
||||
color="black"
|
||||
flat
|
||||
@click="xpromisedialog = false"
|
||||
>
|
||||
Tutup
|
||||
</v-btn>
|
||||
</v-card-actions>
|
||||
</v-card>
|
||||
</v-dialog>
|
||||
</div>
|
||||
</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;
|
||||
}
|
||||
|
||||
.disabled-background{
|
||||
background:#b7b7b7;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
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;
|
||||
}
|
||||
.mini-input .v-input{
|
||||
margin-top: 0px;
|
||||
}
|
||||
|
||||
.mini-input .v-input, .mini-input .v-input--selection-controls,.mini-input .v-input__slot{
|
||||
margin-top: 0px;
|
||||
margin-bottom:0px;
|
||||
margin-left:3px;
|
||||
}
|
||||
.mini-input .v-messages{
|
||||
min-height:0px;
|
||||
}
|
||||
|
||||
.border-bottom-dashed{
|
||||
border-bottom : 1px dashed rgba(0,0,0,.12);
|
||||
}
|
||||
</style>
|
||||
<script>
|
||||
module.exports = {
|
||||
data () {
|
||||
return {
|
||||
printwidth:600
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
xpromisedialog:{
|
||||
get() {
|
||||
return this.$store.state.promise.promise_dialog
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("promise/update_promise_dialog",val)
|
||||
}
|
||||
},
|
||||
promisedialogmessage:{
|
||||
get() {
|
||||
return this.$store.state.promise.promise_dialog_message
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("promise/update_promise_dialog_message",val)
|
||||
}
|
||||
},
|
||||
xpromises: {
|
||||
get() {
|
||||
return this.$store.state.promise.promises
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("promise/update_promises",val)
|
||||
}
|
||||
},
|
||||
savestatus(){
|
||||
return this.$store.state.supervisor.save_status
|
||||
},
|
||||
computedDateFormatted (value) {
|
||||
return this.formatDate(value)
|
||||
},
|
||||
errors () {
|
||||
return this.$store.state.promise.errors
|
||||
},
|
||||
|
||||
},
|
||||
methods : {
|
||||
formatDate (date) {
|
||||
if (!date) return null
|
||||
|
||||
const [year, month, day] = date.split('-')
|
||||
return `${day}-${month}-${year}`
|
||||
},
|
||||
deFormatedDate (date) {
|
||||
if (!date) return null
|
||||
|
||||
const [ day,month, year] = date.split('-')
|
||||
return `${year}-${month.padStart(2, '0')}-${day.padStart(2, '0')}`
|
||||
},
|
||||
closeMenudate(value){
|
||||
let arrx = this.$store.state.promise.promises
|
||||
var idx = _.findIndex(arrx, item => item.id === value.id)
|
||||
console.log(idx)
|
||||
this.$store.commit("promise/update_promises",arrx)
|
||||
},
|
||||
doSave(){
|
||||
let arrx = this.$store.state.promise.promises
|
||||
var errors = []
|
||||
arrx.forEach(function(arr) {
|
||||
var xDate = moment(arr.xdate, 'DD-MM-YYYY', true)
|
||||
var isValidDate = xDate.isValid()
|
||||
var xTime = moment(arr.xtime, 'HH:mm', true)
|
||||
var isValidTime = xTime.isValid()
|
||||
if(!isValidDate){
|
||||
errors.push(arr)
|
||||
}
|
||||
if(!isValidTime){
|
||||
errors.push(arr)
|
||||
}
|
||||
})
|
||||
|
||||
this.$store.commit("promise/update_errors",errors)
|
||||
if(errors.length === 0){
|
||||
this.$store.dispatch("promise/save",{
|
||||
data : arrx,
|
||||
orderid:this.$store.state.patient.selected_patient.orderid
|
||||
})
|
||||
}
|
||||
|
||||
},
|
||||
closeDialogRead(){
|
||||
if(this.savestatus !== 2){
|
||||
this.$store.commit("supervisor/update_read_dialog",false)
|
||||
}
|
||||
else{
|
||||
let arrpatient = this.$store.state.patient.patients
|
||||
var idx = _.findIndex(arrpatient, item => item.orderid === this.$store.state.patient.selected_patient.orderid)
|
||||
console.log(idx)
|
||||
this.$store.dispatch("patient/search",{
|
||||
search: this.$store.state.patient.search,
|
||||
status: this.$store.state.patient.selected_status.value,
|
||||
lastidx:idx
|
||||
})
|
||||
this.$store.commit("supervisor/update_read_dialog",false)
|
||||
}
|
||||
|
||||
},
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,223 @@
|
||||
<template>
|
||||
<div>
|
||||
<v-dialog
|
||||
v-model="readdialog"
|
||||
persistent
|
||||
max-width="30%"
|
||||
>
|
||||
<v-card>
|
||||
<v-card-title
|
||||
class="headline darken-1 pt-2 pb-2"
|
||||
primary-title
|
||||
style="color:white"
|
||||
v-bind:class="{ 'red':savestatus !== 2, 'success':savestatus === 2}"
|
||||
>
|
||||
<h4 dark v-if="savestatus !== 2">Konfirmasi</h4>
|
||||
<h4 v-if="savestatus === 2">Berhasil !</h4>
|
||||
</v-card-title>
|
||||
<v-card-text class="pt-2 pb-2">
|
||||
<v-layout row>
|
||||
<v-flex xs12 d-flex>
|
||||
<v-layout row>
|
||||
<v-flex pb-1 xs12>
|
||||
<v-layout row>
|
||||
<v-flex pt-2 pr-2 v-html="readdialogmessage" xs12>
|
||||
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
<v-layout v-if="savestatus !== 2" row>
|
||||
<v-flex pt-2 pr-2 xs12>
|
||||
<input style="border: 1px solid black;padding: 5px;width: 100%;" type="text" placeholder="Catatan" v-model="readmessage" class="input-plain"/>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-card-text>
|
||||
<v-divider></v-divider>
|
||||
<v-card-actions>
|
||||
<v-spacer></v-spacer>
|
||||
<v-btn
|
||||
color="error"
|
||||
flat
|
||||
v-if="savestatus !== 2"
|
||||
@click="doRead()"
|
||||
>
|
||||
Baca dong !
|
||||
</v-btn>
|
||||
<v-btn
|
||||
color="black"
|
||||
flat
|
||||
@click="closeDialogRead()"
|
||||
>
|
||||
Tutup
|
||||
</v-btn>
|
||||
</v-card-actions>
|
||||
</v-card>
|
||||
</v-dialog>
|
||||
</div>
|
||||
</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;
|
||||
}
|
||||
|
||||
.disabled-background{
|
||||
background:#b7b7b7;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
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;
|
||||
}
|
||||
.mini-input .v-input{
|
||||
margin-top: 0px;
|
||||
}
|
||||
|
||||
.mini-input .v-input, .mini-input .v-input--selection-controls,.mini-input .v-input__slot{
|
||||
margin-top: 0px;
|
||||
margin-bottom:0px;
|
||||
margin-left:3px;
|
||||
}
|
||||
.mini-input .v-messages{
|
||||
min-height:0px;
|
||||
}
|
||||
|
||||
.border-bottom-dashed{
|
||||
border-bottom : 1px dashed rgba(0,0,0,.12);
|
||||
}
|
||||
</style>
|
||||
<script>
|
||||
module.exports = {
|
||||
data () {
|
||||
return {
|
||||
printwidth:600
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
readdialog:{
|
||||
get() {
|
||||
return this.$store.state.supervisor.read_dialog
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("supervisor/update_read_dialog",val)
|
||||
}
|
||||
},
|
||||
readdialogmessage:{
|
||||
get() {
|
||||
return this.$store.state.supervisor.read_dialog_message
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("supervisor/update_read_dialog_message",val)
|
||||
}
|
||||
},
|
||||
readmessage: {
|
||||
get() {
|
||||
return this.$store.state.supervisor.read_message
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("supervisor/update_read_message",val)
|
||||
}
|
||||
},
|
||||
savestatus(){
|
||||
return this.$store.state.supervisor.save_status
|
||||
}
|
||||
|
||||
},
|
||||
methods : {
|
||||
doRead(){
|
||||
let prm = {
|
||||
'id':this.$store.state.patient.selected_patient.xid,
|
||||
'orderid':this.$store.state.patient.selected_patient.orderid,
|
||||
'msg':this.$store.state.supervisor.read_message,
|
||||
'type':this.$store.state.patient.selected_patient.message_type
|
||||
}
|
||||
this.$store.dispatch("supervisor/read",prm)
|
||||
},
|
||||
closeDialogRead(){
|
||||
if(this.savestatus !== 2){
|
||||
this.$store.commit("supervisor/update_read_dialog",false)
|
||||
}
|
||||
else{
|
||||
let arrpatient = this.$store.state.patient.patients
|
||||
var idx = _.findIndex(arrpatient, item => item.orderid === this.$store.state.patient.selected_patient.orderid)
|
||||
console.log(idx)
|
||||
this.$store.dispatch("patient/search",{
|
||||
search: this.$store.state.patient.search,
|
||||
status: this.$store.state.patient.selected_status.value,
|
||||
lastidx:idx
|
||||
})
|
||||
this.$store.commit("supervisor/update_read_dialog",false)
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,227 @@
|
||||
<template>
|
||||
<div>
|
||||
<v-dialog
|
||||
v-model="suppliesdialog"
|
||||
persistent
|
||||
|
||||
max-width="30%"
|
||||
>
|
||||
<v-card >
|
||||
<v-card-title
|
||||
dark
|
||||
class="headline pt-2 pb-2"
|
||||
primary-title
|
||||
style="color:white"
|
||||
v-bind:class="{ 'info':savestatus !== 2, 'success':savestatus === 2}"
|
||||
>
|
||||
<h4 dark v-if="savestatus !== 2">Supplies</h4>
|
||||
<h4 v-if="savestatus === 2">Berhasil !</h4>
|
||||
</v-card-title>
|
||||
<v-card-text class="pt-2 pb-2">
|
||||
<v-layout row>
|
||||
<v-flex xs12 d-flex>
|
||||
<v-layout row>
|
||||
<v-flex pb-1 xs12>
|
||||
<v-layout v-if="savestatus === 2" row>
|
||||
<v-flex pt-2 pr-2 xs12>
|
||||
Supplies berhasil diperbarui
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
<v-layout v-if="savestatus !== 2" row wrap>
|
||||
<v-flex xs4 pa-2 v-for="(vs,idx) in vsupplies" :key="vs.id">
|
||||
<one-field-verification-supply
|
||||
:xdatalabel="vs.name"
|
||||
:xdatacbx="vs.chex"
|
||||
:xdatatxt="vs.qty"
|
||||
@update-data-txt="(val) => updateDataTxtSupplies(idx,val)"
|
||||
@update-data-cbx="(val) => updateDataCbxSupplies(idx,val)"
|
||||
></one-field-verification-supply>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-card-text>
|
||||
<v-divider></v-divider>
|
||||
<v-card-actions>
|
||||
<v-spacer></v-spacer>
|
||||
<v-btn
|
||||
color="info"
|
||||
flat
|
||||
v-if="savestatus !== 2"
|
||||
@click="doSave()"
|
||||
>
|
||||
Simpan
|
||||
</v-btn>
|
||||
<v-btn
|
||||
flat
|
||||
@click="closeDialogSupplies()"
|
||||
>
|
||||
Tutup
|
||||
</v-btn>
|
||||
</v-card-actions>
|
||||
</v-card>
|
||||
</v-dialog>
|
||||
</div>
|
||||
</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;
|
||||
}
|
||||
|
||||
.disabled-background{
|
||||
background:#b7b7b7;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
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;
|
||||
}
|
||||
.mini-input .v-input{
|
||||
margin-top: 0px;
|
||||
}
|
||||
|
||||
.mini-input .v-input, .mini-input .v-input--selection-controls,.mini-input .v-input__slot{
|
||||
margin-top: 0px;
|
||||
margin-bottom:0px;
|
||||
margin-left:3px;
|
||||
}
|
||||
.mini-input .v-messages{
|
||||
min-height:0px;
|
||||
}
|
||||
|
||||
.border-bottom-dashed{
|
||||
border-bottom : 1px dashed rgba(0,0,0,.12);
|
||||
}
|
||||
</style>
|
||||
<script>
|
||||
module.exports = {
|
||||
components : {
|
||||
'one-field-verification-supply':httpVueLoader('../../common/oneFieldVerificationSupply.vue')
|
||||
},
|
||||
data () {
|
||||
return {
|
||||
printwidth:600
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
vsupplies(){
|
||||
return this.$store.state.supplies.supplies
|
||||
},
|
||||
suppliesdialog:{
|
||||
get() {
|
||||
return this.$store.state.supplies.supplies_dialog
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("supplies/update_supplies_dialog",val)
|
||||
}
|
||||
},
|
||||
savestatus(){
|
||||
return this.$store.state.supplies.save_status
|
||||
}
|
||||
},
|
||||
methods : {
|
||||
doSave(){
|
||||
let prm = {
|
||||
'orderid':this.$store.state.patient.selected_patient.orderid,
|
||||
'supplies':this.$store.state.supplies.supplies
|
||||
}
|
||||
this.$store.dispatch("supplies/save",prm)
|
||||
},
|
||||
closeDialogSupplies(){
|
||||
if(this.savestatus !== 2){
|
||||
this.$store.commit("supplies/update_supplies_dialog",false)
|
||||
}
|
||||
else{
|
||||
let arrpatient = this.$store.state.patient.patients
|
||||
var idx = _.findIndex(arrpatient, item => item.orderid === this.$store.state.patient.selected_patient.orderid)
|
||||
console.log(idx)
|
||||
this.$store.dispatch("patient/search",{
|
||||
search: this.$store.state.patient.search,
|
||||
status: this.$store.state.patient.selected_status.value,
|
||||
lastidx:idx
|
||||
})
|
||||
this.$store.commit("supplies/update_supplies_dialog",false)
|
||||
}
|
||||
|
||||
},
|
||||
updateDataTxtSupplies(idx, val) {
|
||||
var xsupplies = this.$store.state.supplies.supplies
|
||||
xsupplies[idx].qty = val
|
||||
this.$store.commit("supplies/update_supplies",xsupplies)
|
||||
},
|
||||
updateDataCbxSupplies(idx, val) {
|
||||
var xsupplies = this.$store.state.supplies.supplies
|
||||
xsupplies[idx].chex = val
|
||||
this.$store.commit("supplies/update_supplies",xsupplies)
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,775 @@
|
||||
<template>
|
||||
<v-layout row justify-center>
|
||||
<v-dialog
|
||||
v-model="promisedialog"
|
||||
persistent
|
||||
max-width="30%"
|
||||
>
|
||||
<v-card>
|
||||
<v-card-title
|
||||
class="headline darken-1 pt-2 pb-2"
|
||||
primary-title
|
||||
>
|
||||
Konfirmasi
|
||||
</v-card-title>
|
||||
<v-card-text class="pt-2 pb-2">
|
||||
<v-layout row>
|
||||
<v-flex xs12 d-flex>
|
||||
<v-layout row>
|
||||
<v-flex pb-1 v-html="msgdialogpromise" xs12>
|
||||
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-card-text>
|
||||
<v-divider></v-divider>
|
||||
<v-card-actions>
|
||||
<v-spacer></v-spacer>
|
||||
<v-btn
|
||||
color="black"
|
||||
flat
|
||||
@click="promisedialog = false"
|
||||
>
|
||||
Tutup
|
||||
</v-btn>
|
||||
<v-btn
|
||||
color="purple"
|
||||
flat
|
||||
@click="closeDialogPromise()"
|
||||
>
|
||||
Lanjutkan
|
||||
</v-btn>
|
||||
</v-card-actions>
|
||||
</v-card>
|
||||
</v-dialog>
|
||||
<v-dialog v-model="testdialog" persistent max-width="50%">
|
||||
<v-card>
|
||||
<v-card-title
|
||||
dark
|
||||
class="headline purple pt-2 pb-2"
|
||||
primary-title
|
||||
style="color:white"
|
||||
>
|
||||
<h4>Pemeriksaan</h4>
|
||||
</v-card-title>
|
||||
<v-card-text class="pt-2 pb-2">
|
||||
<v-layout pa-2 row wrap>
|
||||
<v-flex xs12 pl-1>
|
||||
<v-card elevation="1">
|
||||
<v-flex xs12 mb-2 pa-2>
|
||||
<v-layout row>
|
||||
<v-flex pt-2 xs4>
|
||||
<h4 class="mb-1">Tambah Pemeriksaan</h4>
|
||||
</v-flex>
|
||||
<v-flex style="text-align:right" pt-1 xs8>
|
||||
<v-progress-circular v-if="getdatastatus === 1"
|
||||
indeterminate
|
||||
color="primary"
|
||||
></v-progress-circular>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
<v-layout row>
|
||||
<v-flex pr-1 xs8>
|
||||
<v-autocomplete
|
||||
label="Pemeriksaan"
|
||||
v-model="vtest"
|
||||
:items="vtests"
|
||||
:search-input.sync="search_test"
|
||||
auto-select-first
|
||||
no-filter
|
||||
item-text="pxname"
|
||||
return-object
|
||||
:loading="isLoading"
|
||||
no-data-text="Cari Pemeriksaan ..."
|
||||
>
|
||||
<template
|
||||
slot="item"
|
||||
slot-scope="{ item }"
|
||||
>
|
||||
<v-list-tile-content>
|
||||
<v-list-tile-title v-text="item.pxname"></v-list-tile-title>
|
||||
</v-list-tile-content>
|
||||
</template>
|
||||
</v-autocomplete>
|
||||
</v-flex>
|
||||
<v-flex class="xs4 offset-2 text-sm-right">
|
||||
<v-btn
|
||||
color="primary"
|
||||
@click="addTestToAll()"
|
||||
>
|
||||
Tambahkan
|
||||
</v-btn>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
|
||||
</v-flex>
|
||||
</v-card>
|
||||
<v-card >
|
||||
<v-flex xs12 pa-2>
|
||||
<v-layout row>
|
||||
<v-flex pa-2 xs12>
|
||||
<v-flex text-md-right>
|
||||
<v-select
|
||||
v-if="showdropdowncito === 'Y'"
|
||||
item-text="name"
|
||||
return-object
|
||||
:items="citos"
|
||||
v-model="selected_cito"
|
||||
label="Pilihan Cito"
|
||||
></v-select>
|
||||
</v-flex>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
<v-layout row>
|
||||
<v-flex pa-2 xs12>
|
||||
<v-data-table
|
||||
:headers="headers"
|
||||
:items="testsall"
|
||||
:loading="isLoading"
|
||||
hide-actions>
|
||||
<template slot="items" slot-scope="props">
|
||||
<tr>
|
||||
<td class="text-xs-center pa-2 pl-2" >
|
||||
<v-checkbox class="text-xs-center" primary hide-details @change="changeTestAll(props.item,props.item.status)" v-model="props.item.status"></v-checkbox>
|
||||
</td>
|
||||
<td class="text-xs-center pa-2" >
|
||||
<v-checkbox class="text-xs-center" primary hide-details @change="changeTestCito(props.item)" v-model="props.item.cito"></v-checkbox>
|
||||
</td>
|
||||
<td class="text-xs-left pa-2" >
|
||||
{{ props.item.pxname }}
|
||||
<v-select
|
||||
v-if="(props.item.xid !== 0 || props.item.xid !== '0') && props.item.status === false"
|
||||
item-text="label"
|
||||
return-object
|
||||
:items="charges"
|
||||
hide-details
|
||||
|
||||
v-model="props.item.charge"
|
||||
@change="changeCharge(props.item,props.item.charge)"
|
||||
label="Pilihan potongan admin"
|
||||
></v-select>
|
||||
</td>
|
||||
<td class="text-xs-center pa-2">{{ convertMoney(props.item.bruto) }}</td>
|
||||
<td class="text-xs-center pa-2">{{ convertMoney(props.item.discount) }}</td>
|
||||
<td class="text-xs-center pa-2">
|
||||
<span v-if="(props.item.xid !== 0 || props.item.xid !== '0') && props.item.status">{{ convertMoney(props.item.total) }}</span>
|
||||
<span v-if="(props.item.xid !== 0 || props.item.xid !== '0') && props.item.status === false" style="text-decoration: line-through;">{{ convertMoney(props.item.total) }}</span>
|
||||
<span v-if="(props.item.xid !== 0 || props.item.xid !== '0') && props.item.status === false">{{totalRetur(props.item)}}</span>
|
||||
</td>
|
||||
</tr>
|
||||
</template>
|
||||
</v-data-table>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-flex>
|
||||
</v-card>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-card-text>
|
||||
<v-divider></v-divider>
|
||||
<v-card-actions>
|
||||
<v-spacer></v-spacer>
|
||||
<v-btn
|
||||
flat
|
||||
@click="closeDialogOrder"
|
||||
>
|
||||
Tutup
|
||||
</v-btn>
|
||||
<v-btn v-if="getdatastatus !== 1" style="margin-right:0" @click="checkPromiseOrderAdd()" flat color="primary" dark>Simpan</v-btn>
|
||||
</v-card-actions>
|
||||
</v-card>
|
||||
</v-dialog>
|
||||
<one-dialog-error :status="opendialogerror" :msg="msgerror" @close-dialog-error="opendialogerror = false"></one-dialog-error>
|
||||
</v-layout>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
table {
|
||||
font-family: arial, sans-serif;
|
||||
btest-collapse: collapse;
|
||||
width: 100%;
|
||||
background:white;
|
||||
btest: 1px solid #ddd!important;
|
||||
}
|
||||
|
||||
th, td {
|
||||
|
||||
|
||||
padding: .75rem 1.25rem;
|
||||
btest: 1px solid #ddd!important;
|
||||
}
|
||||
table>tr>td {
|
||||
padding: .75rem 1.25rem;
|
||||
btest: 1px solid #ddd!important;
|
||||
}
|
||||
table>tr>td:first {
|
||||
padding-left:15px!important;
|
||||
}
|
||||
</style>
|
||||
<script>
|
||||
module.exports = {
|
||||
components : {
|
||||
'one-dialog-error':httpVueLoader('../../common/oneDialogErrorFajri.vue')
|
||||
},
|
||||
data () {
|
||||
return {
|
||||
printwidth:600,
|
||||
search_test:'',
|
||||
is_loading:false,
|
||||
isLoading:false,
|
||||
error_promise:false,
|
||||
error_promise_dialog:false,
|
||||
selected_promise:{},
|
||||
opendialogerror:false,
|
||||
msgerror:"",
|
||||
promiseright:'-',
|
||||
charges:[{value:0,label:'0%'},{value:5,label:'5%'},{value:10,label:'10%'},{value:25,label:'25%'}],
|
||||
headers: [
|
||||
{
|
||||
text: "STATUS",
|
||||
align: "left",
|
||||
sortable: false,
|
||||
value: "status",
|
||||
width: "10%",
|
||||
class: "pa-2 blue lighten-3 white--text"
|
||||
},
|
||||
{
|
||||
text: "CITO",
|
||||
align: "left",
|
||||
sortable: false,
|
||||
value: "cito",
|
||||
width: "10%",
|
||||
class: "pa-2 blue lighten-3 white--text"
|
||||
},
|
||||
{
|
||||
text: "PEMERIKSAAN",
|
||||
align: "left",
|
||||
sortable: false,
|
||||
value: "testname",
|
||||
width: "30%",
|
||||
class: "pa-2 blue lighten-3 white--text"
|
||||
},
|
||||
|
||||
{
|
||||
text: "BRUTO",
|
||||
align: "center",
|
||||
sortable: false,
|
||||
value: "bruto",
|
||||
width: "20%",
|
||||
class: "pa-2 blue lighten-3 white--text"
|
||||
},
|
||||
{
|
||||
text: "DISKON",
|
||||
align: "center",
|
||||
sortable: false,
|
||||
value: "discount",
|
||||
width: "20%",
|
||||
class: "pa-2 blue lighten-3 white--text"
|
||||
},
|
||||
{
|
||||
text: "TOTAL",
|
||||
align: "center",
|
||||
sortable: false,
|
||||
value: "total",
|
||||
width: "20%",
|
||||
class: "pa-2 blue lighten-3 white--text"
|
||||
}
|
||||
],
|
||||
headerverifications :[
|
||||
{
|
||||
text: "STATUS",
|
||||
align: "center",
|
||||
sortable: false,
|
||||
value: "status",
|
||||
width: "7%",
|
||||
class: "pa-2 blue lighten-3 white--text"
|
||||
},
|
||||
{
|
||||
text: "CITO",
|
||||
align: "center",
|
||||
sortable: false,
|
||||
value: "cito",
|
||||
width: "7%",
|
||||
class: "pa-2 blue lighten-3 white--text"
|
||||
},
|
||||
{
|
||||
text: "PEMERIKSAAN",
|
||||
align: "left",
|
||||
sortable: false,
|
||||
value: "testname",
|
||||
width: "15%",
|
||||
class: "pa-2 blue lighten-3 white--text"
|
||||
},
|
||||
|
||||
{
|
||||
text: "BRUTO",
|
||||
align: "center",
|
||||
sortable: false,
|
||||
value: "bruto",
|
||||
width: "10%",
|
||||
class: "pa-2 blue lighten-3 white--text"
|
||||
},
|
||||
{
|
||||
text: "DISKON",
|
||||
align: "center",
|
||||
sortable: false,
|
||||
value: "discount",
|
||||
width: "10%",
|
||||
class: "pa-2 blue lighten-3 white--text"
|
||||
},
|
||||
{
|
||||
text: "TOTAL",
|
||||
align: "center",
|
||||
sortable: false,
|
||||
value: "total",
|
||||
width: "15%",
|
||||
class: "pa-2 blue lighten-3 white--text"
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
testdialog:{
|
||||
get() {
|
||||
return this.$store.state.test.test_dialog
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("test/update_test_dialog",val)
|
||||
}
|
||||
},
|
||||
savestatusverification(){
|
||||
return this.$store.state.test.save_status_verification
|
||||
},
|
||||
vmsgsave(){
|
||||
return this.$store.state.test.save_message
|
||||
},
|
||||
vstatussave(){
|
||||
return this.$store.state.test.save_status
|
||||
},
|
||||
testsregistration(){
|
||||
return this.$store.state.test.test_registration
|
||||
},
|
||||
testsverification(){
|
||||
return this.$store.state.test.test_verification
|
||||
},
|
||||
testsall(){
|
||||
return this.$store.state.test.test_all
|
||||
},
|
||||
vtests(){
|
||||
return this.$store.state.test.tests
|
||||
},
|
||||
vtest:{
|
||||
get() {
|
||||
return this.$store.state.test.test
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("test/update_test",val)
|
||||
console.log(val.promise)
|
||||
this.promiseright = val.promise
|
||||
this.$store.commit("test/update_show_promise_right",true)
|
||||
}
|
||||
},
|
||||
vcito:{
|
||||
get() {
|
||||
return this.$store.state.test.cito
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("test/update_cito",val)
|
||||
}
|
||||
},
|
||||
citos(){
|
||||
return this.$store.state.test.citos
|
||||
},
|
||||
selected_cito:{
|
||||
get() {
|
||||
return this.$store.state.test.selected_cito
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("test/update_selected_cito",val)
|
||||
}
|
||||
},
|
||||
xpromises(){
|
||||
return this.$store.state.test.promises
|
||||
},
|
||||
xpromise:{
|
||||
get() {
|
||||
return this.$store.state.test.promise
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("test/update_promise",val)
|
||||
}
|
||||
},
|
||||
promisedialog:{
|
||||
get() {
|
||||
return this.$store.state.test.promise_dialog
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("test/update_promise_dialog",val)
|
||||
}
|
||||
},
|
||||
msgdialogpromise:{
|
||||
get() {
|
||||
return this.$store.state.test.msg_promise_dialog
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("test/update_msg_promise_dialog",val)
|
||||
}
|
||||
},
|
||||
showpromiseleft:{
|
||||
get() {
|
||||
return this.$store.state.test.show_promise_left
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("test/update_show_promise_left",val)
|
||||
}
|
||||
},
|
||||
showpromiseright:{
|
||||
get() {
|
||||
return this.$store.state.test.show_promise_right
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("test/update_show_promise_right",val)
|
||||
}
|
||||
},
|
||||
promiseleft:{
|
||||
get() {
|
||||
return this.$store.state.test.promise_left
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("test/update_promise_left",val)
|
||||
}
|
||||
},
|
||||
getdatastatus:{
|
||||
get() {
|
||||
return this.$store.state.test.save_status
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("test/update_save_status",val)
|
||||
}
|
||||
},
|
||||
showdropdowncito:{
|
||||
get() {
|
||||
return this.$store.state.test.show_cito_dropdown
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("test/update_show_cito_dropdown",val)
|
||||
}
|
||||
},
|
||||
},
|
||||
methods : {
|
||||
showExist() {
|
||||
this.opendialogerror = true
|
||||
this.msgerror = "Pemeriksaan Sudah Ada"
|
||||
},
|
||||
totalRetur(row){
|
||||
var charge = parseFloat(row.charge.value)
|
||||
var charge_amount = (charge/100) * parseFloat(row.total)
|
||||
var totalaftercharge = parseFloat(row.total) - (charge_amount)
|
||||
return one_money(totalaftercharge)
|
||||
},
|
||||
convertMoney(money){
|
||||
return one_money(money)
|
||||
},
|
||||
saveTestAdditionVerification(){
|
||||
let arrtest = this.$store.state.test.test_verification
|
||||
var prm = {
|
||||
orderid:this.$store.state.patient.selected_patient.orderid,
|
||||
tests:arrtest
|
||||
}
|
||||
this.$store.dispatch("test/savetestadditionalverification",prm)
|
||||
},
|
||||
changePromise(value){
|
||||
let arrtest = this.$store.state.test.test_verification
|
||||
var idx = _.findIndex(arrtest, item => item.idx === value.idx)
|
||||
arrtest[idx]['promise'] = value.promise
|
||||
this.$store.commit("test/update_test_verification",arrtest)
|
||||
},
|
||||
closeDialogOrder(){
|
||||
if(this.savestatus !== 2){
|
||||
this.$store.commit("test/update_test_dialog",false)
|
||||
}
|
||||
else{
|
||||
let arrpatient = this.$store.state.patient.patients
|
||||
var idx = _.findIndex(arrpatient, item => item.idx === this.$store.state.patient.selected_patient.idx)
|
||||
this.$store.dispatch("patient/search",{
|
||||
search: this.$store.state.patient.search,
|
||||
status: this.$store.state.patient.selected_status.value,
|
||||
lastidx:idx
|
||||
})
|
||||
this.$store.commit("test/update_test_dialog",false)
|
||||
}
|
||||
},
|
||||
changeCharge(row,value){
|
||||
var oldArr = this.$store.state.test.test_all
|
||||
var idx = _.findIndex(oldArr, row)
|
||||
oldArr[idx].active = 'Y'
|
||||
oldArr[idx].charge = value
|
||||
this.$store.commit("test/update_test_all",oldArr)
|
||||
},
|
||||
changeTestAll(row,value){
|
||||
var oldArr = this.$store.state.test.test_all
|
||||
var idx = _.findIndex(oldArr, row)
|
||||
let nowstatus = row.status
|
||||
if(nowstatus == false && row.xid != '0'){
|
||||
this.$store.dispatch("test/checkstatus",row)
|
||||
}
|
||||
else{
|
||||
oldArr[idx].active = 'Y'
|
||||
oldArr[idx].status = nowstatus
|
||||
this.$store.commit("test/update_test_all",oldArr)
|
||||
}
|
||||
},
|
||||
changeTestCito(value){
|
||||
this.$store.commit("test/update_selected_test",value)
|
||||
var prm = value
|
||||
prm.orderid = this.$store.state.patient.selected_patient.orderid
|
||||
this.$store.dispatch("test/getnewprice",prm)
|
||||
},
|
||||
thr_search_test: _.debounce( function () {
|
||||
var oldArr = this.$store.state.test.test_all
|
||||
this.promiseright = '-'
|
||||
|
||||
var prm = {
|
||||
orderid:this.$store.state.patient.selected_patient.orderid,
|
||||
search: this.search_test,
|
||||
cito:this.$store.state.test.cito
|
||||
}
|
||||
this.$store.dispatch("test/searchtest",prm)
|
||||
},2000),
|
||||
addTestToAll(){
|
||||
var xtestall = this.$store.state.test.test_all
|
||||
var all_nattest = []
|
||||
var xchecked_test = _.filter(xtestall, function(o) { return o.status })
|
||||
xchecked_test = xchecked_test
|
||||
xchecked_test.forEach(function(test_a) {
|
||||
//console.log(test_a)
|
||||
//debugger
|
||||
|
||||
test_a.nat_test.forEach(function(x_test_a) {
|
||||
all_nattest.push(x_test_a)
|
||||
})
|
||||
})
|
||||
var xtestadditional = this.$store.state.test.test
|
||||
var is_exist = false
|
||||
var xnattest_now = xtestadditional.nat_test
|
||||
//debugger
|
||||
|
||||
//console.log(xnattest_now)
|
||||
//debugger
|
||||
xnattest_now.forEach(function(nattest_a) {
|
||||
var idx_check = _.findIndex(all_nattest, function(o) { return parseInt(o) === parseInt(nattest_a) })
|
||||
if(idx_check !== -1)
|
||||
is_exist = true
|
||||
})
|
||||
if(!is_exist){
|
||||
console.log(xtestadditional.type)
|
||||
if(xtestadditional.type !== 'PXR' && xtestadditional.type !== 'PR'){
|
||||
xtestall.push(xtestadditional)
|
||||
}
|
||||
else if(xtestadditional.type === 'PXR' || xtestadditional.type === 'PR'){
|
||||
var child_test = xtestadditional.child_test
|
||||
console.log(child_test)
|
||||
child_test.forEach(function(entry) {
|
||||
var new_test = {}
|
||||
new_test.xid = '0'
|
||||
new_test.nat_testid = entry.Nat_TestID
|
||||
new_test.nat_test = entry.nat_test
|
||||
new_test.is_packet = entry.is_packet
|
||||
new_test.packet_id = entry.packet_id
|
||||
new_test.type = entry.px_type
|
||||
new_test.pxid = entry.T_TestID
|
||||
new_test.pxcode = entry.pxcode
|
||||
new_test.pxsascode = entry.T_TestSasCode
|
||||
new_test.pxname = entry.T_TestSasCode+" "+entry.T_TestName
|
||||
new_test.test_name = entry.T_TestName
|
||||
new_test.isresult = entry.isresult
|
||||
new_test.bruto = entry.T_PriceAmount
|
||||
new_test.discountpersen = entry.T_PriceDisc
|
||||
new_test.discountrp = entry.T_PriceDiscRp
|
||||
new_test.discount = ( ( entry.T_PriceDisc / 100 ) * entry.T_PriceAmount ) + entry.T_PriceDiscRp
|
||||
//new_test.discount = ( ( entry.T_PriceDisc / 100 ) * entry.T_PriceAmount ) - entry.T_PriceDiscRp
|
||||
new_test.total = entry.T_PriceAmount - new_test.discount
|
||||
new_test.status = true
|
||||
new_test.cito = false
|
||||
new_test.cito_before = "N"
|
||||
new_test.promise = ""
|
||||
xtestall.push(new_test)
|
||||
})
|
||||
}
|
||||
|
||||
this.$store.commit("test/update_test_all",xtestall)
|
||||
this.$store.commit("test/update_test",{})
|
||||
}
|
||||
|
||||
|
||||
},
|
||||
addTestToAllxx(){
|
||||
|
||||
var xtestall = this.$store.state.test.test_all
|
||||
var xtestadditional = this.$store.state.test.test
|
||||
//nat_testid tambaha/n
|
||||
let n_id = xtestadditional.nat_testid
|
||||
// all child_test
|
||||
let x_idx = _.findIndex(xtestall, function(p) {
|
||||
console.log('n_id', n_id)
|
||||
console.log('px_nat_testid', p.nat_testid)
|
||||
return n_id == parseInt(p.nat_testid)
|
||||
});
|
||||
let flag_exists = false
|
||||
if (x_idx > -1 ) flag_exists = true
|
||||
if (! flag_exists) {
|
||||
if(xtestadditional.child_test != ''){
|
||||
let add_ct = JSON.parse(xtestadditional.child_test)
|
||||
for(let idx =0; idx < add_ct.length ; idx++) {
|
||||
let add_ct_id = add_ct[idx].pxnat_testid
|
||||
let x_idx = _.findIndex(xtestall, function(p) {
|
||||
console.log('ct id', add_ct_id)
|
||||
console.log('px_nat_testid', p.nat_testid)
|
||||
return add_ct_id == parseInt(p.nat_testid)
|
||||
});
|
||||
if (x_idx > -1 ) {
|
||||
flag_exists = true
|
||||
break
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
if (flag_exists) {
|
||||
this.showExist()
|
||||
return
|
||||
}
|
||||
var xnew = {
|
||||
xid:0,
|
||||
type:xtestadditional.type,
|
||||
status:'Y',
|
||||
cito:false,
|
||||
cito_before:'N',
|
||||
testid:xtestadditional.pxid,
|
||||
testcode:xtestadditional.pxcode,
|
||||
testsascode:xtestadditional.pxsascode,
|
||||
testname:xtestadditional.pxname,
|
||||
isresult:xtestadditional.isresult,
|
||||
bruto:xtestadditional.bruto,
|
||||
discount:xtestadditional.discounttotal,
|
||||
discountpersen:xtestadditional.discount,
|
||||
discountrp:xtestadditional.discountrp,
|
||||
charge:{value:0,label:'0%'},
|
||||
total:xtestadditional.total,
|
||||
nat_test:xtestadditional.nat_test,
|
||||
child_test:xtestadditional.child_test,
|
||||
is_packet:xtestadditional.is_packet,
|
||||
packet_id:xtestadditional.packet_id
|
||||
}
|
||||
|
||||
if(xnew.type === 'PN' || xnew.type === 'PX'){
|
||||
xtestall.push(xnew)
|
||||
this.$store.commit("test/update_test_all",xtestall)
|
||||
this.$store.commit("test/update_test",{})
|
||||
}
|
||||
|
||||
if(xnew.type === 'PXR'){
|
||||
xnew.orderid = this.$store.state.patient.selected_patient.orderid
|
||||
var params = {all:xtestall,new:xnew}
|
||||
this.$store.dispatch("test/getchildrenprofil",params)
|
||||
}
|
||||
|
||||
|
||||
if(xnew.type === 'SINGLE-PR'){
|
||||
var child_test = JSON.parse(xtestadditional.child_test)
|
||||
console.log(child_test)
|
||||
child_test.forEach(item => {
|
||||
var xxnew = {
|
||||
xid:0,
|
||||
type:'SINGLE',
|
||||
status:'Y',
|
||||
cito:false,
|
||||
cito_before:'N',
|
||||
testid:item.pxid,
|
||||
testcode:item.pxcode,
|
||||
testsascode:item.pxsascode,
|
||||
testname:item.pxname,
|
||||
isresult:item.isresult,
|
||||
bruto:item.bruto,
|
||||
discount:item.discounttotal,
|
||||
discountpersen:item.discount,
|
||||
discountrp:item.discountrp,
|
||||
charge:{value:0,label:'0%'},
|
||||
total:item.total
|
||||
}
|
||||
xtestall.push(xxnew)
|
||||
})
|
||||
|
||||
this.$store.commit("test/update_test_all",xtestall)
|
||||
this.$store.commit("test/update_test",{})
|
||||
}
|
||||
|
||||
},
|
||||
saveTestAdditional(){
|
||||
var prm = {
|
||||
orderid:this.$store.state.patient.selected_patient.orderid,
|
||||
testall: this.$store.state.test.test_all,
|
||||
selected_cito:this.$store.state.test.selected_cito
|
||||
}
|
||||
this.$store.dispatch("test/savetestadditional",prm)
|
||||
},
|
||||
checkPromiseOrderAdd(){
|
||||
this.$store.commit("test/update_act",'additional')
|
||||
var prm = {
|
||||
orderid:this.$store.state.patient.selected_patient.orderid,
|
||||
tests: this.$store.state.test.test_all
|
||||
}
|
||||
this.$store.dispatch("test/checkpromisetests",prm)
|
||||
},
|
||||
checkPromiseOrderVerification(){
|
||||
this.$store.commit("test/update_act",'verification')
|
||||
var prm = {
|
||||
orderid:this.$store.state.patient.selected_patient.orderid,
|
||||
tests: this.$store.state.test.test_verification
|
||||
}
|
||||
this.$store.dispatch("test/checkpromisetests",prm)
|
||||
},
|
||||
|
||||
openDialogPromise(value){
|
||||
this.error_promise_dialog = false
|
||||
this.selected_promise = {}
|
||||
this.$store.commit("test/update_selected_detail_verification",value)
|
||||
this.promisedialog = true
|
||||
},
|
||||
addPromiseTodetail(){
|
||||
if(this.selected_promise){
|
||||
let arrtest = this.$store.state.test.test_verification
|
||||
console.log(arrtest)
|
||||
var idx = _.findIndex(arrtest, item => item.idx === this.$store.state.test.selected_detail_verification.idx)
|
||||
arrtest[idx]['promise'] = this.selected_promise.id
|
||||
arrtest[idx]['promisename'] = this.selected_promise.name
|
||||
this.$store.commit("test/update_test_verification",arrtest)
|
||||
this.promisedialog = false
|
||||
}
|
||||
else{
|
||||
this.error_promise_dialog = true
|
||||
}
|
||||
|
||||
},
|
||||
closeDialogPromise(){
|
||||
var act = this.$store.state.test.act
|
||||
this.promisedialog = false
|
||||
if(act === 'additional')
|
||||
this.saveTestAdditional()
|
||||
else
|
||||
this.saveTestAdditionVerification()
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
search_test(val,old) {
|
||||
if (val == old ) return
|
||||
if (! val) return
|
||||
if (val == '') return
|
||||
if (val.length < 1 ) return
|
||||
if (this.$store.state.test.autocomplete_status == 1 ) return
|
||||
this.thr_search_test()
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,224 @@
|
||||
<template>
|
||||
<div>
|
||||
<v-dialog
|
||||
v-model="verifydialog"
|
||||
persistent
|
||||
max-width="30%"
|
||||
>
|
||||
<v-card>
|
||||
<v-card-title
|
||||
class="headline darken-1 pt-2 pb-2"
|
||||
primary-title
|
||||
style="color:white"
|
||||
v-bind:class="{ 'teal':savestatus !== 2, 'success':savestatus === 2}"
|
||||
>
|
||||
<h4 dark v-if="savestatus !== 2">Konfirmasi</h4>
|
||||
<h4 v-if="savestatus === 2">Berhasil !</h4>
|
||||
</v-card-title>
|
||||
<v-card-text class="pt-2 pb-2">
|
||||
<v-layout row>
|
||||
<v-flex xs12 d-flex>
|
||||
<v-layout row>
|
||||
<v-flex pb-1 xs12>
|
||||
<v-layout row>
|
||||
<v-flex pt-2 pr-2 v-html="verifydialogmessage" xs12>
|
||||
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
<v-layout v-if="savestatus !== 2" row>
|
||||
<v-flex pt-2 pr-2 xs12>
|
||||
<input style="border: 1px solid black;padding: 5px;width: 100%;" type="text" placeholder="Catatan" v-model="verifymessage" class="input-plain"/>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-card-text>
|
||||
<v-divider></v-divider>
|
||||
<v-card-actions>
|
||||
<v-spacer></v-spacer>
|
||||
<v-btn
|
||||
color="teal"
|
||||
flat
|
||||
v-if="savestatus !== 2"
|
||||
@click="doVerify()"
|
||||
>
|
||||
Yakin dong !
|
||||
</v-btn>
|
||||
<v-btn
|
||||
color="black"
|
||||
flat
|
||||
@click="closeDialogVerify()"
|
||||
>
|
||||
Tutup
|
||||
</v-btn>
|
||||
</v-card-actions>
|
||||
</v-card>
|
||||
</v-dialog>
|
||||
</div>
|
||||
</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;
|
||||
}
|
||||
|
||||
.disabled-background{
|
||||
background:#b7b7b7;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
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;
|
||||
}
|
||||
.mini-input .v-input{
|
||||
margin-top: 0px;
|
||||
}
|
||||
|
||||
.mini-input .v-input, .mini-input .v-input--selection-controls,.mini-input .v-input__slot{
|
||||
margin-top: 0px;
|
||||
margin-bottom:0px;
|
||||
margin-left:3px;
|
||||
}
|
||||
.mini-input .v-messages{
|
||||
min-height:0px;
|
||||
}
|
||||
|
||||
.border-bottom-dashed{
|
||||
border-bottom : 1px dashed rgba(0,0,0,.12);
|
||||
}
|
||||
</style>
|
||||
<script>
|
||||
module.exports = {
|
||||
data () {
|
||||
return {
|
||||
printwidth:600
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
verifydialog:{
|
||||
get() {
|
||||
return this.$store.state.supervisor.verify_dialog
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("supervisor/update_verify_dialog",val)
|
||||
}
|
||||
},
|
||||
verifydialogmessage:{
|
||||
get() {
|
||||
return this.$store.state.supervisor.verify_dialog_message
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("supervisor/update_verify_dialog_message",val)
|
||||
}
|
||||
},
|
||||
verifymessage: {
|
||||
get() {
|
||||
return this.$store.state.supervisor.verify_message
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("supervisor/update_verify_message",val)
|
||||
}
|
||||
},
|
||||
savestatus(){
|
||||
return this.$store.state.supervisor.save_status
|
||||
}
|
||||
|
||||
},
|
||||
methods : {
|
||||
doVerify(){
|
||||
let prm = {
|
||||
'id':this.$store.state.patient.selected_patient.xid,
|
||||
'orderid':this.$store.state.patient.selected_patient.orderid,
|
||||
'msg':this.$store.state.supervisor.verify_message,
|
||||
'type':this.$store.state.patient.selected_patient.message_type
|
||||
}
|
||||
this.$store.dispatch("supervisor/verify",prm)
|
||||
},
|
||||
closeDialogVerify(){
|
||||
if(this.savestatus !== 2){
|
||||
this.$store.commit("supervisor/update_verify_dialog",false)
|
||||
}
|
||||
else{
|
||||
let arrpatient = this.$store.state.patient.patients
|
||||
let orderid = 0
|
||||
var idx = _.findIndex(arrpatient, item => item.orderid === orderid)
|
||||
console.log(idx)
|
||||
this.$store.dispatch("patient/search",{
|
||||
search: this.$store.state.patient.search,
|
||||
status: this.$store.state.patient.selected_status.value,
|
||||
lastidx:idx
|
||||
})
|
||||
this.$store.commit("supervisor/update_verify_dialog",false)
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,224 @@
|
||||
<template>
|
||||
<div>
|
||||
<v-dialog
|
||||
v-model="voiddialog"
|
||||
persistent
|
||||
max-width="30%"
|
||||
>
|
||||
<v-card>
|
||||
<v-card-title
|
||||
class="headline darken-1 pt-2 pb-2"
|
||||
primary-title
|
||||
style="color:white"
|
||||
v-bind:class="{ 'black':savestatus !== 2, 'red':savestatus === 5, 'success':savestatus === 2}"
|
||||
>
|
||||
<h4 style="color:white!important" v-if="savestatus === 0">Konfirmasi</h4>
|
||||
<h4 style="color:white!important" v-if="savestatus === 2">Berhasil !</h4>
|
||||
<h4 style="color:white!important" v-if="savestatus === 5">Gagal !</h4>
|
||||
</v-card-title>
|
||||
<v-card-text class="pt-2 pb-2">
|
||||
<v-layout row>
|
||||
<v-flex xs12 d-flex>
|
||||
<v-layout row>
|
||||
<v-flex pb-1 xs12>
|
||||
<v-layout row>
|
||||
<v-flex pt-2 pr-2 v-html="voiddialogmessage" xs12>
|
||||
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
<v-layout v-if="savestatus !== 5" row>
|
||||
<v-flex pt-2 pr-2 xs12>
|
||||
<input style="border: 1px solid black;padding: 5px;width: 100%;" type="text" placeholder="Catatan" v-model="voidmessage" class="input-plain"/>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-card-text>
|
||||
<v-divider></v-divider>
|
||||
<v-card-actions>
|
||||
<v-spacer></v-spacer>
|
||||
<v-btn
|
||||
color="black"
|
||||
flat
|
||||
v-if="savestatus !== 1 && voidmessage"
|
||||
@click="doVoid()"
|
||||
>
|
||||
Yakin dong !
|
||||
</v-btn>
|
||||
<v-btn
|
||||
color="#9e9e9f"
|
||||
flat
|
||||
@click="closeDialogVoid()"
|
||||
>
|
||||
Tutup
|
||||
</v-btn>
|
||||
</v-card-actions>
|
||||
</v-card>
|
||||
</v-dialog>
|
||||
</div>
|
||||
</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;
|
||||
}
|
||||
|
||||
.disabled-background{
|
||||
background:#b7b7b7;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
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;
|
||||
}
|
||||
.mini-input .v-input{
|
||||
margin-top: 0px;
|
||||
}
|
||||
|
||||
.mini-input .v-input, .mini-input .v-input--selection-controls,.mini-input .v-input__slot{
|
||||
margin-top: 0px;
|
||||
margin-bottom:0px;
|
||||
margin-left:3px;
|
||||
}
|
||||
.mini-input .v-messages{
|
||||
min-height:0px;
|
||||
}
|
||||
|
||||
.border-bottom-dashed{
|
||||
border-bottom : 1px dashed rgba(0,0,0,.12);
|
||||
}
|
||||
</style>
|
||||
<script>
|
||||
module.exports = {
|
||||
data () {
|
||||
return {
|
||||
printwidth:600
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
voiddialog:{
|
||||
get() {
|
||||
return this.$store.state.supervisor.void_dialog
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("supervisor/update_void_dialog",val)
|
||||
}
|
||||
},
|
||||
voiddialogmessage:{
|
||||
get() {
|
||||
return this.$store.state.supervisor.void_dialog_message
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("supervisor/update_void_dialog_message",val)
|
||||
}
|
||||
},
|
||||
voidmessage: {
|
||||
get() {
|
||||
return this.$store.state.supervisor.void_message
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("supervisor/update_void_message",val)
|
||||
}
|
||||
},
|
||||
savestatus(){
|
||||
return this.$store.state.supervisor.save_status
|
||||
}
|
||||
|
||||
},
|
||||
methods : {
|
||||
doVoid(){
|
||||
let prm = {
|
||||
'id':this.$store.state.patient.selected_patient.xid,
|
||||
'orderid':this.$store.state.patient.selected_patient.orderid,
|
||||
'msg':this.$store.state.supervisor.void_message,
|
||||
'type':this.$store.state.patient.selected_patient.message_type
|
||||
}
|
||||
this.$store.dispatch("supervisor/actvoid",prm)
|
||||
},
|
||||
closeDialogVoid(){
|
||||
if(this.savestatus !== 2){
|
||||
this.$store.commit("supervisor/update_void_dialog",false)
|
||||
}
|
||||
else{
|
||||
let arrpatient = this.$store.state.patient.patients
|
||||
var idx = 0
|
||||
console.log(idx)
|
||||
this.$store.dispatch("patient/search",{
|
||||
search: this.$store.state.patient.search,
|
||||
status: this.$store.state.patient.selected_status.value,
|
||||
lastidx:idx
|
||||
})
|
||||
this.$store.commit("supervisor/update_void_dialog",false)
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
332
test/vuex/one-sniper-tools/components/oneFoSupervisorList.vue
Normal file
332
test/vuex/one-sniper-tools/components/oneFoSupervisorList.vue
Normal file
@@ -0,0 +1,332 @@
|
||||
<template>
|
||||
<v-layout class="fill-height" column>
|
||||
<v-snackbar
|
||||
top
|
||||
v-model="snackbar.value"
|
||||
color="teal"
|
||||
:timeout="snackbar.timeout"
|
||||
>
|
||||
{{ snackbar.text }}
|
||||
<v-btn
|
||||
dark
|
||||
flat
|
||||
@click="snackbar.value = false"
|
||||
>
|
||||
Tutup
|
||||
</v-btn>
|
||||
</v-snackbar>
|
||||
<v-layout class="fill-height" column>
|
||||
<v-dialog
|
||||
v-model="dialogerrormsg"
|
||||
|
||||
max-width="30%"
|
||||
>
|
||||
<v-card>
|
||||
<v-card-title
|
||||
class="headline red en-1 pt-2 pb-2"
|
||||
primary-title
|
||||
>
|
||||
<h4 style="color:#FFEBEE">Peringatan !</h4>
|
||||
</v-card-title>
|
||||
<v-card-text class="pt-2 pb-2">
|
||||
<v-layout row>
|
||||
<v-flex xs12 d-flex>
|
||||
<v-layout row>
|
||||
<v-flex pb-1 xs12>
|
||||
<v-layout row>
|
||||
<v-flex pt-2 pr-2 v-html="errormsg" xs12>
|
||||
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-card-text>
|
||||
<v-divider></v-divider>
|
||||
<v-card-actions>
|
||||
<v-spacer></v-spacer>
|
||||
|
||||
<v-btn
|
||||
color="error"
|
||||
flat
|
||||
@click="dialogerrormsg = false"
|
||||
>
|
||||
Tutup
|
||||
</v-btn>
|
||||
</v-card-actions>
|
||||
</v-card>
|
||||
</v-dialog>
|
||||
<v-card class="mb-2 pa-2 searchbox">
|
||||
<v-layout row align-center >
|
||||
<v-menu
|
||||
ref="menustartdate"
|
||||
v-model="menustartdate"
|
||||
:close-on-content-click="false"
|
||||
:nudge-right="0"
|
||||
lazy
|
||||
transition="scale-transition"
|
||||
offset-y
|
||||
full-width
|
||||
max-width="290px"
|
||||
min-width="290px"
|
||||
>
|
||||
<template v-slot:activator="{ on }">
|
||||
<v-text-field
|
||||
v-model="startDateFormatted"
|
||||
label="Tanggal Order"
|
||||
readonly
|
||||
hide-details
|
||||
class="xs3 ma-1"
|
||||
outline
|
||||
v-on="on"
|
||||
@blur="deFormatedDate(startDateFormatted)"
|
||||
></v-text-field>
|
||||
</template>
|
||||
<v-date-picker v-model="xstartdate" no-title @input="menustartdate = false"></v-date-picker>
|
||||
</v-menu>
|
||||
|
||||
<v-text-field class="xs3 ma-1"
|
||||
label="No Lab / Nama"
|
||||
outline
|
||||
v-on:keyup.enter="searchPatient"
|
||||
v-model="search"
|
||||
hide-details
|
||||
></v-text-field>
|
||||
|
||||
<v-select class="xs3 ma-1 mini-select" :items="statuses"
|
||||
item-text="name"
|
||||
return-object
|
||||
v-model="status"
|
||||
label="Status" outline hide-details></v-select>
|
||||
<!--<v-btn class="xs3 ma-1" color="success" @click="searchPatient" >Search</v-btn>-->
|
||||
<!--<span @click="searchPatient" class="icon-medium-fill-base white--text success iconsearch-search"></span>-->
|
||||
</v-layout>
|
||||
</v-card>
|
||||
<v-card >
|
||||
<v-layout v-if="search_patient === 1" mt-1 row >
|
||||
<v-flex class="pa-2" xs12>
|
||||
<v-progress-linear :indeterminate="true"></v-progress-linear>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
<v-layout v-if="search_patient !== 1" row>
|
||||
<v-flex xs12 pl-2 pr-2 pt-2 pb-2>
|
||||
<v-data-table
|
||||
:headers="headers"
|
||||
:items="patients"
|
||||
:loading="isLoading"
|
||||
hide-actions class="elevation-1">
|
||||
<template slot="items" slot-scope="props">
|
||||
<td class="text-xs-left pa-2" v-bind:class="{'amber lighten-4':isSelected(props.item)}" @click="selectMe(props.item)">{{ props.item.orderdate }}</td>
|
||||
<td class="pa-2" v-bind:class="{'amber lighten-4':isSelected(props.item)}" @click="selectMe(props.item)">
|
||||
<p class="mb-0 font-weight-black caption">{{ props.item.labnumber_ext}}</p>
|
||||
<p style="color:#800000" class="mb-0 font-weight-bold ">{{ props.item.labnumber}}</p>
|
||||
</td>
|
||||
<td class="text-xs-left pa-2" v-bind:class="{'amber lighten-4':isSelected(props.item)}" @click="selectMe(props.item)">{{ props.item.patientname}}</td>
|
||||
<td class="text-xs-left pa-2" v-bind:class="{'amber lighten-4':isSelected(props.item)}" @click="selectMe(props.item)">{{ props.item.type}}</td>
|
||||
<td class="text-xs-left pa-2" v-bind:class="{'amber lighten-4':isSelected(props.item)}" @click="selectMe(props.item)">{{ props.item.status}}</td>
|
||||
</template>
|
||||
</v-data-table>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-card>
|
||||
|
||||
</v-layout>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
.searchbox .v-input.v-text-field .v-input__slot{
|
||||
min-height:40px;
|
||||
}
|
||||
.searchbox .v-btn {
|
||||
min-height:40px;
|
||||
}
|
||||
table.v-table tbody td,table.v-table tbody th {
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
table.v-table thead tr {
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
.v-messages{
|
||||
min-height:0px!important;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
<script>
|
||||
module.exports = {
|
||||
components : {
|
||||
'one-dialog-info':httpVueLoader('../../common/oneDialogInfo.vue'),
|
||||
'one-dialog-alert':httpVueLoader('../../common/oneDialogAlert.vue')
|
||||
},
|
||||
mounted() {
|
||||
this.$store.dispatch("test/getcitos")
|
||||
this.$store.dispatch("patient/search",{
|
||||
start_date:this.xstartdate,
|
||||
search: this.search,
|
||||
status: this.status.value,
|
||||
lastidx:-1
|
||||
})
|
||||
},
|
||||
methods : {
|
||||
formatDate (date) {
|
||||
if (!date) return null
|
||||
|
||||
const [year, month, day] = date.split('-')
|
||||
return `${day}-${month}-${year}`
|
||||
},
|
||||
deFormatedDate (date) {
|
||||
if (!date) return null
|
||||
|
||||
const [ day,month, year] = date.split('-')
|
||||
return `${year}-${month.padStart(2, '0')}-${day.padStart(2, '0')}`
|
||||
},
|
||||
isSelected(p) {
|
||||
return p.orderid == this.$store.state.patient.selected_patient.orderid
|
||||
},
|
||||
searchPatient() {
|
||||
this.$store.dispatch("patient/search",{
|
||||
start_date:this.xstartdate,
|
||||
search:this.search,
|
||||
status: this.status.value,
|
||||
lastidx:-1
|
||||
})
|
||||
},
|
||||
selectMe(pat) {
|
||||
this.$store.commit("patient/update_selected_patient",pat)
|
||||
this.$store.commit("patient/update_notes",pat.notes)
|
||||
this.$store.commit("patient/update_message_type",pat.message_type)
|
||||
this.$store.commit("patient/update_status_act",pat.status)
|
||||
var patients = this.$store.state.patient.patients
|
||||
var idx = _.findIndex(patients, function(o) { return o.orderid == pat.orderid })
|
||||
this.$store.commit("patient/update_last_id",idx)
|
||||
|
||||
this.$store.dispatch("patient/getdataselected",pat)
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
xstartdate:{
|
||||
get() {
|
||||
return this.$store.state.patient.start_date
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("patient/update_start_date",val)
|
||||
this.searchPatient()
|
||||
}
|
||||
},
|
||||
startDateFormatted () {
|
||||
return this.formatDate(this.xstartdate)
|
||||
},
|
||||
search_patient:{
|
||||
get() {
|
||||
return this.$store.state.patient.search_patient
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("patient/update_search_patient",val)
|
||||
}
|
||||
},
|
||||
snackbar:{
|
||||
get() {
|
||||
return this.$store.state.patient.snackbar
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("patient/update_snackbar",val)
|
||||
}
|
||||
},
|
||||
search:{
|
||||
get() {
|
||||
return this.$store.state.patient.search
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("patient/update_search",val)
|
||||
}
|
||||
},
|
||||
statuses(){
|
||||
return this.$store.state.patient.statuses
|
||||
},
|
||||
status:{
|
||||
get() {
|
||||
return this.$store.state.patient.selected_status
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("patient/update_selected_status",val)
|
||||
this.searchPatient()
|
||||
}
|
||||
},
|
||||
isLoading() {
|
||||
return this.$store.state.patient.search_status == 1
|
||||
},
|
||||
patients() {
|
||||
return this.$store.state.patient.patients
|
||||
},
|
||||
dialogerrormsg:{
|
||||
get() {
|
||||
return this.$store.state.patient.dialogerrormsg
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("patient/update_dialogerrormsg",val)
|
||||
}
|
||||
},
|
||||
errormsg:{
|
||||
get() {
|
||||
return this.$store.state.patient.errormsg
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("patient/update_errormsg",val)
|
||||
}
|
||||
},
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
items: [],
|
||||
menustartdate:false,
|
||||
menuenddate:false,
|
||||
headers: [
|
||||
{
|
||||
text: "TANGGAL",
|
||||
align: "left",
|
||||
sortable: false,
|
||||
value: "orderdate",
|
||||
width: "15%",
|
||||
class: "pa-2 blue lighten-3 white--text"
|
||||
},
|
||||
{
|
||||
text: "NO LAB",
|
||||
align: "left",
|
||||
sortable: false,
|
||||
value: "labnumber",
|
||||
width: "15%",
|
||||
class: "pa-2 blue lighten-3 white--text"
|
||||
},
|
||||
{
|
||||
text: "NAMA",
|
||||
align: "left",
|
||||
sortable: false,
|
||||
value: "patientname",
|
||||
width: "20%",
|
||||
class: "pa-2 blue lighten-3 white--text"
|
||||
},
|
||||
|
||||
{
|
||||
text: "TIPE",
|
||||
align: "left",
|
||||
sortable: false,
|
||||
value: "type",
|
||||
width: "20%",
|
||||
class: "pa-2 blue lighten-3 white--text"
|
||||
},
|
||||
{
|
||||
text: "STATUS",
|
||||
align: "left",
|
||||
sortable: false,
|
||||
value: "status",
|
||||
width: "20%",
|
||||
class: "pa-2 blue lighten-3 white--text"
|
||||
}
|
||||
],
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
Reference in New Issue
Block a user