Initial import

This commit is contained in:
sas.fajri
2026-05-25 20:01:37 +07:00
commit 710d7c1b97
10371 changed files with 2381698 additions and 0 deletions

View File

@@ -0,0 +1,40 @@
const URL = "/one-api/v1/masterdata/";
export async function search(prm) {
try {
var resp = await axios.post(URL + 'jpaleft/search',prm);
if (resp.status != 200) {
return {
status: "ERR",
message: resp.statusText
};
}
let data = resp.data;
return data;
} catch (e) {
return {
status: "ERR",
message: e.message
};
}
}
export async function save(prm) {
try {
var resp = await axios.post(URL + 'jpaleft/save',prm);
if (resp.status != 200) {
return {
status: "ERR",
message: resp.statusText
};
}
let data = resp.data;
return data;
} catch (e) {
return {
status: "ERR",
message: e.message
};
}
}

View File

@@ -0,0 +1,122 @@
const URL = "/one-api/v1/masterdata/";
export async function search(prm) {
try {
var resp = await axios.post(URL + 'jparight/search',prm);
if (resp.status != 200) {
return {
status: "ERR",
message: resp.statusText
};
}
let data = resp.data;
return data;
} catch (e) {
return {
status: "ERR",
message: e.message
};
}
}
export async function search_listing(prm) {
try {
var resp = await axios.post(URL + 'jparight/search_listing',prm);
if (resp.status != 200) {
return {
status: "ERR",
message: resp.statusText
};
}
let data = resp.data;
return data;
} catch (e) {
return {
status: "ERR",
message: e.message
};
}
}
export async function save(prm) {
try {
var resp = await axios.post(URL + 'jparight/save',prm);
if (resp.status != 200) {
return {
status: "ERR",
message: resp.statusText
};
}
let data = resp.data;
return data;
} catch (e) {
return {
status: "ERR",
message: e.message
};
}
}
export async function savejpagroup(prm) {
try {
var resp = await axios.post(URL + 'jparight/savejpagroup',prm);
if (resp.status != 200) {
return {
status: "ERR",
message: resp.statusText
};
}
let data = resp.data;
return data;
} catch (e) {
return {
status: "ERR",
message: e.message
};
}
}
export async function savelistingjpagroup(prm) {
try {
var resp = await axios.post(URL + 'jparight/savelistingjpagroup',prm);
if (resp.status != 200) {
return {
status: "ERR",
message: resp.statusText
};
}
let data = resp.data;
return data;
} catch (e) {
return {
status: "ERR",
message: e.message
};
}
}
export async function savealljpadetail(prm) {
try {
var resp = await axios.post(URL + 'jparight/savealljpadetail',prm);
if (resp.status != 200) {
return {
status: "ERR",
message: resp.statusText
};
}
let data = resp.data;
return data;
} catch (e) {
return {
status: "ERR",
message: e.message
};
}
}

View File

