Flatten nested repos

test/vuex/one-sample-call-so/api/samplecall.js

@@ -0,0 +1,270 @@
+const URL = "/one-api/mockup/samplingso/";
+
+export async function search(prm) {
+    try {
+        var resp = await axios.post(URL + 'samplingcall/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 getstationstatus(token) {
+    try {
+        var resp = await axios.post(URL + 'samplingcall/getstationstatus',{token:token});
+        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 + 'samplingcall/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 newsamplingcall(prm) {
+    try {
+        var resp = await axios.post(URL + 'samplingcall/newsamplingcall',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 xdelete(prm) {
+    try {
+        var resp = await axios.post(URL + 'samplingcall/deletesamplingcall',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 getaddress(prm) {
+    try {
+        var resp = await axios.post(URL + 'samplingcall/getaddress',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 searchcity(token,prm) {
+    try {
+       var resp = await axios.post(URL + 'samplingcall/searchcity',{token:token,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 getdistrict(token,prm) {
+    try {
+       var resp = await axios.post(URL + 'samplingcall/getdistrict',{id:prm.M_CityID,token:token});
+       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 getkelurahan(token,prm) {
+    try {
+       var resp = await axios.post(URL + 'samplingcall/getkelurahan',{token:token,id:prm.M_DistrictID});
+       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 savenewaddress(prm) {
+    try {
+        var resp = await axios.post(URL + 'samplingcall/savenewaddress',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 saveeditaddress(prm) {
+    try {
+        var resp = await axios.post(URL + 'samplingcall/saveeditaddress',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 deleteaddress(prm) {
+    try {
+        var resp = await axios.post(URL + 'samplingcall/deleteaddress',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 getsampletypes(prm) {
+    try {
+        var resp = await axios.post(URL + 'samplingcall/getsampletypes',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 doaction(prm) {
+    try {
+        var resp = await axios.post(URL + 'samplingcall/doaction',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
+        };
+    }
+}

test/vuex/one-sample-call-so/components/oneSampleCallSODetail.vue

@@ -0,0 +1,119 @@
+<template>
+    <v-layout class="mb-2 mt-2" column >
+        <v-card v-if="xsampletypes.length > 0">
+            <v-layout row>
+                <v-flex  xs12>
+                    <v-subheader> 
+                        <span class="font-weight-black">LEGENDA : </span> 
+                        <v-btn depressed color="warning"><v-icon left>alarm</v-icon> Waktu Proses </v-btn> 
+                        <v-btn depressed color="success"><v-icon left>alarm</v-icon> Waktu Selesai </v-btn>
+                        <v-flex text-md-right>
+                            <span  @click="printBarcodeGroup()" style="font-size:24px" class="icon-medium-fill-base-small xs1 white--text brown icon-barcode"></span>
+                        </v-flex>
+                    </v-subheader>
+                    <v-divider></v-divider>
+                    <v-layout pa-2 row wrap>
+                        <v-flex xs5 v-for="sampletype in xsampletypes" mb-2 mr-3>
+                            <v-layout>
+                                <v-flex xs12>
+                                    <v-card style="border:1px solid black" flat class="text">
+                                        <v-layout pa-1>
+                                            <v-flex md4>
+                                            <v-img
+                                                src= "/one-ui/libs/image/body.jpg"
+                                                height="125px"
+                                                contain
+                                            ></v-img>
+                                            </v-flex>
+                                            <v-flex md8>
+                                            <v-card-title style="padding-top:0;padding-left:2px">
+                                                <div>
+                                                    <div style="font-size:large" class="font-weight-light font-condensed pl-2">{{sampletype.T_SampleTypeName}}</div>
+                                                    
+                                                    <v-btn depressed v-if="sampletype.status === 'N'" color="warning"><v-icon left>alarm</v-icon>00-00-0000 00:00</v-btn>
+                                                    <v-btn depressed v-if="sampletype.status === 'N'" color="success"><v-icon left>alarm</v-icon>00-00-0000 00:00</v-btn>
+                                                    
+                                                    <v-btn depressed v-if="sampletype.status === 'P'" color="warning"><v-icon left>alarm</v-icon>{{sampletype.process_date}} {{sampletype.process_time}}</v-btn>
+                                                    <v-btn depressed v-if="sampletype.status === 'P'" color="success"><v-icon left>alarm</v-icon>00-00-0000 00:00</v-btn>
+                                                    
+                                                    <v-btn depressed v-if="sampletype.status === 'D' || sampletype.status === 'V'" color="warning"><v-icon left>alarm</v-icon>{{sampletype.process_date}} {{sampletype.process_time}}</v-btn>
+                                                    <v-btn depressed v-if="sampletype.status === 'D' || sampletype.status === 'V'" color="success"><v-icon left>alarm</v-icon>{{sampletype.done_date}} {{sampletype.done_time}}</v-btn>
+                                                </div>
+                                            </v-card-title>
+                                            </v-flex>
+                                        </v-layout>
+                                        <v-divider></v-divider>
+                                        <v-card-actions class="pt-2 pb-2 pl-3 pr-3">
+                                            <v-btn v-if="selected_patient.statusid === 0 || selected_patient.statusid === '0'  || selected_patient.statusid === 2 || selected_patient.statusid === '2'" depressed disabled block color="grey">Proses Sekarang</v-btn>
+                                            <v-flex v-if="selected_patient.statusid === '3'" xs10>
+                                                <v-btn @click="processSample(sampletype)" v-if="selected_patient.statusid === '3' && sampletype.status === 'N'" block color="warning">Proses Sekarang</v-btn>
+                                                <v-btn @click="doneSample(sampletype)" v-if="selected_patient.statusid === '3' && sampletype.status === 'P'" block color="success">Selesai</v-btn>
+                                            </v-flex>
+                                            <v-flex v-if="selected_patient.statusid === '5'" xs10>
+                                                <v-btn depressed disabled block color="grey">Selesai</v-btn>
+                                            </v-flex>
+                                            <v-flex xs2 v-if="selected_patient.statusid === '3' || selected_patient.statusid === '4' || selected_patient.statusid === '5'">
+                                                <span  @click="printBarcode(sampletype)" style="font-size:24px" class="icon-medium-fill-base-small xs1 white--text brown icon-barcode"></span>
+                                            </v-flex>
+                                        </v-card-actions>
+                                    </v-card>
+                                </v-flex>
+                            </v-layout>
+                        </v-flex>
+                        
+                    </v-layout>
+                </v-flex>
+            </v-layout>          
+        </v-card>
+    </v-layout>
+</template>
+
+<style scoped>
+
+</style>
+
+<script>
+module.exports = {
+    data: () => ({
+    
+    }),
+    computed: {
+        xsampletypes(){
+            return this.$store.state.samplecall.sampletypes
+        },
+        xstatus(){
+            return this.$store.state.samplecall.selected_status
+        },
+        selected_patient(){
+            return this.$store.state.samplecall.selected_patient
+        },
+    },
+    methods : {
+        processSample(sampletype){
+            var patient = this.$store.state.samplecall.selected_patient
+            var msg = "Anda yakin akan melakukan proses untuk "+sampletype.T_SampleTypeName+" dari "+patient.patient_fullname+" ? "
+            this.$store.commit("samplecall/update_msg_action",msg)
+            this.$store.commit("samplecall/update_act",'samplingprocess')
+            this.$store.commit("samplecall/update_selected_sampletype",sampletype) 
+            this.$store.commit("samplecall/update_dialog_action",true)
+        },
+        doneSample(sampletype){
+            var patient = this.$store.state.samplecall.selected_patient
+            var msg = "Anda yakin proses untuk "+sampletype.T_SampleTypeName+" dari "+patient.patient_fullname+" telah selesai ? "
+            this.$store.commit("samplecall/update_msg_action",msg)
+            this.$store.commit("samplecall/update_act",'samplingdone')
+            this.$store.commit("samplecall/update_selected_sampletype",sampletype) 
+            this.$store.commit("samplecall/update_dialog_action",true)
+        },
+        printBarcodeGroup(){
+            var id = this.selected_patient.T_OrderHeaderID
+            one_print_barcode_so_group(id)
+        },
+        printBarcode(sampletype){
+            var id = sampletype.T_OrderDetailID
+            one_print_barcode_so(id)
+        },
+        
+    }
+}
+</script>

test/vuex/one-sample-call-so/components/oneSampleCallSOInfo.vue

@@ -0,0 +1,347 @@
+<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-card>
+            <v-layout  row>
+                <v-flex xs12 pa-2>
+                    <v-layout align-center>
+                        <v-flex xs2>
+                            <v-img 
+                                :src="xselected_patient.M_PatientPhotoThumb"
+                                aspect-ratio="1"
+                                class="grey lighten-2 elevation-2"
+                            >
+                        </v-flex>
+                        <v-flex xs10 pl-2 pt-1>
+                            <v-layout row wrap>
+                                <v-flex xs4>
+                                    <v-layout column>
+                                        <v-flex>
+                                            <h3 style="font-size:x-large" class="font-weight-bold">{{ xselected_patient.T_OrderHeaderLabNumber }}</h3>
+                                        </v-flex>
+                                        <v-flex pt-3>
+                                            <v-text-field
+                                                v-model=" xselected_patient.M_PatientNoReg"
+                                                label="No RM"
+                                                readonly
+                                                hide-details
+                                            >
+                                            </v-text-field>
+                                        </v-flex>
+                                        <v-flex>
+                                            <v-text-field
+                                                v-model=" xselected_patient.M_PatientName"
+                                                label="Nama"
+                                                readonly
+                                                hide-details
+                                            >
+                                            </v-text-field>
+                                        </v-flex>
+                                    </v-layout>
+                                </v-flex>
+
+                                <v-flex xs8 pl-2>
+                                    <v-layout column>
+                                        <v-flex >
+                                            <v-layout row>
+                                                <v-flex xs5>
+                                                    <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-flex  v-if="xselected_patient.statusid === '0' || xselected_patient.statusid === '2'">
+                                            <v-btn
+                                               
+                                                color="primary"
+                                                class="mt-3"
+                                                @click="callPatient()"
+                                                block
+                                            >
+                                               CALL
+                                            </v-btn>
+                                        </v-flex>
+                                        
+                                        <v-layout v-if="xselected_patient.statusid === '1'" row>
+                                            <v-flex pl-2 pr-2 xs6>
+                                                <v-btn
+                                                    
+                                                    color="warning"
+                                                    class="mt-3"
+                                                    @click="processNow()"
+                                                    block
+                                                >
+                                                PROCESS
+                                                </v-btn>
+                                            </v-flex>
+                                            <v-flex pl-2 pr-2  xs6>
+                                                <v-btn
+                                                    
+                                                    color="error"
+                                                    class="mt-3"
+                                                    @click="skip()"
+                                                    block
+                                                >
+                                                SKIP
+                                                </v-btn>
+                                            </v-flex>
+                                        </v-layout>
+                                    </v-layout>
+                                </v-flex>
+                            </v-layout>
+                        </v-flex>
+
+                    </v-layout>
+                </v-flex>
+            </v-flex>          
+        </v-card>
+    </v-layout>-->
+
+    <v-card v-if="xselected_patient">
+            <v-layout  row>
+                <v-flex xs12 pa-2>
+                    <v-layout align-center>
+                        <v-flex xs2>
+                            <v-card color="amber lighten-5">
+                                <v-container style="padding:6px" grid-list-sm fluid>
+                                    
+                                            <v-card flat tile class="d-flex">
+                                               
+                                                <v-img
+                                                    :src="xselected_patient.M_PatientPhotoThumb"
+                                                    aspect-ratio="1"
+                                                    class="grey lighten-2 elevation-2"
+                                                >
+                                                
+                                                </v-img>
+                                            </v-card>
+                                        
+                                </v-container>
+                            <v-card>
+                        </v-flex>
+
+                        <v-flex xs10 pl-2 pt-1>
+                            <v-layout 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'" 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 row wrap>
+                                <v-flex xs4>
+                                    <v-layout column>
+                                        <v-flex pt-1>
+                                            <v-text-field
+                                                v-model=" xselected_patient.M_PatientNoReg"
+                                                label="No RM"
+                                                readonly
+                                                hide-details
+                                            >
+                                            </v-text-field>
+                                        </v-flex>
+                                        <v-flex pt-1 >
+                                            <v-text-field
+                                                v-model=" xselected_patient.M_PatientName"
+                                                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-flex>
+
+                    </v-layout>
+                </v-flex>
+            </v-layout>         
+        </v-card>
+    </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
+            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
+            })
+            
+        },
+        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.$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.$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.$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>

test/vuex/one-sample-call-so/components/oneSampleCallSOList.vue

@@ -0,0 +1,292 @@
+<template>
+   <v-layout class="fill-height" column>
+      <v-dialog v-model="dialogsuccess" persistent  max-width="290">
+        <v-card>
+            <v-card-title color="success"  class="headline">Berhasil !</v-card-title>
+            <v-card-text>
+                {{msgsuccess}}
+            </v-card-text>
+            <v-card-actions>
+            <v-spacer></v-spacer>
+            <v-btn color="green darken-1" flat @click="closeDialogSuccess">OK</v-btn>
+            </v-card-actions>
+        </v-card>
+      </v-dialog>
+      <v-card   class="mb-2 pa-2 searchbox">
+         <v-layout >
+               <v-text-field class="xs6 ma-1"
+               style="font-size:14px"
+                             label="No Lab"
+                             outline
+                             v-model="nolab"
+                             hide-details
+                             ></v-text-field>
+               <v-text-field class="xs6 ma-1"
+                style="font-size:14px"
+                             label="Nama"
+                             outline
+                             v-model="name"
+                             hide-details
+                             ></v-text-field>
+               <v-select class="xs6 mini-select ma-1" :items="xstations" 
+                  item-text="name"
+                  return-object
+                   style="font-size:14px"
+                  v-model="xselectedstation"
+                  label="Station" outline   hide-details></v-select>
+               <v-select class="xs6 mini-select ma-1" :items="xstatuses" 
+                  item-text="name"
+                   style="font-size:14px"
+                  return-object
+                  v-model="xselectedstatus"
+                  label="Status" outline   hide-details></v-select>
+            <!--<v-btn class="xs3 ma-1" color="success"  @click="searchPatient" >Cari</v-btn>-->
+            <span @click="searchPatient"  class="icon-medium-fill-base xs1 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),'teal accent-2':props.item.coming === 'Y'}" @click="selectMe(props.item)">{{ props.item.T_OrderHeaderLabNumber }}</td>
+                     <td class="text-xs-left pa-2" v-bind:class="{'amber lighten-4':isSelected(props.item),'teal accent-2':props.item.coming === 'Y'}" @click="selectMe(props.item)">{{ props.item.M_PatientNoReg}}</td>
+                     <td class="text-xs-left pa-2" v-bind:class="{'amber lighten-4':isSelected(props.item),'teal accent-2':props.item.coming === 'Y'}" @click="selectMe(props.item)">{{ props.item.patient_fullname}}</td>
+                     <td class="text-xs-center pa-2" v-bind:class="{'amber lighten-4':isSelected(props.item),'teal accent-2':props.item.coming === 'Y'}" @click="selectMe(props.item)">{{ props.item.status}}</td>
+                  </template>
+               </v-data-table>
+            </v-flex>
+         </v-layout>
+      </v-card>
+       <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')
+   },
+   mounted() {
+      this.$store.dispatch("samplecall/getstationstatus",{
+            name:this.name,
+            nolab:this.nolab,
+            stationid: this.xselectedstation.id,
+            statusid: this.xselectedstatus.id,
+           // current_page:1,
+            lastid: -1
+      })
+
+   },
+   methods : {
+      isSelected(p) {
+         return p.T_OrderHeaderID == this.$store.state.samplecall.selected_patient.T_OrderHeaderID
+      },
+      searchPatient() {
+         this.$store.dispatch("samplecall/search",{
+            name:this.name,
+            nolab:this.nolab,
+            stationid: this.xselectedstation.id,
+            statusid: this.xselectedstatus.id,
+            //current_page:1,
+            lastid: -1
+         })
+      },
+      selectMe(pat) {
+         if(this.$store.state.samplecall.no_save == 0 ){
+            this.$store.commit("samplecall/update_selected_patient",pat)
+            //this.$store.commit("samplecall/update_sampletypes",pat.sampletypes)
+            this.$store.dispatch("samplecall/getsampletypes",{
+               orderid:pat.T_OrderHeaderID,
+               stationid: pat.T_SampleStationID,
+               statusid: pat.statusid
+            })
+         }else{
+            this.$store.commit("samplecall/update_open_alert_confirmation",true)
+         }
+            
+      },
+      closeAlertConfirmation(){
+          this.$store.commit("samplecall/update_open_alert_confirmation",false)
+      },
+      forgetAlertConfirmation(){
+          this.$store.commit("samplecall/update_no_save",0)
+          this.$store.commit("samplecall/update_open_alert_confirmation",false)
+      },
+      updateAlert_success(val){
+         this.$store.commit("samplecall/update_alert_success",val)
+      },
+      setNewPatient(){
+         //this.$store.commit("samplecall/update_selected_Patient",{})
+         
+      },
+      closeDialogSuccess(){
+         let arrPatient = this.$store.state.samplecall.patients
+         var idx = _.findIndex(arrPatient, item => item.M_PatientID === this.$store.state.samplecall.last_id)
+         console.log(idx)
+         var xcur_page = 1
+       //  if(idx !== -1)
+         //   xcur_page = this.$store.state.samplecall.current_page
+         
+         this.$store.dispatch("samplecall/search",{
+            name:this.name,
+            nolab:this.nolab,
+            stationid: this.xselectedstation.id,
+            statusid: this.xselectedstatus.id,
+           // current_page:xcur_page,
+            lastid: idx
+         })
+
+         this.$store.commit("samplecall/update_dialog_success",false)
+      }
+   },
+   computed: {
+      dialogsuccess: {
+         get() {
+            return this.$store.state.samplecall.dialog_success
+         },
+         set(val) {
+            this.$store.commit("samplecall/update_dialog_success",val)
+         }
+      },
+      msgsuccess(){
+         return this.$store.state.samplecall.msg_success
+      },
+      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
+      },
+      xstations() {
+         return this.$store.state.samplecall.stations
+      },
+      xselectedstation: {
+         get() {
+            return this.$store.state.samplecall.selected_station
+         },
+         set(val) {
+            this.$store.commit("samplecall/update_selected_station",val)
+         }
+      },
+       xstatuses() {
+         return this.$store.state.samplecall.statuses
+      },
+      xselectedstatus: {
+         get() {
+            return this.$store.state.samplecall.selected_status
+         },
+         set(val) {
+            this.$store.commit("samplecall/update_selected_status",val)
+         }
+      },
+      patients() {
+         return this.$store.state.samplecall.patients
+      },
+      openalertconfirmation: {
+         get() {
+            return this.$store.state.samplecall.open_alert_confirmation
+         },
+         set(val) {
+            this.$store.commit("samplecall/update_open_alert_confirmation",val)
+         }
+      },
+      curr_page: {
+         get() {
+            return this.$store.state.samplecall.current_page
+         },
+         set(val) { 
+            this.$store.commit("samplecall/update_current_page",val)
+            this.$store.dispatch("samplecall/search",{
+               name:this.name,
+               nolab:this.nolab,
+               stationid: this.xselectedstation.id,
+               statusid: this.xselectedstatus.id,
+               current_page:val,
+               lastid: idx
+            })
+         }
+      },
+      xtotal_page: {
+         get() {
+            return this.$store.state.samplecall.total_page
+         },
+         set(val) {
+            this.$store.commit("samplecall/update_total_page",val)
+         }
+      },
+   },
+   data() {
+      return {
+         msgalertconfirmation:"Perubahan yang telah dilakukan belum disimpan dong !",
+         items: [],
+         name: '',
+         nolab:'',
+         page:1,
+         headers: [
+            {
+               text: "NO LAB",
+               align: "left",
+               sortable: false,
+               value: "mr",
+               width: "10%",
+               class: "pa-2 blue lighten-3 white--text"
+            },
+            {
+               text: "NO RM",
+               align: "left",
+               sortable: false,
+               value: "lab",
+               width: "10%",
+               class: "pa-2 blue lighten-3 white--text"
+            },
+            {
+               text: "NAMA",
+               align: "left",
+               sortable: false,
+               value: "name",
+               width: "30%",
+               class: "pa-2 blue lighten-3 white--text"
+            },
+
+            {
+               text: "STATUS",
+               align: "center",
+               sortable: false,
+               value: "status",
+               width: "10%",
+               class: "pa-2 blue lighten-3 white--text"
+            }
+         ]
+      };
+   }
+}
+</script>

test/vuex/one-sample-call-so/index.php

@@ -0,0 +1,96 @@
+<!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>
+      <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>
+      <!-- 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`
+}
+
+
+import { store } from './store.js<?php echo $ts ?>';
+//for testing
+window.store = store;
+new Vue({
+store,
+   el: '#app',
+   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>

test/vuex/one-sample-call-so/modules/samplecall.js

@@ -0,0 +1,564 @@
+// 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,
+        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: {},
+        sampletypes:[],
+        selected_sampletype:{},
+        total_patients:0,
+        patient_address: [],
+        stations:[],
+        selected_station:{},
+        statuses:[],
+        selected_status:{},
+        transaction_date:moment(new Date()).format('DD-MM-YYYY'),
+        transaction_time:moment(new Date()).format("hh:mm"),
+        phone:'',
+        hp:'',
+        email:'',
+        pj:'N',
+        dpj:'N',
+        clinic:'N',
+        is_default:'N',
+        marketing_confirm:'N', 
+        save_status: 0,
+        btn_save_seen: true,
+        pgrs_save: false,
+        save_error_message: '',
+        no_save: 0,
+        open_alert_confirmation:false,
+        alert_success: false,
+        msg_success: "",
+        dialog_success: false,
+        dialog_confirmation_delete: false,
+        msg_confirmation_delete: "",
+        dialog_confirmation_delete_addr: false,
+        msg_confirmation_delete_addr: "",
+        autocomplete_status:0,
+        dialog_form_address: false,
+        label_address:'',
+        addresses:[],
+        cities:[],
+        city_address:{},
+        districts:[],
+        district_address:{},
+        kelurahans:[],
+        kelurahan_address:{},
+        description_address:'',
+        errors:[],
+        dialog_action:false,
+        msg_action:'',
+        current_page:1,
+        total_page:1
+    },
+    mutations: {
+        update_total_page(state, val) {
+            state.total_page = val
+        },
+        update_current_page(state, val) {
+            state.current_page = val
+        },
+        update_x_addr_id(state, val) {
+            state.x_addr_id = 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_preffix(state, val) {
+            state.preffix = val
+        },
+        update_patient_name(state, val) {
+            state.patient_name = val
+        },
+        update_suffix(state, val) {
+            state.suffix = val
+        },
+        update_patients(state, data) {
+            state.patients = data
+        },
+        update_selected_patient(state, val) {
+            state.selected_patient = val
+        },
+        update_sampletypes(state, data) {
+            state.sampletypes = data
+        },
+        update_selected_sampletype(state, val) {
+            state.selected_sampletype = val
+        },
+        update_stations(state, val) {
+            state.stations = val
+        },
+        update_selected_station(state, val) {
+            state.selected_station = val
+        },
+        update_statuses(state, val) {
+            state.statuses = val
+        },
+        update_selected_status(state, val) {
+            state.selected_status = val
+        },
+        update_phone(state, val) {
+            state.phone = val
+        },
+        update_email(state, val) {
+            state.email = val
+        },
+        update_hp(state, val) {
+            state.hp = val
+        },
+        update_pj(state, val) {
+            state.pj = val
+        },
+        update_dpj(state, val) {
+            state.dpj = val
+        },
+        update_clinic(state, val) {
+            state.clinic = val
+        },
+        update_marketing_confirm(state, val) {
+            state.marketing_confirm = val
+        },
+        update_is_default(state, val) {
+            state.is_default = 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
+        },
+        update_open_alert_confirmation(state, val) {
+            state.open_alert_confirmation = val
+        },
+        update_alert_success(state, val) {
+            state.alert_success = val
+        },
+        update_msg_success(state, val) {
+            state.msg_success = val
+        },
+        update_dialog_success(state, val) {
+            state.dialog_success = val
+        },
+        update_dialog_confirmation_delete(state, val) {
+            state.dialog_confirmation_delete = val
+        },
+        update_msg_confirmation_delete(state, val) {
+            state.msg_confirmation_delete = val
+        },
+        update_dialog_confirmation_delete_addr(state, val) {
+            state.dialog_confirmation_delete_addr = val
+        },
+        update_msg_confirmation_delete_addr(state, val) {
+            state.msg_confirmation_delete_addr = val
+        },
+        update_addresses(state, val) {
+            state.addresses = val
+        },
+        update_autocomplete_status(state,val){
+            state.autocomplete_status = val
+        },
+        update_dialog_form_address(state, val) {
+            state.dialog_form_address = val
+        },
+        update_label_address(state, val) {
+            state.label_address = val
+        },
+        update_cities(state, val) {
+            state.cities = val
+        },
+        update_city_address(state, val) {
+            state.city_address = val
+        },
+        update_districts(state, val) {
+            state.districts = val
+        },
+        update_district_address(state, val) {
+            state.district_address = val
+        },
+        update_kelurahans(state, val) {
+            state.kelurahans = val
+        },
+        update_kelurahan_address(state, val) {
+            state.kelurahan_address = val
+        },
+        update_description_address(state, val) {
+            state.description_address = val
+        },
+        update_search_status(state, val) {
+            state.search_status = val
+        },
+        update_errors(state, val) {
+            state.errors = val
+        },
+        update_total_patients(state, val) {
+            state.total_patients = val
+        },
+        update_dialog_action(state, val) {
+            state.dialog_action = val
+        },
+        update_msg_action(state, val) {
+            state.msg_action = 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_total_patients", data.total)
+                    //context.commit("update_total_page", data.total)
+                    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.commit("update_sampletypes", {})
+                        }else{
+                            context.commit("update_selected_patient", data.records[0])
+                            context.dispatch("getsampletypes",{
+                                orderid:pat.T_OrderHeaderID,
+                                stationid: pat.T_SampleStationID,
+                                statusid: pat.statusid
+                            })
+                        }
+                    }
+                    else{
+                        context.commit("update_selected_patient", data.records[prm.lastid])
+                        var pat = data.records[prm.lastid]
+                        context.dispatch("getsampletypes",{
+                            orderid:pat.T_OrderHeaderID,
+                            stationid: pat.T_SampleStationID,
+                            statusid: pat.statusid
+                        })
+                    }
+                }
+            } catch (e) {
+                context.commit("update_search_patient", 3)
+                context.commit("update_search_error_message", e.message)
+                console.log(e)
+            }
+        },
+        async getstationstatus(context,prm) {
+            context.commit("update_get_data_status",1)
+            try {
+                let resp= await api.getstationstatus(one_token())
+                if (resp.status != "OK") {
+                    context.commit("update_get_data_status",3)
+                } else {
+                    context.commit("update_get_data_status",2)
+                    let data = {
+                        records : resp.data.records,
+                        total: resp.data.total
+                    }
+                    context.commit("update_stations",data.records.stations)
+                    context.commit("update_selected_station",data.records.stations[0])
+                    context.commit("update_statuses",data.records.statuses)
+                    context.commit("update_selected_status",data.records.statuses[0])
+                    prm.stationid = data.records.stations[0].id
+                    prm.statusid = data.records.statuses[0].id
+                    context.dispatch("search",prm)
+                }
+            } catch(e) {
+            context.commit("update_get_data_status",3)
+            }
+        },
+        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_last_id", prm.M_patientID)
+                    context.commit("update_dialog_success", true)
+                    var msg = "Data dokter " + prm.M_patientName + " sudah terupdate dong ..."
+                    context.commit("update_msg_success", msg)
+                    
+                }
+            } catch(e) {
+            context.commit("update_save_status",3)
+            }
+        },
+        async newpatient(context,prm) {
+            context.commit("update_save_status",1)
+            try {
+                prm.token = one_token()
+                let resp= await api.newpatient(prm)
+                if (resp.status != "OK") {
+                    context.commit("update_save_status",3)
+                } else {
+                    context.commit("update_save_status",2)
+                    console.log(resp.data.id)
+                    context.commit("update_last_id", resp.data.id)
+                    context.commit("update_dialog_success", true)
+                    var msg = "Data dokter " + prm.M_patientName + " sudah tersimpan dong ..."
+                    context.commit("update_msg_success", msg)
+                    
+                }
+            } catch(e) {
+            context.commit("update_save_status",3)
+            }
+        },
+        async delete(context,prm) {
+            context.commit("update_save_status",1)
+            try {
+                prm.token = one_token()
+                let resp= await api.xdelete(prm)
+                if (resp.status != "OK") {
+                    context.commit("update_save_status",3)
+                } else {
+                    context.commit("update_save_status",2)
+                    context.commit("update_last_id", 0)
+                    context.commit("update_dialog_confirmation_delete",false)
+                    context.commit("update_dialog_success", true)
+                    var msg = "Data dokter " + prm.M_patientName + " sudah dihapus dong ..."
+                    context.commit("update_msg_success", msg)
+                    context.commit("update_preffix",'')
+                    context.commit("update_patient_name",'')
+                    context.commit("update_suffix",'')
+                    context.commit("update_selected_sex",{})
+                    context.commit("update_selected_religion",{})
+                    context.commit("update_phone",'')
+                    context.commit("update_email",'')
+                    context.commit("update_hp",'')
+                    context.commit("update_pj",'N')
+                    context.commit("update_dpj",'N')
+                    context.commit("update_clinic",'N')
+                    context.commit("update_marketing_confirm",'N')
+                    context.commit("update_is_default",'N')
+                }
+            } catch(e) {
+            context.commit("update_save_status",3)
+            }
+        },
+        async getaddress(context,prm) {
+            context.commit("update_save_status",1)
+            try {
+                prm.token = one_token()
+                let resp= await api.getaddress(prm)
+                if (resp.status != "OK") {
+                    context.commit("update_save_status",3)
+                } else {
+                    context.commit("update_save_status",2)
+                    let data = {
+                        records : resp.data.records,
+                        total: resp.data.total
+                    }
+                    context.commit("update_addresses",data.records)
+                }
+            } catch(e) {
+            context.commit("update_save_status",3)
+            }
+        },
+        async searchcity(context,prm) {
+            context.commit("update_autocomplete_status",1)
+            try {
+                let resp= await api.searchcity(one_token(),prm)
+                if (resp.status != "OK") {
+                    context.commit("update_autocomplete_status",3)
+                } else {
+                    context.commit("update_autocomplete_status",2)
+                    let data = {
+                        records : resp.data.records,
+                        total: resp.data.total
+                    }
+                    context.commit("update_cities",resp.data.records)
+                }
+            } catch(e) {
+            context.commit("update_autocomplete_status",3)
+            }
+        },
+        async getdistrict(context,prm) {
+            context.commit("update_get_data_status",1)
+            try {
+                let resp= await api.getdistrict(one_token(),prm)
+                if (resp.status != "OK") {
+                    context.commit("update_get_data_status",3)
+                } else {
+                    context.commit("update_get_data_status",2)
+                    let data = {
+                        records : resp.data.records,
+                        total: resp.data.total
+                    }
+                    context.commit("update_districts",resp.data.records)
+                }
+            } catch(e) {
+            context.commit("update_get_data_status",3)
+            }
+        },
+        async getkelurahan(context,prm) {
+            context.commit("update_get_data_status",1)
+            try {
+                let resp= await api.getkelurahan(one_token(),prm)
+                if (resp.status != "OK") {
+                    context.commit("update_get_data_status",3)
+                } else {
+                    context.commit("update_get_data_status",2)
+                    let data = {
+                        records : resp.data.records,
+                        total: resp.data.total
+                    }
+                    context.commit("update_kelurahans",resp.data.records)
+                }
+            } catch(e) {
+            context.commit("update_get_data_status",3)
+            }
+        },
+        async savenewaddress(context,prm) {
+            context.commit("update_save_status",1)
+            try {
+                prm.token = one_token()
+                let resp= await api.savenewaddress(prm)
+                if (resp.status != "OK") {
+                    context.commit("update_save_status",3)
+                } else {
+                    context.commit("update_save_status",2)
+                    context.commit("update_dialog_form_address",false)
+                    context.commit("update_last_id", prm.M_patientAddressM_patientID)
+                    context.commit("update_dialog_success", true)
+                    var msg = "Penambahan data alamat dokter " + prm.M_patientName + " sudah berhasil dong ..."
+                    context.commit("update_msg_success", msg)
+                    
+                }
+            } catch(e) {
+            context.commit("update_save_status",3)
+            }
+        },
+        async saveeditaddress(context,prm) {
+            context.commit("update_save_status",1)
+            try {
+                prm.token = one_token()
+                let resp= await api.saveeditaddress(prm)
+                if (resp.status != "OK") {
+                    context.commit("update_save_status",3)
+                } else {
+                    context.commit("update_save_status",2)
+                    context.commit("update_dialog_form_address",false)
+                    context.commit("update_last_id", prm.M_patientAddressM_patientID)
+                    context.commit("update_dialog_success", true)
+                    var msg = "Perubahan data alamat dokter " + prm.M_patientName + " sudah berhasil dong ..."
+                    context.commit("update_msg_success", msg)
+                    
+                }
+            } catch(e) {
+            context.commit("update_save_status",3)
+            }
+        },
+        async deleteaddress(context,prm) {
+            context.commit("update_save_status",1)
+            try {
+                prm.token = one_token()
+                let resp= await api.deleteaddress(prm)
+                if (resp.status != "OK") {
+                    context.commit("update_save_status",3)
+                } else {
+                    context.commit("update_save_status",2)
+                    context.commit("update_dialog_confirmation_delete_addr",false)
+                    context.commit("update_last_id", prm.M_patientAddressM_patientID)
+                    context.commit("update_dialog_success", true)
+                    var msg = "Penghapusan data alamat "+prm.M_patientAddressNote+" dari dokter " + prm.M_patientName + " sudah berhasil dong ..."
+                    context.commit("update_msg_success", msg)
+                    
+                }
+            } catch(e) {
+            context.commit("update_save_status",3)
+            }
+        },
+        async getsampletypes(context,prm) {
+            context.commit("update_save_status",1)
+            try {
+                prm.token = one_token()
+                let resp= await api.getsampletypes(prm)
+                if (resp.status != "OK") {
+                    context.commit("update_save_status",3)
+                } else {
+                    context.commit("update_save_status",2)
+                    let data = {
+                        records : resp.data.records,
+                        total: resp.data.total
+                    }
+                    context.commit("update_sampletypes",data.records)
+                    
+                }
+            } catch(e) {
+            context.commit("update_save_status",3)
+            }
+        },
+        async doaction(context,prm) {
+            context.commit("update_save_status",1)
+            try {
+                prm.token = one_token()
+                let resp= await api.doaction(prm)
+                if (resp.status != "OK") {
+                    context.commit("update_save_status",3)
+                } else {
+                    context.commit("update_save_status",2)
+                    context.commit("update_act",'-')
+                    context.commit("update_dialog_action",false)
+                    prm.lastid = -1
+                    context.dispatch("search",prm)
+                }
+            } catch(e) {
+            context.commit("update_save_status",3)
+            }
+        }
+    }
+}

test/vuex/one-sample-call-so/store.js

@@ -0,0 +1,27 @@
+// State
+//  data ...
+// Mutations
+//
+//
+// Actions
+import samplecall from "./modules/samplecall.js";
+import system from "../../../apps/modules/system/system.js";
+export const store = new Vuex.Store({
+    modules: {
+        samplecall: samplecall,
+        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)
+        }
+    }
+});