<template>
    <v-layout>
        <v-flex xs12>
            <v-card class="mb-2" color="white">
                <v-toolbar color="blue lighten-3" dark height="50px">
                    <v-toolbar-title>RESULT FLAG</v-toolbar-title>
                    <v-spacer></v-spacer>
                    <v-btn @click="openFormResultFlag(0)" icon>
                        <v-icon>library_add</v-icon>
                    </v-btn>
                </v-toolbar>
                <v-layout row  class="pa-2">
                    <v-flex pa-2 xs3>
                        <v-text-field type="text" v-model="xsearchtest"  clearable label="Pemeriksaan"
                            placeholder="Cari Pemeriksaan..." hide-details/>
                    </v-flex>
                    <v-flex pa-2 xs3>
                        <v-text-field type="text" v-model="xsearchresultname" hide-details  clearable label="Hasil"
                        placeholder="Cari Hasil..." />
                    </v-flex>
                    <v-flex pa-2 xs3>
                        <v-btn color="primary" @click="goSearch()">Cari</v-btn>
                    </v-flex>
  
                        
                    </v-list-tile>
                </v-layout>
                <v-divider></v-divider>
                <v-layout row wrap class="scroll-container" style="max-height:600px;overflow: auto;">
                    <v-flex xs12 pl-2 pr-2 pt-2 pb-2>
                        <v-data-table :headers="headers" :items="resultflags" :loading="isLoading" hide-actions
                            class="elevation-1">
                            <template slot="items" slot-scope="props">
                                <td class="text-xs-left pa-2"
                                    v-bind:class="{ 'amber lighten-4': isSelected(props.item) }"
                                    @click="selectMe(props.item)" v-html="props.item.Nat_TestName">
                                </td>
                                <td class="text-xs-left pa-2"
                                    v-bind:class="{ 'amber lighten-4': isSelected(props.item) }"
                                    @click="selectMe(props.item)" v-html="props.item.M_ResultFlagResult">
                                </td>
                                <td class="text-xs-center pa-2"
                                    v-bind:class="{ 'amber lighten-4': isSelected(props.item) }"
                                    @click="selectMe(props.item)" >{{props.item.M_ResultFlagFlag === 'H' ? 'Flag High' : props.item.M_ResultFlagFlag === 'L' ? 'Flag Low' : 'Normal'}}
                                </td>
                                <td class="text-xs-left pa-2"
                                    v-bind:class="{ 'amber lighten-4': isSelected(props.item) }"
                                    @click="selectMe(props.item)" >
                                    <p>{{props.item.M_ResultFlagNote}}</p>
                                </td>
                                <td class="text-xs-left pa-2"
                                    v-bind:class="{ 'amber lighten-4': isSelected(props.item) }"
                                    @click="selectMe(props.item)">
                                    <v-icon small class="ml-3" color="error"
                                        @click="deleteFormResultFlag(props.item)">clear</v-icon>
                                </td>
                            </template>
                        </v-data-table>
                    </v-flex>
                </v-layout>
                <v-divider></v-divider>
                <v-pagination style="margin-top:10px;margin-bottom:10px" v-model="curr_page"
                    :length="xtotal_page"></v-pagination>

                <template>
                    <v-layout row justify-center>
                        <v-dialog v-model="dialogresultflag" persistent max-width="750px">
                            <v-card>
                                <v-card-title>
                                    <span class="headline">FORM ADD RESULT FLAG</span>
                                </v-card-title>
                                <v-form ref="formresultflag" v-model="validresultflag" lazy-validation>
                                    <v-card-text class="pt-0 pb-0">
                                        <v-layout wrap>
                                            <v-flex pa-2 xs12>
                                                <v-autocomplete label="Pemeriksaan*" v-model="xautotest"
                                                    :items="xautotests" :search-input.sync="search_test" clearable
                                                    auto-select-first no-filter item-text="Nat_TestName" return-object
                                                    no-data-text="Cari Pemeriksaan" small :rules="testRules" required>
                                                    <template slot="item" slot-scope="{ item }">
                                                        <v-list-tile-content>
                                                            <v-list-tile-title
                                                                >{{item.Nat_TestName}} ({{item.Nat_TestCode}})</v-list-tile-title>
                                                        </v-list-tile-content>
                                                    </template>
                                                </v-autocomplete>
                                            </v-flex>
                                            <v-flex pa-2 xs12>
                                                <v-text-field label="Hasil*" v-model="xresult" :rules="resultRules"
                                                    required placeholder="Hasil" outlined dense></v-text-field>
                                            </v-flex>
                                            <v-flex pa-2 xs12>
                                                <v-radio-group v-model="xflag" :rules="flagRules" label="Pilih Flag*" row>
                                                    <v-radio label="Normal" value="N"></v-radio>
                                                    <v-radio label="Flag High" value="H"></v-radio>
                                                    <v-radio label="Flag Low" value="L"></v-radio>
                                                </v-radio-group>
                                            </v-flex>
                                            <v-flex pa-2 xs12>
                                                <v-textarea label="Keterangan" rows="auto" v-model="xdescription" placeholder="Keterangan" outlined dense></v-textarea>
                                            </v-flex>
                                            <v-flex>
                                                <p v-for="(xerror, idx) in xerrors" class="error pl-2 pr-2"
                                                    style="color:#fff">{{ xerror.msg }}</p>
                                                <p v-if="xsave_error_message" class="error pl-2 pr-2"
                                                    style="color:#fff">{{ this.$store.state.resultflag.save_error_message }}</p>
                                            </v-flex>   
                                            <v-flex v-if="message_save">
                                                <v-card class="success" dark>
                                                    <v-card-text>
                                                        <p class="white--text pl-2 pr-2 mb-0">{{ message_save }}</p>
                                                    </v-card-text>
                                                </v-card>
                                               
                                            </v-flex>
                                        </v-layout>
                                    </v-card-text>
                                    <v-card-actions>
                                        <v-spacer></v-spacer>
                                        <v-btn color="blue darken-1" flat
                                            @click="closeDialogFormResultFlag()">Tutup</v-btn>
                                        <v-btn color="blue darken-1" flat @click="saveFormResultFlag()">Simpan</v-btn>
                                    </v-card-actions>
                                </v-form>
                            </v-card>
                        </v-dialog>
                    </v-layout>
                </template>

            </v-card>
        </v-flex>

        <!-- <one-dialog-print :title="printtitle" :width="printwidth" :height="500" :status="openprint" :urlprint="urlprint" @close-dialog-print="closePrint"></one-dialog-print> -->
        <template>

            <v-dialog v-model="dialogdeletealertresultflag" max-width="30%">
                <v-card>
                    <v-card-title class="headline grey lighten-2 pt-2 pb-2" primary-title>
                        Peringatan !
                    </v-card-title>
                    <v-card-text class="pt-2 pb-2">
                        <v-layout row>
                            <v-flex xs12 d-flex>
                                <v-layout row>
                                    <v-flex pb-1 xs12>
                                        <v-layout row>
                                            <v-flex pt-2 pr-2 xs12>
                                                {{ msgalertresultflag }}
                                            </v-flex>
                                        </v-layout>
                                    </v-flex>
                                </v-layout>
                            </v-flex>
                        </v-layout>
                    </v-card-text>
                    <v-divider></v-divider>
                    <v-card-actions>
                        <v-spacer></v-spacer>
                        <v-btn color="primary" flat @click="dialogdeletealertresultflag = false">
                            Tutup
                        </v-btn>
                        <v-btn color="primary" flat @click="DeleteAlertResultFlag()">
                            Yakin lah
                        </v-btn>
                    </v-card-actions>
                </v-card>
            </v-dialog>

        </template>

    </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;
}