@@ -0,0 +1,321 @@
<template>
<v-layout class="fill-height" column>
<v-snackbar
v-model="snackbar"
>
{{ msg_snackbar }}
<v-btn
color="pink"
text
@click="snackbar = false"
>
tutup
</v-btn>
</v-snackbar>
<v-dialog v-model="dialogjpagrup" persistent max-width="65%">
<v-card>
<v-card-title color="success" class="headline">DAFTAR JPA GRUP</v-card-title>
<v-card-text>
<v-layout row>
<v-flex xs12 pl-2 pr-2 pt-2 pb-2>
<v-data-table
:headers="headers_jpa_group"
:items="jpagroups"
:loading="isLoading"
hide-actions
class="elevation-1">
<template slot="items" slot-scope="props">
<td class="text-xs-left pa-2" @click="selectMe(props.item)">
<v-text-field
class="ma-1"
style="font-size:14px;padding-top:0"
single-line
@change="changejpagroupinlist(props.item)"
v-model="props.item.Nat_JPAGroupName"
hide-details
></v-text-field>
</td>
<td class="text-xs-center pa-2" @click="selectMe(props.item)">
<span title="simpan" @click="saveEditJpaGroup(props.item,'Y')" class="icon-medium-fill-base-small info"><v-icon dark>save</v-icon></span>
<span title="hapus" @click="saveEditJpaGroup(props.item,'N')" class="icon-medium-fill-base-small red"><v-icon dark>delete</v-icon></span>
</td>
</template>
</v-data-table>
</v-flex>
</v-card-text>
<v-card-actions>
<v-spacer></v-spacer>
<v-btn color="green darken-1" flat @click="dialogjpagrup = false">Tutup</v-btn>
</v-card-actions>
</v-card>
</v-dialog>
<v-card class="mb-2 pa-2 searchbox">
<v-layout align-center row>
<v-flex xs1>
<span title="daftar jpa grup" @click="openlisting()" class="icon-medium-fill-base blue-grey"><v-icon dark>view_list</v-icon></span>
</v-flex>
<v-flex xs4>
<v-text-field
class="ma-1"
style="font-size:14px"
label="JPA GRUP BARU"
outline
v-model="new_jpa"
hide-details
></v-text-field>
</v-flex>
<v-flex xs2>
<span v-if="new_jpa !== ''" title="tambahkan jpa grup baru" @click="insertNewJPA()" class="icon-medium-fill-base primary"><v-icon dark>add</v-icon></span>
</v-flex>
<v-flex text-md-right xs6>
<span title="simpan" @click="savedetail()" class="icon-medium-fill-base info"><v-icon dark>save</v-icon></span>
</v-flex>
</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" @click="selectMe(props.item)">
<span>{{ props.item.Nat_JPAGroupName }}</span>
</td>
<td class="text-xs-center pa-2" @click="selectMe(props.item)">
<v-text-field
class="ma-1"
style="font-size:14px;padding-top:0"
single-line
@change="changeDetail(props.item)"
v-model="props.item.Nat_JPADetailDiscount"
hide-details
></v-text-field>
</td>
<td class="text-xs-center pa-2" @click="selectMe(props.item)">
<v-text-field
class="ma-1"
style="font-size:14px;padding-top:0"
single-line
@change="changeDetailRp(props.item)"
v-model="props.item.Nat_JPADetailDiscountRp"
hide-details
></v-text-field>
</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:60px;
}
table.v-table tbody td,table.v-table tbody th {
height: 40px;
}
table.v-table thead tr {
height: 40px;
}
</style>
<script>
module.exports = {
components : {
'one-dialog-info':httpVueLoader('../../../common/oneDialogInfo.vue'),
'one-dialog-alert':httpVueLoader('../../../common/oneDialogAlert.vue'),
'one-x-check':httpVueLoader('../../../common/onexcheck.vue')
},
mounted() {
// this.$store.dispatch("samplesend/search",{lastid:-1})
},
methods : {
isSelected(p) {
//return p.Nat_JpaID == this.$store.state.samplesend.selected_patient.Nat_JpaID
},
searchPatient() {
this.$store.dispatch("samplesend/search",{
lastid: -1
})
},
selectMe(pat) {
var patients = this.$store.state.samplesend.patients
this.$store.commit("samplesend/update_selected_patient",pat)
var idx = _.findIndex(patients, function(o) { return o.Nat_JpaID == pat.Nat_JpaID && o.Nat_JPAGroupID == pat.Nat_JPAGroupID })
this.$store.commit("samplesend/update_last_id",idx)
},
xedit(value){
var patients = this.$store.state.samplesend.patients
var idx = _.findIndex(patients, function(o) { return o.Nat_JpaID == pat.Nat_JpaID && o.Nat_JPAGroupID == pat.Nat_JPAGroupID })
patients[idx].open_edit = 'Y'
this.$store.commit("samplesend/update_patients",patients)
},
saveEdit(value){
var prm = value
this.$store.dispatch("samplesend/save",prm)
},
xdelete(value){
var prm = {id:value.Nat_JPADetailID,status:'N'}
this.$store.dispatch("samplesend/save",prm)
},
insertNewJPA(){
var prm = {id:0,value:this.new_jpa}
this.$store.dispatch("samplesend/savejpagroup",prm)
},
saveJPAGroupNew(){
var prm = {id:0,value:this.value_new_jpa_group}
this.$store.dispatch("samplesend/savelistingjpagroup",prm)
},
openlisting(){
this.$store.commit("samplesend/update_dialog_jpa_group",true)
this.$store.dispatch("samplesend/search_listing",{})
},
saveEditJpaGroup(value,status){
var prm = {id:value.Nat_JPAGroupID,name:value.Nat_JPAGroupName,status:status}
this.$store.dispatch("samplesend/saveEditJpaGroup",prm)
},
changeDetail(value){
var details = this.$store.state.samplesend.patients
var idx = _.findIndex(details, function(o) { return o.Nat_JpaID == value.Nat_JpaID && o.Nat_JPAGroupID == value.Nat_JPAGroupID })
details[idx].Nat_JPADetailDiscount = value.Nat_JPADetailDiscount
this.$store.commit("samplesend/update_patients",details)
},
changeDetailRp(value){
var details = this.$store.state.samplesend.patients
var idx = _.findIndex(details, function(o) { return o.Nat_JpaID == value.Nat_JpaID && o.Nat_JPAGroupID == value.Nat_JPAGroupID })
details[idx].Nat_JPADetailDiscountRp = value.Nat_JPADetailDiscountRp
this.$store.commit("samplesend/update_patients",details)
},
savedetail(){
var prm = {details:this.$store.state.samplesend.patients}
this.$store.dispatch("samplesend/savealljpadetail",prm)
},
changejpagroupinlist(value){
var details = this.$store.state.samplesend.jpa_groups
var idx = _.findIndex(details, function(o) { return o.Nat_JPAGroupID == value.Nat_JPAGroupID })
details[idx].Nat_JPAGroupName = value.Nat_JPAGroupName
this.$store.commit("samplesend/update_jpa_groups",details)
}
},
computed: {
jpagroups() {
return this.$store.state.samplesend.jpa_groups
},
value_new_jpa_group: {
get() {
return this.$store.state.samplesend.value_new_jpa_group
},
set(val) {
this.$store.commit("samplesend/update_value_new_jpa_group",val)
}
},
dialogjpagrup: {
get() {
return this.$store.state.samplesend.dialog_jpa_group
},
set(val) {
this.$store.commit("samplesend/update_dialog_jpa_group",val)
}
},
snackbar: {
get() {
return this.$store.state.samplesend.alert_success
},
set(val) {
this.$store.commit("samplesend/update_alert_success",val)
}
},
msg_snackbar: {
get() {
return this.$store.state.samplesend.msg_snackbar
},
set(val) {
this.$store.commit("samplesend/update_msg_snackbar",val)
}
},
isLoading() {
return this.$store.state.samplesend.search_status == 1
},
patients() {
return this.$store.state.samplesend.patients
},
xselectedpatient: {
get() {
return this.$store.state.samplesend.selected_patient
},
set(val) {
this.$store.commit("samplesend/update_selected_patient",val)
}
},
new_jpa: {
get() {
return this.$store.state.samplesend.new_jpa
},
set(val) {
this.$store.commit("samplesend/update_new_jpa",val)
}
},
},
data() {
return {
open_edit:false,
msgalertconfirmation:"Perubahan yang telah dilakukan belum disimpan dong !",
items: [],
page:1,
headers: [
{
text: "JPA GRUP",
align: "left",
sortable: false,
value: "mr",
width: "80%",
class: "pa-2 blue lighten-3 white--text"
},
{
text: "DISKON %",
align: "center",
sortable: false,
value: "status",
width: "10%",
class: "pa-2 blue lighten-3 white--text"
},
{
text: "DISKON Rp",
align: "center",
sortable: false,
value: "status",
width: "10%",
class: "pa-2 blue lighten-3 white--text"
},
],
headers_jpa_group: [
{
text: "JPA GRUP",
align: "left",
sortable: false,
value: "mr",
width: "80%",
class: "pa-2 blue lighten-3 white--text"
},
{
text: "AKSI",
align: "center",
sortable: false,
value: "status",
width: "20%",
class: "pa-2 blue lighten-3 white--text"
},
]
}
}
}
</script>

