<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-dialog v-model="dialog_doctor" persistent max-width="45%">
            <v-card>
                <v-card-title color="success" class="headline">Pilih dokter pembaca</v-card-title>
                <v-card-text>
                    <v-layout row>
                        <v-flex xs12>
                            <v-switch v-model="flagdoctorinoffice" label="Dokter Pramita"></v-switch>
                        </v-flex>
                    </v-layout>
                    <v-layout row>
                        <v-flex xs6 pa-1>
                            <v-select item-text="name" return-object :items="doctors" v-model="selected_doctor" label="Dokter"></v-select>
                            <p v-if="errors.require_doctor" class="error pl-2 pr-2" style="color:#fff">Ayo pilih salah satu</p>
                        </v-flex>
                        <v-flex xs6 pa-1>
                            <v-select item-text="M_DoctorAddressDescription" return-object :items="doctor_address" v-model="selected_doctor_address"
                                label="Alamat Dokter"></v-select>
                            <p v-if="errors.require_doctor_address" class="error pl-2 pr-2" style="color:#fff">Mau tau dong alamatnya</p>
                        </v-flex>
                    </v-layout>
                </v-card-text>
                <v-card-actions>
                    <v-spacer></v-spacer>
                    <v-btn color="black" flat @click="dialog_doctor = false">Tutup</v-btn>
                    <v-btn color="green darken-1" flat @click="saveDoctor">Simpan</v-btn>
                    <!--<v-btn color="green darken-1" flat @click="saveRequirement()">Simpan</v-btn>-->
                </v-card-actions>
            </v-card>
        </v-dialog>
        <v-card class="mb-2 pa-2 searchbox">
            <v-layout align-center row>
                <v-flex xs3>
                    <v-menu v-model="menufilterdatestart" :close-on-content-click="false" :nudge-right="40" lazy transition="scale-transition"
                        offset-y full-width max-width="290px" min-width="290px">
                        <template v-slot:activator="{ on }">
                            <v-text-field class="mr-2" v-model="filterComputedDateFormattedStart" label="Tanggal Awal" outline hide-details readonly
                                v-on="on" @blur="date = deFormatedDate(filterComputedDateFormattedStart)"></v-text-field>
                        </template>
                        <v-date-picker v-model="init_sdate" no-title @input="menufilterdatestart = false"></v-date-picker>
                    </v-menu>
                </v-flex>
                <v-flex xs3>
                    <v-menu v-model="menufilterdateend" :close-on-content-click="false" :nudge-right="40" lazy transition="scale-transition"
                        offset-y full-width max-width="290px" min-width="290px">
                        <template v-slot:activator="{ on }">
                            <v-text-field class="mr-2" v-model="filterComputedDateFormattedEnd" label="Tanggal Akhir" outline hide-details readonly v-on="on"
                                @blur="date = deFormatedDate(filterComputedDateFormattedEnd)"></v-text-field>
                        </template>
                        <v-date-picker v-model="init_edate" no-title @input="menufilterdateend = false"></v-date-picker>
                    </v-menu>
                </v-flex>
                <v-flex xs4>
                    <v-text-field style="font-size:14px" class="mr-1" label="No Reg / Nama" outline v-model="nolab" hide-details></v-text-field>
                </v-flex>
                <v-flex xs5>
                    <v-autocomplete label="Kel. Pelanggan" v-model="xselectedcompany" class="ma-1" :items="xcompanys" :search-input.sync="search_company"
                        auto-select-first hide-details style="font-size:14px" outline no-filter item-text="name" return-object
                        :loading="isLoading" no-data-text="Semua Kel. Pelanggan">
                        <template slot="item" slot-scope="{ item }">
                            <v-list-tile-content>
                                <v-list-tile-title v-text="item.name"></v-list-tile-title>
                            </v-list-tile-content>
                        </template>
                    </v-autocomplete>
                </v-flex>
                <v-flex text-xs-right 1>
                  <!--  <span title="pilih dokter pembaca" v-if="btn_hide === false" @click="opendialogdoctor" class="icon-medium-fill-base white--text brown"><v-icon large dark>assignment_ind</v-icon></span> -->
                <span title="print all barcode" @click="printMultipleBarcode" class="icon-medium-fill-base xs1 white--text grey darken-1  ml-1 icon-print"></span>
                                
                </v-flex>
            </v-layout>

        </v-card>
        <v-card>
            <v-layout style="max-height:610px;overflow-y:scroll" 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 v-slot:headers="props">
                            <tr>
                                <th class="text-xs-left blue lighten-3 white--text">
                                    <v-checkbox style="padding-top:0;margin-top:0" hide-details color="blue lighten-1" :indeterminate="indeterminatex" @change="changeCbxAll(bar_chx_all)"
                                        v-model="bar_chx_all"></v-checkbox>
                                </th>
                                <th v-for="header in props.headers" :key="header.text" :class="header.class" :width="header.width">
                                    {{ header.text }}
                                </th>
                            </tr>
                        </template>
                        <template v-slot:items="props">
                            <td style="width:15px" class="text-xs-left" v-bind:class="{'amber':props.item.iscito === 'Y'}">
                                  <v-checkbox style="padding-top:0;margin-top:0"
                                    color="blue lighten-1" hide-details v-model="props.item.chex" @change="checkTop()"></v-checkbox>
                            </td>
                            <td class="text-xs-left pa-2" v-bind:class="{'amber':props.item.iscito === 'Y'}">
                                {{ props.item.order_date}}
                            </td>
                            <td class="text-xs-left pa-2" v-bind:class="{'amber':props.item.iscito === 'Y'}">
                                <span class="font-weight-black caption">{{ props.item.T_OrderHeaderLabNumber }}</span>
                                <span style="color:#800000" class="font-weight-bold caption">{{props.item.T_OrderHeaderLabNumberExt}}</span>
                            </td>
                            <td class="text-xs-left pa-2" v-bind:class="{'amber':props.item.iscito === 'Y'}">
                                <p class="mb-0">{{fullname(props.item.patient_fullname)}}</p>
                                <p style="cursor:pointer" class="mb-0" :title="props.item.umur">{{ props.item.patient_dob}}</p>
                            </td>
                            <td class="text-xs-left pa-2" v-bind:class="{'amber':props.item.iscito === 'Y'}">
                                <p class="mb-0">{{ props.item.testname}}</p>
                                <p class="mb-0 caption">{{ props.item.doctor_sender}}</p>
                            </td>
                            <td class="text-xs-left pa-2" v-bind:class="{'amber':props.item.iscito === 'Y'}">
                                <p class="mb-0">{{ props.item.companyname}}</p>
                            </td>
                            <td class="text-xs-center pa-2" v-bind:class="{'amber':props.item.iscito === 'Y'}">
                                <span v-if="props.item.status_print === '0'" title="print barcode" @click="printSingleBarcode(props.item)" class="icon-medium-fill-base-small xs1 white--text grey darken-1  ml-1 icon-print"></span>
                                <span v-if="props.item.status_print !== '0'" title="print barcode" @click="printSingleBarcode(props.item)" class="icon-medium-fill-base-small xs1 white--text success darken-1  ml-1 icon-print"></span>
                            </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("labnumber/getstationstatus", {
                sdate: this.$store.state.labnumber.init_sdate,
                edate: this.$store.state.labnumber.init_edate,
                name: this.name,
                nolab: this.nolab,
                companyid: this.xselectedcompany.id,
                gresultid: this.xselectedgresult.id,
                // current_page:1,
                lastid: -1
            })
        },
        methods: {
            changeCbxAllPrint(value) {
                var arr = this.barcodes_print
                this.indeterminatex_print = false
                arr.forEach((el) => {
                    el.chex = value
                })
                var selected = _.filter(arr, function (o) {
                    return o.chex;
                })
                this.selected_barcode_print = selected
            },
            checkTopPrint() {
                var barcodes = this.barcodes_print
                var selected = _.filter(barcodes, function (o) {
                    return o.chex;
                })
                this.bar_chx_all_print = false
                this.indeterminatex_print = false
                if (selected.length > 0 && barcodes.length === selected.length) {
                    this.bar_chx_all_print = true
                    this.indeterminatex_print = false
                }
                if (selected.length > 0 && barcodes.length > selected.length) {
                    this.bar_chx_all_print = false
                    this.indeterminatex_print = true
                }
                this.selected_barcode_print = selected

            },
            openbarcodeprint(value) {
                this.bar_chx_all_print = false
                this.indeterminatex_print = false
                this.dialogbarcode = true
                this.selected_barcode_print = []
                this.barcodes_print = value.barcodes
                console.log(value)
                //this.$store.dispatch("patient/lookup_barcodes",value)
            },
            fullname(value) {
                var xx = value.length
                if (xx > 25)
                    return value.substring(0, 23) + '...'
                else
                    return value
            },
            isSelected(p) {
                return p.T_BarcodeLabID == this.$store.state.labnumber.selected_patient.T_BarcodeLabID
            },
            searchPatient() {
                this.$store.dispatch("labnumber/search", {
                     sdate: this.$store.state.labnumber.init_sdate,
                edate: this.$store.state.labnumber.init_edate,
                name: this.name,
                nolab: this.nolab,
                companyid: this.xselectedcompany.id,
                gresultid: this.xselectedgresult.id,
                // current_page:1,
                lastid: -1
                })
            },
            selectMe(pat) {
                if (this.$store.state.labnumber.no_save == 0) {
                    var patients = this.$store.state.labnumber.patients
                    this.$store.commit("labnumber/update_selected_patient", pat)
                    var idx = _.findIndex(patients, function (o) {
                        return o.T_BarcodeLabID == pat.T_BarcodeLabID
                    })
                    this.$store.commit("labnumber/update_last_id", idx)
                } else {
                    this.$store.commit("labnumber/update_open_alert_confirmation", true)
                }

            },
            closeAlertConfirmation() {
                this.$store.commit("labnumber/update_open_alert_confirmation", false)
            },
            forgetAlertConfirmation() {
                this.$store.commit("labnumber/update_no_save", 0)
                this.$store.commit("labnumber/update_open_alert_confirmation", false)
            },
            updateAlert_success(val) {
                this.$store.commit("labnumber/update_alert_success", val)
            },
            setNewPatient() {
                //this.$store.commit("labnumber/update_selected_Patient",{})

            },
            openDialogRequirement(value) {
                //console.log(value)
                var trx = this.$store.state.labnumber.patients
                var idx = _.findIndex(trx, function (o) {
                    return o.T_BarcodeLabBarcode == value.T_BarcodeLabBarcode
                })
                if (value.status === 'V' && value.requirement_status === 'Y') {

                } else {
                    this.$store.commit("labnumber/update_selected_patient", value)
                    trx[idx].requirement_status = 'N'
                    //console.log(trx[idx].requirements)
                    this.$store.commit("labnumber/update_requirements", trx[idx].requirements)
                    this.$store.commit("labnumber/update_dialog_requirement", true)
                }
            },
            checkReq(val, idx) {
                var xrequirements = this.requirements
                if (xrequirements[idx].status === 'D') {
                    xrequirements[idx].chex = val
                    this.$store.commit("labnumber/update_requirements", xrequirements)
                }
            },
            saveRequirement() {
                var sampletypes = this.$store.state.labnumber.patients
                var selected_sample = this.$store.state.labnumber.selected_patient
                var idx = _.findIndex(sampletypes, function (o) {
                    return o.T_BarcodeLabID == selected_sample.T_BarcodeLabID
                })
                if (sampletypes[idx].status === 'D') {
                    sampletypes[idx].requirements = this.$store.state.labnumber.requirements
                }
                this.$store.commit("labnumber/update_dialog_requirement", false)
            },
            confirmRequirement(value) {
                var sampletypes = this.$store.state.labnumber.patients
                var idx = _.findIndex(sampletypes, function (o) {
                    return o.T_BarcodeLabID == value.T_BarcodeLabID
                })
                if (value.status === 'D') {
                    sampletypes[idx].requirement_status = 'Y'
                    this.$store.commit("labnumber/update_patients", sampletypes)

                    sampletypes[idx].requirements.forEach((el) => {
                        el.chex = "N"
                    })
                }
            },
            verify(value) {
                console.log(value)
                var goaction = true
                if (value.requirement_status === 'N') {
                    var req_check = _.filter(value.requirements, function (o) {
                        return o.chex === 'Y'
                    })
                    if (req_check.length === 0) {
                        goaction = false
                    }
                }
                if (value.status === 'D' && value.requirement_status !== 'X' && goaction) {
                    console.log("in verify")
                    this.$store.commit("labnumber/update_act", 'verify')
                    this.$store.commit("labnumber/update_selected_patient", value)
                    this.closeDialogAction()
                } else {
                    //console.log('oeey')
                    if (value.status === 'D') {
                        this.$store.commit("labnumber/update_msg_info",
                            "Mobil batmen ngeluarin api, ada requirement mohon dilengkapi")
                        this.$store.commit("labnumber/update_open_dialog_info", true)
                    }

                }
            },
            removeDoctor(value) {
                //this.selected_patient = value
                let arrPatient = this.$store.state.labnumber.patients
                var idx = _.findIndex(arrPatient, item => item.T_SamplingSoID === value.T_SamplingSoID)
                arrPatient[idx]['chex'] = true
                this.$store.commit("labnumber/update_patients", arrPatient)
                var selected = _.filter(arrPatient, function (o) {
                    return o.chex;
                })
                this.$store.commit("labnumber/update_selected_patient", selected)
                this.$store.commit("labnumber/update_act", 'removedoctor')
                this.closeDialogAction()

            },
            receive() {
                this.$store.commit("labnumber/update_act", 'receive')
                this.closeDialogAction()

            },
            reject() {
                this.$store.commit("labnumber/update_act", 'reject')
                this.closeDialogAction()

            },
            cancel() {
                this.$store.commit("labnumber/update_act", 'cancel')
                this.closeDialogAction()

            },
            closeDialogAction() {
                console.log("closedialogaction")
                this.btn_hide = true
                var act = this.$store.state.labnumber.act
                var trx = this.$store.state.labnumber.selected_patient
                if (trx.length > 0) {
                    this.$store.dispatch("labnumber/doaction", {
                        act: act,
                        sample: trx,
                        nolab: this.nolab,
                        stationid: this.xselectedstation.id,
                        statusid: this.xselectedstatus.id,
                        lastid: -1
                    })
                } else {
                    this.btn_hide = false
                    this.$store.commit("labnumber/update_msg_info",
                        "Tong kosong nyaring bunyinya, centang masih kosong tak ada gunanya<br/>Pilih salah satu biar ada aksi, jangan malah bengong lakukan saja"
                    )
                    this.$store.commit("labnumber/update_open_dialog_info", true)
                }

            },
            closeDialogSuccess() {
                let arrPatient = this.$store.state.labnumber.patients
                var idx = _.findIndex(arrPatient, item => item.M_PatientID === this.$store.state.labnumber.last_id)
                console.log(idx)
                var xcur_page = 1
                //  if(idx !== -1)
                //   xcur_page = this.$store.state.labnumber.current_page

                this.$store.dispatch("labnumber/search", {
                    sdate: this.$store.state.labnumber.init_sdate,
                    edate: this.$store.state.labnumber.init_edate,
                    name: this.name,
                    nolab: this.nolab,
                    companyid: this.xselectedcompany.id,
                    gresultid: this.xselectedgresult.id,
                    // current_page:xcur_page,
                    lastid: idx
                })

                this.$store.commit("labnumber/update_dialog_success", false)
            },
            closeDialogInfo() {
                this.$store.commit("labnumber/update_open_dialog_info", false)
            },
            checkTop() {
                var barcodes = this.patients
                var selected = _.filter(barcodes, function (o) {
                    return o.chex;
                })
                this.bar_chx_all = false
                this.indeterminatex = false
                if (selected.length > 0 && barcodes.length === selected.length) {
                    this.bar_chx_all = true
                    this.indeterminatex = false
                }
                if (selected.length > 0 && barcodes.length > selected.length) {
                    this.bar_chx_all = false
                    this.indeterminatex = true
                }
                this.$store.commit("labnumber/update_selected_patient", selected)
                console.log(selected)
            },
            changeCbxAll(value) {
                var arr = this.patients
                this.indeterminatex = false
                //arr.forEach((el)=>{el.chex = value})
                arr.forEach(function (entry) {
                    entry.chex = value
                })
                var selected = _.filter(arr, function (o) {
                    return o.chex;
                })
                this.$store.commit("labnumber/update_selected_patient", selected)
            },
            thr_search_company: _.debounce(function () {
                this.$store.dispatch("labnumber/searchcompany", this.search_company)
            }, 2000),
            thr_search_doctor: _.debounce(function () {
                this.$store.dispatch("labnumber/searchdoctor", {
                    search: this.search_doctor
                })
            }, 2000),
            saveDoctor() {
                this.errors = {
                    require_doctor: false,
                    require_doctor_address: false
                }
                if (!_.isEmpty(this.selected_doctor, true) && !_.isEmpty(this.selected_doctor_address, true)) {
                    var barcodes = this.patients
                    var selected = _.filter(barcodes, function (o) {
                        return o.chex;
                    })
                    var prm = {}
                    prm.selected_doctor = this.selected_doctor
                    prm.selected_doctor_address = this.selected_doctor_address
                    prm.flagdoctorinoffice = this.flagdoctorinoffice
                    prm.selected_patient = selected
                    prm.search = {
                        name: this.name,
                        nolab: this.nolab,
                        stationid: this.xselectedstation.id,
                        statusid: this.xselectedstatus.id,
                        // current_page:1,
                        lastid: -1
                    }
                    this.$store.dispatch("labnumber/savedoctor", prm)
                } else {
                    if (_.isEmpty(this.selected_doctor, true)) {
                        this.errors.require_doctor = true
                    }
                    if (_.isEmpty(this.selected_doctor_address, true)) {
                        this.errors.require_doctor_address = true
                    }
                }

            },
            opendialogdoctor() {
                this.errors = {
                    require_doctor: false,
                    require_doctor_address: false
                }
                var trx = this.$store.state.labnumber.selected_patient
                if (trx.length > 0) {
                    this.flagdoctorinoffice = false
                    this.selected_doctor = {}
                    this.selected_doctor_address = {}
                    this.$store.commit("labnumber/update_doctors", [])
                    this.$store.commit("labnumber/update_doctor_address", [])
                    //this.dialog_doctor = true
                    this.$store.dispatch("labnumber/getdoctorbystation", {
                        stationid: this.xselectedstation.id,
                    })
                } else {
                    this.btn_hide = false
                    this.$store.commit("labnumber/update_msg_info",
                        "Tong kosong nyaring bunyinya, centang masih kosong tak ada gunanya<br/>Pilih salah satu biar ada aksi, jangan malah bengong lakukan saja"
                    )
                    this.$store.commit("labnumber/update_open_dialog_info", true)
                }
            },
            printSingleBarcode(value) {
                //console.log(value)
                var label = value.T_BarcodeLabBarcode
               one_print_barcode_amplop_so_group(value.T_OrderHeaderID)
                this.$store.dispatch("labnumber/saveprintlog", value)
            },
            printMultipleBarcode() {
                var trx = this.$store.state.labnumber.selected_patient
                _.forEach(trx, function (value) {
                    one_print_barcode_amplop_so_group(value.T_OrderHeaderID)
                })
                var prm = {}
                prm.selected_order = trx
                prm.search = {
                        sdate: this.$store.state.labnumber.init_sdate,
                edate: this.$store.state.labnumber.init_edate,
                name: this.name,
                nolab: this.nolab,
                companyid: this.xselectedcompany.id,
                gresultid: this.xselectedgresult.id,
                        // current_page:1,
                        lastid: -1
                    }
                this.$store.dispatch("labnumber/saveprintalllog", prm);
            },
            changeFilter(e) {
                if (e.key == 'Enter') {
                    ////this.searchPatient()
                }
            },
            formatDate(date) {
                if (!date) return null

                const [year, month, day] = date.split('-')
                return `${day}-${month}-${year}`
            },
            deFormatedDate(date) {
                if (!date) return null

                const [day, month, year] = date.split('-')
                return `${year}-${month.padStart(2, '0')}-${day.padStart(2, '0')}`
            }
        },
        computed: {
            flagdoctorinoffice: {
                get() {
                    return this.$store.state.labnumber.flag_doctor_in_office
                },
                set(val) {
                    this.$store.commit("labnumber/update_flag_doctor_in_office", val)
                }
            },
            bar_chx_all: {
                get() {
                    return this.$store.state.labnumber.bar_chx_all
                },
                set(val) {
                    this.$store.commit("labnumber/update_bar_chx_all", val)
                }
            },
            indeterminatex: {
                get() {
                    return this.$store.state.labnumber.indeterminatex
                },
                set(val) {
                    this.$store.commit("labnumber/update_indeterminatex", val)
                }
            },
            btn_hide: {
                get() {
                    return this.$store.state.labnumber.btn_hide
                },
                set(val) {
                    this.$store.commit("labnumber/update_btn_hide", val)
                }
            },
            dialogsuccess: {
                get() {
                    return this.$store.state.labnumber.dialog_success
                },
                set(val) {
                    this.$store.commit("labnumber/update_dialog_success", val)
                }
            },
            msgsuccess() {
                return this.$store.state.labnumber.msg_success
            },
            snackbar: {
                get() {
                    return this.$store.state.labnumber.alert_success
                },
                set(val) {
                    this.$store.commit("labnumber/update_alert_success", val)
                }
            },
            isLoading() {
                return this.$store.state.labnumber.search_status == 1
            },
            xstations() {
                return this.$store.state.labnumber.stations
            },
            xselectedstation: {
                get() {
                    return this.$store.state.labnumber.selected_station
                },
                set(val) {
                    this.$store.commit("labnumber/update_selected_station", val)
                    // this.searchPatient()
                }
            },
            xcompanys() {
                return this.$store.state.labnumber.companys
            },
            xselectedcompany: {
                get() {
                    return this.$store.state.labnumber.selected_company
                },
                set(val) {
                    this.$store.commit("labnumber/update_selected_company", val)
                     this.searchPatient()
                }
            },
            xgresults() {
                return this.$store.state.labnumber.gresults
            },
            xselectedgresult: {
                get() {
                    return this.$store.state.labnumber.selected_gresult
                },
                set(val) {
                    this.$store.commit("labnumber/update_selected_gresult", val)
                     this.searchPatient()
                }
            },
            xstatuses() {
                return this.$store.state.labnumber.statuses
            },
            xselectedstatus: {
                get() {
                    return this.$store.state.labnumber.selected_status
                },
                set(val) {
                    this.$store.commit("labnumber/update_selected_status", val)
                    //this.searchPatient()
                }
            },
            patients() {
                return this.$store.state.labnumber.patients
            },
            openalertconfirmation: {
                get() {
                    return this.$store.state.labnumber.open_alert_confirmation
                },
                set(val) {
                    this.$store.commit("labnumber/update_open_alert_confirmation", val)
                }
            },
            curr_page: {
                get() {
                    return this.$store.state.labnumber.current_page
                },
                set(val) {
                    this.$store.commit("labnumber/update_current_page", val)
                    this.$store.dispatch("labnumber/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.labnumber.total_page
                },
                set(val) {
                    this.$store.commit("labnumber/update_total_page", val)
                }
            },
            opendialoginfo: {
                get() {
                    return this.$store.state.labnumber.open_dialog_info
                },
                set(val) {
                    this.$store.commit("labnumber/update_open_dialog_info", false)
                }
            },
            msginfo() {
                return this.$store.state.labnumber.msg_info
            },
            name: {
                get() {
                    return this.$store.state.labnumber.name
                },
                set(val) {
                    this.$store.commit("labnumber/update_name", val)
                }
            },
            nolab: {
                get() {
                    return this.$store.state.labnumber.nolab
                },
                set(val) {
                    this.$store.commit("labnumber/update_nolab", val)
                    this.searchPatient()
                }
            },
            doctors() {
                return this.$store.state.labnumber.doctors
            },
            selected_doctor: {
                get() {
                    return this.$store.state.labnumber.selected_doctor
                },
                set(val) {
                    this.$store.commit("labnumber/update_selected_doctor", val)
                    this.$store.commit("labnumber/update_doctor_address", val.address)
                    //console.log(val.address)
                    if (val.address)
                        this.selected_doctor_address = val.address[0]
                }
            },
            selected_doctor_address: {
                get() {
                    return this.$store.state.labnumber.selected_doctor_address
                },
                set(val) {
                    this.$store.commit("labnumber/update_selected_doctor_address", val)
                }
            },
            doctor_address() {
                return this.$store.state.labnumber.doctor_address
            },
            dialog_doctor: {
                get() {
                    return this.$store.state.labnumber.dialog_doctor
                },
                set(val) {
                    this.$store.commit("labnumber/update_dialog_doctor", val)
                }
            },
            requirements: {
                get() {
                    return this.$store.state.labnumber.requirements
                },
                set(val) {
                    this.$store.commit("labnumber/update_requirements", val)
                }
            },
            filterComputedDateFormattedStart() {
                return this.formatDate(this.init_sdate)
            },
            filterComputedDateFormattedEnd() {
                return this.formatDate(this.init_edate)
            },
            init_sdate: {
                get() {
                    return this.$store.state.labnumber.init_sdate
                },
                set(val) {
                    this.$store.commit("labnumber/update_init_sdate", val)
                    this.searchPatient()
                }
            },
            init_edate: {
                get() {
                    return this.$store.state.labnumber.init_edate
                },
                set(val) {
                    this.$store.commit("labnumber/update_init_edate", val)
                    this.searchPatient()
                }
            }
        },
        watch: {
            search_company(val, old) {
                if (val == old) return;
                if (!val) return;
                if (val.length < 1) return;
                if (this.$store.state.labnumber.update_autocomplete_status == 1) return;
                this.thr_search_company();
            },
            search_doctor(val, old) {
                //console.log(val)
                if (val == old) return
                if (!val) return
                if (val.length < 1) return
                if (this.$store.state.labnumber.update_autocomplete_status == 1) return
                this.thr_search_doctor()
            }
        },
        data() {
            return {
                msgalertconfirmation: "Perubahan yang telah dilakukan belum disimpan dong !",
                items: [],
                menufilterdatestart: false,
                menufilterdateend: false,
                search_company: '',
                dialogbarcode: false,
                bar_chx_all_print: false,
                // bar_chx_all:false,
                selected_barcode_print: [],
                selected_barcode: [],
                barcodes_print: [],
                barcodes: [],
                indeterminatex_print: false,
                //indeterminatex:false,
                search_doctor: '',
                errors: {
                    require_doctor: false,
                    require_doctor_address: false
                },
                page: 1,
                headers: [{
                        text: "TGL. TRANSAKSI",
                        align: "left",
                        sortable: false,
                        value: "mr",
                        width: "15%",
                        class: "text-xs-left pa-2 blue lighten-3 white--text"
                    },
                    {
                        text: "NO REG",
                        align: "left",
                        sortable: false,
                        value: "mr",
                        width: "10%",
                        class: "text-xs-left pa-2 blue lighten-3 white--text"
                    },
                    {
                        text: "NAMA",
                        align: "left",
                        sortable: false,
                        value: "name",
                        width: "30%",
                        class: "text-xs-left pa-2 blue lighten-3 white--text"
                    },
                    {
                        text: "PEMERIKSAAN",
                        align: "left",
                        sortable: false,
                        value: "lab",
                        width: "25%",
                        class: "text-xs-left pa-2 blue lighten-3 white--text"
                    },
                    {
                        text: "KEL. PELANGGAN",
                        align: "left",
                        sortable: false,
                        value: "status",
                        width: "20%",
                        class: "text-xs-left pa-2 blue lighten-3 white--text"
                    },
                    {
                        text: "AKSI",
                        align: "center",
                        sortable: false,
                        value: "status",
                        width: "15%",
                        class: "pa-2 blue lighten-3 white--text"
                    }
                ]
            };
        }
    }
</script>