.textinput {
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
    background-color: white;
    background-position: 10px 10px;
    background-repeat: no-repeat;
    padding-left: 40px;
    width: 100%;
    padding: 8px 10px;
    margin-bottom: 5px;
    box-sizing: border-box;
    border: 1px solid #607d8b;

}

.textinput:focus {
    width: 100%;
}

.textinput:focus::-webkit-input-placeholder {
    color: transparent;
}

.textinput:focus::-moz-placeholder {
    color: transparent;
}

.textinput:-moz-placeholder {
    color: transparent;
}

.boxoutline {
    color: red;
    border: 1px solid red;
    justify-content: center;
    height: 45px;
    line-height: 45px;
    padding-left: 10px;
    background: #ffffff;
    font-size: 14px;
    font-weight: 500;
    border-radius: 1px
}

.boxoutline:hover {
    background: rgba(0, 0, 0, 0.07) !important;
    font-size: 15px;
    font-weight: 700;
}

.boxsolid {
    color: #ffffff;
    border: 1px solid #ffffff;
    justify-content: center;
    height: 45px;
    line-height: 45px;
    padding-left: 10px;
    background: #f44336;
    font-size: 14px;
    font-weight: 500;
    border-radius: 1px
}

.boxsolid:hover {
    background: #f44336de;
    font-size: 15px;
    font-weight: 700;
}