View File

@@ -0,0 +1,329 @@
<template>
<div>
<v-dialog v-model="xdialogaction" persistent max-width="350">
<v-card>
<v-card-title color="warning" class="headline">Konfirmasi</v-card-title>
<v-card-text v-html="xmsgaction">
</v-card-text>
<v-card-actions>
<v-spacer></v-spacer>
<v-btn color="primary darken-1" flat @click="closeDialogAction()">OK</v-btn>
<v-btn color="error darken-1" flat @click="xdialogaction = false">Tutup</v-btn>
</v-card-actions>
</v-card>
</v-dialog>
<v-layout wrap>
<v-flex xs12>
<v-card color="light-blue">
<v-layout align-center justify-center row shrink fill-height>
<v-flex xs2>
<v-img
:src="xselected_patient.M_PatientPhotoThumb"
:lazy-src="xselected_patient.M_PatientPhotoThumb"
aspect-ratio="1"
width="100%"
class="light-blue"
contain
>
</v-flex>
<v-flex xs10>
<v-card tile flat elevation="1">
<v-layout pt-1 pl-2 pb-1 pr-2 row>
<v-flex>
<v-subheader style="color:black;height:auto;padding:0px">
<h3 style="font-size:x-large" class="font-weight-bold">{{ xselected_patient.T_OrderHeaderLabNumber }}</h3>
<v-flex text-md-right>
<span @click="callPatient()" v-if="xselected_patient.statusid === '0' || xselected_patient.statusid === '2'" style="font-size:24px;" class="icon-medium-fill-base-small xs1 white--text info"><v-icon dark>volume_up</v-icon></span>
<span @click="skip()" v-if="xselected_patient.statusid === '1' || xselected_patient.statusid === '3'" style="font-size:24px;" class="icon-medium-fill-base-small xs1 white--text black"><v-icon dark>fast_rewind</v-icon></span>
<span @click="processNow(xselected_patient.statusid)" v-if="xselected_patient.statusid === '1'" v-bind:class="{ 'warning':xselected_patient.statusid === '1','grey':xselected_patient.statusid !== '1' }" style="font-size:24px;" class="icon-medium-fill-base-small xs1 white--text"><v-icon dark>loop</v-icon></span>
</v-flex>
</v-subheader>
</v-flex>
</v-layout>
<v-layout pl-2 pr-2 row>
<v-flex xs4>
<v-layout column>
<v-flex pt-1>
<v-text-field
v-model=" xselected_patient.M_PatientNoReg"
label="PID"
readonly
hide-details
>
</v-text-field>
</v-flex>
</v-layout>
</v-flex>
<v-flex xs8 pl-2>
<v-layout column>
<v-flex pt-1 >
<v-layout row>
<v-flex xs4>
<v-text-field
v-model="xselected_patient.patient_dob"
label="Tanggal lahir"
readonly
hide-details
>
</v-text-field>
</v-flex>
<v-flex xs8 pl-1>
<v-text-field
v-model=" xselected_patient.T_OrderHeaderM_PatientAge"
label="Umur"
readonly
hide-details
>
</v-text-field>
</v-flex>
</v-layout>
</v-flex>
</v-layout>
</v-flex>
</v-layout>
<v-layout pb-2 pt-1 pl-2 pr-2 row>
<v-flex xs8>
<v-text-field
v-model=" xselected_patient.patient_fullname"
label="Nama"
readonly
hide-details
>
</v-text-field>
</v-flex>
<v-flex xs4 pl-1>
<v-text-field
v-model="xselected_patient.M_PatientHP"
label="HP"
readonly
hide-details
>
</v-text-field>
</v-flex>
</v-layout>
</v-card>
</v-flex>
</v-layout>
</v-card>
</v-flex>
</v-layout>
<!--<v-card v-if="xselected_patient">
<v-layout row>
<v-flex xs12 pa-2>
<v-layout align-center row>
<v-flex xs2>
<v-card>
<v-img
:src="xselected_patient.M_PatientPhotoThumb"
aspect-ratio="1"
class="grey lighten-2 elevation-2"
>
</v-img>
</v-card>
</v-flex>
<v-flex xs10 pl-2 pt-1>
<v-card>
<v-layout pa-2 row>
<v-flex>
<v-subheader style="color:black;height:auto;padding:0px">
<h3 style="font-size:x-large" class="font-weight-bold">{{ xselected_patient.T_OrderHeaderLabNumber }}</h3>
<v-flex text-md-right>
<span @click="callPatient()" v-if="xselected_patient.statusid === '0' || xselected_patient.statusid === '2'" style="font-size:24px;" class="icon-medium-fill-base-small xs1 white--text info"><v-icon dark>volume_up</v-icon></span>
<span @click="skip()" v-if="xselected_patient.statusid === '1' || xselected_patient.statusid === '3'" style="font-size:24px;" class="icon-medium-fill-base-small xs1 white--text black"><v-icon dark>fast_rewind</v-icon></span>
<span @click="processNow(xselected_patient.statusid)" v-if="xselected_patient.statusid === '1'" v-bind:class="{ 'warning':xselected_patient.statusid === '1','grey':xselected_patient.statusid !== '1' }" style="font-size:24px;" class="icon-medium-fill-base-small xs1 white--text"><v-icon dark>loop</v-icon></span>
</v-flex>
</v-subheader>
</v-flex>
</v-layout>
<v-layout pa-2 row wrap>
<v-flex xs4>
<v-layout column>
<v-flex pt-1>
<v-text-field
v-model=" xselected_patient.M_PatientNoReg"
label="PID"
readonly
hide-details
>
</v-text-field>
</v-flex>
<v-flex pt-1 >
<v-text-field
v-model=" xselected_patient.patient_fullname"
label="Nama"
readonly
hide-details
>
</v-text-field>
</v-flex>
</v-layout>
</v-flex>
<v-flex xs8 pl-2>
<v-layout column>
<v-flex pt-1 >
<v-layout row>
<v-flex xs4>
<v-text-field
v-model="xselected_patient.patient_dob"
label="Tanggal lahir"
readonly
hide-details
>
</v-text-field>
</v-flex>
<v-flex xs8 pl-1>
<v-text-field
v-model=" xselected_patient.T_OrderHeaderM_PatientAge"
label="Umur"
readonly
hide-details
>
</v-text-field>
</v-flex>
</v-layout>
</v-flex>
<v-flex pt-1>
<v-text-field
v-model="xselected_patient.M_PatientHP"
label="HP"
readonly
hide-details
>
</v-text-field>
</v-flex>
</v-layout>
</v-flex>
</v-layout>
<v-card>
</v-flex>
</v-layout>
</v-flex>
</v-layout> -->
</div>
</template>
<style scoped>
</style>
<script>
module.exports = {
data: () => ({
}),
computed: {
xselected_patient:{
get() {
return this.$store.state.samplecall.selected_patient
},
set(val) {
this.$store.commit("samplecall/update_selected_patient",val)
}
},
xdialogaction:{
get() {
return this.$store.state.samplecall.dialog_action
},
set(val) {
this.$store.commit("samplecall/update_dialog_action",val)
}
},
xmsgaction:{
get() {
return this.$store.state.samplecall.msg_action
},
set(val) {
this.$store.commit("samplecall/update_msg_action",val)
}
}
},
methods : {
closeDialogAction(){
var act = this.$store.state.samplecall.act
var sample = this.$store.state.samplecall.selected_sampletype
var status = 1
if(act === 'process'){
status = 3
}
if(act === 'skip'){
status = 2
}
if(act === 'samplingprocess'){
status = 3
}
if(act === 'samplingdone'){
status = 4
}
var patient = this.$store.state.samplecall.selected_patient
var lastid = this.$store.state.samplecall.last_id
this.$store.dispatch("samplecall/doaction",{
act:act,
id:patient.T_OrderHeaderID,
name:this.name,
nolab:this.nolab,
stationid: patient.T_SampleStationID,
statusid:this.$store.state.samplecall.selected_status.id,
statusnextid : status,
sample:sample,
lastid:lastid,
staff:this.$store.state.samplecall.staff
})
},
callPatient(){
//var patient = this.$store.state.samplecall.selected_patient
//var msg = "Anda yakin akan melakukan panggilan kepada pasien "+patient.patient_fullname+" ? "
//this.$store.commit("samplecall/update_msg_action",msg)
this.$store.commit("samplecall/update_act",'call')
this.closeDialogAction()
//this.$store.commit("samplecall/update_dialog_action",true)
},
processNow(value){
if(value === '1'){
//var patient = this.$store.state.samplecall.selected_patient
//var msg = "Anda yakin akan merubah status <span style='color:ff5252;font-weight:bold'>PROCESS</span> untuk pasien "+patient.patient_fullname+" ? "
//this.$store.commit("samplecall/update_msg_action",msg)
this.$store.commit("samplecall/update_act",'process')
this.closeDialogAction()
//this.$store.commit("samplecall/update_dialog_action",true)
}
},
skip(){
//var patient = this.$store.state.samplecall.selected_patient
//var msg = "Anda yakin akan merubah status <span style='color:ff5252;font-weight:bold'>SKIP</span> untuk pasien "+patient.patient_fullname+" ? "
//this.$store.commit("samplecall/update_msg_action",msg)
this.$store.commit("samplecall/update_act",'skip')
this.closeDialogAction()
//this.$store.commit("samplecall/update_dialog_action",true)
},
patient_photo(){
var photo = "https://www.sgm-inc.com/wp-content/uploads/2014/06/no-profile-male-img.gif"
if(this.xselected_patient.M_PatientPhoto){
photo = this.xselected_patient.M_PatientPhoto
}
console.log(photo)
return photo
}
}
}
</script>

