Flatten nested repos
This commit is contained in:
sas.fajri
369
fo/one-fo-supervisor-v1/components/oneFoSupervisorAction.vue
Normal file
369
fo/one-fo-supervisor-v1/components/oneFoSupervisorAction.vue
Normal file
@@ -0,0 +1,369 @@
|
||||
<template>
|
||||
<v-layout column pb-2>
|
||||
<v-card v-if="messagetype === 'FO.VERIFICATION.REJECT'" class="mb-2">
|
||||
<v-layout row pa-2 align-center wrap >
|
||||
<table>
|
||||
<tr>
|
||||
<!--<th width="10%" class="text-md-center pt-2 pb-2"> </th>-->
|
||||
<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.length > 0" v-for="(note,index) in notes">
|
||||
<!--<td width="10%" class="text-md-center" >
|
||||
<v-icon @click="changeAct(note,index)" color="success" v-if="note.chex === 'Y'">done</v-icon>
|
||||
<v-icon @click="changeAct(note,index)" color="error" v-if="note.chex === 'N'">close</v-icon>
|
||||
</td>-->
|
||||
<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.length === 0">
|
||||
<td colspan="5" class="text-md-center pr-2">
|
||||
Tidak ada data
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</v-layout>
|
||||
</v-card>
|
||||
<v-card v-if="xselstatus !== 'Selesai'">
|
||||
<!--<v-layout row pa-2 align-center wrap >
|
||||
<v-flex xs12 class="text-md-center">
|
||||
<div>
|
||||
<v-btn color="primary">Pasien</v-btn>
|
||||
<v-btn @click="openorder" color="error">Order</v-btn>
|
||||
<v-btn @click="opentest" dark color="purple ">Pemeriksaan</v-btn>
|
||||
<v-btn @click="openbarcode" color="warning">Barcode</v-btn>
|
||||
<v-btn @click="opensupplies" color="info">Supplies</v-btn>
|
||||
<v-btn @click="opendelivery" color="success">Pengiriman Hasil</v-btn>
|
||||
<v-btn @click="openpromise" dark color="cyan">Janji Hasil</v-btn>
|
||||
</div>
|
||||
</v-flex>
|
||||
</v-layout>-->
|
||||
<v-layout row pt-1 align-center wrap >
|
||||
<v-flex xs4 class="text-md-center pl-2">
|
||||
<div>
|
||||
<v-btn dark @click="printControlCard()" block color="#795548">Kartu Kontrol</v-btn>
|
||||
</div>
|
||||
</v-flex>
|
||||
<v-flex xs4 class="text-md-center pl-2">
|
||||
<div>
|
||||
<v-btn block color="primary">Pasien</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">
|
||||
<div>
|
||||
<v-btn block @click="opentest" dark color="purple ">Pemeriksaan</v-btn>
|
||||
</div>
|
||||
</v-flex>
|
||||
|
||||
<v-flex xs4 class="text-md-center pl-2">
|
||||
<div>
|
||||
<v-btn block @click="opensupplies" color="info">Supplies</v-btn>
|
||||
</div>
|
||||
</v-flex>
|
||||
<v-flex xs4 class="text-md-center pl-2">
|
||||
<div>
|
||||
<v-btn block @click="opendelivery" color="success">Pengiriman Hasil</v-btn>
|
||||
</div>
|
||||
</v-flex>
|
||||
<v-flex xs4 class="text-md-center pl-2">
|
||||
<div>
|
||||
<v-btn block @click="openpromise" dark color="cyan">Janji Hasil</v-btn>
|
||||
</div>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
<v-layout style="border-top:1px dashed rgb(221,221,221)" row mt-1 mb-1></v-layout>
|
||||
<v-layout row align-center wrap >
|
||||
<v-flex xs4 v-if="statusact === 'Baru'" class="text-md-center pl-2">
|
||||
<div>
|
||||
<v-btn @click="read" block dark color="pink">Baca</v-btn>
|
||||
</div>
|
||||
</v-flex>
|
||||
<v-flex xs4 class="text-md-center pl-2">
|
||||
<div>
|
||||
<v-btn @click="xvoid" block dark color="black">VOID</v-btn>
|
||||
</div>
|
||||
</v-flex>
|
||||
<v-flex xs4 class="text-md-center pl-2">
|
||||
<div>
|
||||
<v-btn @click="verify" block dark color="teal">Verify</v-btn>
|
||||
</div>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-card>
|
||||
<one-fo-supervisor-print-barcode></one-fo-supervisor-print-barcode>
|
||||
<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-void' : httpVueLoader('./oneFoSupervisorDialogVoid.vue'),
|
||||
'one-fo-supervisor-dialog-supplies' : httpVueLoader('./oneFoSupervisorDialogSupplies.vue'),
|
||||
'one-fo-supervisor-dialog-barcode' : httpVueLoader('./oneFoSupervisorDialogBarcode.vue'),
|
||||
'one-fo-supervisor-print-barcode' : httpVueLoader('./oneFoSupervisorPrintBarcode.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
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
notes(){
|
||||
return this.$store.state.patient.notes
|
||||
},
|
||||
messagetype(){
|
||||
return this.$store.state.patient.message_type
|
||||
},
|
||||
statusact(){
|
||||
return this.$store.state.patient.status_act
|
||||
},
|
||||
xselstatus(){
|
||||
return this.$store.state.patient.selected_patient.status
|
||||
},
|
||||
selpat(){
|
||||
return this.$store.state.patient.selected_patient
|
||||
}
|
||||
},
|
||||
methods : {
|
||||
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
|
||||
},
|
||||
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)
|
||||
}
|
||||
},
|
||||
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.dispatch("order/lookup",{orderid:this.$store.state.patient.selected_patient.orderid})
|
||||
this.$store.commit("order/update_order_message","")
|
||||
this.$store.commit("order/update_save_status",0)
|
||||
this.$store.commit("order/update_order_dialog",true)
|
||||
}
|
||||
},
|
||||
opentest(){
|
||||
if(!_.isEmpty(this.selpat, true)){
|
||||
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_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)
|
||||
}
|
||||
},
|
||||
openbarcodev1(){
|
||||
if(!_.isEmpty(this.selpat, true)){
|
||||
this.$store.commit("barcodev1/update_dialog_barcode",true)
|
||||
}
|
||||
},
|
||||
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'
|
||||
|
||||
this.urlprintnote = "/birt/run?__report=report/one/lab/"+rpt+".rptdesign&__format=pdf&username="+user.M_UserUsername+"&PID="+orderid
|
||||
this.openprintcontrol = true
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</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,245 @@
|
||||
<template>
|
||||
<v-layout row justify-center>
|
||||
<v-dialog v-model="deliverydialog" persistent max-width="30%">
|
||||
<v-card>
|
||||
<v-card-title
|
||||
dark
|
||||
class="headline success pt-2 pb-2"
|
||||
primary-title
|
||||
style="color:white"
|
||||
>
|
||||
<h4>Pengiriman Hasil</h4>
|
||||
</v-card-title>
|
||||
<v-card-text class="pt-2 pb-2">
|
||||
<v-layout ma-4 row wrap>
|
||||
<!-- <v-flex v-if="vstatusdone === 'Y'" xs6 pr-1 mb-2>
|
||||
<v-card elevation="1">
|
||||
<v-list two-line subheader>
|
||||
<v-subheader>Pengiriman Hasil ( Tidak ada tambahan dari Verifikasi )</v-subheader>
|
||||
|
||||
<v-list-tile avatar v-for="(vdelreg,index) in vdeliveryregister">
|
||||
<v-list-tile-content>
|
||||
<v-list-tile-title>
|
||||
{{vdelreg.label}}
|
||||
</v-list-tile-title>
|
||||
<v-list-tile-sub-title>{{vdelreg.destination}}</v-list-tile-sub-title>
|
||||
</v-list-tile-content>
|
||||
</v-list-tile>
|
||||
|
||||
</v-list>
|
||||
</v-card>
|
||||
</v-flex>
|
||||
<v-flex v-if="vstatusdone === 'N'" xs6 pr-1 mb-2>
|
||||
<v-card elevation="1">
|
||||
<v-list two-line subheader>
|
||||
<v-subheader>Pengiriman Hasil dari Registrasi</v-subheader>
|
||||
|
||||
<v-list-tile avatar v-for="(vdelreg,index) in vdeliveryregister">
|
||||
<v-list-tile-content>
|
||||
<v-list-tile-title>
|
||||
{{vdelreg.label}}
|
||||
<v-icon v-if="vdelreg.chex === 'Y'" color="success" left>check</v-icon>
|
||||
<v-icon v-if="vdelreg.chex === 'N'" color="error" left>close</v-icon>
|
||||
</v-list-tile-title>
|
||||
<v-list-tile-sub-title>{{vdelreg.destination}}</v-list-tile-sub-title>
|
||||
</v-list-tile-content>
|
||||
</v-list-tile>
|
||||
|
||||
</v-list>
|
||||
|
||||
<v-divider v-if="vdeliveryverification.length > 0"></v-divider>
|
||||
|
||||
<v-list
|
||||
subheader
|
||||
v-if="vdeliveryverification.length > 0"
|
||||
>
|
||||
<v-subheader>
|
||||
Tambahan dari Verifikasi
|
||||
<div>
|
||||
<v-btn @click="saveDeliveryAdditionVerification()" small color="primary" dark>Simpan</v-btn>
|
||||
</div>
|
||||
</v-subheader>
|
||||
|
||||
<v-list-tile @click="" v-for="(vdelver,index) in vdeliveryverification">
|
||||
|
||||
|
||||
<v-list-tile-content>
|
||||
<v-list-tile-title>
|
||||
{{vdelver.label}}
|
||||
</v-list-tile-title>
|
||||
<v-list-tile-sub-title>{{vdelver.destination}}</v-list-tile-sub-title>
|
||||
</v-list-tile-content>
|
||||
</v-list-tile>
|
||||
|
||||
</v-list>
|
||||
</v-card>
|
||||
</v-flex>-->
|
||||
<v-flex pl-1 xs12>
|
||||
<v-card elevation="1">
|
||||
<v-list
|
||||
subheader
|
||||
two-line
|
||||
>
|
||||
<v-subheader>
|
||||
Pengiriman Hasil
|
||||
<div>
|
||||
<v-btn v-if="vstatussave !== 1" @click="saveDeliveryAdditionOther()" small color="primary" dark>Simpan</v-btn>
|
||||
</div>
|
||||
<code v-if="vmsgsave">Sudah diperbarui</code>
|
||||
</v-subheader>
|
||||
|
||||
<v-list-tile @click="" v-for="(vdelot,index) in vdeliveryother">
|
||||
<v-list-tile-action>
|
||||
<v-checkbox @change="updateDeliveryOther(vdelot.chex,index)" v-model="vdelot.chex"></v-checkbox>
|
||||
</v-list-tile-action>
|
||||
|
||||
<v-list-tile-content>
|
||||
<v-list-tile-title>{{vdelot.label}}</v-list-tile-title>
|
||||
<v-list-tile-sub-title>{{vdelot.destination}}</v-list-tile-sub-title>
|
||||
</v-list-tile-content>
|
||||
</v-list-tile>
|
||||
|
||||
</v-list>
|
||||
</v-card>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-card-text>
|
||||
<v-divider></v-divider>
|
||||
<v-card-actions>
|
||||
<v-spacer></v-spacer>
|
||||
<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: {
|
||||
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 : {
|
||||
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,471 @@
|
||||
<template>
|
||||
<v-layout row justify-center>
|
||||
<v-dialog v-model="orderdialog" persistent max-width="40%">
|
||||
<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="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="Company"
|
||||
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>
|
||||
</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: {
|
||||
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
|
||||
}
|
||||
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 () {
|
||||
this.$store.dispatch("order/searchcompany",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) {
|
||||
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,268 @@
|
||||
<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"
|
||||
></v-text-field>
|
||||
</v-flex>
|
||||
<v-flex xs3 pl-1>
|
||||
<v-text-field
|
||||
label="Jam"
|
||||
v-model="promise.xtime"
|
||||
></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>
|
||||
223
fo/one-fo-supervisor-v1/components/oneFoSupervisorDialogRead.vue
Normal file
223
fo/one-fo-supervisor-v1/components/oneFoSupervisorDialogRead.vue
Normal file
@@ -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>
|
||||
673
fo/one-fo-supervisor-v1/components/oneFoSupervisorDialogTest.vue
Normal file
673
fo/one-fo-supervisor-v1/components/oneFoSupervisorDialogTest.vue
Normal file
@@ -0,0 +1,673 @@
|
||||
<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="40%">
|
||||
<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 xs7 pr-1>
|
||||
<v-card elevation="1">
|
||||
<v-layout pa-2>
|
||||
<v-flex xs12 pa-2>
|
||||
<v-layout row>
|
||||
<v-flex xs12 mb-2>
|
||||
<h4 class="mb-1">Pemeriksaan Register</h4>
|
||||
<v-data-table
|
||||
:headers="headers"
|
||||
:items="testsregistration"
|
||||
:loading="isLoading"
|
||||
hide-actions class="elevation-1">
|
||||
<template slot="items" slot-scope="props">
|
||||
<td class="text-xs-center pa-2" >
|
||||
<v-icon v-if="props.item.status === 'Y'" color="success" left>check</v-icon>
|
||||
<v-icon v-if="props.item.status === 'N'" color="error" left>close</v-icon>
|
||||
</td>
|
||||
<td class="text-xs-center pa-2" >
|
||||
<v-icon v-if="props.item.cito === 'Y'" color="success" left>check</v-icon>
|
||||
<v-icon v-if="props.item.cito === 'N'" color="error" left>close</v-icon>
|
||||
</td>
|
||||
<td class="text-xs-left pa-2" >{{ props.item.testname }}</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">{{ convertMoney(props.item.total) }}</td>
|
||||
</template>
|
||||
</v-data-table>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
<v-layout v-if="savestatusverification !== 2" row>
|
||||
<v-flex pt-2 xs4>
|
||||
<h4 class="mb-1">Tambahan verifikasi</h4>
|
||||
</v-flex>
|
||||
<v-flex style="text-align:right" pt-1 xs8>
|
||||
<v-btn style="margin-right:0" v-if="testsverification.length > 0" @click="checkPromiseOrderVerification()" small color="primary" dark>Simpan</v-btn>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
|
||||
<v-layout v-if="savestatusverification !== 2" row>
|
||||
<v-flex xs12>
|
||||
<v-data-table
|
||||
:headers="headerverifications"
|
||||
:items="testsverification"
|
||||
:loading="isLoading"
|
||||
hide-actions class="elevation-1">
|
||||
<template slot="items" slot-scope="props">
|
||||
<td class="text-xs-center pa-2" >
|
||||
<v-icon v-if="props.item.status === 'Y'" color="success" left>check</v-icon>
|
||||
<v-icon v-if="props.item.status === 'N'" color="error" left>close</v-icon>
|
||||
</td>
|
||||
<td class="text-xs-center pa-2" >
|
||||
<v-icon v-if="props.item.cito === 'Y'" color="success" left>check</v-icon>
|
||||
<v-icon v-if="props.item.cito === 'N'" color="error" left>close</v-icon>
|
||||
</td>
|
||||
<td class="text-xs-left pa-2" >{{ props.item.testname }}</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">{{ convertMoney(props.item.total) }}</td>
|
||||
|
||||
</template>
|
||||
</v-data-table>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-flex>
|
||||
</v-card>
|
||||
</v-flex>-->
|
||||
<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-btn v-if="getdatastatus !== 1" style="margin-right:0" @click="checkPromiseOrderAdd()" small color="primary" dark>Simpan</v-btn>
|
||||
<p><code v-if="vmsgsave">Sudah diperbarui</code></p>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
<!--<v-layout row>
|
||||
<v-flex xs12>
|
||||
<v-checkbox
|
||||
label="Cito ? "
|
||||
v-model="vcito"
|
||||
></v-checkbox>
|
||||
</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 elevation="1">
|
||||
<v-flex xs12 pa-2>
|
||||
<v-layout row>
|
||||
<v-flex xs12>
|
||||
<h4 class="mb-1">Order Pemeriksaan</h4>
|
||||
<v-data-table
|
||||
:headers="headers"
|
||||
:items="testsall"
|
||||
:loading="isLoading"
|
||||
hide-actions class="elevation-1">
|
||||
<template slot="items" slot-scope="props">
|
||||
<tr @click="changeTestAll(props.item)">
|
||||
<td class="text-xs-center pa-2 pl-2" >
|
||||
<v-checkbox primary hide-details @change="changeTestAll(props.item)" v-model="props.item.status"></v-checkbox>
|
||||
</td>
|
||||
<td class="text-xs-center pa-2" >
|
||||
<v-icon v-if="props.item.cito === 'Y'" color="success" left>check</v-icon>
|
||||
<v-icon v-if="props.item.cito === 'N'" color="error" left>close</v-icon>
|
||||
</td>
|
||||
<td class="text-xs-left pa-2" >{{ props.item.testname }}</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">{{ convertMoney(props.item.total) }}</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-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:'-',
|
||||
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"
|
||||
}
|
||||
],
|
||||
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)
|
||||
}
|
||||
},
|
||||
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)
|
||||
}
|
||||
},
|
||||
|
||||
},
|
||||
methods : {
|
||||
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)
|
||||
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("test/update_test_dialog",false)
|
||||
}
|
||||
},
|
||||
changeTestAll(value){
|
||||
var oldArr = this.$store.state.test.test_all
|
||||
var idx = _.findIndex(oldArr, value)
|
||||
var olstatus = oldArr[idx].status
|
||||
oldArr[idx].status = olstatus == false ? true : false
|
||||
this.$store.commit("test/update_test_all",oldArr)
|
||||
},
|
||||
thr_search_test: _.debounce( function () {
|
||||
var oldArr = this.$store.state.test.test_all
|
||||
this.promiseright = '-'
|
||||
var filtertest = _.filter(oldArr, function(o) { return o.status === true || o.status === 'Y' })
|
||||
var prm = {
|
||||
orderid:this.$store.state.patient.selected_patient.orderid,
|
||||
search: this.search_test,
|
||||
cito:this.$store.state.test.cito,
|
||||
filtertest:filtertest
|
||||
}
|
||||
this.$store.dispatch("test/searchtest",prm)
|
||||
},2000),
|
||||
addTestToAll(){
|
||||
|
||||
var xtestall = this.$store.state.test.test_all
|
||||
var xtestadditional = this.$store.state.test.test
|
||||
|
||||
var xnew = {
|
||||
xid:0,
|
||||
type:xtestadditional.type,
|
||||
status:'Y',
|
||||
cito:xtestadditional.flagcito,
|
||||
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,
|
||||
total:xtestadditional.total
|
||||
}
|
||||
|
||||
console.log(xtestadditional)
|
||||
console.log(xnew.type)
|
||||
if(xnew.type === 'PN' || xnew.type === 'SINGLE'){
|
||||
xtestall.push(xnew)
|
||||
this.$store.commit("test/update_test_all",xtestall)
|
||||
this.$store.commit("test/update_test",{})
|
||||
}
|
||||
|
||||
if(xnew.type === 'PR'){
|
||||
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:'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,
|
||||
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
|
||||
}
|
||||
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.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>
|
||||
223
fo/one-fo-supervisor-v1/components/oneFoSupervisorDialogVoid.vue
Normal file
223
fo/one-fo-supervisor-v1/components/oneFoSupervisorDialogVoid.vue
Normal file
@@ -0,0 +1,223 @@
|
||||
<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, 'success':savestatus === 2}"
|
||||
>
|
||||
<h4 style="color:white!important" v-if="savestatus !== 2">Konfirmasi</h4>
|
||||
<h4 style="color:white!important" 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="voiddialogmessage" 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="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 !== 2 && 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>
|
||||
232
fo/one-fo-supervisor-v1/components/oneFoSupervisorList.vue
Normal file
232
fo/one-fo-supervisor-v1/components/oneFoSupervisorList.vue
Normal file
@@ -0,0 +1,232 @@
|
||||
<template>
|
||||
<v-layout class="fill-height" column>
|
||||
<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 >
|
||||
<v-text-field class="xs3 ma-1"
|
||||
label="No Lab"
|
||||
outline
|
||||
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 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.patient_noreg }}</td>
|
||||
<td class="pa-2" v-bind:class="{'amber lighten-4':isSelected(props.item)}" @click="selectMe(props.item)">{{ props.item.labnumber}}</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("patient/search",{
|
||||
search: this.search,
|
||||
status: this.status.value,
|
||||
lastidx:-1
|
||||
})
|
||||
},
|
||||
methods : {
|
||||
isSelected(p) {
|
||||
return p.orderid == this.$store.state.patient.selected_patient.orderid
|
||||
},
|
||||
searchPatient() {
|
||||
this.$store.dispatch("patient/search",{
|
||||
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)
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
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)
|
||||
}
|
||||
},
|
||||
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>
|
||||
@@ -0,0 +1,182 @@
|
||||
<template>
|
||||
<v-dialog
|
||||
v-model="dialog"
|
||||
width="500px"
|
||||
>
|
||||
<v-card>
|
||||
<v-card-title
|
||||
class="headline grey lighten-2 pt-2 pb-2"
|
||||
primary-title
|
||||
>
|
||||
CETAK BARCODE
|
||||
</v-card-title>
|
||||
<v-card-text class="pt-2 pb-2">
|
||||
|
||||
<v-layout>
|
||||
<v-flex xs12>
|
||||
<v-data-table :items="samples"
|
||||
|
||||
hide-actions class="elevation-1">
|
||||
|
||||
<template slot="headers" slot-scope="props">
|
||||
<tr>
|
||||
<th width="10%" class="text-xs-left pa-2 primary white--text">
|
||||
<v-checkbox
|
||||
primary
|
||||
hide-details
|
||||
color="white"
|
||||
dark
|
||||
input-value="N"
|
||||
true-value="Y"
|
||||
false-value="N"
|
||||
@change="selectAllBarcode"
|
||||
></v-checkbox>
|
||||
</th>
|
||||
<th width="50%" class="text-xs-left pa-2 primary white--text">
|
||||
NAMA SAMPEL
|
||||
</th>
|
||||
<th width="25%" class="text-xs-left pa-2 primary white--text">
|
||||
NO BARCODE
|
||||
</th>
|
||||
<th width="15%" class="pa-2 primary white--text">
|
||||
CETAK
|
||||
</th>
|
||||
</tr>
|
||||
</template>
|
||||
|
||||
<template slot="no-data">
|
||||
<v-alert :value="true" color="error" icon="warning">
|
||||
Data Pasien tidak di temukan
|
||||
|
||||
</v-alert>
|
||||
</template>
|
||||
|
||||
<template slot="items" slot-scope="props">
|
||||
<td class="text-xs-left pa-2" v-bind:class="is_selected(props.item)" @click="selectMe(props.item)">
|
||||
<v-checkbox v-model="selected_barcodes" :value="props.item.barcode" hide-details></v-checkbox>
|
||||
</td>
|
||||
<td class="text-xs-left pa-2" v-bind:class="is_selected(props.item)" @click="selectMe(props.item)">{{ props.item.sample_name }}</td>
|
||||
<td class="text-xs-left pa-2" v-bind:class="is_selected(props.item)" @click="selectMe(props.item)">{{ props.item.barcode }}</td>
|
||||
<td class="text-xs-center pa-2" v-bind:class="is_selected(props.item)" @click="selectMe(props.item)">
|
||||
<v-btn color="orange" class="one-btn-icon mt-0 mb-0" dark @click="printOne(props.item.barcode)"><span class="icon-print"></span></v-btn>
|
||||
</td>
|
||||
|
||||
</template>
|
||||
|
||||
</v-data-table>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
|
||||
</v-card-text>
|
||||
<v-divider></v-divider>
|
||||
|
||||
<v-card-actions>
|
||||
<v-btn
|
||||
color="primary"
|
||||
@click="dialog = false"
|
||||
flat
|
||||
>
|
||||
Tutup
|
||||
</v-btn>
|
||||
|
||||
<v-spacer></v-spacer>
|
||||
<v-btn
|
||||
color="orange"
|
||||
@click="printMultiple"
|
||||
:dark="selected_barcodes.length > 0"
|
||||
:disabled="selected_barcodes < 1"
|
||||
class="mr-2"
|
||||
>
|
||||
<span class="icon-print"></span>
|
||||
Cetak Terpilih ({{ selected_barcodes.length }})
|
||||
</v-btn>
|
||||
</v-card-actions>
|
||||
</v-card>
|
||||
</v-dialog>
|
||||
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
</style>
|
||||
|
||||
<script>
|
||||
module.exports = {
|
||||
components : {
|
||||
},
|
||||
data () {
|
||||
return {}
|
||||
},
|
||||
|
||||
methods : {
|
||||
selectMe (x) {
|
||||
return
|
||||
},
|
||||
|
||||
is_selected (x) {
|
||||
return
|
||||
},
|
||||
|
||||
selectBarcode (x, e) {
|
||||
let y = this.$store.state.barcode.selected_barcodes
|
||||
y[x] = e
|
||||
this.$store.commit('barcodev1/update_selected_barcodes', y)
|
||||
},
|
||||
|
||||
selectAllBarcode (e) {
|
||||
let y = []
|
||||
if (e == "Y") {
|
||||
let x = this.$store.state.barcodev1.samples
|
||||
|
||||
for (let i in x)
|
||||
y.push(x[i].barcode)
|
||||
}
|
||||
|
||||
this.$store.commit('barcodev1/update_selected_barcodes', y)
|
||||
},
|
||||
|
||||
printOne(x) {
|
||||
return window.one_print_barcode_pk(x)
|
||||
},
|
||||
|
||||
printMultiple () {
|
||||
let y = this.$store.state.barcodev1.selected_barcodes
|
||||
return window.one_print_barcode_pk(y.join(','))
|
||||
}
|
||||
},
|
||||
computed : {
|
||||
dialog: {
|
||||
get() {
|
||||
return this.$store.state.barcodev1.dialog_barcode;
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit('barcodev1/update_dialog_barcode', val);
|
||||
}
|
||||
},
|
||||
|
||||
samples () {
|
||||
return this.$store.state.barcodev1.samples
|
||||
},
|
||||
|
||||
selected_barcodes : {
|
||||
get () {
|
||||
return this.$store.state.barcodev1.selected_barcodes
|
||||
},
|
||||
set (v) {
|
||||
this.$store.commit('barcodev1/update_selected_barcodes', v)
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
watch : {
|
||||
dialog (n, o) {
|
||||
if (n && !o) {
|
||||
// let x = this.$store.state.sampling.samples
|
||||
let y = []
|
||||
// for (let i in x)
|
||||
// y.push(x[i].barcode)
|
||||
this.$store.commit('barcodev1/update_selected_barcodes', y)
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
Reference in New Issue
Block a user