.scroll-container {
    scroll-padding: 50px 0 0 50px;
}

::-webkit-scrollbar {
    width: 7px;
}

/* this targets the default scrollbar (compulsory) */

::-webkit-scrollbar-track {
    background-color: #73baf3;
}

/* the new scrollbar will have a flat appearance with the set background color */

::-webkit-scrollbar-thumb {
    background-color: #2196f3;
}

/* this will style the thumb, ignoring the track */

::-webkit-scrollbar-button {
    background-color: #0079da;
}

/* optionally, you can style the top and the bottom buttons (left and right for horizontal bars) */

::-webkit-scrollbar-corner {
    background-color: black;
}

/* if both the vertical and the horizontal bars appear, then perhaps the right bottom corner also needs to be styled */
</style>

<script>

module.exports = {
    components: {
        'one-date-picker': httpVueLoader('../../common/oneDatePicker.vue'),
        'one-dialog-print': httpVueLoader('../../common/oneDialogPrintX.vue')
    },
    data() {
        return {
            // query: "",
            // items: [],
            // openprint: false,
            // urlprint: '',
            // printtitle: '',
            // printwidth: 600,
            // formatreport: 'pdf',
            // readonlydefault: false,
            // page: 1,
            // xname: '',
            // xphone: '',
            // xcode: '',
            // xaddress: '',
            // xipaddress: '',
            // xbasename: '',
            // isdefault: false,
            // issatellite: false,
            // search_instrument: '',
            // search_city: '',
            // search_district: '',
            // search_kelurahan: '',
            search_test: '',
            resulttest: '',
            resultname: '',
            resultflag: '',

            // search_mou: '',
            // search_doctor: '',
            // xnameRules: [
            //     v => !!v || 'Nama harus diisi'
            // ],
            // xcodeRules: [
            //     v => !!v || 'Kode harus diisi'
            // ],
            flagRules: [
                v => !!v || 'Alamat harus diisi'
            ],
            resultRules: [
                v => !!v || 'Hasil harus diisi'
            ],
            testRules: [
                v => !!v || 'Pemeriksaan harus dipilih'
            ],
            // cityRules: [
            //     v => !!v || 'Kota harus dipilih'
            // ],
            // districtRules: [
            //     v => !!v || 'Kecamatan harus dipilih'
            // ],
            // kelurahanRules: [
            //     v => !!v || 'Kelurahan harus dipilih'
            // ],
            headers: [{
                text: "Pemeriksaan",
                align: "center",
                sortable: false,
                value: "lab",
                width: "20%",
                class: "blue lighten-3 white--text"
            },
            {
                text: "Hasil",
                align: "center",
                sortable: false,
                value: "M_ResultFlagResult",
                width: "25%",
                class: "blue lighten-3 white--text"
            },
            {
                text: "Flag",
                align: "center",
                sortable: false,
                value: "M_ResultFlagFlag",
                width: "10%",
                class: "blue lighten-3 white--text"
            },
            {
                text: "Keterangan",
                align: "center",
                sortable: false,
                value: "M_ResultFlagNote",
                width: "40%",
                class: "blue lighten-3 white--text"
            },
            {
                text: "Aksi",
                align: "center",
                sortable: false,
                value: "status",
                width: "10%",
                class: "blue lighten-3 white--text"
            }
            ],
            // pagination: {
            //     descending: false,
            //     page: 1,
            //     rowsPerPage: 100,
            //     sortBy: 'Nat_InstrumentName ASC',
            //     totalItems: this.$store.state.instrument.total_transactions
            // },
            // statuss: [{
            //         waktu: '16-07-2019 10:00',
            //         status: 'Order Dibuat',
            //         instrument: 'Nagita Slavina'
            //     },
            //     {
            //         waktu: '16-07-2019 11:00',
            //         status: 'Order Dikirim',
            //         instrument: 'Nagita Slavina'
            //     },
            //     {
            //         waktu: '16-07-2019 12:00',
            //         status: 'Order dikonfirmasi',
            //         instrument: 'Chacha Frederica'
            //     },
            //     {
            //         waktu: '16-07-2019 13:00',
            //         status: 'Telah dibuat Surat Jalan',
            //         instrument: 'Chacha Frederica'
            //     },
            //     {
            //         waktu: '16-07-2019 14:00',
            //         status: 'Kurir akan mengambil sampel',
            //         instrument: 'Satria Subiantoro'
            //     }
            // ],
            // color: "success",
            validresultflag: false,
            xid: 0,
            dialogdeletealertresultflag: false,
            msgalertresultflag: ""
            // isinput: "N",
            // countprice: 0,
            // instrumentinstrumentid: 0,
            // instrumentxname: "",
            // instrumentlang: "",
            // instrumenttext: "",
            // isadvance: "N",
            // instrumentformatadvance: "",
            // issenttoinstrument: "N",
            // menustartdate: false,
            // menuenddate: false,
            // date: new Date().toISOString().substr(0, 10),

            // dialogdeletealertinstrument: false,
            // dialogverifyalertinstrument: false,
            // dialogreleasealertinstrument: false,
            // alertverify: false,
            // dialogunreleasealertinstrument: false,
            // dialogunverifyalertinstrument: false,
        };
    },
    mounted() {
        this.$store.dispatch("resultflag/searchresultflag", {
            search_resulttest_name: "",
            resultname: "",
            resultflag: "",
            current_page: 1
        })
    },
    computed: {
        resultflags() {
            return this.$store.state.resultflag.result_flag_list
        },
        dialogresultflag() {
            return this.$store.state.resultflag.dialog_form_result_flag
        },
        xerrors() {
            return this.$store.state.resultflag.errors
        },
        isLoading() {
            return this.$store.state.resultflag.search_status == 1
        },
        xsave_error_message(){
            return this.$store.state.resultflag.save_error_message
        },
        // startComputedDateFormatted() {
        //     return this.formatDate(this.xstartdate)
        // },
        // xstartdate: {
        //     get() {
        //         return this.$store.state.instrument.startdate
        //     },
        //     set(val) {
        //         this.$store.commit("instrument/update_startdate", val)
        //     }
        // },
        // endComputedDateFormatted() {
        //     return this.formatDate(this.xenddate)
        // },
        // xenddate: {
        //     get() {
        //         return this.$store.state.instrument.enddate
        //     },
        //     set(val) {
        //         this.$store.commit("instrument/update_enddate", val)
        //     }
        // },
        // xautocitys() {
        //     return this.$store.state.instrument.autocitys
        // },
        // xautocity: {
        //     get() {
        //         return this.$store.state.instrument.autocity
        //     },
        //     set(val) {
        //         this.$store.commit("instrument/update_autocity", val)
        //         this.$store.dispatch("instrument/searchdistrict", {
        //             search: this.search_district,
        //             id: val.M_CityID
        //         })
        //     }
        // },
        // xautodistricts() {
        //     return this.$store.state.instrument.autodistricts
        // },
        // xautodistrict: {
        //     get() {
        //         return this.$store.state.instrument.autodistrict
        //     },
        //     set(val) {
        //         this.$store.commit("instrument/update_autodistrict", val)
        //         this.$store.dispatch("instrument/searchkelurahan", {
        //             search: this.search_kelurahan,
        //             id: val.M_DistrictID
        //         })
        //     }
        // },
        // xautokelurahans() {
        //     return this.$store.state.instrument.autokelurahans
        // },
        // xautokelurahan: {
        //     get() {
        //         return this.$store.state.instrument.autokelurahan
        //     },
        //     set(val) {
        //         this.$store.commit("instrument/update_autokelurahan", val)
        //     }
        // },
        // xautocompanys() {
        //     return this.$store.state.instrument.autocompanys
        // },
        // xautocompany: {
        //     get() {
        //         return this.$store.state.instrument.autocompany
        //     },
        //     set(val) {
        //         this.$store.commit("instrument/update_autocompany", val)
        //         this.$store.dispatch("instrument/searchmou", {
        //             search: this.search_mou,
        //             id: val.M_CompanyID
        //         })
        //     }
        // },
        // xautomous() {
        //     return this.$store.state.instrument.automous
        // },
        // xautomou: {
        //     get() {
        //         return this.$store.state.instrument.automou
        //     },
        //     set(val) {
        //         this.$store.commit("instrument/update_automou", val)
        //     }
        // },
        // xautodoctors() {
        //     return this.$store.state.instrument.autodoctors
        // },
        // xautodoctor: {
        //     get() {
        //         return this.$store.state.instrument.autodoctor
        //     },
        //     set(val) {
        //         this.$store.commit("instrument/update_autodoctor", val)
        //         this.$store.dispatch("instrument/selectaddressdoctor", {
        //             id: val.M_DoctorID
        //         })
        //     }
        // },
        // xaddressdoctors() {
        //     return this.$store.state.instrument.addressdoctors
        // },
        xdescription: {
            get() {
                return this.$store.state.resultflag.description
            },
            set(val) {
                this.$store.commit("resultflag/update_description", val)
            }
        },
        xresult: {
            get() {
                return this.$store.state.resultflag.result
            },
            set(val) {
                this.$store.commit("resultflag/update_result", val)
            }
        },
        xflag: {
            get() {
                return this.$store.state.resultflag.flag
            },
            set(val) {
                this.$store.commit("resultflag/update_flag", val)
            }
        },
        xautotests() {
            return this.$store.state.resultflag.autotests
        },
        xautotest: {
            get() {
                return this.$store.state.resultflag.selected_autotest
            },
            set(val) {
                this.$store.commit("resultflag/update_selected_autotest", val)
            }
        },
        xsearchtest: {
            get() {
                return this.$store.state.resultflag.x_search_test
            },
            set(val) {
                this.$store.commit("resultflag/update_x_search_test", val)
            }
        },
        message_save: {
            get() {
                return this.$store.state.resultflag.message_save
            },
            set(val) {
                this.$store.commit("resultflag/update_message_save", val)
            }
        },
        xsearchresultname: {
            get() {
                return this.$store.state.resultflag.x_search_resultname
            },
            set(val) {
                this.$store.commit("resultflag/update_x_search_resultname", val)
            }
        },
        xsearchflag: {
            get() {
                return this.$store.state.resultflag.x_search_flag
            },
            set(val) {
                this.$store.commit("resultflag/update_x_search_flag", val)
            }
        },
        curr_page: {
            get() {
                return this.$store.state.resultflag.current_page
            },
            set(val) {
                this.$store.commit("resultflag/update_current_page", val)
                this.$store.dispatch("resultflag/searchresultflag", {
                    search_resulttest_name: this.xsearchtest,
                    resultname: this.xsearchresultname,
                    resultflag: this.xsearchflag,
                    current_page: this.$store.state.resultflag.current_page
                })
            }
        },
        xtotal_page: {
            get() {
                return this.$store.state.resultflag.total_page
            },
            set(val) {
                this.$store.commit("resultflag/update_total_page", val)
            }
        }
    },
    methods: {
        goSearch(){
            this.$store.dispatch("resultflag/searchresultflag", {
                search_resulttest_name: this.xsearchtest,
                resultname: this.xsearchresultname,
                resultflag: this.xsearchflag,
                current_page: this.$store.state.resultflag.current_page
            })
        },
        isSelected(p) {
            return p.M_ResultFlagID == this.$store.state.resultflag.selected_resultflag.M_ResultFlagID
        },
        selectMe(sc) {
            this.$store.commit("resultflag/update_selected_resultflag", sc)
        },
        closeDialogFormResultFlag() {
            this.$store.commit("resultflag/update_save_error_message", '')
            this.$store.commit("resultflag/update_errors", [])
            this.$store.commit("resultflag/update_selected_autotest", {})
            this.$store.commit("resultflag/update_result", '')
            this.$store.commit("resultflag/update_flag", '')
            this.$store.commit("resultflag/update_dialog_form_result_flag", false)
        },
        saveFormResultFlag() {
            const selected = this.$store.state.resultflag.selected_autotest;
            this.$store.commit("resultflag/update_save_error_message", '')
            if (!selected || Object.keys(selected).length === 0) {
                this.$store.commit("resultflag/update_errors", [{ msg: "Pilih Pemeriksaannya Dulu" }]);
                return;
            }
            if (this.$refs.formresultflag.validate()) {
                this.$store.dispatch("resultflag/addresultflag", {
                    nattestid: this.$store.state.resultflag.selected_autotest.Nat_TestID,
                    resultname: this.$store.state.resultflag.result,
                    resultflag: this.$store.state.resultflag.flag,
                    description: this.$store.state.resultflag.description
                })
            }

        },
        // setStatusOrder(val) {
        //     this.$store.commit("instrument/update_instruments", {})
        //     this.$store.commit("instrument/update_dialog_status_order", true)
        //     this.$store.commit("instrument/update_statuss", val.statuss)
        // },
        // doPriceList(val) {
        //     console.log(location)
        //     var id = val.id
        //     location.replace("/one-ui/instrument/vuex/one-md-price/" + "?id=" + id)
        // },
        // doPrice() {
        //     console.log(location)
        //     var id = this.xid
        //     location.replace("/one-ui/instrument/vuex/one-md-price/" + "?id=" + id)
        // },
        thr_search_test: _.debounce(function () {
            this.$store.dispatch("resultflag/searchtest", {
                search_resulttest_name: this.search_test
            })
        }, 1000),
        thr_search_resultflag: _.debounce(function () {
            this.$store.dispatch("resultflag/searchresultflag", {
                search_resulttest_name: this.xsearchtest,
                resultname: this.xsearchresultname,
                resultflag: this.xsearchflag,
                current_page: 1,
            })
        }, 500),
        // thr_search_city: _.debounce(function () {
        //     this.$store.dispatch("instrument/searchcity", {
        //         search: this.search_city
        //     })
        // }, 200),
        // thr_search_district: _.debounce(function () {
        //     this.$store.dispatch("instrument/searchdistrict", {
        //         search: this.search_district,
        //         id: this.xautocity.M_CityID
        //     })
        // }, 200),
        // thr_search_kelurahan: _.debounce(function () {
        //     this.$store.dispatch("instrument/searchkelurahan", {
        //         search: this.search_kelurahan,
        //         id: this.xautodistrict.M_DistrictID
        //     })
        // }, 200),
        // thr_search: _.debounce(function () {
        //     this.$store.dispatch("instrument/lookupbyname", {
        //         instrument: this.xsearch,
        //         current_page: 1,
        //         lastid: -1
        //     })
        // }, 200),
        // thr_search_company: _.debounce(function () {
        //     this.$store.dispatch("instrument/searchcompany", {
        //         search: this.search_company
        //     })
        // }, 200),
        // thr_search_mou: _.debounce(function () {
        //     this.$store.dispatch("instrument/searchmou", {
        //         search: this.search_mou,
        //         id: this.xautocompany.M_CompanyID
        //     })
        // }, 200),
        // thr_search_doctor: _.debounce(function () {
        //     this.$store.dispatch("instrument/searchdoctor", {
        //         search: this.search_doctor
        //     })
        // }, 200),
        // searchInstrument() {
        //     this.$store.dispatch("instrument/lookup", {
        //         id: this.xinstrument.name === "" ? "0" : this.$store.state.instrument.selected_instrument
        //             .id,
        //         search: this.xsearch,
        //         current_page: 1,
        //         lastid: -1
        //     })
        // },
        // doPrint() {
        //     console.log('doprint')
        //     this.printwidth = 1028
        //     this.printtitle = ""
        //     let instrument = one_instrument()
        //     var id = this.xid
        //     var d = new Date();
        //     var n = d.getTime()
        //     var rptname = 'instrument_price'
        //     var formatrpt = this.formatreport

        //     this.urlprint = "/birt/run?__report=report/one/md/" + rptname +
        //         ".rptdesign&__format=" +
        //         formatrpt + "&PInstrumentID=" + id + "&instrumentxname=" + instrument.Nat_InstrumentInstrumentname +
        //         "&tm=" + n

        //     this.openprint = true
        // },
        // closePrint() {
        //     this.openprint = false
        // },
        openFormResultFlag(val) {
            this.$store.commit("resultflag/update_dialog_form_result_flag", true)
        },
        // editFormInstrument(val) {
        //     this.xid = val.id
        //     this.xname = val.Nat_InstrumentName
        //     this.xphone = val.Nat_InstrumentPhone
        //     this.xcode = val.Nat_InstrumentCode
        //     this.xaddress = val.Nat_InstrumentAddress
        //     this.xipaddress = val.Nat_InstrumentIPAddress
        //     this.xbasename = val.Nat_InstrumentBaseName
        //     this.isdefault = val.Nat_InstrumentIsDefault === 'N' ? false : true
        //     this.issatellite = val.Nat_InstrumentHaveSatellite === 'N' ? false : true
        //     this.readonlydefault = val.Nat_InstrumentIsDefault === 'N' ? false : true
        //     this.$store.commit("instrument/update_autoinstruments", [{
        //         Nat_InstrumentID: val.Nat_InstrumentID,
        //         Nat_InstrumentName: val.Nat_InstrumentName
        //     }])
        //     this.$store.commit("instrument/update_autoinstrument", {
        //         Nat_InstrumentID: val.Nat_InstrumentID,
        //         Nat_InstrumentName: val.Nat_InstrumentName
        //     })
        //     this.$store.commit("instrument/update_autocitys", [{
        //         M_CityID: val.M_CityID,
        //         M_CityName: val.M_CityName
        //     }])
        //     this.$store.commit("instrument/update_autocity", {
        //         M_CityID: val.M_CityID,
        //         M_CityName: val.M_CityName
        //     })
        //     this.$store.commit("instrument/update_autodistricts", [{
        //         M_DistrictID: val.M_DistrictID,
        //         M_DistrictName: val.M_DistrictName
        //     }])
        //     this.$store.commit("instrument/update_autodistrict", {
        //         M_DistrictID: val.M_DistrictID,
        //         M_DistrictName: val.M_DistrictName
        //     })
        //     this.$store.commit("instrument/update_autokelurahans", [{
        //         M_KelurahanID: val.M_KelurahanID,
        //         M_KelurahanName: val.M_KelurahanName
        //     }])
        //     this.$store.commit("instrument/update_autokelurahan", {
        //         M_KelurahanID: val.M_KelurahanID,
        //         M_KelurahanName: val.M_KelurahanName
        //     })
        //     this.$store.commit("instrument/update_autocompanys", [{
        //         M_CompanyID: val.M_CompanyID,
        //         M_CompanyName: val.M_CompanyName
        //     }])
        //     this.$store.commit("instrument/update_autocompany", {
        //         M_CompanyID: val.M_CompanyID,
        //         M_CompanyName: val.M_CompanyName
        //     })
        //     this.$store.commit("instrument/update_automous", [{
        //         M_MouID: val.M_MouID,
        //         M_MouName: val.M_MouName
        //     }])
        //     this.$store.commit("instrument/update_automou", {
        //         M_MouID: val.M_MouID,
        //         M_MouName: val.M_MouName
        //     })
        //     this.$store.commit("instrument/update_autodoctors", [{
        //         M_DoctorID: val.M_DoctorID,
        //         M_DoctorName: val.M_DoctorName
        //     }])
        //     this.$store.commit("instrument/update_autodoctor", {
        //         M_DoctorID: val.M_DoctorID,
        //         M_DoctorName: val.M_DoctorName
        //     })
        //     this.$store.commit("instrument/update_addressdoctors", [{
        //         M_DoctorAddressID: val.M_DoctorAddressID,
        //         M_DoctorAddressNote: val.M_DoctorAddressNote
        //     }])
        //     this.$store.commit("instrument/update_addressdoctor", {
        //         M_DoctorAddressID: val.M_DoctorAddressID,
        //         M_DoctorAddressNote: val.M_DoctorAddressNote
        //     })
        //     this.$store.commit("instrument/update_dialog_form_instrument", true)
        // },
        // checkError(value) {
        //     var errors = this.$store.state.instrument.errors
        //     if (errors.includes(value)) {
        //         return true
        //     } else {
        //         return false
        //     }
        // },

        // },
        // set_date2(x) {
        //     this.startdate = x.new_date
        // },
        // set_date3(x) {
        //     this.enddate = x.new_date
        // },
        // 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')}`
        // },
        // updateAlert_success(val) {
        //     this.$store.commit("instrument/update_alert_success", val)
        // },
        deleteFormResultFlag(data) {
            this.xid = data.M_ResultFlagID

            this.msgalertresultflag = "Yakin, mau hapus result flag ini?"
            this.dialogdeletealertresultflag = true
        },
        DeleteAlertResultFlag() {
            this.$store.dispatch("resultflag/deleteresultflag", {
                resultid: this.xid,
            })
            this.dialogdeletealertresultflag = false
        }
    },
    watch: {
       
        search_test(val, old) {
            if (val == old) return
            if (!val) return
            if (val.length < 1) return
            if (this.$store.state.resultflag.update_autocomplete_status == 1) return
            this.thr_search_test()
            console.log('search_test')
            let new_date = new Date()
            console.log(new_date)
            console.log(new_date.getTime())
            console.log(val)
        },
        // search_city(val, old) {
        //     if (val == old) return
        //     if (!val) return
        //     if (val.length < 1) return
        //     if (this.$store.state.instrument.update_autocomplete_status == 1) return
        //     this.thr_search_city()
        // },
        // search_district(val, old) {
        //     if (val == old) return
        //     if (!val) return
        //     if (val.length < 1) return
        //     if (this.$store.state.instrument.update_autocomplete_status == 1) return
        //     this.thr_search_district()
        // },
        // search_kelurahan(val, old) {
        //     if (val == old) return
        //     if (!val) return
        //     if (val.length < 1) return
        //     if (this.$store.state.instrument.update_autocomplete_status == 1) return
        //     this.thr_search_kelurahan()
        // },
        // search_company(val, old) {
        //     if (val == old) return
        //     if (!val) return
        //     if (val.length < 1) return
        //     if (this.$store.state.instrument.update_autocomplete_status == 1) return
        //     this.thr_search_company()
        // },
        // search_mou(val, old) {
        //     if (val == old) return
        //     if (!val) return
        //     if (val.length < 1) return
        //     if (this.$store.state.instrument.update_autocomplete_status == 1) return
        //     this.thr_search_mou()
        // },
        // search_doctor(val, old) {
        //     if (val == old) return
        //     if (!val) return
        //     if (val.length < 1) return
        //     if (this.$store.state.instrument.update_autocomplete_status == 1) return
        //     this.thr_search_doctor()
        // }
    }
}
</script>