View File

@@ -0,0 +1,194 @@
<template>
<v-layout class="fill-height" column>
<v-card class="mb-2 pa-2 searchbox">
<v-layout align-center row>
<v-flex xs4>
<v-text-field
class="ma-1"
style="font-size:14px"
label="JPA BARU"
outline
v-model="new_jpa"
hide-details
></v-text-field>
</v-flex>
<v-flex xs2>
<span title="tambahkan jpa baru" v-if="new_jpa !== ''" @click="insertNewJPA()" class="icon-medium-fill-base primary"><v-icon dark>add</v-icon></span>
</v-flex>
</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)">
<span v-if="props.item.open_edit === 'N'">{{ props.item.Nat_JpaName }}</span>
<v-text-field
v-if="props.item.open_edit === 'Y'"
class="ma-1"
style="font-size:14px"
single-line
@change="changejpa(props.item)"
v-model="props.item.Nat_JpaName"
hide-details
></v-text-field>
</td>
<td class="text-xs-center pa-2" v-bind:class="{'amber lighten-4':isSelected(props.item)}" @click="selectMe(props.item)">
<div>
<span title="simpan" v-if="props.item.open_edit === 'Y'" @click="saveEdit(props.item)" class="icon-medium-fill-base-small info"><v-icon dark>save</v-icon></span>
<span v-if="props.item.open_edit === 'N'" title="edit" @click="xedit(props.item)" class="icon-medium-fill-base-small info"><v-icon dark>edit</v-icon></span>
<span v-if="props.item.open_edit === 'N'" title="hapus" @click="xdelete(props.item)" class="icon-medium-fill-base-small red"><v-icon dark>delete</v-icon></span>
</div>
</td>
</template>
</v-data-table>
</v-flex>
</v-layout>
</v-card>
<!--<one-dialog-info :status="opendialoginfo" :msg="msginfo" @close-dialog-info="closeDialogInfo()"></one-dialog-info>
<one-dialog-alert :status="openalertconfirmation" :msg="msgalertconfirmation" @forget-dialog-alert="forgetAlertConfirmation()" @close-dialog-alert="closeAlertConfirmation()"></one-dialog-alert>-->
</v-layout>
</template>
<style scoped>
.searchbox .v-input.v-text-field .v-input__slot{
min-height:60px;
}
.searchbox .v-btn {
min-height:60px;
}
table.v-table tbody td,table.v-table tbody th {
height: 40px;
}
table.v-table thead tr {
height: 40px;
}
</style>
<script>
module.exports = {
components : {
'one-dialog-info':httpVueLoader('../../../common/oneDialogInfo.vue'),
'one-dialog-alert':httpVueLoader('../../../common/oneDialogAlert.vue'),
'one-x-check':httpVueLoader('../../../common/onexcheck.vue')
},
mounted() {
this.$store.dispatch("samplecall/search",{lastid:-1})
},
methods : {
isSelected(p) {
return p.Nat_JpaID == this.$store.state.samplecall.selected_patient.Nat_JpaID
},
searchPatient() {
this.$store.dispatch("samplecall/search",{
lastid: -1
})
},
selectMe(pat) {
var patients = this.$store.state.samplecall.patients
this.$store.commit("samplecall/update_selected_patient",pat)
var idx = _.findIndex(patients, function(o) { return o.Nat_JpaID == pat.Nat_JpaID })
this.$store.commit("samplecall/update_last_id",idx)
this.$store.dispatch("samplesend/search",pat)
},
xedit(value){
var patients = this.$store.state.samplecall.patients
var idx = _.findIndex(patients, function(o) { return o.Nat_JpaID == value.Nat_JpaID })
patients[idx].open_edit = 'Y'
this.$store.commit("samplecall/update_patients",patients)
},
saveEdit(value){
var patients = this.$store.state.samplecall.patients
var idx = _.findIndex(patients, function(o) { return o.Nat_JpaID == value.Nat_JpaID })
patients[idx].open_edit = 'N'
patients[idx].Nat_JpaName = value.Nat_JpaName
var prm = patients[idx]
prm.status = 'Y'
prm.id = patients[idx].Nat_JpaID
this.$store.dispatch("samplecall/save",prm)
},
xdelete(value){
var prm = {id:value.Nat_JpaID,value:value.Nat_JpaName,status:'N'}
this.$store.dispatch("samplecall/save",prm)
},
insertNewJPA(){
var prm = {id:0,value:this.new_jpa}
this.$store.dispatch("samplecall/save",prm)
},
changejpa(value){
var patients = this.$store.state.samplecall.patients
var idx = _.findIndex(patients, function(o) { return o.Nat_JpaID == value.Nat_JpaID })
patients[idx].open_edit = 'Y'
patients[idx].Nat_JpaName = value.Nat_JpaName
this.$store.commit("samplecall/update_patients",patients)
}
},
computed: {
snackbar: {
get() {
return this.$store.state.samplecall.alert_success
},
set(val) {
this.$store.commit("samplecall/update_alert_success",val)
}
},
isLoading() {
return this.$store.state.samplecall.search_status == 1
},
patients() {
return this.$store.state.samplecall.patients
},
xselectedpatient: {
get() {
return this.$store.state.samplecall.selected_patient
},
set(val) {
this.$store.commit("samplecall/update_selected_patient",val)
}
},
new_jpa: {
get() {
return this.$store.state.samplecall.new_jpa
},
set(val) {
this.$store.commit("samplecall/update_new_jpa",val)
}
},
},
data() {
return {
open_edit:false,
msgalertconfirmation:"Perubahan yang telah dilakukan belum disimpan dong !",
items: [],
page:1,
headers: [
{
text: "JPA",
align: "left",
sortable: false,
value: "mr",
width: "80%",
class: "pa-2 blue lighten-3 white--text"
},
{
text: "AKSI",
align: "center",
sortable: false,
value: "status",
width: "20%",
class: "pa-2 blue lighten-3 white--text"
}
]
};
}
}
</script>

View File

@@ -0,0 +1,124 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>One</title>
<link rel="stylesheet" href="../../libs/vendor/css/google-fonts.css">
<link rel="stylesheet" href="../../libs/vendor/css/icomoon-fonts.css">
<link rel="stylesheet" href="../../libs/vendor/css/vuetify.min.css">
</head>
<body v-on:key="doSomething">
<div v-cloak id="app">
<v-app id="smartApp" >
<one-navbar></one-navbar>
<v-content style="background:#F5E8DF!important" >
<v-container fluid fill-height class="pl-1 pr-1 pt-2 pb-2">
<v-layout row wrap >
<v-flex xs6 class="left" fill-height pa-1>
<one-sample-call-so-list></one-sample-call-so-list>
</v-flex>
<v-flex xs6 class="right" fill-height pa-1>
<!--<one-sample-call-so-info></one-sample-call-so-info>-->
<one-sample-call-so-detail></one-sample-call-so-detail>
</v-flex>
</v-layout>
</v-container>
</v-content>
<one-footer> </one-footer>
</v-app>
</div>
<!-- Vendor -->
<script src="../../libs/vendor/moment.min.js"></script>
<script src="../../libs/vendor/numeral.min.js"></script>
<script src="../../libs/vendor/moment-locale-id.js"></script>
<script src="../../libs/vendor/lodash.js"></script>
<script src="../../libs/vendor/axios.min.js"></script>
<script src="../../libs/vendor/vue.js"></script>
<script src="../../libs/vendor/vuex.js"></script>
<script src="../../libs/vendor/vuetify.js"></script>
<script src="../../libs/vendor/httpVueLoader.js"></script>
<script src="../../libs/one_global.js"></script>
<script src="../../libs/one_print_barcode.js"></script>
<script src="../../libs/vendor/socket.io.js"></script>
<!-- App Script -->
<?php
$ts = "?ts=" . Date("ymdhis");
?>
<script type="module">
window.calculate_age = function (inp_dob) {
var now = moment(new Date())
var dob = moment(new Date(inp_dob))
var year = now.diff(dob,'years')
dob.add(year,'years')
var month = now.diff(dob,'months')
dob.add(month,'months')
var day = now.diff(dob,'days')
if (isNaN(year)) return ''
return `${year} tahun ${month} bulan ${day} hari`
}
var socketIoUrl = "http://" + window.location.host + ":9090/";
import { store } from './store.js<?php echo $ts ?>';
//for testing
window.store = store;
new Vue({
data : {
socket : io.connect(socketIoUrl,{forceNew:false})
},
store,
el: '#app',
mounted(){
/*let self = this
this.socket.on("notification", function(msg) {
switch(msg.type) {
case "specimen-col-receive" :
self.$store.dispatch("samplecall/getstationstatus",{
name:self.$store.state.samplecall.name,
nolab: self.$store.state.samplecall.nolab,
sampletypeid: self.$store.state.samplecall.selected_filter_sampletype.id,
lastid: -1
})
self.$store.dispatch("samplecall/search",{
nolab:self.$store.state.samplecall.nolab,
sampletypeid: self.$store.state.samplecall.selected_filter_sampletype.id,
lastid: -1
})
break;
}
});
*/
},
methods: {
tab_selected : function(tab) {
return this.$store.state.tab_selected == tab
}
},
components: {
'one-navbar': httpVueLoader('../../apps/components/oneNavbarComponent.vue'),
'one-footer': httpVueLoader('../../apps/components/oneFooter.vue'),
'one-sample-call-so-list': httpVueLoader('./components/oneSampleCallSOList.vue'),
'one-sample-call-so-info': httpVueLoader('./components/oneSampleCallSOInfo.vue'),
'one-sample-call-so-detail': httpVueLoader('./components/oneSampleCallSODetail.vue')
}
})
</script>
<style>
[v-cloak] {
display: none
}
.left {
}
.right {
}
</style>
</body>
</html>

View File

@@ -0,0 +1,147 @@
// 1 => LOADING
// 2 => DONE
// 3 => ERROR
import * as api from "../api/samplecall.js"
export default {
namespaced: true,
state: {
last_id:-1,
last_saved_id:-1,
x_addr_id:0,
btn_hide:false,
act:'edit',
act_addr:'new',
get_data_status:0,
search_patient: 0,
search_status: 0,
search_error_message: '',
preffix:'',
patient_name:'',
suffix:'',
patients: [],
selected_patient: {},
save_status: 0,
btn_save_seen: true,
pgrs_save: false,
save_error_message: '',
no_save: 0,
new_jpa:'',
},
mutations: {
update_new_jpa(state, val) {
state.new_jpa = val
},
update_last_id(state, val) {
state.last_id = val
},
update_last_saved_id(state, val) {
state.last_saved_id = val
},
update_act(state, val) {
state.act = val
},
update_act_addr(state, val) {
state.act_addr = val
},
update_get_data_status(state, val) {
state.get_data_status = val
},
update_search_error_message(state, patient) {
state.search_error_message = patient
},
update_search_patient(state, patient) {
state.search_patient = patient
},
update_patients(state, data) {
state.patients = data
},
update_selected_patient(state, val) {
state.selected_patient = val
},
update_save_status(state, val) {
state.save_status = val
},
update_btn_save_seen(state, val) {
state.btn_save_seen = val
},
update_pgrs_save(state, val) {
state.pgrs_save = val
},
update_save_error_message(state, msg) {
state.save_error_message = ''
},
update_no_save(state, val) {
state.no_save = val
},
},
actions: {
async search(context, prm) {
context.commit("update_search_patient", 1)
try {
prm.token = one_token()
let resp = await api.search(prm)
if (resp.status != "OK") {
context.commit("update_search_patient", 3)
context.commit("update_search_error_message", resp.message)
} else {
context.commit("update_search_patient", 2)
context.commit("update_search_error_message", "")
let data = {
records: resp.data.records,
total: resp.data.total
}
context.commit("update_patients", data.records)
context.commit("update_no_save", 0)
if(prm.lastid === -1){
var pat = data.records[0]
if(data.records.length === 0){
context.commit("update_selected_patient", {})
context.dispatch("samplesend/update_patients", [],{root:true})
}else{
console.log('aye')
context.commit("update_selected_patient", data.records[0])
context.dispatch("samplesend/search", data.records[0],{root:true})
}
}
else{
context.commit("update_selected_patient", data.records[prm.lastid])
context.dispatch("samplesend/search", data.records[prm.lastid],{root:true})
}
}
} catch (e) {
context.commit("update_search_patient", 3)
context.commit("update_search_error_message", e.message)
console.log(e)
}
},
async save(context,prm) {
context.commit("update_save_status",1)
try {
prm.token = one_token()
let resp= await api.save(prm)
if (resp.status != "OK") {
context.commit("update_save_status",3)
} else {
context.commit("update_save_status",2)
context.commit("update_new_jpa",'')
var msg = ''
if(prm.id === 0)
msg = "JPA "+prm.value+" berhasil ditambahkan"
else{
if(prm.status === 'N')
msg = "JPA "+prm.value+" berhasil dihapus"
else
msg = "JPA diubah menjadi "+prm.Nat_JpaName
}
context.commit("samplesend/update_msg_snackbar",msg,{root:true})
context.commit("samplesend/update_alert_success",true,{root:true})
setInterval(function(){ context.commit("update_alert_success",false) }, 5000)
context.dispatch("search",{lastid:-1})
}
} catch(e) {
context.commit("update_save_status",3)
}
},
}
}

View File

@@ -0,0 +1,244 @@
// 1 => LOADING
// 2 => DONE
// 3 => ERROR
import * as api from "../api/samplesend.js"
export default {
namespaced: true,
state: {
last_id:-1,
last_saved_id:-1,
x_addr_id:0,
btn_hide:false,
act:'edit',
act_addr:'new',
get_data_status:0,
search_patient: 0,
search_status: 0,
search_error_message: '',
preffix:'',
patient_name:'',
suffix:'',
patients: [],
selected_patient: {},
save_status: 0,
btn_save_seen: true,
pgrs_save: false,
save_error_message: '',
no_save: 0,
new_jpa:'',
value_new_jpa_group:'',
dialog_jpa_group:false,
jpa_groups:[],
msg_snackbar:'',
alert_success:false
},
mutations: {
update_alert_success(state,val){
state.alert_success = val
},
update_msg_snackbar(state, val){
state.msg_snackbar = val
},
update_jpa_groups(state, val){
state.jpa_groups = val
},
update_dialog_jpa_group(state, val){
state.dialog_jpa_group = val
},
update_value_new_jpa_group(state, val){
state.value_new_jpa_group = val
},
update_new_jpa(state, val) {
state.new_jpa = val
},
update_last_id(state, val) {
state.last_id = val
},
update_last_saved_id(state, val) {
state.last_saved_id = val
},
update_act(state, val) {
state.act = val
},
update_act_addr(state, val) {
state.act_addr = val
},
update_get_data_status(state, val) {
state.get_data_status = val
},
update_search_error_message(state, patient) {
state.search_error_message = patient
},
update_search_patient(state, patient) {
state.search_patient = patient
},
update_patients(state, data) {
state.patients = data
},
update_selected_patient(state, val) {
state.selected_patient = val
},
update_save_status(state, val) {
state.save_status = val
},
update_btn_save_seen(state, val) {
state.btn_save_seen = val
},
update_pgrs_save(state, val) {
state.pgrs_save = val
},
update_save_error_message(state, msg) {
state.save_error_message = ''
},
update_no_save(state, val) {
state.no_save = val
},
},
actions: {
async search(context, prm) {
context.commit("update_search_patient", 1)
try {
prm.token = one_token()
let resp = await api.search(prm)
if (resp.status != "OK") {
context.commit("update_search_patient", 3)
context.commit("update_search_error_message", resp.message)
} else {
context.commit("update_search_patient", 2)
context.commit("update_search_error_message", "")
let data = {
records: resp.data.records,
total: resp.data.total
}
context.commit("update_patients", data.records)
context.commit("update_no_save", 0)
if(prm.lastid === -1){
var pat = data.records[0]
if(data.records.length === 0){
context.commit("update_selected_patient", {})
}else{
context.commit("update_selected_patient", data.records[0])
}
}
else{
context.commit("update_selected_patient", data.records[prm.lastid])
}
}
} catch (e) {
context.commit("update_search_patient", 3)
context.commit("update_search_error_message", e.message)
console.log(e)
}
},
async search_listing(context, prm) {
//context.commit("update_search_patient", 1)
try {
prm.token = one_token()
let resp = await api.search_listing(prm)
if (resp.status != "OK") {
//context.commit("update_search_patient", 3)
context.commit("update_search_error_message", resp.message)
} else {
//context.commit("update_search_patient", 2)
context.commit("update_search_error_message", "")
let data = {
records: resp.data.records,
total: resp.data.total
}
context.commit("update_jpa_groups", data.records)
}
} catch (e) {
//context.commit("update_search_patient", 3)
context.commit("update_search_error_message", e.message)
console.log(e)
}
},
async save(context,prm) {
context.commit("update_save_status",1)
try {
prm.token = one_token()
let resp= await api.save(prm)
if (resp.status != "OK") {
context.commit("update_save_status",3)
} else {
context.commit("update_save_status",2)
context.commit("update_new_jpa",'')
context.commit("update_msg_snackbar","JPA Grup berhasil ditambahkan")
context.commit("update_alert_success",true)
setInterval(function(){ context.commit("update_alert_success",false) }, 5000)
var xselpat = context.rootState.samplecall.selected_patient
xselpat.lastid = -1
context.dispatch("search",xselpat)
}
} catch(e) {
context.commit("update_save_status",3)
}
},
async savejpagroup(context,prm) {
context.commit("update_save_status",1)
try {
prm.token = one_token()
let resp= await api.savejpagroup(prm)
if (resp.status != "OK") {
context.commit("update_save_status",3)
} else {
context.commit("update_save_status",2)
context.commit("update_new_jpa",'')
context.commit("update_msg_snackbar","JPA Grup berhasil ditambahkan")
context.commit("update_alert_success",true)
setInterval(function(){ context.commit("update_alert_success",false) }, 5000)
var xselpat = context.rootState.samplecall.selected_patient
xselpat.lastid = -1
context.dispatch("search",xselpat)
}
} catch(e) {
context.commit("update_save_status",3)
}
},
async saveEditJpaGroup(context,prm) {
context.commit("update_save_status",1)
try {
prm.token = one_token()
let resp= await api.savelistingjpagroup(prm)
if (resp.status != "OK") {
context.commit("update_save_status",3)
} else {
context.commit("update_save_status",2)
context.dispatch("search_listing",{})
if(prm.status === 'Y')
context.commit("update_msg_snackbar","Data telah diubah")
else
context.commit("update_msg_snackbar","Data telah dihapus")
context.commit("update_alert_success",true)
setInterval(function(){ context.commit("update_alert_success",false) }, 5000)
var xselpat = context.rootState.samplecall.selected_patient
xselpat.lastid = -1
context.dispatch("search",xselpat)
}
} catch(e) {
context.commit("update_save_status",3)
}
},
async savealljpadetail(context,prm) {
context.commit("update_save_status",1)
try {
console.log(prm)
prm.token = one_token()
let resp= await api.savealljpadetail(prm)
if (resp.status != "OK") {
context.commit("update_save_status",3)
} else {
context.commit("update_save_status",2)
context.commit("update_msg_snackbar","Data telah tersimpan")
context.commit("update_alert_success",true)
setInterval(function(){ context.commit("update_alert_success",false) }, 5000)
context.dispatch("search_listing",{})
}
} catch(e) {
context.commit("update_save_status",3)
}
},
}
}

View File

@@ -0,0 +1,29 @@
// State
// data ...
// Mutations
//
//
// Actions
import samplecall from "./modules/samplecall.js";
import samplesend from "./modules/samplesend.js";
import system from "../../apps/modules/system/system.js";
export const store = new Vuex.Store({
modules: {
samplecall: samplecall,
samplesend:samplesend,
system: system
},
state: {
tab_selected: 'pasien-dokter'
},
mutations: {
change_tab(state, ntab) {
state.tab_selected = ntab
}
},
actions: {
change_tab(context, ntab) {
context.commit('change_tab', ntab)
}
}
});