From a4c1b39a669d37dfeacf67f121f4df355a636d21 Mon Sep 17 00:00:00 2001
From: sasadib <adib@sismedika.com>
Date: Mon, 27 Apr 2026 16:16:48 +0700
Subject: [PATCH] add filter date mcu preregister patient

---
 .../components/oneMdPatientDetail.vue         | 5970 +++++++++--------
 1 file changed, 3006 insertions(+), 2964 deletions(-)

diff --git a/test/vuex/one-mcu-offline-preregister-app-cponev7/components/oneMdPatientDetail.vue b/test/vuex/one-mcu-offline-preregister-app-cponev7/components/oneMdPatientDetail.vue
index c661343..fc12c3a 100644
--- a/test/vuex/one-mcu-offline-preregister-app-cponev7/components/oneMdPatientDetail.vue
+++ b/test/vuex/one-mcu-offline-preregister-app-cponev7/components/oneMdPatientDetail.vue
@@ -1,755 +1,760 @@
 <template>
-  <div>
-    <v-dialog v-model="dialogPrintBarcodeList" persistent max-width="600">
-      <v-card>
-        <v-card-title style="color: #fff;" class="headline grey darken-1">Cetak Barcode</v-card-title>
-        <v-card-text>
-          <v-layout pa-2 class="grey lighten-2" row>
-            <v-flex xs1>
-              <v-checkbox style="padding-top: 0; margin-top: 0;" hide-details color="grey darken-1"
-                :indeterminate="indeterminatex" @change="changeCbxAll(bar_chx_all)" v-model="bar_chx_all">
-              </v-checkbox>
-            </v-flex>
-            <v-flex xs5> SPECIMEN </v-flex>
-            <v-flex xs4> BARCODE </v-flex>
-            <v-flex xs2> JUMLAH </v-flex>
-            <v-flex xs2> CETAK </v-flex>
-          </v-layout>
-          <v-layout align-center pa-2 v-for="(vs, idx) in barcodeList" :key="vs.id" class="grey lighten-4" row>
-            <v-flex xs1>
-              <v-checkbox v-if="
-                vs.type === 'barcode' ||
-                vs.type === 'formulir' ||
-                vs.type === 'qrcode' ||
-                vs.type === 'nonlab'
-              " style="padding-top: 0; margin-top: 0;" color="grey darken-1" hide-details v-model="vs.chex"
-                @change="checkTop()"></v-checkbox>
-            </v-flex>
-            <v-flex xs5>
-              {{ vs.T_SampleTypeName }}
-            </v-flex>
-            <v-flex xs4>
-              {{ vs.T_BarcodeLabBarcode }}
-            </v-flex>
-            <v-flex xs2 class="px-2">
-              <v-text-field v-model="vs.count" class="mx-2" type="number" hide-details></v-text-field>
-              <!-- <span
+    <div>
+        <v-dialog v-model="dialogPrintBarcodeList" persistent max-width="600">
+            <v-card>
+                <v-card-title style="color: #fff;" class="headline grey darken-1">Cetak Barcode</v-card-title>
+                <v-card-text>
+                    <v-layout pa-2 class="grey lighten-2" row>
+                        <v-flex xs1>
+                            <v-checkbox style="padding-top: 0; margin-top: 0;" hide-details color="grey darken-1"
+                                :indeterminate="indeterminatex" @change="changeCbxAll(bar_chx_all)"
+                                v-model="bar_chx_all">
+                            </v-checkbox>
+                        </v-flex>
+                        <v-flex xs5> SPECIMEN </v-flex>
+                        <v-flex xs4> BARCODE </v-flex>
+                        <v-flex xs2> JUMLAH </v-flex>
+                        <v-flex xs2> CETAK </v-flex>
+                    </v-layout>
+                    <v-layout align-center pa-2 v-for="(vs, idx) in barcodeList" :key="vs.id" class="grey lighten-4"
+                        row>
+                        <v-flex xs1>
+                            <v-checkbox v-if="
+                                vs.type === 'barcode' ||
+                                vs.type === 'formulir' ||
+                                vs.type === 'qrcode' ||
+                                vs.type === 'nonlab'
+                            " style="padding-top: 0; margin-top: 0;" color="grey darken-1" hide-details
+                                v-model="vs.chex" @change="checkTop()"></v-checkbox>
+                        </v-flex>
+                        <v-flex xs5>
+                            {{ vs.T_SampleTypeName }}
+                        </v-flex>
+                        <v-flex xs4>
+                            {{ vs.T_BarcodeLabBarcode }}
+                        </v-flex>
+                        <v-flex xs2 class="px-2">
+                            <v-text-field v-model="vs.count" class="mx-2" type="number" hide-details></v-text-field>
+                            <!-- <span
                 @click="printSingleBarcode(vs)"
                 class="icon-medium-fill-base-small xs1 white--text grey darken-1 ml-1 icon-print"
               ></span> -->
-            </v-flex>
-            <v-flex xs2>
-              <span @click="printSingleBarcode(vs)"
-                class="icon-medium-fill-base-small xs1 white--text grey darken-1 ml-1 icon-print"></span>
-            </v-flex>
-          </v-layout>
-        </v-card-text>
-        <v-card-actions>
-          <v-spacer></v-spacer>
-          <v-btn color="grey darken-1" flat @click="closeDialogBarcode()">Tutup</v-btn>
-          <!-- <v-btn dark color="grey darken-3" @click="printRobo"
+                        </v-flex>
+                        <v-flex xs2>
+                            <span @click="printSingleBarcode(vs)"
+                                class="icon-medium-fill-base-small xs1 white--text grey darken-1 ml-1 icon-print"></span>
+                        </v-flex>
+                    </v-layout>
+                </v-card-text>
+                <v-card-actions>
+                    <v-spacer></v-spacer>
+                    <v-btn color="grey darken-1" flat @click="closeDialogBarcode()">Tutup</v-btn>
+                    <!-- <v-btn dark color="grey darken-3" @click="printRobo"
             >Cetak Robo
           </v-btn> -->
-          <!-- [ {{ selected_barcode.length }} ] -->
-          <v-btn dark color="grey darken-1" @click="printMultipleBarcode()">Cetak terpilih [ {{ selected_barcode.length
-          }} ]</v-btn>
-        </v-card-actions>
-      </v-card>
-    </v-dialog>
+                    <!-- [ {{ selected_barcode.length }} ] -->
+                    <v-btn dark color="grey darken-1" @click="printMultipleBarcode()">Cetak terpilih [ {{
+                        selected_barcode.length
+                        }} ]</v-btn>
+                </v-card-actions>
+            </v-card>
+        </v-dialog>
 
-    <v-dialog v-model="dialogPrintBarcode" width="500">
-      <v-card>
-        <v-card-text>
-          <v-layout row wrap>
-            <v-flex xs6 class="px-1">
-              <v-btn block color="info" @click="printBarcode()" large>
-                PRINT BARCODE</v-btn></v-flex>
-            <v-flex xs6 class="px-1"><v-btn block color="success" @click="BtnprintQrCode" large>PRINT QRCODE</v-btn>
-            </v-flex>
-          </v-layout>
-        </v-card-text>
+        <v-dialog v-model="dialogPrintBarcode" width="500">
+            <v-card>
+                <v-card-text>
+                    <v-layout row wrap>
+                        <v-flex xs6 class="px-1">
+                            <v-btn block color="info" @click="printBarcode()" large>
+                                PRINT BARCODE</v-btn></v-flex>
+                        <v-flex xs6 class="px-1"><v-btn block color="success" @click="BtnprintQrCode" large>PRINT
+                                QRCODE</v-btn>
+                        </v-flex>
+                    </v-layout>
+                </v-card-text>
 
-        <v-divider></v-divider>
+                <v-divider></v-divider>
 
-        <v-card-actions>
-          <v-spacer></v-spacer>
-          <v-btn color="primary" flat @click="dialogPrintBarcode = false">
-            TUTUP
-          </v-btn>
-        </v-card-actions>
-      </v-card>
-    </v-dialog>
+                <v-card-actions>
+                    <v-spacer></v-spacer>
+                    <v-btn color="primary" flat @click="dialogPrintBarcode = false">
+                        TUTUP
+                    </v-btn>
+                </v-card-actions>
+            </v-card>
+        </v-dialog>
 
-    <div class="text-xs-center">
-      <v-dialog v-model="dialogSamePatient" width="500">
-        <v-card>
-          <v-card-title class="headline red lighten-4" primary-title>
-            Peringatan
-          </v-card-title>
-
-          <v-card-text>
-            <div class="mb-3 font-weight-bold">
-              {{ msgSamePatient }}
-            </div>
-            <v-layout>
-              <v-flex class="mb-3" xs12 sm12 v-for="(p, key) in samePatient">
+        <div class="text-xs-center">
+            <v-dialog v-model="dialogSamePatient" width="500">
                 <v-card>
-                  <v-card-title primary-title>
-                    <div>
-                      <div class="mb-1">Nama : {{ p.M_PatientName }}</div>
-                      <div class="mb-1">PID : {{ p.M_PatientNoReg }}</div>
-                      <div class="mb-1">
-                        Tanggal Lahir : {{ p.M_PatientDOB }}
-                      </div>
-                      <div class="mb-1">
-                        NIK : {{ p.M_PatientIdentifierValue }}
-                      </div>
-                    </div>
-                  </v-card-title>
+                    <v-card-title class="headline red lighten-4" primary-title>
+                        Peringatan
+                    </v-card-title>
+
+                    <v-card-text>
+                        <div class="mb-3 font-weight-bold">
+                            {{ msgSamePatient }}
+                        </div>
+                        <v-layout>
+                            <v-flex class="mb-3" xs12 sm12 v-for="(p, key) in samePatient">
+                                <v-card>
+                                    <v-card-title primary-title>
+                                        <div>
+                                            <div class="mb-1">Nama : {{ p.M_PatientName }}</div>
+                                            <div class="mb-1">PID : {{ p.M_PatientNoReg }}</div>
+                                            <div class="mb-1">
+                                                Tanggal Lahir : {{ p.M_PatientDOB }}
+                                            </div>
+                                            <div class="mb-1">
+                                                NIK : {{ p.M_PatientIdentifierValue }}
+                                            </div>
+                                        </div>
+                                    </v-card-title>
+                                </v-card>
+                            </v-flex>
+                        </v-layout>
+                    </v-card-text>
+
+                    <v-divider></v-divider>
+
+                    <v-card-actions>
+                        <v-spacer></v-spacer>
+                        <v-btn color="primary" flat @click="dialogSamePatient = false">
+                            Tutup
+                        </v-btn>
+                    </v-card-actions>
                 </v-card>
-              </v-flex>
-            </v-layout>
-          </v-card-text>
+            </v-dialog>
+        </div>
 
-          <v-divider></v-divider>
+        <v-dialog v-model="dialogPrintListPatient" width="900">
+            <v-card>
+                <v-card-text>
+                    <object :data="printListPatient()" width="100%" height="600"></object>
+                </v-card-text>
 
-          <v-card-actions>
-            <v-spacer></v-spacer>
-            <v-btn color="primary" flat @click="dialogSamePatient = false">
-              Tutup
-            </v-btn>
-          </v-card-actions>
-        </v-card>
-      </v-dialog>
-    </div>
-
-    <v-dialog v-model="dialogPrintListPatient" width="900">
-      <v-card>
-        <v-card-text>
-          <object :data="printListPatient()" width="100%" height="600"></object>
-        </v-card-text>
-
-        <v-divider></v-divider>
-
-        <v-card-actions>
-          <v-spacer></v-spacer>
-          <v-btn color="primary" flat @click="dialogPrintListPatient = false">
-            TUTUP
-          </v-btn>
-        </v-card-actions>
-      </v-card>
-    </v-dialog>
-    
-    <v-dialog v-model="dialogPacket" width="1000">
-      <v-card>
-        <v-card-title class="headline blue lighten-5" primary-title>
-          {{ getpacketdetaildialogheader() }}
-        </v-card-title>
-
-        <v-card-text>
-          <table style="
-              font-family: arial, sans-serif;
-              border-collapse: collapse;
-              width: 100%;
-              background: white;
-              border: 0px;
-            ">
-            <tr>
-              <th class="text-md-left pt-2 pb-2" style="
-                  border: 1px solid black;
-                  border-collapse: collapse;
-                  padding-top: 2px;
-                  padding-bottom: 2px;
-                  padding-left: 20px;
-                ">
-                PEMERIKSAAN
-              </th>
-              <th class="text-md-right pt-2 pb-2" style="
-                  border: 1px solid black;
-                  border-collapse: collapse;
-                  padding-top: 2px;
-                  padding-bottom: 2px;
-                  padding-right: 20px;
-                ">
-                HARGA
-              </th>
-            </tr>
-            <tr 
-              class="mini-input" :key="index"
-              v-if="detailPacket.length > 0" 
-              v-for="(note, index) in detailPacket"
-            >
-              <td width="70%" class="text-md-left pl-2 pr-2" style="
-                  border: 1px solid black;
-                  border-collapse: collapse;
-                  padding-top: 2px;
-                  padding-bottom: 2px;
-                ">
-                <span class="font-weight-bold mr-2">{{
-                  note.code
-                }}</span>
-                {{ note.name }}
-              </td>
-              <td width="25%" class="text-md-right pl-2 pr-2" style="
-                  border: 1px solid black;
-                  border-collapse: collapse;
-                  padding-top: 2px;
-                  padding-bottom: 2px;
-                ">
-                {{ convertMoney(note.price) }}
-              </td>
-              <td 
-                v-if="isPacketOptional()" width="5%" 
-                class="text-md-right pl-2 pr-2"
-              >
-                <v-btn 
-                  v-if="testExist(note) && checkNatTest(note)"
-                  :disabled="selected_patient_listing.Mcu_PreregisterPatientsIsRegistered !== 'N'
-                    || selectedSetup.Mgm_McuBisaTambahPemeriksaan === 'N'"
-                  @click="addToTests(note)" color="cyan" dark
-                  style="min-width: 25px; height: 30px;" small
-                >
-                  <v-icon style="cursor: pointer; font-size: 18px;">add_box</v-icon>
-                </v-btn>
-                <v-icon
-                  v-else style="min-width: 25px; height: 30px;"
-                  :disabled="selected_patient_listing.Mcu_PreregisterPatientsIsRegistered !== 'N'
-                    || selectedSetup.Mgm_McuBisaTambahPemeriksaan === 'N'"
-                  @click="removeFromTests(note)" color="cyan" dark
-                >done</v-icon>
-              </td>
-            </tr>
-            <tr class="mini-input" v-if="detailPacket.length === 0">
-              <td colspan="5" class="text-md-center pr-2" style="
-                  border: 1px solid black;
-                  border-collapse: collapse;
-                  padding-top: 2px;
-                  padding-bottom: 2px;
-                ">
-                Tidak ada data
-              </td>
-            </tr>
-          </table>
-        </v-card-text>
-
-        <v-divider></v-divider>
-
-        <v-card-actions>
-          <v-spacer></v-spacer>
-          <v-btn color="primary" flat @click="dialogPacket = false">
-            Tutup
-          </v-btn>
-        </v-card-actions>
-      </v-card>
-    </v-dialog>
-
-    <v-dialog v-model="dialog_alert_confirm" width="500">
-      <v-card>
-        <v-card-title class="error white--text pt-2 pb-2">
-          <h3 class="align-center font-weight-bold">PERINGATAN !!</h3>
-        </v-card-title>
-
-        <v-card-text>
-          <p class="mb-0">
-            Pasien
-            {{ data_temp_patient.M_PatientName }} sudah ada dilist
-          </p>
-          <!-- <p class="mb-0">Yakin, ingin menambahkan pasien yang sama ?</p> -->
-        </v-card-text>
-
-        <v-divider></v-divider>
-
-        <v-card-actions>
-          <v-spacer></v-spacer>
-          <v-btn color="grey" flat @click="dialog_alert_confirm = false">
-            Tutup
-          </v-btn>
-          <!-- <v-btn color="teal" flat @click="doAddPatient()"> Tambahkan </v-btn> -->
-        </v-card-actions>
-      </v-card>
-    </v-dialog>
-
-    <v-dialog v-model="dialog_delete" width="500">
-      <v-card>
-        <v-card-title class="error white--text pt-1 pb-1">
-          <h3 class="align-center font-weight-bold">KONFIRMASI</h3>
-        </v-card-title>
-
-        <v-card-text>
-          <p class="mb-0">YAKIN, {{ msg_delete }} ?</p>
-        </v-card-text>
-
-        <v-divider></v-divider>
-
-        <v-card-actions>
-          <v-spacer></v-spacer>
-          <v-btn color="grey" flat @click="dialog_delete = false">
-            Tutup
-          </v-btn>
-          <v-btn color="error" flat @click="doRemovePatient()"> Hapus </v-btn>
-        </v-card-actions>
-      </v-card>
-    </v-dialog>
-
-    <v-snackbar v-model="snackbar.value" :color="snackbar.color" :multi-line="snackbar.multi_line === 'multi-line'" top
-      :timeout="snackbar.timeout">
-      {{ snackbar.text }}
-    </v-snackbar>
-
-    <v-dialog v-model="dialog_patients" fullscreen hide-overlay transition="dialog-bottom-transition">
-      <v-card color="#57c492">
-        <v-toolbar dark color="#57c492">
-          <!--<v-toolbar-title>Settings</v-toolbar-title>-->
-          <v-spacer></v-spacer>
-          <v-toolbar-items>
-            <v-btn icon dark @click="dialog_patients = false">
-              <v-icon>close</v-icon>
-            </v-btn>
-            <!--<v-btn dark flat @click="dialog_patients = false">Save</v-btn>-->
-          </v-toolbar-items>
-        </v-toolbar>
-        <v-layout row mt-3 ml-2 mr-2>
-          <v-flex xs6>
-            <v-card color="#f5f5dc">
-              <v-card-text>
-                <v-layout row>
-                  <h3 class="title mb-3">FORM PASIEN</h3>
-                </v-layout>
-                <v-layout row>
-                  <v-progress-linear v-if="is_progress" :indeterminate="true"></v-progress-linear>
-                  <v-divider v-if="!is_progress"></v-divider>
-                </v-layout>
-                <v-layout row>
-                  <v-flex xs3 pa-1>
-                    <v-text-field style="font-size: 12px;" label="AWALAN" :disabled="is_progress"
-                      v-model="patient_prefix"></v-text-field>
-                  </v-flex>
-                  <v-flex xs3 pa-1>
-                    <v-text-field style="font-size: 12px;" :disabled="is_progress" label="NAMA PASIEN*"
-                      @blur="searchPatientForm()" v-model="patient_name"></v-text-field>
-                    <p v-if="checkError('requirename')" class="error pl-2 pr-2" style="color: #fff;">
-                      Namanya siapa ?
-                    </p>
-                  </v-flex>
-                  <v-flex xs3 pa-1>
-                    <v-text-field style="font-size: 12px;" :disabled="is_progress" label="AKHIRAN"
-                      v-model="patient_suffix"></v-text-field>
-                  </v-flex>
-                  <v-flex xs3 pa-1>
-                    <v-text-field style="font-size: 12px;" :disabled="is_progress" label="TGL LAHIR*" v-model="dob"
-                      return-masked-value @blur="searchPatientForm()" mask="##-##-####"
-                      placeholder="DD-MM-YYYY"></v-text-field>
-                    <p v-if="checkError('requiredob')" class="error pl-2 pr-2" style="color: #fff;">
-                      Diisi ya
-                    </p>
-                  </v-flex>
-                </v-layout>
-                <v-layout row>
-                  <v-flex xs4 pa-1>
-                    <v-text-field style="font-size: 12px;" :disabled="is_progress" label="NIP" v-model="nik"
-                      @blur="searchPatientForm()"></v-text-field>
-                  </v-flex>
-                  <v-flex xs4 pa-1>
-                    <v-select style="font-size: 12px;" :disabled="is_progress" v-model="selected_sex" :items="sexes"
-                      return-object item-text="m_sexname" label="JENIS KELAMIN*"></v-select>
-                    <p v-if="checkError('requiresex')" class="error pl-2 pr-2" style="color: #fff;">
-                      Jenis kelaminnya ya
-                    </p>
-                  </v-flex>
-                  <v-flex xs4 pa-1>
-                    <v-select style="font-size: 12px;" :disabled="is_progress" v-model="selected_title"
-                      :items="filtered_titles" return-object item-text="M_TitleName" label="TITEL*"></v-select>
-                    <p v-if="checkError('requirenik')" class="error pl-2 pr-2" style="color: #fff;">
-                      Titelnya kakak, biar enak manggilnya
-                    </p>
-                  </v-flex>
-                </v-layout>
-                <v-layout row>
-                  <v-flex xs3 pa-1>
-                    <v-text-field style="font-size: 12px;" :disabled="is_progress" v-model="email"
-                      label="EMAIL"></v-text-field>
-                  </v-flex>
-                  <v-flex xs3 pa-1>
-                    <v-text-field style="font-size: 12px;" :disabled="is_progress" v-model="hp"
-                      label="HP"></v-text-field>
-                  </v-flex>
-                  <v-flex xs3 pa-1>
-                    <v-text-field style="font-size: 12px;" :disabled="is_progress" v-model="kedudukan"
-                      label="DIVISI"></v-text-field>
-                  </v-flex>
-                  <v-flex xs3 pa-1>
-                    <v-text-field style="font-size: 12px;" :disabled="is_progress" v-model="jabatan"
-                      label="JABATAN"></v-text-field>
-                  </v-flex>
-                </v-layout>
-                <v-layout row>
-                  <v-flex xs4 pa-1>
-                    <v-text-field style="font-size: 12px;" :disabled="is_progress" v-model="departement"
-                      label="DEPARTEMENT"></v-text-field>
-                  </v-flex>
-                  <v-flex xs4 pa-1>
-                    <v-text-field style="font-size: 12px;" :disabled="is_progress" v-model="location"
-                      label="LOKASI"></v-text-field>
-                  </v-flex>
-                  <v-flex xs4 pa-1>
-                    <v-text-field style="font-size: 12px;" :disabled="is_progress" v-model="job"
-                      label="PEKERJAAN"></v-text-field>
-                  </v-flex>
-                </v-layout>
-                <v-layout row>
-                  <v-flex xs6 pa-1>
-                    <v-text-field style="font-size: 12px;" :disabled="is_progress" v-model="ktp" label="KTP"
-                      @blur="searchPatientForm()"></v-text-field>
-                  </v-flex>
-                  <v-flex xs6 pa-1>
-                    <v-autocomplete label="COMPANY" v-model="selectedCorporate" :disabled="is_progress"
-                      :items="corporateList" item-text="CorporateName" return-object no-data-text="Pilih Corporate">
-                      <template slot="item" slot-scope="{ item }">
-                        <v-list-tile-content>
-                          <v-list-tile-title v-text="item.CorporateCode + ' ' + item.CorporateName
-                            "></v-list-tile-title>
-                        </v-list-tile-content>
-                      </template>
-                    </v-autocomplete>
-                  </v-flex>
-                </v-layout>
-                <div class="pt-2">
-                  <p style="font-weight: bold; font-size: 12px;">Alamat</p>
-                  <!-- dropdown auto complete country -->
-                  <v-flex xs12 pt-2 pb-2>
-                    <v-autocomplete :items="xCountryCb" v-model="selected_countryCb" item-text="display" hide-details
-                      item-value="code" return-object label="Country">
-                    </v-autocomplete>
-                    <!-- <p  v-if="_.isEmpty(selected_countryCb)" class="error caption mt-1 mb-0 pl-2 pr-2 pb-2" style="color:#fff">Belum pilih Country</p> -->
-                  </v-flex>
-                  <!-- dropdown auto complete country -->
-                  <!-- dropdown auto complete alamat -->
-                  <v-flex xs12 pt-2 pb-2>
-                    <v-autocomplete :items="xWilayahCb" v-model="selected_wilayahCb" item-text="text_nm" hide-details
-                      item-value="id" return-object label="Cari Wilayah" :search-input.sync="search_wilayah">
-                    </v-autocomplete>
-                    <!-- <p  v-if="_.isEmpty(selected_wilayahCb)" class="error caption mt-1 mb-0 pl-2 pr-2 pb-2" style="color:#fff">Belum pilih Country</p> -->
-                  </v-flex>
-                  <!-- dropdown auto complete alamat -->
-                  <!-- provinsi -->
-                  <v-flex xs12 pt-2 pb-2>
-                    <v-text-field color="black" label="Provinsi" v-model="inp_CorporateAddressState" hide-details
-                      single-line type="text" readonly></v-text-field>
-                  </v-flex>
-                  <!-- provinsi -->
-                  <!-- kota / kabupaten -->
-                  <v-flex xs12 pt-2 pb-2>
-                    <v-text-field color="black" label="Kota/Kab" v-model="inp_CorporateAddressCity" hide-details
-                      single-line type="text" readonly></v-text-field>
-                  </v-flex>
-                  <!-- kota / kabupaten -->
-                  <!-- kecamatan -->
-                  <v-flex xs12 pt-2 pb-2>
-                    <v-text-field color="black" label="Kecamatan" v-model="inp_CorporateAddressDistrict" hide-details
-                      single-line type="text" readonly></v-text-field>
-                  </v-flex>
-                  <!-- kecamatan -->
-                  <!-- kelurahan -->
-                  <v-flex xs12 pt-2 pb-2>
-                    <v-text-field color="black" label="Kelurahan" v-model="inp_CorporateAddressVillage" hide-details
-                      single-line type="text" readonly></v-text-field>
-                  </v-flex>
-                  <!-- kelurahan -->
-                  <!-- rt -->
-                  <v-flex xs12 pt-2 pb-2>
-                    <v-text-field color="black" label="RT" v-model="inp_CorporateAddressRT" hide-details single-line
-                      type="text"></v-text-field>
-                  </v-flex>
-                  <!-- rt -->
-                  <!-- rw -->
-                  <v-flex xs12 pt-2 pb-2>
-                    <v-text-field color="black" label="RT" v-model="inp_CorporateAddressRW" hide-details single-line
-                      type="text"></v-text-field>
-                  </v-flex>
-                  <!-- rw -->
-                  <!-- alamat inputan -->
-                  <v-flex xs12 pa-2>
-                    <v-textarea label="Alamat" v-model="inp_CorporateAddress"></v-textarea>
-                  </v-flex>
-                  <!-- alamat inputan -->
-                </div>
                 <v-divider></v-divider>
-              </v-card-text>
-              <v-card-actions>
-                <v-layout align-center row>
-                  <v-flex xs8>
-                    <v-alert v-if="patients_form_count > 0" :value="true" color="#ff5252" icon="new_releases">
-                      Ditemukan {{ patients_form_count }} pasien
-                    </v-alert>
-                  </v-flex>
-                  <v-flex class="text-xs-center" xs4>
-                    <!-- || patients_form_count > 0 -->
-                    <v-btn :disabled="is_progress" @click="saveNewForm()" flat color="orange">SIMPAN</v-btn>
-                  </v-flex>
-                </v-layout>
-              </v-card-actions>
-            </v-card>
-          </v-flex>
-          <v-flex xs6>
-            <v-card class="ml-2">
-              <v-card-text>
-                <v-layout row>
-                  <h3 class="title mb-3">LISTING PASIEN</h3>
-                </v-layout>
-                <v-layout row>
-                  <v-divider></v-divider>
-                </v-layout>
-                <v-layout row>
-                  <v-flex xs12 pa-1>
-                    <v-text-field label="Cari Pasien" placeholder="Nama + DOB + NIP + NIK"
-                      v-model="patient_search_table" @keyup.enter="searchPatientTable()"></v-text-field>
-                  </v-flex>
-                </v-layout>
-                <v-layout wrap>
-                  <v-flex style="height: 450px; overflow: auto;" xs12 pl-0 pr-0 pt-2 pb-2>
-                    <v-data-table :headers="search_headers" :items="patients_search" :loading="isLoading || is_progress"
-                      hide-actions class="elevation-1">
-                      <template slot="no-data">
-                        <v-alert :value="isError" color="error" icon="warning">
-                          Data Pasien tidak di temukan
-                          {{ errorMessage }}
-                        </v-alert>
-                      </template>
-                      <template slot="items" slot-scope="props">
-                        <td class="text-xs-left caption mono pt-1 pb-1 pl-2" v-bind:class="{
-                          'teal lighten-4': props.item.divider === 'Y',
-                          'amber lighten-4': props.item.selected,
-                        }">
-                          {{ props.item.M_PatientNoReg }}
-                        </td>
-                        <td class="text-xs-left caption mono pa-1" v-bind:class="{
-                          'teal lighten-4': props.item.divider === 'Y',
-                          'amber lighten-4': props.item.selected,
-                        }">
-                          <p class="mb-1">{{ props.item.M_PatientName }}</p>
-                          <kbd class="mt-0">NIP : {{ props.item.M_PatientNIP }}</kbd>
-                        </td>
-                        <td class="pa-1 caption mono" v-bind:class="{
-                          'teal lighten-4': props.item.divider === 'Y',
-                          'amber lighten-4': props.item.selected,
-                        }">
-                          {{ props.item.M_PatientIdentifierValue }}
-                        </td>
-                        <td class="text-xs-left caption mono pa-1" v-bind:class="{
-                          'teal lighten-4': props.item.divider === 'Y',
-                          'amber lighten-4': props.item.selected,
-                        }">
-                          {{ props.item.dob_ina }}
-                        </td>
-                        <td class="pa-1 caption mono" v-bind:class="{
-                          'teal lighten-4': props.item.divider === 'Y',
-                          'amber lighten-4': props.item.selected,
-                        }">
-                          {{ props.item.M_PatientPosisi }}
-                        </td>
-                        <td class="text-xs-center pa-1 caption mono" v-bind:class="{
-                          'teal lighten-4': props.item.divider === 'Y',
-                          'amber lighten-4': props.item.selected,
-                        }">
-                          <v-icon v-if="patientExist(props.item) && !is_progress" @click="addPatient(props.item)"
-                            style="cursor: pointer; font-size: 35px;">add_box</v-icon>
-                          <v-icon color="teal" v-if="!patientExist(props.item) && !is_progres"
-                            @click="alertPatient(props.item)" style="cursor: pointer; font-size: 35px;">add_box</v-icon>
-                          
-                        </td>
-                      </template>
-                    </v-data-table>
-                    <div class="text-xs-center pt-2">
-                      <v-btn :loading="loading" dark v-if="show_more" @click="showMore()" small color="teal lighten-3">
-                        Tampilkan lebih banyak
-                        <template v-slot:loader> sedang memuat ... </template>
-                      </v-btn>
-                      <v-btn depressed v-if="!show_more" small color="grey lighten-2">Tidak ada lagi data</v-btn>
-                    </div>
-                  </v-flex>
-                </v-layout>
-              </v-card-text>
-            </v-card>
-          </v-flex>
-        </v-layout>
-      </v-card>
-    </v-dialog>
 
-    <v-layout class="mb-2" row>
-      <v-flex xs5 pr-2>
-        <v-card color="#57c492">
-          <v-layout row>
-            <v-flex xs12 pt-2 pb-1 pl-2 pr-2>
-              <v-card>
-                <v-layout align-center justify-space-between row>
-                  <!-- <h4 class="subheader pl-3">DAFTAR PASIEN</h4>
-                  <v-spacer></v-spacer> -->
-                  <v-btn :disabled="_.isEmpty(selectedSetup)" @click="dialogPrintListPatient = true" small dark
-                    color="blue">CETAK PASIEN</v-btn>
-                  <v-btn :disabled="_.isEmpty(selectedSetup)" @click="openForm()" small dark color="teal">CEK
-                    PASIEN</v-btn>
-                </v-layout>
+                <v-card-actions>
+                    <v-spacer></v-spacer>
+                    <v-btn color="primary" flat @click="dialogPrintListPatient = false">
+                        TUTUP
+                    </v-btn>
+                </v-card-actions>
+            </v-card>
+        </v-dialog>
+
+        <v-dialog v-model="dialogPacket" width="1000">
+            <v-card>
+                <v-card-title class="headline blue lighten-5" primary-title>
+                    {{ getpacketdetaildialogheader() }}
+                </v-card-title>
+
+                <v-card-text>
+                    <table style="font-family: arial, sans-serif; border-collapse: collapse; width: 100%;
+                        background: white;border: 0px; ">
+                        <tr>
+                            <th class="text-md-left pt-2 pb-2" style=" border: 1px solid black; border-collapse: collapse;
+                                padding-top: 2px; padding-bottom: 2px; padding-left: 20px;">
+                                PEMERIKSAAN
+                            </th>
+                            <th class="text-md-right pt-2 pb-2" style=" border: 1px solid black; border-collapse: collapse;
+                                padding-top: 2px; padding-bottom: 2px; padding-right: 20px;">
+                                HARGA
+                            </th>
+                        </tr>
+                        <tr class="mini-input" :key="index" v-if="detailPacket.length > 0"
+                            v-for="(note, index) in detailPacket">
+                            <td width="70%" class="text-md-left pl-2 pr-2" style=" border: 1px solid black;
+                                border-collapse: collapse; padding-top: 2px; padding-bottom: 2px;">
+                                <span class="font-weight-bold mr-2">{{
+                                    note.code
+                                    }}</span>
+                                {{ note.name }}
+                            </td>
+                            <td width="25%" class="text-md-right pl-2 pr-2" style=" border: 1px solid black;
+                                border-collapse: collapse; padding-top: 2px; padding-bottom: 2px;">
+                                {{ convertMoney(note.price) }}
+                            </td>
+                            <td v-if="isPacketOptional()" width="5%" class="text-md-right pl-2 pr-2">
+                                <v-btn v-if="testExist(note) && checkNatTest(note)" :disabled="selected_patient_listing.Mcu_PreregisterPatientsIsRegistered !== 'N'
+                                    || selectedSetup.Mgm_McuBisaTambahPemeriksaan === 'N'" @click="addToTests(note)"
+                                    color="cyan" dark style="min-width: 25px; height: 30px;" small>
+                                    <v-icon style="cursor: pointer; font-size: 18px;">add_box</v-icon>
+                                </v-btn>
+                                <v-icon v-else style="min-width: 25px; height: 30px;" :disabled="selected_patient_listing.Mcu_PreregisterPatientsIsRegistered !== 'N'
+                                    || selectedSetup.Mgm_McuBisaTambahPemeriksaan === 'N'"
+                                    @click="removeFromTests(note)" color="cyan" dark>done</v-icon>
+                            </td>
+                        </tr>
+                        <tr class="mini-input" v-if="detailPacket.length === 0">
+                            <td colspan="5" class="text-md-center pr-2" style=" border: 1px solid black;
+                                border-collapse: collapse; padding-top: 2px; padding-bottom: 2px;">
+                                Tidak ada data
+                            </td>
+                        </tr>
+                    </table>
+                </v-card-text>
+
                 <v-divider></v-divider>
-                <v-layout column>
-                  <v-flex pt-1 pl-2 pr-2 pb-1 xs12>
-                    <v-select :items="statusRegisterList" v-model="selectedStatusRegister" label="Status" hide-details
-                      single-line item-text="name" return-object outline></v-select>
-                  </v-flex>
-                  <v-flex pt-1 pl-2 pr-2 pb-1 xs12>
-                    <v-text-field color="#57c492" label="Cari" placeholder="Nama+NIP" v-model="search_listing"
-                      @keyup.enter="searchListing()" outline single-line hide-details></v-text-field>
-                  </v-flex>
-                </v-layout>
-              </v-card>
-            </v-flex>
-          </v-layout>
-          <v-layout row>
-            <v-flex xs12 pt-1 pb-1 pl-2 pr-2>
-              <v-data-table :items="patients" class="v-table elevation-1" hide-actions hide-headers>
-                <template v-slot:items="props">
-                  <td width="80%" @click="selectMe(props.item)"
-                    v-bind:class="{ 'amber lighten-4': isSelected(props.item) }" class="py-1"
-                    style="height: 42px; font-size: 12px;">
-                    <p v-if="
-                      props.item.Mcu_PreregisterPatientsIsRegistered === 'N'
-                    " class="mb-0">
-                      {{ props.item.patient_fullname }}
-                    </p>
-                    <p v-if="
-                      props.item.Mcu_PreregisterPatientsIsRegistered !== 'N'
-                    " style="text-decoration: line-through;" class="mb-0">
-                      {{ props.item.patient_fullname }}
-                    </p>
-                    <kbd>NIP : {{ props.item.Mcu_PreregisterPatientsNIP }}</kbd>
-                    <span v-if="
-                      props.item.Mcu_PreregisterPatientsIsRegistered === 'Y'
-                    ">
-                      <kbd>{{ props.item.T_OrderHeaderLabNumber }}</kbd>
-                    </span>
+
+                <v-card-actions>
+                    <v-spacer></v-spacer>
+                    <v-btn color="primary" flat @click="dialogPacket = false">
+                        Tutup
+                    </v-btn>
+                </v-card-actions>
+            </v-card>
+        </v-dialog>
+
+        <v-dialog v-model="dialog_alert_confirm" width="500">
+            <v-card>
+                <v-card-title class="error white--text pt-2 pb-2">
+                    <h3 class="align-center font-weight-bold">PERINGATAN !!</h3>
+                </v-card-title>
+
+                <v-card-text>
                     <p class="mb-0">
-                      <kbd v-if="props.item.uuid_form != ''" class="mb-0 font-weight-bold" style="font-size: 10px;cursor: pointer;" @click="openFormRiwayat(props.item)">kode form : {{ props.item.code_form }}</kbd>
-                      <code v-if="props.item.uuid_form == ''" class="mb-0 font-weight-bold" style="font-size: 10px;">kode form : Belum digenerate</code>
+                        Pasien
+                        {{ data_temp_patient.M_PatientName }} sudah ada dilist
                     </p>
-                    
-                  </td>
-                  <td width="20%" @click="selectMe(props.item)" class="py-1 text-xs-right"
-                    v-bind:class="{ 'amber lighten-4': isSelected(props.item) }" style="height: 42px; font-size: 12px;">
-                    <v-btn v-if="
-                      props.item.Mcu_PreregisterPatientsIsRegistered === 'N'
-                    " dark @click="removePatient(props.item)" style="min-width: 25px; height: 30px;" small color="red">
-                      <v-icon style="cursor: pointer; font-size: 18px;">
-                        close
-                      </v-icon>
+                    <!-- <p class="mb-0">Yakin, ingin menambahkan pasien yang sama ?</p> -->
+                </v-card-text>
+
+                <v-divider></v-divider>
+
+                <v-card-actions>
+                    <v-spacer></v-spacer>
+                    <v-btn color="grey" flat @click="dialog_alert_confirm = false">
+                        Tutup
                     </v-btn>
-                    
-                    <v-btn v-if="
-                      props.item.Mcu_PreregisterPatientsIsRegistered === 'Y'
-                    " dark @click="openDialogPrintBarcodeList(props.item)" style="min-width: 25px; height: 30px;" small
-                      color="grey">
-                      <v-icon style="cursor: pointer; font-size: 18px;">
-                        print
-                      </v-icon>
+                    <!-- <v-btn color="teal" flat @click="doAddPatient()"> Tambahkan </v-btn> -->
+                </v-card-actions>
+            </v-card>
+        </v-dialog>
+
+        <v-dialog v-model="dialog_delete" width="500">
+            <v-card>
+                <v-card-title class="error white--text pt-1 pb-1">
+                    <h3 class="align-center font-weight-bold">KONFIRMASI</h3>
+                </v-card-title>
+
+                <v-card-text>
+                    <p class="mb-0">YAKIN, {{ msg_delete }} ?</p>
+                </v-card-text>
+
+                <v-divider></v-divider>
+
+                <v-card-actions>
+                    <v-spacer></v-spacer>
+                    <v-btn color="grey" flat @click="dialog_delete = false">
+                        Tutup
                     </v-btn>
-                    <!-- <v-tooltip right>
+                    <v-btn color="error" flat @click="doRemovePatient()"> Hapus </v-btn>
+                </v-card-actions>
+            </v-card>
+        </v-dialog>
+
+        <v-snackbar v-model="snackbar.value" :color="snackbar.color" :multi-line="snackbar.multi_line === 'multi-line'"
+            top :timeout="snackbar.timeout">
+            {{ snackbar.text }}
+        </v-snackbar>
+
+        <v-dialog v-model="dialog_patients" fullscreen hide-overlay transition="dialog-bottom-transition">
+            <v-card color="#57c492">
+                <v-toolbar dark color="#57c492">
+                    <!--<v-toolbar-title>Settings</v-toolbar-title>-->
+                    <v-spacer></v-spacer>
+                    <v-toolbar-items>
+                        <v-btn icon dark @click="dialog_patients = false">
+                            <v-icon>close</v-icon>
+                        </v-btn>
+                        <!--<v-btn dark flat @click="dialog_patients = false">Save</v-btn>-->
+                    </v-toolbar-items>
+                </v-toolbar>
+                <v-layout row mt-3 ml-2 mr-2>
+                    <v-flex xs6>
+                        <v-card color="#f5f5dc">
+                            <v-card-text>
+                                <v-layout row>
+                                    <h3 class="title mb-3">FORM PASIEN</h3>
+                                </v-layout>
+                                <v-layout row>
+                                    <v-progress-linear v-if="is_progress" :indeterminate="true"></v-progress-linear>
+                                    <v-divider v-if="!is_progress"></v-divider>
+                                </v-layout>
+                                <v-layout row>
+                                    <v-flex xs3 pa-1>
+                                        <v-text-field style="font-size: 12px;" label="AWALAN" :disabled="is_progress"
+                                            v-model="patient_prefix"></v-text-field>
+                                    </v-flex>
+                                    <v-flex xs3 pa-1>
+                                        <v-text-field style="font-size: 12px;" :disabled="is_progress"
+                                            label="NAMA PASIEN*" @blur="searchPatientForm()"
+                                            v-model="patient_name"></v-text-field>
+                                        <p v-if="checkError('requirename')" class="error pl-2 pr-2"
+                                            style="color: #fff;">
+                                            Namanya siapa ?
+                                        </p>
+                                    </v-flex>
+                                    <v-flex xs3 pa-1>
+                                        <v-text-field style="font-size: 12px;" :disabled="is_progress" label="AKHIRAN"
+                                            v-model="patient_suffix"></v-text-field>
+                                    </v-flex>
+                                    <v-flex xs3 pa-1>
+                                        <v-text-field style="font-size: 12px;" :disabled="is_progress"
+                                            label="TGL LAHIR*" v-model="dob" return-masked-value
+                                            @blur="searchPatientForm()" mask="##-##-####"
+                                            placeholder="DD-MM-YYYY"></v-text-field>
+                                        <p v-if="checkError('requiredob')" class="error pl-2 pr-2" style="color: #fff;">
+                                            Diisi ya
+                                        </p>
+                                    </v-flex>
+                                </v-layout>
+                                <v-layout row>
+                                    <v-flex xs4 pa-1>
+                                        <v-text-field style="font-size: 12px;" :disabled="is_progress" label="NIP"
+                                            v-model="nik" @blur="searchPatientForm()"></v-text-field>
+                                    </v-flex>
+                                    <v-flex xs4 pa-1>
+                                        <v-select style="font-size: 12px;" :disabled="is_progress"
+                                            v-model="selected_sex" :items="sexes" return-object item-text="m_sexname"
+                                            label="JENIS KELAMIN*"></v-select>
+                                        <p v-if="checkError('requiresex')" class="error pl-2 pr-2" style="color: #fff;">
+                                            Jenis kelaminnya ya
+                                        </p>
+                                    </v-flex>
+                                    <v-flex xs4 pa-1>
+                                        <v-select style="font-size: 12px;" :disabled="is_progress"
+                                            v-model="selected_title" :items="filtered_titles" return-object
+                                            item-text="M_TitleName" label="TITEL*"></v-select>
+                                        <p v-if="checkError('requirenik')" class="error pl-2 pr-2" style="color: #fff;">
+                                            Titelnya kakak, biar enak manggilnya
+                                        </p>
+                                    </v-flex>
+                                </v-layout>
+                                <v-layout row>
+                                    <v-flex xs3 pa-1>
+                                        <v-text-field style="font-size: 12px;" :disabled="is_progress" v-model="email"
+                                            label="EMAIL"></v-text-field>
+                                    </v-flex>
+                                    <v-flex xs3 pa-1>
+                                        <v-text-field style="font-size: 12px;" :disabled="is_progress" v-model="hp"
+                                            label="HP"></v-text-field>
+                                    </v-flex>
+                                    <v-flex xs3 pa-1>
+                                        <v-text-field style="font-size: 12px;" :disabled="is_progress"
+                                            v-model="kedudukan" label="DIVISI"></v-text-field>
+                                    </v-flex>
+                                    <v-flex xs3 pa-1>
+                                        <v-text-field style="font-size: 12px;" :disabled="is_progress" v-model="jabatan"
+                                            label="JABATAN"></v-text-field>
+                                    </v-flex>
+                                </v-layout>
+                                <v-layout row>
+                                    <v-flex xs4 pa-1>
+                                        <v-text-field style="font-size: 12px;" :disabled="is_progress"
+                                            v-model="departement" label="DEPARTEMENT"></v-text-field>
+                                    </v-flex>
+                                    <v-flex xs4 pa-1>
+                                        <v-text-field style="font-size: 12px;" :disabled="is_progress"
+                                            v-model="location" label="LOKASI"></v-text-field>
+                                    </v-flex>
+                                    <v-flex xs4 pa-1>
+                                        <v-text-field style="font-size: 12px;" :disabled="is_progress" v-model="job"
+                                            label="PEKERJAAN"></v-text-field>
+                                    </v-flex>
+                                </v-layout>
+                                <v-layout row>
+                                    <v-flex xs6 pa-1>
+                                        <v-text-field style="font-size: 12px;" :disabled="is_progress" v-model="ktp"
+                                            label="KTP" @blur="searchPatientForm()"></v-text-field>
+                                    </v-flex>
+                                    <v-flex xs6 pa-1>
+                                        <v-autocomplete label="COMPANY" v-model="selectedCorporate"
+                                            :disabled="is_progress" :items="corporateList" item-text="CorporateName"
+                                            return-object no-data-text="Pilih Corporate">
+                                            <template slot="item" slot-scope="{ item }">
+                                                <v-list-tile-content>
+                                                    <v-list-tile-title v-text="item.CorporateCode + ' ' + item.CorporateName
+                                                        "></v-list-tile-title>
+                                                </v-list-tile-content>
+                                            </template>
+                                        </v-autocomplete>
+                                    </v-flex>
+                                </v-layout>
+                                <div class="pt-2">
+                                    <p style="font-weight: bold; font-size: 12px;">Alamat</p>
+                                    <!-- dropdown auto complete country -->
+                                    <v-flex xs12 pt-2 pb-2>
+                                        <v-autocomplete :items="xCountryCb" v-model="selected_countryCb"
+                                            item-text="display" hide-details item-value="code" return-object
+                                            label="Country">
+                                        </v-autocomplete>
+                                        <!-- <p  v-if="_.isEmpty(selected_countryCb)" class="error caption mt-1 mb-0 pl-2 pr-2 pb-2" style="color:#fff">Belum pilih Country</p> -->
+                                    </v-flex>
+                                    <!-- dropdown auto complete country -->
+                                    <!-- dropdown auto complete alamat -->
+                                    <v-flex xs12 pt-2 pb-2>
+                                        <v-autocomplete :items="xWilayahCb" v-model="selected_wilayahCb"
+                                            item-text="text_nm" hide-details item-value="id" return-object
+                                            label="Cari Wilayah" :search-input.sync="search_wilayah">
+                                        </v-autocomplete>
+                                        <!-- <p  v-if="_.isEmpty(selected_wilayahCb)" class="error caption mt-1 mb-0 pl-2 pr-2 pb-2" style="color:#fff">Belum pilih Country</p> -->
+                                    </v-flex>
+                                    <!-- dropdown auto complete alamat -->
+                                    <!-- provinsi -->
+                                    <v-flex xs12 pt-2 pb-2>
+                                        <v-text-field color="black" label="Provinsi" v-model="inp_CorporateAddressState"
+                                            hide-details single-line type="text" readonly></v-text-field>
+                                    </v-flex>
+                                    <!-- provinsi -->
+                                    <!-- kota / kabupaten -->
+                                    <v-flex xs12 pt-2 pb-2>
+                                        <v-text-field color="black" label="Kota/Kab" v-model="inp_CorporateAddressCity"
+                                            hide-details single-line type="text" readonly></v-text-field>
+                                    </v-flex>
+                                    <!-- kota / kabupaten -->
+                                    <!-- kecamatan -->
+                                    <v-flex xs12 pt-2 pb-2>
+                                        <v-text-field color="black" label="Kecamatan"
+                                            v-model="inp_CorporateAddressDistrict" hide-details single-line type="text"
+                                            readonly></v-text-field>
+                                    </v-flex>
+                                    <!-- kecamatan -->
+                                    <!-- kelurahan -->
+                                    <v-flex xs12 pt-2 pb-2>
+                                        <v-text-field color="black" label="Kelurahan"
+                                            v-model="inp_CorporateAddressVillage" hide-details single-line type="text"
+                                            readonly></v-text-field>
+                                    </v-flex>
+                                    <!-- kelurahan -->
+                                    <!-- rt -->
+                                    <v-flex xs12 pt-2 pb-2>
+                                        <v-text-field color="black" label="RT" v-model="inp_CorporateAddressRT"
+                                            hide-details single-line type="text"></v-text-field>
+                                    </v-flex>
+                                    <!-- rt -->
+                                    <!-- rw -->
+                                    <v-flex xs12 pt-2 pb-2>
+                                        <v-text-field color="black" label="RT" v-model="inp_CorporateAddressRW"
+                                            hide-details single-line type="text"></v-text-field>
+                                    </v-flex>
+                                    <!-- rw -->
+                                    <!-- alamat inputan -->
+                                    <v-flex xs12 pa-2>
+                                        <v-textarea label="Alamat" v-model="inp_CorporateAddress"></v-textarea>
+                                    </v-flex>
+                                    <!-- alamat inputan -->
+                                </div>
+                                <v-divider></v-divider>
+                            </v-card-text>
+                            <v-card-actions>
+                                <v-layout align-center row>
+                                    <v-flex xs8>
+                                        <v-alert v-if="patients_form_count > 0" :value="true" color="#ff5252"
+                                            icon="new_releases">
+                                            Ditemukan {{ patients_form_count }} pasien
+                                        </v-alert>
+                                    </v-flex>
+                                    <v-flex class="text-xs-center" xs4>
+                                        <!-- || patients_form_count > 0 -->
+                                        <v-btn :disabled="is_progress" @click="saveNewForm()" flat
+                                            color="orange">SIMPAN</v-btn>
+                                    </v-flex>
+                                </v-layout>
+                            </v-card-actions>
+                        </v-card>
+                    </v-flex>
+                    <v-flex xs6>
+                        <v-card class="ml-2">
+                            <v-card-text>
+                                <v-layout row>
+                                    <h3 class="title mb-3">LISTING PASIEN</h3>
+                                </v-layout>
+                                <v-layout row>
+                                    <v-divider></v-divider>
+                                </v-layout>
+                                <v-layout row>
+                                    <v-flex xs12 pa-1>
+                                        <v-text-field label="Cari Pasien" placeholder="Nama + DOB + NIP + NIK"
+                                            v-model="patient_search_table"
+                                            @keyup.enter="searchPatientTable()"></v-text-field>
+                                    </v-flex>
+                                </v-layout>
+                                <v-layout wrap>
+                                    <v-flex style="height: 450px; overflow: auto;" xs12 pl-0 pr-0 pt-2 pb-2>
+                                        <v-data-table :headers="search_headers" :items="patients_search"
+                                            :loading="isLoading || is_progress" hide-actions class="elevation-1">
+                                            <template slot="no-data">
+                                                <v-alert :value="isError" color="error" icon="warning">
+                                                    Data Pasien tidak di temukan
+                                                    {{ errorMessage }}
+                                                </v-alert>
+                                            </template>
+                                            <template slot="items" slot-scope="props">
+                                                <td class="text-xs-left caption mono pt-1 pb-1 pl-2" v-bind:class="{
+                                                    'teal lighten-4': props.item.divider === 'Y',
+                                                    'amber lighten-4': props.item.selected,
+                                                }">
+                                                    {{ props.item.M_PatientNoReg }}
+                                                </td>
+                                                <td class="text-xs-left caption mono pa-1" v-bind:class="{
+                                                    'teal lighten-4': props.item.divider === 'Y',
+                                                    'amber lighten-4': props.item.selected,
+                                                }">
+                                                    <p class="mb-1">{{ props.item.M_PatientName }}</p>
+                                                    <kbd class="mt-0">NIP : {{ props.item.M_PatientNIP }}</kbd>
+                                                </td>
+                                                <td class="pa-1 caption mono" v-bind:class="{
+                                                    'teal lighten-4': props.item.divider === 'Y',
+                                                    'amber lighten-4': props.item.selected,
+                                                }">
+                                                    {{ props.item.M_PatientIdentifierValue }}
+                                                </td>
+                                                <td class="text-xs-left caption mono pa-1" v-bind:class="{
+                                                    'teal lighten-4': props.item.divider === 'Y',
+                                                    'amber lighten-4': props.item.selected,
+                                                }">
+                                                    {{ props.item.dob_ina }}
+                                                </td>
+                                                <td class="pa-1 caption mono" v-bind:class="{
+                                                    'teal lighten-4': props.item.divider === 'Y',
+                                                    'amber lighten-4': props.item.selected,
+                                                }">
+                                                    {{ props.item.M_PatientPosisi }}
+                                                </td>
+                                                <td class="text-xs-center pa-1 caption mono" v-bind:class="{
+                                                    'teal lighten-4': props.item.divider === 'Y',
+                                                    'amber lighten-4': props.item.selected,
+                                                }">
+                                                    <v-icon v-if="patientExist(props.item) && !is_progress"
+                                                        @click="addPatient(props.item)"
+                                                        style="cursor: pointer; font-size: 35px;">add_box</v-icon>
+                                                    <v-icon color="teal" v-if="!patientExist(props.item) && !is_progres"
+                                                        @click="alertPatient(props.item)"
+                                                        style="cursor: pointer; font-size: 35px;">add_box</v-icon>
+
+                                                </td>
+                                            </template>
+                                        </v-data-table>
+                                        <div class="text-xs-center pt-2">
+                                            <v-btn :loading="loading" dark v-if="show_more" @click="showMore()" small
+                                                color="teal lighten-3">
+                                                Tampilkan lebih banyak
+                                                <template v-slot:loader> sedang memuat ... </template>
+                                            </v-btn>
+                                            <v-btn depressed v-if="!show_more" small color="grey lighten-2">Tidak ada
+                                                lagi data</v-btn>
+                                        </div>
+                                    </v-flex>
+                                </v-layout>
+                            </v-card-text>
+                        </v-card>
+                    </v-flex>
+                </v-layout>
+            </v-card>
+        </v-dialog>
+
+        <v-layout class="mb-2" row>
+            <v-flex xs5 pr-2>
+                <v-card color="#57c492">
+                    <v-layout row>
+                        <v-flex xs12 pt-2 pb-1 pl-2 pr-2>
+                            <v-card>
+                                <v-layout align-center justify-space-between row>
+                                    <!--
+                                    <h4 class="subheader pl-3">DAFTAR PASIEN</h4>
+                                    <v-spacer></v-spacer>
+                                    -->
+                                    <v-btn :disabled="_.isEmpty(selectedSetup)" @click="dialogPrintListPatient = true"
+                                        small dark color="blue">CETAK PASIEN</v-btn>
+                                    <v-btn :disabled="_.isEmpty(selectedSetup)" @click="openForm()" small dark
+                                        color="teal">
+                                        CEK PASIEN
+                                    </v-btn>
+                                </v-layout>
+                                <v-divider></v-divider>
+                                <v-layout column>
+                                    <v-flex pt-1 pl-2 pr-2 pb-1 xs12>
+                                        <v-select :items="statusRegisterList" v-model="selectedStatusRegister"
+                                            label="Status" hide-details single-line item-text="name" return-object
+                                            outline></v-select>
+                                    </v-flex>
+                                    <v-flex pt-1 pl-2 pr-2 pb-1 xs12>
+                                        <v-menu v-model="menuFilterDateMCU" lazy offset-y min-width="290px"
+                                            transition="scale-transition" max-width="290px" full-width :nudge-right="40"
+                                            :close-on-content-click="false">
+                                            <template v-slot:activator="{ on }">
+                                                <v-text-field v-model="filterDateMCU" outline hide-details
+                                                    label="Tanggal MCU" readonly v-on="on" clearable></v-text-field>
+                                            </template>
+                                            <v-date-picker v-model="filterDateMCU" no-title
+                                                @input="menuFilterDateMCU = false"></v-date-picker>
+                                        </v-menu>
+                                    </v-flex>
+                                    <v-flex pt-1 pl-2 pr-2 pb-1 xs12>
+                                        <v-text-field color="#57c492" label="Cari" placeholder="Nama+NIP"
+                                            v-model="search_listing" @keyup.enter="searchListing()" outline single-line
+                                            hide-details></v-text-field>
+                                    </v-flex>
+                                </v-layout>
+                            </v-card>
+                        </v-flex>
+                    </v-layout>
+                    <v-layout row>
+                        <v-flex xs12 pt-1 pb-1 pl-2 pr-2>
+                            <v-data-table :items="patients" class="v-table elevation-1" hide-actions hide-headers>
+                                <template v-slot:items="props">
+                                    <td width="80%" @click="selectMe(props.item)"
+                                        v-bind:class="{ 'amber lighten-4': isSelected(props.item) }" class="py-1"
+                                        style="height: 42px; font-size: 12px;">
+                                        <p v-if="
+                                            props.item.Mcu_PreregisterPatientsIsRegistered === 'N'
+                                        " class="mb-0">
+                                            {{ props.item.patient_fullname }}
+                                        </p>
+                                        <p v-if="
+                                            props.item.Mcu_PreregisterPatientsIsRegistered !== 'N'
+                                        " style="text-decoration: line-through;" class="mb-0">
+                                            {{ props.item.patient_fullname }}
+                                        </p>
+                                        <kbd>NIP : {{ props.item.Mcu_PreregisterPatientsNIP }}</kbd>
+                                        <span v-if="
+                                            props.item.Mcu_PreregisterPatientsIsRegistered === 'Y'
+                                        ">
+                                            <kbd>{{ props.item.T_OrderHeaderLabNumber }}</kbd>
+                                        </span>
+                                        <p class="mb-0">
+                                            <kbd v-if="props.item.uuid_form != ''" class="mb-0 font-weight-bold"
+                                                style="font-size: 10px;cursor: pointer;"
+                                                @click="openFormRiwayat(props.item)">kode form : {{ props.item.code_form
+                                                }}</kbd>
+                                            <code v-if="props.item.uuid_form == ''" class="mb-0 font-weight-bold"
+                                                style="font-size: 10px;">kode form : Belum digenerate</code>
+                                        </p>
+
+                                    </td>
+                                    <td width="20%" @click="selectMe(props.item)" class="py-1 text-xs-right"
+                                        v-bind:class="{ 'amber lighten-4': isSelected(props.item) }"
+                                        style="height: 42px; font-size: 12px;">
+                                        <v-btn v-if="
+                                            props.item.Mcu_PreregisterPatientsIsRegistered === 'N'
+                                        " dark @click="removePatient(props.item)"
+                                            style="min-width: 25px; height: 30px;" small color="red">
+                                            <v-icon style="cursor: pointer; font-size: 18px;">
+                                                close
+                                            </v-icon>
+                                        </v-btn>
+
+                                        <v-btn v-if="
+                                            props.item.Mcu_PreregisterPatientsIsRegistered === 'Y'
+                                        " dark @click="openDialogPrintBarcodeList(props.item)"
+                                            style="min-width: 25px; height: 30px;" small color="grey">
+                                            <v-icon style="cursor: pointer; font-size: 18px;">
+                                                print
+                                            </v-icon>
+                                        </v-btn>
+                                        <!-- <v-tooltip right>
                       <template v-slot:activator="{ on }">
                       </template>
-            <span>Print Barcode & Qrcode</span>
-            </v-tooltip> -->
-                  </td>
-                </template>
-                <template v-slot:footer>
-                  <div class="py-3 px-2">
-                    <strong>Total peserta {{ totalDataPatient }}</strong>
-                  </div>
-                </template>
-              </v-data-table>
-            </v-flex>
-          </v-layout>
-          <v-layout row>
-            <v-flex xs12 pt-1 pb-1 pl-2 pr-2>
-              <v-card>
-                <v-layout row>
-                  <v-pagination color="teal" style="margin-top: 10px; margin-bottom: 10px;"
-                    v-model="current_page_listing" :length="total_patient_listing"></v-pagination>
-                  <!-- <v-flex xs10>
-                  </v-flex> -->
-                  <!-- <v-flex xs2>
-                    <v-layout align-center justify-center row fill-height>
-
+                        <span>Print Barcode & Qrcode</span>
+                        </v-tooltip> -->
+                                    </td>
+                                </template>
+                                <template v-slot:footer>
+                                    <div class="py-3 px-2">
+                                        <strong>Total peserta {{ totalDataPatient }}</strong>
+                                    </div>
+                                </template>
+                            </v-data-table>
+                        </v-flex>
                     </v-layout>
-                  </v-flex> -->
-                </v-layout>
-              </v-card>
+                    <v-layout row>
+                        <v-flex xs12 pt-1 pb-1 pl-2 pr-2>
+                            <v-card>
+                                <v-layout row>
+                                    <v-pagination color="teal" style="margin-top: 10px; margin-bottom: 10px;"
+                                        v-model="current_page_listing" :length="total_patient_listing"></v-pagination>
+                                </v-layout>
+                            </v-card>
+                        </v-flex>
+                    </v-layout>
+                </v-card>
             </v-flex>
-          </v-layout>
-        </v-card>
-      </v-flex>
-      <v-flex xs7>
-        <v-card>
-          <v-card-title style="background: #57c492; padding: 8px;">
-            <v-btn v-if="
-              !_.isEmpty(selected_patient_listing) &&
-              selected_patient_listing.Mcu_PreregisterPatientsIsRegistered ===
-              'N'
-            " :disabled="_.isEmpty(selected_patient_listing)" @click="savePreregisterPatient()" color="#f5f5dc">SIMPAN
-            </v-btn>
-            <v-spacer></v-spacer>
-            <v-btn :disabled="_.isEmpty(selected_patient_listing) || selected_patient_listing.Mcu_PreregisterPatientsIsRegistered ===
-              'Y'" @click="savePreregisterPatientRedirect()" dark color="teal">
-              <!-- @click="goToRegister()" -->
-              DAFTARKAN&nbsp; &nbsp;
-              <v-icon>forward</v-icon>
-            </v-btn>
-            <v-btn v-if="
-              !_.isEmpty(selected_patient_listing) &&
-              selected_patient_listing.Mcu_PreregisterPatientsIsRegistered !==
-              'N'
-            " disabled color="info">TELAH SELESAI</v-btn>
-          </v-card-title>
-          <v-card-text>
-            <v-card color="#f5f5dc">
-              <v-card-text>
-                <v-layout row>
-                  <v-flex xs4 pa-1>
-                    <v-text-field style="font-size: 12px;" label="AWALAN" v-model="patient_prefix"></v-text-field>
-                  </v-flex>
-                  <v-flex xs3 pa-1>
-                    <v-text-field style="font-size: 12px;" label="NAMA PASIEN*" v-model="patient_name"></v-text-field>
-                    <p v-if="checkError('requirename')" class="error pl-2 pr-2" style="color: #fff;">
-                      Namanya siapa ?
-                    </p>
-                  </v-flex>
-                  <v-flex xs3 pa-1>
-                    <v-text-field style="font-size: 12px;" label="AKHIRAN" v-model="patient_suffix"></v-text-field>
-                  </v-flex>
-                  <v-flex xs3 pa-1>
-                    <v-text-field style="font-size: 12px;" label="TGL LAHIR*" v-model="dob" return-masked-value
-                      mask="##-##-####" placeholder="DD-MM-YYYY"></v-text-field>
-                    <p v-if="checkError('requiredob')" class="error pl-2 pr-2" style="color: #fff;">
-                      Diisi ya
-                    </p>
-                  </v-flex>
-                </v-layout>
-                <v-layout row>
-                  <v-flex xs4 pa-1>
-                    <v-text-field style="font-size: 12px;" label="NIP" v-model="nik"></v-text-field>
-                  </v-flex>
-                  <v-flex xs4 pa-1>
-                    <v-select style="font-size: 12px;" v-model="selected_sex" :items="sexes" return-object
-                      item-text="m_sexname" label="JENIS KELAMIN*"></v-select>
-                    <p v-if="checkError('requiresex')" class="error pl-2 pr-2" style="color: #fff;">
-                      Jenis kelaminnya ya
-                    </p>
-                  </v-flex>
-                  <v-flex xs4 pa-1>
-                    <v-select style="font-size: 12px;" v-model="selected_title" :items="filtered_titles" return-object
-                      item-text="M_TitleName" label="TITEL*"></v-select>
-                    <p v-if="checkError('requirenik')" class="error pl-2 pr-2" style="color: #fff;">
-                      Titelnya kakak, biar enak manggilnya
-                    </p>
-                  </v-flex>
+            <v-flex xs7>
+                <v-card>
+                    <v-card-title style="background: #57c492; padding: 8px;">
+                        <v-btn v-if="
+                            !_.isEmpty(selected_patient_listing) &&
+                            selected_patient_listing.Mcu_PreregisterPatientsIsRegistered ===
+                            'N'
+                        " :disabled="_.isEmpty(selected_patient_listing)" @click="savePreregisterPatient()"
+                            color="#f5f5dc">SIMPAN
+                        </v-btn>
+                        <v-spacer></v-spacer>
+                        <v-btn :disabled="_.isEmpty(selected_patient_listing) || selected_patient_listing.Mcu_PreregisterPatientsIsRegistered ===
+                            'Y'" @click="savePreregisterPatientRedirect()" dark color="teal">
+                            <!-- @click="goToRegister()" -->
+                            DAFTARKAN&nbsp; &nbsp;
+                            <v-icon>forward</v-icon>
+                        </v-btn>
+                        <v-btn v-if="
+                            !_.isEmpty(selected_patient_listing) &&
+                            selected_patient_listing.Mcu_PreregisterPatientsIsRegistered !==
+                            'N'
+                        " disabled color="info">TELAH SELESAI</v-btn>
+                    </v-card-title>
+                    <v-card-text>
+                        <v-card color="#f5f5dc">
+                            <v-card-text>
+                                <v-layout row>
+                                    <v-flex xs4 pa-1>
+                                        <v-text-field style="font-size: 12px;" label="AWALAN"
+                                            v-model="patient_prefix"></v-text-field>
+                                    </v-flex>
+                                    <v-flex xs3 pa-1>
+                                        <v-text-field style="font-size: 12px;" label="NAMA PASIEN*"
+                                            v-model="patient_name"></v-text-field>
+                                        <p v-if="checkError('requirename')" class="error pl-2 pr-2"
+                                            style="color: #fff;">
+                                            Namanya siapa ?
+                                        </p>
+                                    </v-flex>
+                                    <v-flex xs3 pa-1>
+                                        <v-text-field style="font-size: 12px;" label="AKHIRAN"
+                                            v-model="patient_suffix"></v-text-field>
+                                    </v-flex>
+                                    <v-flex xs3 pa-1>
+                                        <v-text-field style="font-size: 12px;" label="TGL LAHIR*" v-model="dob"
+                                            return-masked-value mask="##-##-####"
+                                            placeholder="DD-MM-YYYY"></v-text-field>
+                                        <p v-if="checkError('requiredob')" class="error pl-2 pr-2" style="color: #fff;">
+                                            Diisi ya
+                                        </p>
+                                    </v-flex>
+                                </v-layout>
+                                <v-layout row>
+                                    <v-flex xs4 pa-1>
+                                        <v-text-field style="font-size: 12px;" label="NIP" v-model="nik"></v-text-field>
+                                    </v-flex>
+                                    <v-flex xs4 pa-1>
+                                        <v-select style="font-size: 12px;" v-model="selected_sex" :items="sexes"
+                                            return-object item-text="m_sexname" label="JENIS KELAMIN*"></v-select>
+                                        <p v-if="checkError('requiresex')" class="error pl-2 pr-2" style="color: #fff;">
+                                            Jenis kelaminnya ya
+                                        </p>
+                                    </v-flex>
+                                    <v-flex xs4 pa-1>
+                                        <v-select style="font-size: 12px;" v-model="selected_title"
+                                            :items="filtered_titles" return-object item-text="M_TitleName"
+                                            label="TITEL*"></v-select>
+                                        <p v-if="checkError('requirenik')" class="error pl-2 pr-2" style="color: #fff;">
+                                            Titelnya kakak, biar enak manggilnya
+                                        </p>
+                                    </v-flex>
 
-                  <!-- <v-flex xs4 pa-1>
+                                    <!-- <v-flex xs4 pa-1>
                     <v-select
                       :disabled="
                         selected_patient_listing.Mcu_PreregisterPatientsIsRegistered !==
@@ -763,2308 +768,2345 @@
                       label="AGAMA"
                     ></v-select>
                   </v-flex> -->
-                </v-layout>
-                <v-layout row>
-                  <v-flex xs3 pa-1>
-                    <v-text-field style="font-size: 12px;" v-model="email" label="EMAIL"></v-text-field>
-                  </v-flex>
-                  <v-flex xs3 pa-1>
-                    <v-text-field style="font-size: 12px;" v-model="hp" label="HP"></v-text-field>
-                  </v-flex>
-                  <v-flex xs3 pa-1>
-                    <v-text-field style="font-size: 12px;" v-model="kedudukan" label="DIVISI"></v-text-field>
-                  </v-flex>
-                  <v-flex xs3 pa-1>
-                    <v-text-field style="font-size: 12px;" v-model="jabatan" label="JABATAN"></v-text-field>
-                  </v-flex>
-                </v-layout>
-                <v-layout row>
-                  <v-flex xs4 pa-1>
-                    <v-text-field style="font-size: 12px;" v-model="departement" label="DEPARTEMENT"></v-text-field>
-                  </v-flex>
-                  <v-flex xs4 pa-1>
-                    <v-text-field style="font-size: 12px;" v-model="location" label="LOKASI"></v-text-field>
-                  </v-flex>
-                  <v-flex xs4 pa-1>
-                    <v-text-field style="font-size: 12px;" v-model="job" label="PEKERJAAN"></v-text-field>
-                  </v-flex>
-                </v-layout>
-                <v-layout row>
-                  <v-flex xs6 pa-1>
+                                </v-layout>
+                                <v-layout row>
+                                    <v-flex xs3 pa-1>
+                                        <v-text-field style="font-size: 12px;" v-model="email"
+                                            label="EMAIL"></v-text-field>
+                                    </v-flex>
+                                    <v-flex xs3 pa-1>
+                                        <v-text-field style="font-size: 12px;" v-model="hp" label="HP"></v-text-field>
+                                    </v-flex>
+                                    <v-flex xs3 pa-1>
+                                        <v-text-field style="font-size: 12px;" v-model="kedudukan"
+                                            label="DIVISI"></v-text-field>
+                                    </v-flex>
+                                    <v-flex xs3 pa-1>
+                                        <v-text-field style="font-size: 12px;" v-model="jabatan"
+                                            label="JABATAN"></v-text-field>
+                                    </v-flex>
+                                </v-layout>
+                                <v-layout row>
+                                    <v-flex xs4 pa-1>
+                                        <v-text-field style="font-size: 12px;" v-model="departement"
+                                            label="DEPARTEMENT"></v-text-field>
+                                    </v-flex>
+                                    <v-flex xs4 pa-1>
+                                        <v-text-field style="font-size: 12px;" v-model="location"
+                                            label="LOKASI"></v-text-field>
+                                    </v-flex>
+                                    <v-flex xs4 pa-1>
+                                        <v-text-field style="font-size: 12px;" v-model="job"
+                                            label="PEKERJAAN"></v-text-field>
+                                    </v-flex>
+                                </v-layout>
+                                <v-layout row>
+                                    <v-flex xs6 pa-1>
 
-                    <v-autocomplete label="COMPANY" v-model="selectedCorporate" :items="corporateList"
-                      item-text="CorporateName" return-object no-data-text="Pilih Corporate">
-                      <template slot="item" slot-scope="{ item }">
-                        <v-list-tile-content>
-                          <v-list-tile-title v-text="item.CorporateCode + ' ' + item.CorporateName
-                            "></v-list-tile-title>
-                        </v-list-tile-content>
-                      </template>
-                    </v-autocomplete>
+                                        <v-autocomplete label="COMPANY" v-model="selectedCorporate"
+                                            :items="corporateList" item-text="CorporateName" return-object
+                                            no-data-text="Pilih Corporate">
+                                            <template slot="item" slot-scope="{ item }">
+                                                <v-list-tile-content>
+                                                    <v-list-tile-title v-text="item.CorporateCode + ' ' + item.CorporateName
+                                                        "></v-list-tile-title>
+                                                </v-list-tile-content>
+                                            </template>
+                                        </v-autocomplete>
 
 
 
-                  </v-flex>
-                  <v-flex xs4 pa-1>
-                    <v-text-field style="font-size: 12px;" v-model="ktp" label="KTP"></v-text-field>
-                  </v-flex>
-                  <v-flex xs2 pa-1>
-                    <v-text-field style="font-size: 12px;" label="ANTRIAN" v-model="antrian"></v-text-field>
-                  </v-flex>
-                </v-layout>
-                <v-layout row>
-                  <v-flex xs12>
-                    <v-text-field style="font-size: 12px;" disabled v-model="email_corporate"
-                      label="EMAIL CORPORATE"></v-text-field>
-                  </v-flex>
-                </v-layout>
-                <div class="pt-2">
-                  <p style="font-weight: bold; font-size: 12px;">Alamat</p>
-                  <!-- dropdown auto complete country -->
-                  <v-flex xs12 pt-2 pb-2>
-                    <v-autocomplete :items="xCountryCb" v-model="selected_countryCb" item-text="display" hide-details
-                      item-value="code" return-object label="Country">
-                    </v-autocomplete>
-                    <!-- <p  v-if="_.isEmpty(selected_countryCb)" class="error caption mt-1 mb-0 pl-2 pr-2 pb-2" style="color:#fff">Belum pilih Country</p> -->
-                  </v-flex>
-                  <!-- dropdown auto complete country -->
-                  <!-- dropdown auto complete alamat -->
-                  <v-flex xs12 pt-2 pb-2>
-                    <v-autocomplete :items="xWilayahCb" v-model="selected_wilayahCb" item-text="text_nm" hide-details
-                      item-value="id" return-object label="Cari Wilayah" :search-input.sync="search_wilayah">
-                    </v-autocomplete>
-                    <!-- <p  v-if="_.isEmpty(selected_wilayahCb)" class="error caption mt-1 mb-0 pl-2 pr-2 pb-2" style="color:#fff">Belum pilih Country</p> -->
-                  </v-flex>
-                  <!-- dropdown auto complete alamat -->
-                  <!-- provinsi -->
-                  <v-flex xs12 pt-2 pb-2>
-                    <v-text-field color="black" label="Provinsi" v-model="inp_CorporateAddressState" hide-details
-                      single-line type="text" readonly></v-text-field>
-                  </v-flex>
-                  <!-- provinsi -->
-                  <!-- kota / kabupaten -->
-                  <v-flex xs12 pt-2 pb-2>
-                    <v-text-field color="black" label="Kota/Kab" v-model="inp_CorporateAddressCity" hide-details
-                      single-line type="text" readonly></v-text-field>
-                  </v-flex>
-                  <!-- kota / kabupaten -->
-                  <!-- kecamatan -->
-                  <v-flex xs12 pt-2 pb-2>
-                    <v-text-field color="black" label="Kecamatan" v-model="inp_CorporateAddressDistrict" hide-details
-                      single-line type="text" readonly></v-text-field>
-                  </v-flex>
-                  <!-- kecamatan -->
-                  <!-- kelurahan -->
-                  <v-flex xs12 pt-2 pb-2>
-                    <v-text-field color="black" label="Kelurahan" v-model="inp_CorporateAddressVillage" hide-details
-                      single-line type="text" readonly></v-text-field>
-                  </v-flex>
-                  <!-- kelurahan -->
-                  <!-- rt -->
-                  <v-flex xs12 pt-2 pb-2>
-                    <v-text-field color="black" label="RT" v-model="inp_CorporateAddressRT" hide-details single-line
-                      type="text"></v-text-field>
-                  </v-flex>
-                  <!-- rt -->
-                  <!-- rw -->
-                  <v-flex xs12 pt-2 pb-2>
-                    <v-text-field color="black" label="RT" v-model="inp_CorporateAddressRW" hide-details single-line
-                      type="text"></v-text-field>
-                  </v-flex>
-                  <!-- rw -->
-                  <!-- alamat inputan -->
-                  <v-flex xs12 pa-2>
-                    <v-textarea label="Alamat" v-model="inp_CorporateAddress"></v-textarea>
-                  </v-flex>
-                  <!-- alamat inputan -->
-                </div>
-              </v-card-text>
-            </v-card>
-          </v-card-text>
-          <v-card-actions> </v-card-actions>
-        </v-card>
-        <v-divider></v-divider>
-        <v-card>
-          <h4 class="pl-4 pt-2 text--lighten-1">PAKET PEMERIKSAAN</h4>
-          <v-card-text>
-            <v-layout class="pl-0 pt-1 pb-1 pr-0" wrap>
-              <v-flex xs12>
-                <v-btn dark v-if="selected_packets && selected_packets.length > 0" v-for="packet in selected_packets"
-                  style="margin: 3px;" depressed small color="cyan">
-                  <span class="font-weight-bold mr-2">{{ packet.code }}</span>
-                  {{ packet.name }}
-                </v-btn>
-                <v-btn dark v-if="selected_tests && selected_tests.length > 0" v-for="test in selected_tests"
-                  style="margin: 3px;" depressed small color="red"><span class="font-weight-bold mr-2">{{ test.code
-                  }}</span>
-                  {{ test.name }}</v-btn>
-                <v-btn v-if="
-                  selected_packets &&
-                  selected_packets.length == 0 &&
-                  selected_tests &&
-                  selected_tests.length == 0"
-                  depressed small disabled>Belum ada paket pemeriksaan yang dipilih</v-btn>
-              </v-flex>
-            </v-layout>
-          </v-card-text>
-        </v-card>
-        <v-divider></v-divider>
-        <v-card>
-          <v-card-text>
-            <v-card class="mb-2" color="cyan">
-              <v-layout row>
-                <v-flex xs12 pt-2 pb-1 pl-2 pr-2>
-                  <v-card>
-                    <v-layout align-center row>
-                      <h4 class="subheader pl-3 pt-2 pb-2">DAFTAR PAKET</h4>
-                    </v-layout>
-                    <v-divider></v-divider>
-                    <v-layout align-center row>
-                      <v-flex pt-1 pl-2 pr-2 pb-1 xs12>
-                        <v-text-field color="cyan" label="Cari" placeholder="Cari paket" v-model="search_packet"
-                          @keyup.enter="searchPacket()" outline single-line hide-details></v-text-field>
-                      </v-flex>
-                    </v-layout>
-                  </v-card>
-                </v-flex>
-              </v-layout>
-              <v-layout row>
-                <v-flex xs12 pt-1 pb-1 pl-2 pr-2>
-                  <v-data-table :items="packets" class="v-table elevation-1" hide-actions hide-headers>
-                    <template v-slot:items="props">
-                      <td style="height: 42px;" v-on:dblclick="getpacketdetail(props.item)">
-                        <div style="display:flex;justify-content:space-between;" v-on:dblclick="getpacketdetail(props.item)">
-                          <p v-if="checkNatTest(props.item)" class="mb-0">
-                            <span class="font-weight-bold">{{
-                              props.item.code
-                            }}</span>
-                            {{ props.item.name }}
-                          </p>
-                          <p v-if="!checkNatTest(props.item)" style="text-decoration: line-through;" class="mb-0">
-                            <span class="font-weight-bold">{{
-                              props.item.code
-                            }}</span>
-                            {{ props.item.name }}
-                          </p>
-                          <div style="text-align:right;">
-                            {{ one_money(props.item.price) }}
-                          </div>
-                        </div>
-                      </td>
-                      <td 
-                        v-if="props.item.T_PacketIsOptional != 'Y'"
-                        class="text-xs-right" style="height: 42px;"
-                      >
-                        <v-btn :disabled="selected_patient_listing.Mcu_PreregisterPatientsIsRegistered !==
-                          'N'
-                          " dark v-if="
-                            packetExist(props.item) && checkNatTest(props.item)
-                          " @click="addToPackets(props.item)" style="min-width: 25px; height: 30px;" small
-                          color="cyan">
-                          <v-icon style="cursor: pointer; font-size: 18px;">
-                            add_box
-                          </v-icon>
-                        </v-btn>
-                        <v-icon :disabled="selected_patient_listing.Mcu_PreregisterPatientsIsRegistered !==
-                          'N'
-                          " color="cyan" v-if="!packetExist(props.item)" @click="removeFromPackets(props.item)"
-                          style="cursor: pointer; font-size: 30px;">done</v-icon>
-                      </td>
-                    </template>
-                  </v-data-table>
-                </v-flex>
-              </v-layout>
-              <v-layout row>
-                <v-flex xs12 pt-1 pb-1 pl-2 pr-2>
-                  <v-card>
-                    <v-layout row>
-                      <v-pagination color="cyan" style="margin-top: 10px; margin-bottom: 10px;"
-                        v-model="current_page_packet" :length="total_patient_packet"></v-pagination>
-                    </v-layout>
-                  </v-card>
-                </v-flex>
-              </v-layout>
-            </v-card>
-            <v-card class="mb-2" color="red">
-              <v-layout row>
-                <v-flex xs12 pt-2 pb-1 pl-2 pr-2>
-                  <v-card>
-                    <v-layout align-center row>
-                      <v-flex xs8>
-                        <h4 class="subheader pl-3 pt-2 pb-2">
-                          DAFTAR PEMERIKSAAN
-                        </h4>
-                      </v-flex>
-                      <v-flex xs4>
-                        <div style="text-align:right; padding-right: 10px;">
-                          <span class="font-weight-bold">TOTAL : {{ one_money(total_satuan) }}</span>
-                        </div>
-                      </v-flex>
-                    </v-layout>
-                    <v-divider></v-divider>
-                    <v-layout align-center row>
-                      <v-flex pt-1 pl-2 pr-2 pb-1 xs12>
-                        <v-text-field :disabled="selected_patient_listing.Mcu_PreregisterPatientsIsRegistered !==
-                          'N'
-                          " color="red" label="Cari" placeholder="Cari pemeriksaan" v-model="search_test"
-                          @keyup.enter="searchTest()" outline single-line hide-details></v-text-field>
-                      </v-flex>
-                    </v-layout>
-                  </v-card>
-                </v-flex>
-              </v-layout>
-              <v-layout row>
-                <v-flex xs12 pt-1 pb-1 pl-2 pr-2>
-                  <v-data-table :items="tests" class="v-table elevation-1" hide-actions hide-headers>
-                    <template v-slot:items="props">
-                      <td width="90%" style="height: 42px;">
-                        <div style="display:flex;justify-content:space-between;">
-                          <div style="text-align:left;" v-if="checkNatTest(props.item)" class="mb-0">
-                            <span class="font-weight-bold">{{
-                              props.item.code
-                            }}</span>
-                            {{ props.item.name }}
+                                    </v-flex>
+                                    <v-flex xs4 pa-1>
+                                        <v-text-field style="font-size: 12px;" v-model="ktp" label="KTP"></v-text-field>
+                                    </v-flex>
+                                    <v-flex xs2 pa-1>
+                                        <v-text-field style="font-size: 12px;" label="ANTRIAN"
+                                            v-model="antrian"></v-text-field>
+                                    </v-flex>
+                                </v-layout>
+                                <v-layout row>
+                                    <v-flex xs12>
+                                        <v-text-field style="font-size: 12px;" disabled v-model="email_corporate"
+                                            label="EMAIL CORPORATE"></v-text-field>
+                                    </v-flex>
+                                </v-layout>
+                                <div class="pt-2">
+                                    <p style="font-weight: bold; font-size: 12px;">Alamat</p>
+                                    <!-- dropdown auto complete country -->
+                                    <v-flex xs12 pt-2 pb-2>
+                                        <v-autocomplete :items="xCountryCb" v-model="selected_countryCb"
+                                            item-text="display" hide-details item-value="code" return-object
+                                            label="Country">
+                                        </v-autocomplete>
+                                        <!-- <p  v-if="_.isEmpty(selected_countryCb)" class="error caption mt-1 mb-0 pl-2 pr-2 pb-2" style="color:#fff">Belum pilih Country</p> -->
+                                    </v-flex>
+                                    <!-- dropdown auto complete country -->
+                                    <!-- dropdown auto complete alamat -->
+                                    <v-flex xs12 pt-2 pb-2>
+                                        <v-autocomplete :items="xWilayahCb" v-model="selected_wilayahCb"
+                                            item-text="text_nm" hide-details item-value="id" return-object
+                                            label="Cari Wilayah" :search-input.sync="search_wilayah">
+                                        </v-autocomplete>
+                                        <!-- <p  v-if="_.isEmpty(selected_wilayahCb)" class="error caption mt-1 mb-0 pl-2 pr-2 pb-2" style="color:#fff">Belum pilih Country</p> -->
+                                    </v-flex>
+                                    <!-- dropdown auto complete alamat -->
+                                    <!-- provinsi -->
+                                    <v-flex xs12 pt-2 pb-2>
+                                        <v-text-field color="black" label="Provinsi" v-model="inp_CorporateAddressState"
+                                            hide-details single-line type="text" readonly></v-text-field>
+                                    </v-flex>
+                                    <!-- provinsi -->
+                                    <!-- kota / kabupaten -->
+                                    <v-flex xs12 pt-2 pb-2>
+                                        <v-text-field color="black" label="Kota/Kab" v-model="inp_CorporateAddressCity"
+                                            hide-details single-line type="text" readonly></v-text-field>
+                                    </v-flex>
+                                    <!-- kota / kabupaten -->
+                                    <!-- kecamatan -->
+                                    <v-flex xs12 pt-2 pb-2>
+                                        <v-text-field color="black" label="Kecamatan"
+                                            v-model="inp_CorporateAddressDistrict" hide-details single-line type="text"
+                                            readonly></v-text-field>
+                                    </v-flex>
+                                    <!-- kecamatan -->
+                                    <!-- kelurahan -->
+                                    <v-flex xs12 pt-2 pb-2>
+                                        <v-text-field color="black" label="Kelurahan"
+                                            v-model="inp_CorporateAddressVillage" hide-details single-line type="text"
+                                            readonly></v-text-field>
+                                    </v-flex>
+                                    <!-- kelurahan -->
+                                    <!-- rt -->
+                                    <v-flex xs12 pt-2 pb-2>
+                                        <v-text-field color="black" label="RT" v-model="inp_CorporateAddressRT"
+                                            hide-details single-line type="text"></v-text-field>
+                                    </v-flex>
+                                    <!-- rt -->
+                                    <!-- rw -->
+                                    <v-flex xs12 pt-2 pb-2>
+                                        <v-text-field color="black" label="RT" v-model="inp_CorporateAddressRW"
+                                            hide-details single-line type="text"></v-text-field>
+                                    </v-flex>
+                                    <!-- rw -->
+                                    <!-- alamat inputan -->
+                                    <v-flex xs12 pa-2>
+                                        <v-textarea label="Alamat" v-model="inp_CorporateAddress"></v-textarea>
+                                    </v-flex>
+                                    <!-- alamat inputan -->
+                                </div>
+                            </v-card-text>
+                        </v-card>
+                    </v-card-text>
+                    <v-card-actions> </v-card-actions>
+                </v-card>
+                <v-divider></v-divider>
+                <v-card>
+                    <h4 class="pl-4 pt-2 text--lighten-1">PAKET PEMERIKSAAN</h4>
+                    <v-card-text>
+                        <v-layout class="pl-0 pt-1 pb-1 pr-0" wrap>
+                            <v-flex xs12>
+                                <v-btn dark v-if="selected_packets && selected_packets.length > 0"
+                                    v-for="packet in selected_packets" style="margin: 3px;" depressed small
+                                    color="cyan">
+                                    <span class="font-weight-bold mr-2">{{ packet.code }}</span>
+                                    {{ packet.name }}
+                                </v-btn>
+                                <v-btn dark v-if="selected_tests && selected_tests.length > 0"
+                                    v-for="test in selected_tests" style="margin: 3px;" depressed small
+                                    color="red"><span class="font-weight-bold mr-2">{{
+                                        test.code
+                                        }}</span>
+                                    {{ test.name }}</v-btn>
+                                <v-btn v-if="
+                                    selected_packets &&
+                                    selected_packets.length == 0 &&
+                                    selected_tests &&
+                                    selected_tests.length == 0" depressed small disabled>Belum ada paket pemeriksaan
+                                    yang dipilih</v-btn>
+                            </v-flex>
+                        </v-layout>
+                    </v-card-text>
+                </v-card>
+                <v-divider></v-divider>
+                <v-card>
+                    <v-card-text>
+                        <v-card class="mb-2" color="cyan">
+                            <v-layout row>
+                                <v-flex xs12 pt-2 pb-1 pl-2 pr-2>
+                                    <v-card>
+                                        <v-layout align-center row>
+                                            <h4 class="subheader pl-3 pt-2 pb-2">DAFTAR PAKET</h4>
+                                        </v-layout>
+                                        <v-divider></v-divider>
+                                        <v-layout align-center row>
+                                            <v-flex pt-1 pl-2 pr-2 pb-1 xs12>
+                                                <v-text-field color="cyan" label="Cari" placeholder="Cari paket"
+                                                    v-model="search_packet" @keyup.enter="searchPacket()" outline
+                                                    single-line hide-details></v-text-field>
+                                            </v-flex>
+                                        </v-layout>
+                                    </v-card>
+                                </v-flex>
+                            </v-layout>
+                            <v-layout row>
+                                <v-flex xs12 pt-1 pb-1 pl-2 pr-2>
+                                    <v-data-table :items="packets" class="v-table elevation-1" hide-actions
+                                        hide-headers>
+                                        <template v-slot:items="props">
+                                            <td style="height: 42px;" v-on:dblclick="getpacketdetail(props.item)">
+                                                <div style="display:flex;justify-content:space-between;"
+                                                    v-on:dblclick="getpacketdetail(props.item)">
+                                                    <p v-if="checkNatTest(props.item)" class="mb-0">
+                                                        <span class="font-weight-bold">{{
+                                                            props.item.code
+                                                            }}</span>
+                                                        {{ props.item.name }}
+                                                    </p>
+                                                    <p v-if="!checkNatTest(props.item)"
+                                                        style="text-decoration: line-through;" class="mb-0">
+                                                        <span class="font-weight-bold">{{
+                                                            props.item.code
+                                                            }}</span>
+                                                        {{ props.item.name }}
+                                                    </p>
+                                                    <div style="text-align:right;">
+                                                        {{ one_money(props.item.price) }}
+                                                    </div>
+                                                </div>
+                                            </td>
+                                            <td v-if="props.item.T_PacketIsOptional != 'Y'" class="text-xs-right"
+                                                style="height: 42px;">
+                                                <v-btn :disabled="selected_patient_listing.Mcu_PreregisterPatientsIsRegistered !==
+                                                    'N'
+                                                    " dark v-if="
+                                                        packetExist(props.item) && checkNatTest(props.item)
+                                                    " @click="addToPackets(props.item)"
+                                                    style="min-width: 25px; height: 30px;" small color="cyan">
+                                                    <v-icon style="cursor: pointer; font-size: 18px;">
+                                                        add_box
+                                                    </v-icon>
+                                                </v-btn>
+                                                <v-icon :disabled="selected_patient_listing.Mcu_PreregisterPatientsIsRegistered !==
+                                                    'N'
+                                                    " color="cyan" v-if="!packetExist(props.item)"
+                                                    @click="removeFromPackets(props.item)"
+                                                    style="cursor: pointer; font-size: 30px;">done</v-icon>
+                                            </td>
+                                        </template>
+                                    </v-data-table>
+                                </v-flex>
+                            </v-layout>
+                            <v-layout row>
+                                <v-flex xs12 pt-1 pb-1 pl-2 pr-2>
+                                    <v-card>
+                                        <v-layout row>
+                                            <v-pagination color="cyan" style="margin-top: 10px; margin-bottom: 10px;"
+                                                v-model="current_page_packet"
+                                                :length="total_patient_packet"></v-pagination>
+                                        </v-layout>
+                                    </v-card>
+                                </v-flex>
+                            </v-layout>
+                        </v-card>
+                        <v-card class="mb-2" color="red">
+                            <v-layout row>
+                                <v-flex xs12 pt-2 pb-1 pl-2 pr-2>
+                                    <v-card>
+                                        <v-layout align-center row>
+                                            <v-flex xs8>
+                                                <h4 class="subheader pl-3 pt-2 pb-2">
+                                                    DAFTAR PEMERIKSAAN
+                                                </h4>
+                                            </v-flex>
+                                            <v-flex xs4>
+                                                <div style="text-align:right; padding-right: 10px;">
+                                                    <span class="font-weight-bold">TOTAL : {{ one_money(total_satuan)
+                                                        }}</span>
+                                                </div>
+                                            </v-flex>
+                                        </v-layout>
+                                        <v-divider></v-divider>
+                                        <v-layout align-center row>
+                                            <v-flex pt-1 pl-2 pr-2 pb-1 xs12>
+                                                <v-text-field :disabled="selected_patient_listing.Mcu_PreregisterPatientsIsRegistered !==
+                                                    'N'
+                                                    " color="red" label="Cari" placeholder="Cari pemeriksaan"
+                                                    v-model="search_test" @keyup.enter="searchTest()" outline
+                                                    single-line hide-details></v-text-field>
+                                            </v-flex>
+                                        </v-layout>
+                                    </v-card>
+                                </v-flex>
+                            </v-layout>
+                            <v-layout row>
+                                <v-flex xs12 pt-1 pb-1 pl-2 pr-2>
+                                    <v-data-table :items="tests" class="v-table elevation-1" hide-actions hide-headers>
+                                        <template v-slot:items="props">
+                                            <td width="90%" style="height: 42px;">
+                                                <div style="display:flex;justify-content:space-between;">
+                                                    <div style="text-align:left;" v-if="checkNatTest(props.item)"
+                                                        class="mb-0">
+                                                        <span class="font-weight-bold">{{
+                                                            props.item.code
+                                                            }}</span>
+                                                        {{ props.item.name }}
 
-                          </div>
+                                                    </div>
 
-                          <div v-if="!checkNatTest(props.item)" style="text-align:left;text-decoration: line-through;"
-                            class="mb-0">
-                            <span class="font-weight-bold">{{
-                              props.item.code
-                            }}</span>
-                            {{ props.item.name }}
-                          </div>
-                          <div style="text-align:right;">
-                            {{ one_money(props.item.price) }}
-                          </div>
-                        </div>
-                      </td>
-                      <td width="10%" class="text-xs-right" style="height: 42px;">
-                        <v-btn :disabled="selected_patient_listing.Mcu_PreregisterPatientsIsRegistered !==
-                          'N' ||
-                          selectedSetup.Mgm_McuBisaTambahPemeriksaan === 'N'
-                          " dark v-if="
-                            testExist(props.item) && checkNatTest(props.item)
-                          " @click="addToTests(props.item)" style="min-width: 25px; height: 30px;" small color="red">
-                          <v-icon style="cursor: pointer; font-size: 18px;">
-                            add_box
-                          </v-icon>
-                        </v-btn>
+                                                    <div v-if="!checkNatTest(props.item)"
+                                                        style="text-align:left;text-decoration: line-through;"
+                                                        class="mb-0">
+                                                        <span class="font-weight-bold">{{
+                                                            props.item.code
+                                                            }}</span>
+                                                        {{ props.item.name }}
+                                                    </div>
+                                                    <div style="text-align:right;">
+                                                        {{ one_money(props.item.price) }}
+                                                    </div>
+                                                </div>
+                                            </td>
+                                            <td width="10%" class="text-xs-right" style="height: 42px;">
+                                                <v-btn :disabled="selected_patient_listing.Mcu_PreregisterPatientsIsRegistered !==
+                                                    'N' ||
+                                                    selectedSetup.Mgm_McuBisaTambahPemeriksaan === 'N'
+                                                    " dark v-if="
+                                                        testExist(props.item) && checkNatTest(props.item)
+                                                    " @click="addToTests(props.item)"
+                                                    style="min-width: 25px; height: 30px;" small color="red">
+                                                    <v-icon style="cursor: pointer; font-size: 18px;">
+                                                        add_box
+                                                    </v-icon>
+                                                </v-btn>
 
-                        <v-icon :disabled="selected_patient_listing.Mcu_PreregisterPatientsIsRegistered !==
-                          'N' ||
-                          selectedSetup.Mgm_McuBisaTambahPemeriksaan === 'N'
-                          " color="red" @click="removeFromTests(props.item)"
-                          v-if="!testExist(props.item) && !testFromInsidePacket(props.item)" 
-                          style="cursor: pointer; font-size: 30px;">done</v-icon>
-                      </td>
-                    </template>
-                  </v-data-table>
-                </v-flex>
-              </v-layout>
-              <v-layout row>
-                <v-flex xs12 pt-1 pb-1 pl-2 pr-2>
-                  <v-card>
-                    <v-layout row>
-                      <v-pagination color="red" style="margin-top: 10px; margin-bottom: 10px;"
-                        v-model="current_page_test" :length="total_patient_test"></v-pagination>
-                    </v-layout>
-                  </v-card>
-                </v-flex>
-              </v-layout>
-            </v-card>
-          </v-card-text>
-        </v-card>
-      </v-flex>
-    </v-layout>
-  </div>
+                                                <v-icon :disabled="selected_patient_listing.Mcu_PreregisterPatientsIsRegistered !==
+                                                    'N' ||
+                                                    selectedSetup.Mgm_McuBisaTambahPemeriksaan === 'N'
+                                                    " color="red" @click="removeFromTests(props.item)"
+                                                    v-if="!testExist(props.item) && !testFromInsidePacket(props.item)"
+                                                    style="cursor: pointer; font-size: 30px;">done</v-icon>
+                                            </td>
+                                        </template>
+                                    </v-data-table>
+                                </v-flex>
+                            </v-layout>
+                            <v-layout row>
+                                <v-flex xs12 pt-1 pb-1 pl-2 pr-2>
+                                    <v-card>
+                                        <v-layout row>
+                                            <v-pagination color="red" style="margin-top: 10px; margin-bottom: 10px;"
+                                                v-model="current_page_test" :length="total_patient_test"></v-pagination>
+                                        </v-layout>
+                                    </v-card>
+                                </v-flex>
+                            </v-layout>
+                        </v-card>
+                    </v-card-text>
+                </v-card>
+            </v-flex>
+        </v-layout>
+    </div>
 </template>
 
 <style scoped>
 table,
 td,
 th {
-  border: 0px solid #ddd;
-  text-align: left;
+    border: 0px solid #ddd;
+    text-align: left;
 }
 
 table {
-  border-collapse: collapse;
-  width: 100%;
+    border-collapse: collapse;
+    width: 100%;
 }
 
 th,
 td {
-  padding-top: 5px;
-  padding-bottom: 5px;
-  padding-left: 8px;
-  padding-right: 5px;
+    padding-top: 5px;
+    padding-bottom: 5px;
+    padding-left: 8px;
+    padding-right: 5px;
 }
 
 .mini-input .v-input {
-  margin-top: 0px;
+    margin-top: 0px;
 }
 
 .mini-input .v-input,
 .mini-input .v-input--selection-controls,
 .mini-input .v-input__slot {
-  margin-top: 0px;
-  margin-bottom: 0px;
-  margin-left: 3px;
+    margin-top: 0px;
+    margin-bottom: 0px;
+    margin-left: 3px;
 }
 
 .mini-input .v-messages {
-  min-height: 0px;
+    min-height: 0px;
 }
 
 input.fhm-input {
-  border: 1px solid black;
-  border-radius: 2px;
-  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1),
-    0 0 4px rgba(0, 0, 0, 0.1);
-  -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1),
-    0 0 4px rgba(0, 0, 0, 0.1);
-  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1), 0 0 4px rgba(0, 0, 0, 0.1);
-  padding: 2px 4px;
-  background: rgba(255, 255, 255, 0.5);
-  margin: 0 0 1px 0;
-  width: 30px;
-  text-align: center;
+    border: 1px solid black;
+    border-radius: 2px;
+    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1),
+        0 0 4px rgba(0, 0, 0, 0.1);
+    -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1),
+        0 0 4px rgba(0, 0, 0, 0.1);
+    box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1), 0 0 4px rgba(0, 0, 0, 0.1);
+    padding: 2px 4px;
+    background: rgba(255, 255, 255, 0.5);
+    margin: 0 0 1px 0;
+    width: 30px;
+    text-align: center;
 }
 
 table.v-table tbody td,
 table.v-table tbody th {
-  height: 35px;
+    height: 35px;
 }
 
 table.v-table thead tr {
-  height: 35px;
+    height: 35px;
 }
 </style>
 
 <script>
 module.exports = {
-  data() {
-    return {
-      total_all: 0,
-      total_satuan: 0,
-      search_wilayah: "",
-      selected_barcode: [],
-      indeterminatex: false,
-      bar_chx_all: false,
-      data_temp_patient: {},
-      dialog_alert_confirm: false,
-      search_company: "",
-      page: 1,
-      search: "",
-      pagination: {},
-      selected: [],
-      search_headers: [
-        {
-          text: "PID",
-          align: "left",
-          sortable: false,
-          value: "mr",
-          width: "15%",
-          class: "teal lighten-3 white--text",
+    data() {
+        return {
+            total_all: 0,
+            total_satuan: 0,
+            search_wilayah: "",
+            selected_barcode: [],
+            indeterminatex: false,
+            bar_chx_all: false,
+            data_temp_patient: {},
+            dialog_alert_confirm: false,
+            menuFilterDateMCU: false,
+            filterDateMCU: "",
+            search_company: "",
+            page: 1,
+            search: "",
+            pagination: {},
+            selected: [],
+            search_headers: [
+                {
+                    text: "PID",
+                    align: "left",
+                    sortable: false,
+                    value: "mr",
+                    width: "15%",
+                    class: "teal lighten-3 white--text",
+                },
+                {
+                    text: "NAMA",
+                    align: "left",
+                    sortable: false,
+                    value: "name",
+                    width: "25%",
+                    class: "teal lighten-3 white--text",
+                },
+                {
+                    text: "NIK",
+                    align: "left",
+                    sortable: false,
+                    value: "hp",
+                    width: "15%",
+                    class: "teal lighten-3 white--text",
+                },
+                {
+                    text: "DOB",
+                    align: "left",
+                    sortable: false,
+                    value: "dob",
+                    width: "15%",
+                    class: "teal lighten-3 white--text",
+                },
+                {
+                    text: "JABATAN",
+                    align: "left",
+                    sortable: false,
+                    value: "address",
+                    width: "10%",
+                    class: "teal lighten-3 white--text",
+                },
+                {
+                    text: "AKSI",
+                    align: "left",
+                    sortable: false,
+                    value: "address",
+                    width: "10%",
+                    class: "teal lighten-3 white--text",
+                },
+            ],
+            headers: [
+                { text: "NAMA", width: "20%", align: "center", sortable: false },
+                {
+                    text: "TANGGAL LAHIR",
+                    width: "10%",
+                    align: "center",
+                    sortable: false,
+                },
+                {
+                    text: "JENIS KEL.",
+                    width: "10%",
+                    align: "center",
+                    sortable: false,
+                },
+                { text: "NIK", width: "10%", align: "center", sortable: false },
+                { text: "JABATAN", width: "18%", align: "center", sortable: false },
+                { text: "STATUS", width: "10%", align: "center", sortable: false },
+            ],
+        };
+    },
+    mounted() {
+        this.$store.dispatch("patient/getCountryTerminology");
+    },
+    computed: {
+        antrian: {
+            get() {
+                return this.$store.state.patient.antrian;
+            },
+            set(val) {
+                this.$store.commit("patient/update_antrian", val);
+            },
         },
-        {
-          text: "NAMA",
-          align: "left",
-          sortable: false,
-          value: "name",
-          width: "25%",
-          class: "teal lighten-3 white--text",
+        companies() {
+            return this.$store.state.patient.companies;
         },
-        {
-          text: "NIK",
-          align: "left",
-          sortable: false,
-          value: "hp",
-          width: "15%",
-          class: "teal lighten-3 white--text",
+        company: {
+            get() {
+                return this.$store.state.patient.company;
+            },
+            set(val) {
+                this.$store.commit("patient/update_company", val);
+                this.searchPatientTable();
+                //this.$store.commit("patient/update_no_save", 1)
+            },
         },
-        {
-          text: "DOB",
-          align: "left",
-          sortable: false,
-          value: "dob",
-          width: "15%",
-          class: "teal lighten-3 white--text",
+        barcodeList: {
+            get() {
+                return this.$store.state.patient.barcodeList;
+            },
+            set(val) {
+                this.$store.commit("patient/update_barcodeList", val);
+            },
         },
-        {
-          text: "JABATAN",
-          align: "left",
-          sortable: false,
-          value: "address",
-          width: "10%",
-          class: "teal lighten-3 white--text",
+        dialogPrintBarcodeList: {
+            get() {
+                return this.$store.state.patient.dialogPrintBarcodeList;
+            },
+            set(val) {
+                this.$store.commit("patient/update_dialogPrintBarcodeList", val);
+            },
         },
-        {
-          text: "AKSI",
-          align: "left",
-          sortable: false,
-          value: "address",
-          width: "10%",
-          class: "teal lighten-3 white--text",
+        dialog_delete: {
+            get() {
+                return this.$store.state.patient.dialog_delete;
+            },
+            set(val) {
+                this.$store.commit("patient/update_dialog_delete", val);
+            },
         },
-      ],
-      headers: [
-        { text: "NAMA", width: "20%", align: "center", sortable: false },
-        {
-          text: "TANGGAL LAHIR",
-          width: "10%",
-          align: "center",
-          sortable: false,
+        msg_delete: {
+            get() {
+                return this.$store.state.patient.msg_delete;
+            },
+            set(val) {
+                this.$store.commit("patient/update_msg_delete", val);
+            },
         },
-        {
-          text: "JENIS KEL.",
-          width: "10%",
-          align: "center",
-          sortable: false,
+        selected_patient_listing: {
+            get() {
+                return this.$store.state.patient.selected_patient_listing;
+            },
+            set(val) {
+                this.$store.commit("patient/update_selected_patient_listing", val);
+            },
         },
-        { text: "NIK", width: "10%", align: "center", sortable: false },
-        { text: "JABATAN", width: "18%", align: "center", sortable: false },
-        { text: "STATUS", width: "10%", align: "center", sortable: false },
-      ],
-    };
-  },
-  mounted() {
-    this.$store.dispatch("patient/getCountryTerminology");
-  },
-  computed: {
-    antrian: {
-      get() {
-        return this.$store.state.patient.antrian;
-      },
-      set(val) {
-        this.$store.commit("patient/update_antrian", val);
-      },
-    },
-    companies() {
-      return this.$store.state.patient.companies;
-    },
-    company: {
-      get() {
-        return this.$store.state.patient.company;
-      },
-      set(val) {
-        this.$store.commit("patient/update_company", val);
-        this.searchPatientTable();
-        //this.$store.commit("patient/update_no_save", 1)
-      },
-    },
-    barcodeList: {
-      get() {
-        return this.$store.state.patient.barcodeList;
-      },
-      set(val) {
-        this.$store.commit("patient/update_barcodeList", val);
-      },
-    },
-    dialogPrintBarcodeList: {
-      get() {
-        return this.$store.state.patient.dialogPrintBarcodeList;
-      },
-      set(val) {
-        this.$store.commit("patient/update_dialogPrintBarcodeList", val);
-      },
-    },
-    dialog_delete: {
-      get() {
-        return this.$store.state.patient.dialog_delete;
-      },
-      set(val) {
-        this.$store.commit("patient/update_dialog_delete", val);
-      },
-    },
-    msg_delete: {
-      get() {
-        return this.$store.state.patient.msg_delete;
-      },
-      set(val) {
-        this.$store.commit("patient/update_msg_delete", val);
-      },
-    },
-    selected_patient_listing: {
-      get() {
-        return this.$store.state.patient.selected_patient_listing;
-      },
-      set(val) {
-        this.$store.commit("patient/update_selected_patient_listing", val);
-      },
-    },
-    snackbar: {
-      get() {
-        return this.$store.state.patient.snackbar;
-      },
-      set(val) {
-        this.$store.commit("patient/update_snackbar", val);
-      },
-    },
-    search_test: {
-      get() {
-        return this.$store.state.patient.search_test;
-      },
-      set(val) {
-        this.$store.commit("patient/update_search_test", val);
-        this.$store.commit("patient/update_no_save", 1);
-      },
-    },
-    search_packet: {
-      get() {
-        return this.$store.state.patient.search_packet;
-      },
-      set(val) {
-        this.$store.commit("patient/update_search_packet", val);
-        this.$store.commit("patient/update_no_save", 1);
-      },
-    },
-    selected_agreement: {
-      get() {
-        return this.$store.state.patient.selected_agreement;
-      },
-      set(val) {
-        this.$store.commit("patient/update_selected_agreement", val);
-        this.$store.commit("patient/update_no_save", 1);
-        if (val) {
-          this.$store.commit("patient/update_packets", []);
-          this.$store.commit("patient/update_tests", []);
-          this.$store.commit("patient/update_selected_packets", []);
-          this.$store.commit("patient/update_selected_tests", []);
-          this.$store.commit("patient/update_current_page_test", 1);
-          this.$store.commit("patient/update_current_page_packet", 1);
-          this.$store.commit("patient/update_total_patient_packet", 0);
-          this.$store.commit("patient/update_total_patient_test", 0);
-          var prm = val;
-          prm.current_page = 1;
-          prm.search = "";
-          this.$store.dispatch("patient/getdatapackets", prm);
-          this.$store.dispatch("patient/getdatatests", prm);
+        snackbar: {
+            get() {
+                return this.$store.state.patient.snackbar;
+            },
+            set(val) {
+                this.$store.commit("patient/update_snackbar", val);
+            },
+        },
+        search_test: {
+            get() {
+                return this.$store.state.patient.search_test;
+            },
+            set(val) {
+                this.$store.commit("patient/update_search_test", val);
+                this.$store.commit("patient/update_no_save", 1);
+            },
+        },
+        search_packet: {
+            get() {
+                return this.$store.state.patient.search_packet;
+            },
+            set(val) {
+                this.$store.commit("patient/update_search_packet", val);
+                this.$store.commit("patient/update_no_save", 1);
+            },
+        },
+        selected_agreement: {
+            get() {
+                return this.$store.state.patient.selected_agreement;
+            },
+            set(val) {
+                this.$store.commit("patient/update_selected_agreement", val);
+                this.$store.commit("patient/update_no_save", 1);
+                if (val) {
+                    this.$store.commit("patient/update_packets", []);
+                    this.$store.commit("patient/update_tests", []);
+                    this.$store.commit("patient/update_selected_packets", []);
+                    this.$store.commit("patient/update_selected_tests", []);
+                    this.$store.commit("patient/update_current_page_test", 1);
+                    this.$store.commit("patient/update_current_page_packet", 1);
+                    this.$store.commit("patient/update_total_patient_packet", 0);
+                    this.$store.commit("patient/update_total_patient_test", 0);
+                    var prm = val;
+                    prm.current_page = 1;
+                    prm.search = "";
+                    this.$store.dispatch("patient/getdatapackets", prm);
+                    this.$store.dispatch("patient/getdatatests", prm);
 
-          var selected_patient = this.$store.state.patient
-            .selected_patient_listing;
-          selected_patient.Mcu_PreregisterPatientsAgreement = val.code;
-          this.$store.commit(
-            "patient/update_selected_patient_listing",
-            selected_patient
-          );
-        }
-      },
-    },
-    total_patient_listing() {
-      return this.$store.state.patient.total_patient_listing;
-    },
-    total_patient_packet() {
-      return this.$store.state.patient.total_patient_packet;
-    },
-    total_patient_test() {
-      return this.$store.state.patient.total_patient_test;
-    },
-    search_listing: {
-      get() {
-        return this.$store.state.patient.search_listing;
-      },
-      set(val) {
-        this.$store.commit("patient/update_search_listing", val);
-        this.$store.commit("patient/update_no_save", 1);
-      },
-    },
-    loading() {
-      return this.$store.state.patient.loading;
-    },
-    sexes() {
-      return this.$store.state.patient.sexes;
-    },
-    religions() {
-      return this.$store.state.patient.religions;
-    },
-    titles() {
-      return this.$store.state.patient.titles;
-    },
-    filtered_titles() {
-      return this.$store.state.patient.filtered_titles;
-    },
-    kartuidentitass() {
-      return this.$store.state.patient.kartuidentitass;
-    },
-    selected_title: {
-      get() {
-        return this.$store.state.patient.selected_title;
-      },
-      set(val) {
-        this.$store.commit("patient/update_selected_title", val);
-        this.$store.commit("patient/update_no_save", 1);
+                    var selected_patient = this.$store.state.patient
+                        .selected_patient_listing;
+                    selected_patient.Mcu_PreregisterPatientsAgreement = val.code;
+                    this.$store.commit(
+                        "patient/update_selected_patient_listing",
+                        selected_patient
+                    );
+                }
+            },
+        },
+        total_patient_listing() {
+            return this.$store.state.patient.total_patient_listing;
+        },
+        total_patient_packet() {
+            return this.$store.state.patient.total_patient_packet;
+        },
+        total_patient_test() {
+            return this.$store.state.patient.total_patient_test;
+        },
+        search_listing: {
+            get() {
+                return this.$store.state.patient.search_listing;
+            },
+            set(val) {
+                this.$store.commit("patient/update_search_listing", val);
+                this.$store.commit("patient/update_no_save", 1);
+            },
+        },
+        loading() {
+            return this.$store.state.patient.loading;
+        },
+        sexes() {
+            return this.$store.state.patient.sexes;
+        },
+        religions() {
+            return this.$store.state.patient.religions;
+        },
+        titles() {
+            return this.$store.state.patient.titles;
+        },
+        filtered_titles() {
+            return this.$store.state.patient.filtered_titles;
+        },
+        kartuidentitass() {
+            return this.$store.state.patient.kartuidentitass;
+        },
+        selected_title: {
+            get() {
+                return this.$store.state.patient.selected_title;
+            },
+            set(val) {
+                this.$store.commit("patient/update_selected_title", val);
+                this.$store.commit("patient/update_no_save", 1);
 
-        var selected_patient = this.$store.state.patient
-          .selected_patient_listing;
-        selected_patient.Mcu_PreregisterPatientsM_TitleID = val.M_TitleID;
-        this.$store.commit(
-          "patient/update_selected_patient_listing",
-          selected_patient
-        );
-      },
-    },
-    patient_prefix: {
-      get() {
-        return this.$store.state.patient.patient_prefix;
-      },
-      set(val) {
-        this.$store.commit("patient/update_patient_prefix", val);
-        this.$store.commit("patient/update_no_save", 1);
-        //this.searchPatientForm()
+                var selected_patient = this.$store.state.patient
+                    .selected_patient_listing;
+                selected_patient.Mcu_PreregisterPatientsM_TitleID = val.M_TitleID;
+                this.$store.commit(
+                    "patient/update_selected_patient_listing",
+                    selected_patient
+                );
+            },
+        },
+        patient_prefix: {
+            get() {
+                return this.$store.state.patient.patient_prefix;
+            },
+            set(val) {
+                this.$store.commit("patient/update_patient_prefix", val);
+                this.$store.commit("patient/update_no_save", 1);
+                //this.searchPatientForm()
 
-        var selected_patient = this.$store.state.patient
-          .selected_patient_listing;
-        selected_patient.Mcu_PreregisterPatientsPatientPrefix = val;
-        this.$store.commit(
-          "patient/update_selected_patient_listing",
-          selected_patient
-        );
-      },
-    },
-    patient_name: {
-      get() {
-        return this.$store.state.patient.patient_name;
-      },
-      set(val) {
-        this.$store.commit("patient/update_patient_name", val);
-        this.$store.commit("patient/update_no_save", 1);
-        //this.searchPatientForm()
-        var selected_patient = this.$store.state.patient
-          .selected_patient_listing;
-        selected_patient.Mcu_PreregisterPatientsPatientName = val;
-        this.$store.commit(
-          "patient/update_selected_patient_listing",
-          selected_patient
-        );
-      },
-    },
-    patient_suffix: {
-      get() {
-        return this.$store.state.patient.patient_suffix;
-      },
-      set(val) {
-        this.$store.commit("patient/update_patient_suffix", val);
-        this.$store.commit("patient/update_no_save", 1);
-        //this.searchPatientForm()
-        var selected_patient = this.$store.state.patient
-          .selected_patient_listing;
-        selected_patient.Mcu_PreregisterPatientsPatientSuffix = val;
-        this.$store.commit(
-          "patient/update_selected_patient_listing",
-          selected_patient
-        );
-      },
-    },
-    dob: {
-      get() {
-        return this.$store.state.patient.dob;
-      },
-      set(val) {
-        this.$store.commit("patient/update_errors", []);
-        var errors = this.$store.state.patient.errors;
-        var aDOB = moment(val, "DD-MM-YYYY", true);
-        var isValidDOB = aDOB.isValid();
-        if (!isValidDOB) {
-          errors.push("wrongformatdob");
-        } else {
-          //this.searchPatientForm()
-        }
+                var selected_patient = this.$store.state.patient
+                    .selected_patient_listing;
+                selected_patient.Mcu_PreregisterPatientsPatientPrefix = val;
+                this.$store.commit(
+                    "patient/update_selected_patient_listing",
+                    selected_patient
+                );
+            },
+        },
+        patient_name: {
+            get() {
+                return this.$store.state.patient.patient_name;
+            },
+            set(val) {
+                this.$store.commit("patient/update_patient_name", val);
+                this.$store.commit("patient/update_no_save", 1);
+                //this.searchPatientForm()
+                var selected_patient = this.$store.state.patient
+                    .selected_patient_listing;
+                selected_patient.Mcu_PreregisterPatientsPatientName = val;
+                this.$store.commit(
+                    "patient/update_selected_patient_listing",
+                    selected_patient
+                );
+            },
+        },
+        patient_suffix: {
+            get() {
+                return this.$store.state.patient.patient_suffix;
+            },
+            set(val) {
+                this.$store.commit("patient/update_patient_suffix", val);
+                this.$store.commit("patient/update_no_save", 1);
+                //this.searchPatientForm()
+                var selected_patient = this.$store.state.patient
+                    .selected_patient_listing;
+                selected_patient.Mcu_PreregisterPatientsPatientSuffix = val;
+                this.$store.commit(
+                    "patient/update_selected_patient_listing",
+                    selected_patient
+                );
+            },
+        },
+        dob: {
+            get() {
+                return this.$store.state.patient.dob;
+            },
+            set(val) {
+                this.$store.commit("patient/update_errors", []);
+                var errors = this.$store.state.patient.errors;
+                var aDOB = moment(val, "DD-MM-YYYY", true);
+                var isValidDOB = aDOB.isValid();
+                if (!isValidDOB) {
+                    errors.push("wrongformatdob");
+                } else {
+                    //this.searchPatientForm()
+                }
 
-        this.$store.commit("patient/update_dob", val);
-        this.$store.commit("patient/update_no_save", 1);
+                this.$store.commit("patient/update_dob", val);
+                this.$store.commit("patient/update_no_save", 1);
 
-        var selected_patient = this.$store.state.patient
-          .selected_patient_listing;
-        selected_patient.Mcu_PreregisterPatientsDOB = val;
-        this.$store.commit(
-          "patient/update_selected_patient_listing",
-          selected_patient
-        );
-      },
+                var selected_patient = this.$store.state.patient
+                    .selected_patient_listing;
+                selected_patient.Mcu_PreregisterPatientsDOB = val;
+                this.$store.commit(
+                    "patient/update_selected_patient_listing",
+                    selected_patient
+                );
+            },
+        },
+        selected_sex: {
+            get() {
+                return this.$store.state.patient.selected_sex;
+            },
+            set(val) {
+                this.$store.commit("patient/update_selected_sex", val);
+                this.$store.commit("patient/update_no_save", 1);
+                cek = this.isEmptyObj(val);
+                console.log("selected gender cek");
+                console.log(cek);
+                if (!cek) {
+                    var filtered_titles = _.filter(this.titles, function (o) {
+                        console.log("title gender");
+                        console.log(o.M_TitleGender);
+                        console.log(val);
+                        return (
+                            o.M_TitleGender.toLowerCase() === val.M_SexCode.toLowerCase()
+                        );
+                    });
+                    //console.log(filtered_titles)
+                    this.$store.commit(
+                        "patient/update_filtered_titles",
+                        filtered_titles
+                    );
+                }
+
+                var selected_patient = this.$store.state.patient
+                    .selected_patient_listing;
+                selected_patient.Mcu_PreregisterPatientsM_SexCode = val.M_SexCode;
+                this.$store.commit(
+                    "patient/update_selected_patient_listing",
+                    selected_patient
+                );
+            },
+        },
+        selected_religion: {
+            get() {
+                return this.$store.state.patient.selected_religion;
+            },
+            set(val) {
+                this.$store.commit("patient/update_selected_religion", val);
+                this.$store.commit("patient/update_no_save", 1);
+
+                var selected_patient = this.$store.state.patient
+                    .selected_patient_listing;
+                let selectedReligion = val;
+                if (this.isEmptyObj(val)) {
+                    selectedReligion = {
+                        code: "",
+                        display: "",
+                        display_en: "",
+                        code_system: "",
+                    };
+                }
+                selected_patient.selected_religion = selectedReligion;
+                selected_patient.Mcu_PreregisterPatientsReligion = val.code;
+                this.$store.commit(
+                    "patient/update_selected_patient_listing",
+                    selected_patient
+                );
+            },
+        },
+        phone: {
+            get() {
+                return this.$store.state.patient.phone;
+            },
+            set(val) {
+                this.$store.commit("patient/update_phone", val);
+                this.$store.commit("patient/update_no_save", 1);
+            },
+        },
+        hp: {
+            get() {
+                return this.$store.state.patient.hp;
+            },
+            set(val) {
+                this.$store.commit("patient/update_hp", val);
+                this.$store.commit("patient/update_no_save", 1);
+                var selected_patient = this.$store.state.patient
+                    .selected_patient_listing;
+                selected_patient.Mcu_PreregisterPatientsHp = val;
+                this.$store.commit(
+                    "patient/update_selected_patient_listing",
+                    selected_patient
+                );
+            },
+        },
+        email: {
+            get() {
+                return this.$store.state.patient.email;
+            },
+            set(val) {
+                this.$store.commit("patient/update_email", val);
+                this.$store.commit("patient/update_no_save", 1);
+
+                var selected_patient = this.$store.state.patient
+                    .selected_patient_listing;
+                selected_patient.Mcu_PreregisterPatientsEmail = val;
+                this.$store.commit(
+                    "patient/update_selected_patient_listing",
+                    selected_patient
+                );
+            },
+        },
+        pob: {
+            get() {
+                return this.$store.state.patient.pob;
+            },
+            set(val) {
+                this.$store.commit("patient/update_pob", val);
+                this.$store.commit("patient/update_no_save", 1);
+            },
+        },
+        job: {
+            get() {
+                return this.$store.state.patient.job;
+            },
+            set(val) {
+                this.$store.commit("patient/update_job", val);
+                this.$store.commit("patient/update_no_save", 1);
+
+                var selected_patient = this.$store.state.patient
+                    .selected_patient_listing;
+                selected_patient.Mcu_PreregisterPatientsJob = val;
+                this.$store.commit(
+                    "patient/update_selected_patient_listing",
+                    selected_patient
+                );
+            },
+        },
+        nik: {
+            get() {
+                return this.$store.state.patient.nik;
+            },
+            set(val) {
+                this.$store.commit("patient/update_nik", val);
+                this.$store.commit("patient/update_no_save", 1);
+                //this.searchPatientForm()
+                var selected_patient = this.$store.state.patient
+                    .selected_patient_listing;
+                selected_patient.Mcu_PreregisterPatientsNIP = val;
+                this.$store.commit(
+                    "patient/update_selected_patient_listing",
+                    selected_patient
+                );
+            },
+        },
+        ktp: {
+            get() {
+                return this.$store.state.patient.ktp;
+            },
+            set(val) {
+                this.$store.commit("patient/update_ktp", val);
+                this.$store.commit("patient/update_no_save", 1);
+                //this.searchPatientForm()
+                var selected_patient = this.$store.state.patient
+                    .selected_patient_listing;
+                selected_patient.Mcu_PreregisterPatientsKTP = val;
+                this.$store.commit(
+                    "patient/update_selected_patient_listing",
+                    selected_patient
+                );
+            },
+        },
+        jabatan: {
+            get() {
+                return this.$store.state.patient.jabatan;
+            },
+            set(val) {
+                this.$store.commit("patient/update_jabatan", val);
+                this.$store.commit("patient/update_no_save", 1);
+
+                var selected_patient = this.$store.state.patient
+                    .selected_patient_listing;
+                selected_patient.Mcu_PreregisterPatientsPosisi = val;
+                this.$store.commit(
+                    "patient/update_selected_patient_listing",
+                    selected_patient
+                );
+            },
+        },
+        kedudukan: {
+            get() {
+                return this.$store.state.patient.kedudukan;
+            },
+            set(val) {
+                this.$store.commit("patient/update_kedudukan", val);
+                this.$store.commit("patient/update_no_save", 1);
+
+                var selected_patient = this.$store.state.patient
+                    .selected_patient_listing;
+                selected_patient.Mcu_PreregisterPatientsDivisi = val;
+                this.$store.commit(
+                    "patient/update_selected_patient_listing",
+                    selected_patient
+                );
+            },
+        },
+        location: {
+            get() {
+                return this.$store.state.patient.location;
+            },
+            set(val) {
+                this.$store.commit("patient/update_location", val);
+                this.$store.commit("patient/update_no_save", 1);
+
+                var selected_patient = this.$store.state.patient
+                    .selected_patient_listing;
+                selected_patient.Mcu_PreregisterPatientsLocation = val;
+                this.$store.commit(
+                    "patient/update_selected_patient_listing",
+                    selected_patient
+                );
+            },
+        },
+        departement: {
+            get() {
+                return this.$store.state.patient.departement;
+            },
+            set(val) {
+                this.$store.commit("patient/update_departement", val);
+                this.$store.commit("patient/update_no_save", 1);
+
+                var selected_patient = this.$store.state.patient
+                    .selected_patient_listing;
+                selected_patient.Mcu_PreregisterPatientsDepartment = val;
+                this.$store.commit(
+                    "patient/update_selected_patient_listing",
+                    selected_patient
+                );
+            },
+        },
+        // corporateList: [],
+        // selectedCorporate: {}
+        selectedCorporate: {
+            get() {
+                return this.$store.state.patient.selectedCorporate;
+            },
+            set(val) {
+                this.$store.commit("patient/update_selectedCorporate", val);
+                this.$store.commit("patient/update_no_save", 1);
+
+                var selected_patient = this.$store.state.patient
+                    .selected_patient_listing;
+                selected_patient.Mcu_PreregisterPatientsCorporateCode =
+                    val.CorporateCode;
+                this.$store.commit(
+                    "patient/update_selected_patient_listing",
+                    selected_patient
+                );
+            },
+        },
+        corporateList() {
+            return this.$store.state.patient.corporateList;
+        },
+        isError() {
+            return this.$store.state.patient.search_status == 3;
+        },
+        errorMessage() {
+            return this.$store.state.patient.search_error_message;
+        },
+        show_more() {
+            return this.$store.state.patient.show_more;
+        },
+        is_progress() {
+            return this.$store.state.patient.is_progress;
+        },
+        isLoading() {
+            return this.$store.state.patient.search_status == 1;
+        },
+        search_patients() {
+            return this.$store.state.patient.search_patients;
+        },
+        selectedSetup() {
+            return this.$store.state.patient.selectedSetup;
+        },
+        dialog_patients: {
+            get() {
+                return this.$store.state.patient.dialog_patients;
+            },
+            set(val) {
+                this.$store.commit("patient/update_dialog_patients", val);
+            },
+        },
+        patients() {
+            return this.$store.state.patient.patients;
+        },
+        packets() {
+            return this.$store.state.patient.packets;
+        },
+        tests() {
+            return this.$store.state.patient.tests;
+        },
+        patients_search() {
+            return this.$store.state.patient.patients_search;
+        },
+        patients_form_count() {
+            return this.$store.state.patient.patients_form_count;
+        },
+        totalpatient() {
+            return this.$store.state.patient.total_patient;
+        },
+        patient_search_table: {
+            get() {
+                return this.$store.state.patient.patient_search_table;
+            },
+            set(val) {
+                this.$store.commit("patient/update_patient_search_table", val);
+            },
+        },
+        current_page_test: {
+            get() {
+                return this.$store.state.patient.current_page_test;
+            },
+            set(val) {
+                this.$store.commit("patient/update_current_page_test", val);
+                // var prm = this.selected_agreement;
+                var prm = {};
+                prm.search = this.search_test;
+                prm.current_page = val;
+                this.$store.dispatch("patient/getdatatests", prm);
+            },
+        },
+        current_page_packet: {
+            get() {
+                return this.$store.state.patient.current_page_packet;
+            },
+            set(val) {
+                this.$store.commit("patient/update_current_page_packet", val);
+                // var prm = this.selected_agreement;
+                var prm = {};
+                prm.search = this.search_packet;
+                prm.current_page = val;
+                this.$store.dispatch("patient/getdatapackets", prm);
+            },
+        },
+        current_page_table: {
+            get() {
+                return this.$store.state.patient.current_page_table;
+            },
+            set(val) {
+                this.$store.commit("patient/update_current_page_table", val);
+            },
+        },
+        current_page_listing: {
+            get() {
+                return this.$store.state.patient.current_page_listing;
+            },
+            set(val) {
+                this.$store.commit("patient/update_current_page_listing", val);
+
+                this.$store.dispatch("patient/search_patient_listing", {
+                    setup: this.$store.state.patient.selectedSetup,
+                    search: this.$store.state.patient.search_listing,
+                    current_page: val,
+                    lastid: -1,
+                });
+            },
+        },
+        selected_packets: {
+            get() {
+                return this.$store.state.patient.selected_packets;
+            },
+            set(val) {
+                this.$store.commit("patient/update_selected_packets", val);
+            },
+        },
+        selected_tests: {
+            get() {
+                return this.$store.state.patient.selected_tests;
+            },
+            set(val) {
+                this.$store.commit("patient/update_selected_tests", val);
+            },
+        },
+        xtotal_page: {
+            get() {
+                return this.$store.state.patient.total_patient;
+            },
+            set(val) {
+                this.$store.commit("patient/update_total_patient", val);
+            },
+        },
+        totalDataPatient: {
+            get() {
+                return this.$store.state.patient.totalDataPatient;
+            },
+            set(val) {
+                this.$store.commit("patient/update_totalDataPatient", val);
+            },
+        },
+        samePatient: {
+            get() {
+                return this.$store.state.patient.samePatient;
+            },
+            set(val) {
+                this.$store.commit("patient/update_samePatient", val);
+            },
+        },
+        dialogSamePatient: {
+            get() {
+                return this.$store.state.patient.dialogSamePatient;
+            },
+            set(val) {
+                this.$store.commit("patient/update_dialogSamePatient", val);
+            },
+        },
+        msgSamePatient: {
+            get() {
+                return this.$store.state.patient.msgSamePatient;
+            },
+            set(val) {
+                this.$store.commit("patient/update_msgSamePatient", val);
+            },
+        },
+        detailPacket: {
+            get() {
+                return this.$store.state.patient.detailPacket;
+            },
+            set(val) {
+                this.$store.commit("patient/update_detailPacket", val);
+            },
+        },
+        dialogPacket: {
+            get() {
+                return this.$store.state.patient.dialogPacket;
+            },
+            set(val) {
+                this.$store.commit("patient/update_dialogPacket", val);
+            },
+        },
+        dialogPrintListPatient: {
+            get() {
+                return this.$store.state.patient.dialogPrintListPatient;
+            },
+            set(val) {
+                this.$store.commit("patient/update_dialogPrintListPatient", val);
+            },
+        },
+        statusRegisterList: {
+            get() {
+                return this.$store.state.patient.statusRegisterList;
+            },
+            set(val) {
+                this.$store.commit("patient/update_statusRegisterList", val);
+            },
+        },
+        dialogPrintBarcode: {
+            get() {
+                return this.$store.state.patient.dialogPrintBarcode;
+            },
+            set(val) {
+                this.$store.commit("patient/update_dialogPrintBarcode", val);
+            },
+        },
+        selectedStatusRegister: {
+            get() {
+                return this.$store.state.patient.selectedStatusRegister;
+            },
+            set(val) {
+                this.$store.commit("patient/update_selectedStatusRegister", val);
+                var item = {
+                    search: this.search_listing,
+                    current_page: 1,
+                    lastid: -1,
+                };
+                item.setup = this.selectedSetup;
+                this.$store.dispatch("patient/search_patient_listing", item);
+            },
+        },
+        corporates() {
+            return this.$store.state.patient.corporates;
+        },
+        isLoading() {
+            return this.$store.state.patient.search_status == 1;
+        },
+        inp_CorporateAddressRW: {
+            get() {
+                return this.$store.state.patient.inp_CorporateAddressRW;
+            },
+            set(val) {
+                this.$store.commit("patient/update_inp_CorporateAddressRW", val);
+            },
+        },
+        inp_CorporateAddressRT: {
+            get() {
+                return this.$store.state.patient.inp_CorporateAddressRT;
+            },
+            set(val) {
+                this.$store.commit("patient/update_inp_CorporateAddressRT", val);
+            },
+        },
+        selected_wilayahCb: {
+            get() {
+                return this.$store.state.patient.selected_wilayahCb;
+            },
+            set(val) {
+                this.$store.commit("patient/update_selected_wilayahCb", val);
+                console.log(val);
+
+                this.$store.commit("patient/update_inp_RegionalCode", val.id);
+                this.$store.commit(
+                    "patient/update_inp_CorporateAddressVillage",
+                    val.kel_nm
+                );
+                this.$store.commit(
+                    "patient/update_inp_CorporateAddressDistrict",
+                    val.kec_nm
+                );
+                this.$store.commit(
+                    "patient/update_inp_CorporateAddressCity",
+                    val.kab_nm
+                );
+                this.$store.commit(
+                    "patient/update_inp_CorporateAddressState",
+                    val.pro_nm
+                );
+            },
+        },
+        xWilayahCb() {
+            return this.$store.state.patient.wilayahCb;
+        },
+        inp_CorporateAddressState: {
+            get() {
+                return this.$store.state.patient.inp_CorporateAddressState;
+            },
+            set(val) {
+                this.$store.commit("patient/update_inp_CorporateAddressState", val);
+            },
+        },
+        inp_CorporateAddressVillage: {
+            get() {
+                return this.$store.state.patient.inp_CorporateAddressVillage;
+            },
+            set(val) {
+                this.$store.commit("patient/update_inp_CorporateAddressVillage", val);
+            },
+        },
+        inp_CorporateAddressDistrict: {
+            get() {
+                return this.$store.state.patient.inp_CorporateAddressDistrict;
+            },
+            set(val) {
+                this.$store.commit(
+                    "patient/update_inp_CorporateAddressDistrict",
+                    val
+                );
+            },
+        },
+        inp_CorporateAddressCity: {
+            get() {
+                return this.$store.state.patient.inp_CorporateAddressCity;
+            },
+            set(val) {
+                this.$store.commit("patient/update_inp_CorporateAddressCity", val);
+            },
+        },
+        inp_CorporateAddress: {
+            get() {
+                return this.$store.state.patient.inp_CorporateAddress;
+            },
+            set(val) {
+                this.$store.commit("patient/update_inp_CorporateAddress", val);
+            },
+        },
+        xCountryCb: {
+            get() {
+                return this.$store.state.patient.countryCb;
+            },
+            set(val) {
+                this.$store.commit("patient/update_countryCb", val);
+            },
+        },
+        selected_countryCb: {
+            get() {
+                return this.$store.state.patient.selected_countryCb;
+            },
+            set(val) {
+                this.$store.commit("patient/update_selected_countryCb", val);
+            },
+        },
+        email_corporate: {
+            get() {
+                return this.$store.state.patient.email_corporate;
+            },
+            set(val) {
+                this.$store.commit("patient/update_email_corporate", val);
+            },
+        },
     },
-    selected_sex: {
-      get() {
-        return this.$store.state.patient.selected_sex;
-      },
-      set(val) {
-        this.$store.commit("patient/update_selected_sex", val);
-        this.$store.commit("patient/update_no_save", 1);
-        cek = this.isEmptyObj(val);
-        console.log("selected gender cek");
-        console.log(cek);
-        if (!cek) {
-          var filtered_titles = _.filter(this.titles, function (o) {
-            console.log("title gender");
-            console.log(o.M_TitleGender);
-            console.log(val);
-            return (
-              o.M_TitleGender.toLowerCase() === val.M_SexCode.toLowerCase()
+    methods: {
+        formatDate() {
+            if (!date) return null;
+            const [year, month, day] = date.split('-');
+            return `${day}-${month}-${year}`;
+        },
+        one_money(money) {
+            return one_money(money);
+        },
+        closeDialogBarcode() {
+            this.selected_barcode = [];
+            this.dialogPrintBarcodeList = false;
+            this.bar_chx_all = false;
+            this.indeterminatex = false;
+        },
+        printQrcode(count) {
+            console.log("printQrcode");
+            let val = this.$store.state.patient.selected_patient_listing;
+            var inp = {};
+            inp.id = this.$store.state.patient.selected_patient_listing.T_OrderHeaderID;
+            inp.no_lab = this.$store.state.patient.selected_patient_listing.T_OrderHeaderLabNumber;
+            inp.name = this.$store.state.patient.selected_patient_listing.patient_fullname;
+            let orderDate = moment(
+                this.$store.state.patient.selected_patient_listing.order_date
+            ).format("DD-MM-YYYY HH:mm");
+            inp.register_date = orderDate;
+
+            for (let index = 0; index < count; index++) {
+                one_print_qrcode(inp);
+            }
+        },
+        printQrcodePatient(count) {
+            let val = this.$store.state.patient.selected_patient_listing;
+            var inp = {};
+            inp.id = this.$store.state.patient.selected_patient_listing.T_OrderHeaderID;
+            inp.no_lab = this.$store.state.patient.selected_patient_listing.T_OrderHeaderLabNumber;
+            inp.name = this.$store.state.patient.selected_patient_listing.patient_fullname;
+            let orderDate = moment(
+                this.$store.state.patient.selected_patient_listing.order_date
+            ).format("DD-MM-YYYY HH:mm");
+            inp.register_date = orderDate;
+            for (let index = 0; index < count; index++) {
+                one_print_qrcode_patient(inp);
+            }
+        },
+        printMultipleBarcode() {
+            var arr = this.barcodeList;
+            var xarrtojoin = [];
+            var xarrtojoinnonlab = [];
+            let qrCode = false;
+            let qrCodePasien = false;
+            var xformulir = {};
+            let countQr = 1;
+            let countQrPatient = 1;
+            console.log(arr);
+            // return;
+            _.forEach(arr, function (value) {
+                if (Number(value.count) <= 0 || isNaN(value.count)) {
+                    alert("Apa yang mau di print " + value.T_SampleTypeName + " ?");
+                    return;
+                }
+                if (value.chex && value.type === "barcode") {
+                    for (let index = 0; index < value.count; index++) {
+                        xarrtojoin.push(value.T_BarcodeLabBarcode);
+                    }
+                }
+                if (value.chex && value.type === "formulir") {
+                    xformulir = value;
+                }
+                if (value.chex && value.type === "nonlab") {
+                    for (let index = 0; index < value.count; index++) {
+                        xarrtojoinnonlab.push(value.T_SampleTypeID);
+                    }
+                }
+                if (value.chex && value.type === "qrcode") {
+                    if (value.T_SampleTypeID === "qr") {
+                        countQr = value.count;
+                        qrCode = true;
+                    }
+                    if (value.T_SampleTypeID === "qrpasien") {
+                        countQrPatient = value.count;
+                        qrCodePasien = true;
+                    }
+                }
+            });
+            if (xarrtojoin.length > 0) {
+                console.log(xarrtojoin.join(","));
+                one_print_barcode_pkv2(xarrtojoin.join(","));
+            }
+            if (xarrtojoinnonlab.length > 0) {
+                console.log(xarrtojoinnonlab.join(","));
+                one_print_barcode_sov2(xarrtojoinnonlab.join(","));
+            }
+            if (qrCode) {
+                this.printQrcode(countQr);
+            }
+            if (qrCodePasien) {
+                this.printQrcodePatient(countQrPatient);
+            }
+
+            if (!_.isEmpty(xformulir)) {
+                one_print_barcode_formulir(xformulir.id);
+            }
+        },
+        printSingleBarcode(value) {
+            if (Number(value.count) <= 0 || isNaN(value.count)) {
+                alert("Apa yang mau di print " + value.T_SampleTypeName + " ?");
+                return;
+            }
+            var label = value.T_BarcodeLabBarcode;
+
+            let arrLabel = [];
+
+            for (let index = 0; index < value.count; index++) {
+                arrLabel.push(label);
+            }
+            console.log(arrLabel);
+            let arrSampleType = [];
+            for (let index = 0; index < value.count; index++) {
+                arrSampleType.push(value.T_SampleTypeID);
+            }
+
+            console.log(arrSampleType);
+            if (value.type === "barcode")
+                one_print_barcode_pkv2(arrLabel.join(","));
+            if (value.type === "formulir") one_print_barcode_formulir(value.id);
+            if (value.type === "nonlab")
+                one_print_barcode_sov2(arrSampleType.join(","));
+            if (value.type === "qrcode" && value.T_SampleTypeID === "qr") {
+                this.printQrcode(value.count);
+            }
+            if (value.type === "qrcode" && value.T_SampleTypeID === "qrpasien") {
+                this.printQrcodePatient(value.count);
+            }
+            if (value.type === "nonlab_group")
+                one_print_barcode_amplop_so_group(value.orderid);
+        },
+        checkTop() {
+            var barcodes = _.filter(this.barcodeList, function (o) {
+                return (
+                    o.type === "barcode" ||
+                    o.type === "formulir" ||
+                    o.type === "nonlab" ||
+                    o.type === "qrcode"
+                );
+            });
+            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.selected_barcode = selected;
+            console.log(selected);
+        },
+        changeCbxAll(value) {
+            var arr = _.filter(this.barcodeList, function (o) {
+                return (
+                    o.type === "barcode" ||
+                    o.type === "formulir" ||
+                    o.type === "nonlab" ||
+                    o.type === "qrcode"
+                );
+            });
+            this.indeterminatex = false;
+            arr.forEach((el) => {
+                el.chex = value;
+            });
+            var selected = _.filter(arr, function (o) {
+                return o.chex;
+            });
+            this.selected_barcode = selected;
+        },
+        openDialogPrintBarcodeList(pat) {
+            this.selectMe(pat);
+            let val = this.$store.state.patient.selected_patient_listing;
+
+            this.$store.dispatch("patient/lookupbarcodelist", {
+                T_OrderHeaderID: val.Mcu_PreregisterPatientsT_OrderHeaderID,
+                data: val,
+            });
+        },
+        printBarcode() {
+            let val = this.$store.state.patient.selected_patient_listing;
+            one_print_barcode_formulir(val.Mcu_PreregisterPatientsT_OrderHeaderID);
+
+            this.$store.dispatch("patient/getbarcode", {
+                T_OrderHeaderID: val.Mcu_PreregisterPatientsT_OrderHeaderID,
+                data: val,
+            });
+        },
+        BtnprintQrCode() {
+            try {
+                let val = this.$store.state.patient.selected_patient_listing;
+
+                let orderDateArr = val.T_OrderHeaderDate.split(" ");
+                let inp = {};
+                inp.id = val.T_OrderHeaderID;
+                inp.no_lab = val.T_OrderHeaderLabNumber;
+                inp.name = val.patient_fullname;
+                inp.register_date = orderDateArr[0];
+                one_print_qrcode(inp);
+                // console.log("Input prm")
+                // console.log(inp)
+                one_print_qrcode_patient(inp);
+            } catch (error) {
+                console.log(error);
+                var snackbar = context.state.snackbar;
+                snackbar.color = "red";
+                snackbar.value = true;
+                snackbar.multi_line = "single-line";
+                snackbar.text = "Gagal get barcode :".e.message;
+                this.snackbar = snackbar;
+            }
+        },
+        printListPatient() {
+            let user = one_user();
+            const protocol = window.location.protocol;
+            const hostWithoutPort = window.location.hostname;
+            let status = this.selectedStatusRegister.value;
+            if (status === "S") {
+                status = "Y,N";
+            }
+            date = new Date().getTime().toString();
+            // protocol+"//"+
+            //  https://devcpone.aplikasi.web.id/birt/run?__report=report/one/rekap/rpt_list_mcu_001.rptdesign&__format=pdf&PID=41&PStatus=Y,N&username=ADMIN&tm=1719455789649
+            let link =
+                "/birt/run?__report=report/one/rekap/rpt_list_mcu_001.rptdesign&__format=pdf&PID=" +
+                this.selectedSetup.Mgm_McuID +
+                "&PStatus=" +
+                status +
+                "&username=" +
+                user.M_StaffName +
+                "&tm=" +
+                date;
+            return link;
+        },
+        convertMoney(money) {
+            return one_money(money);
+        },
+        validateEmail(email) {
+            return email.match(
+                /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/
             );
-          });
-          //console.log(filtered_titles)
-          this.$store.commit(
-            "patient/update_filtered_titles",
-            filtered_titles
-          );
+        },
+        isEmptyObj(obj) {
+            return Object.keys(obj).length === 0 && obj.constructor === Object;
+        },
+        doAddPatient() {
+            this.dialog_alert_confirm = false;
+            this.addPatient(this.data_temp_patient);
+        },
+        alertPatient(row) {
+            console.log(row);
+            this.data_temp_patient = row;
+            this.dialog_alert_confirm = true;
+        },
+        thr_search_company: _.debounce(function () {
+            console.log(this.search_company);
+            this.$store.dispatch("patient/searchcompany", {
+                search: this.search_company,
+            });
+        }, 2000),
+        goToRegister() {
+            var prm = this.$store.state.patient.selected_patient_listing;
+            var setup = this.$store.state.patient.selectedSetup;
+            var url = this.$store.state.patient.urlPreregister;
+            var pre_id = prm.Mcu_PreregisterPatientsID;
+            var mcuid = prm.Mcu_PreregisterPatientsMgm_McuID;
+            var code = setup.McuOfflinePrepareCode;
+            protocol = location.protocol;
+            host = location.host;
+            newUrl =
+                protocol +
+                "//" +
+                host +
+                "/one-ui/" +
+                url +
+                "/" +
+                "?pre_id=" +
+                pre_id +
+                "&mcuid=" +
+                mcuid;
+            // location.replace(url + "?pre_id=" + pre_id);
+            location.replace(newUrl);
+        },
+        doRemovePatient() {
+            var selected_patient = this.$store.state.patient
+                .selected_patient_listing;
+            this.$store.dispatch("patient/removepatient", selected_patient);
+        },
+        removePatient(item) {
+            this.$store.commit("patient/update_selected_patient_listing", item);
+            this.msg_delete = "PASIEN " + item.patient_fullname + " AKAN DIHAPUS";
+            this.dialog_delete = true;
+            //this.$store.dispatch("patient/search_patient_listing", prm)
+        },
+        cekKTP(nik, tanggal, bulan, tahun) {
+            // debugger;
+            if (nik.length !== 16) {
+                return false;
+            }
+
+            let d = parseInt(nik.substr(6, 2));
+            let m = parseInt(nik.substr(8, 2));
+            let y = parseInt(nik.substr(10, 2));
+
+            // Jika tahun full, ambil 2 digit terakhir
+            if (tahun.toString().length === 4) {
+                tahun = tahun.toString().substr(2, 2);
+            }
+
+            if (d > 40) {
+                // Wanita
+                tanggal = parseInt(tanggal) + 40;
+                console.log("D>40");
+            }
+
+            if (parseInt(tanggal) !== d) {
+                console.log("D");
+
+                return false;
+            }
+
+            if (parseInt(bulan) !== m) {
+                console.log("M");
+
+                return false;
+            }
+
+            if (parseInt(tahun) !== y) {
+                console.log("Y");
+
+                return false;
+            }
+
+            // Setelah berhasil melewati rintangan, berarti nomornya valid (tidak 100% valid)
+            return true;
+        },
+        savePreregisterPatient() {
+            var patients = this.$store.state.patient.patients;
+            if (!this.validateEmail(this.email) && this.email !== "") {
+                alert("Isi emailnya dengan benar");
+                return;
+            }
+            if (this.ktp !== "") {
+                if (this.ktp.length < 16) {
+                    alert("Nik tidak boleh kurang dari 16");
+                    return;
+                }
+                if (this.dob === "") {
+                    alert("Isi dob");
+                    return;
+                }
+                let dob = this.dob.split("-");
+                // if (!this.cekKTP(this.ktp, dob[0], dob[1], dob[2])) {
+                //   alert("Validasi NIk Gagal");
+                //   return;
+                // }
+            }
+            var selected_patient = this.$store.state.patient
+                .selected_patient_listing;
+            var idx = _.findIndex(patients, function (o) {
+                return (
+                    o.Mcu_PreregisterPatientsID ==
+                    selected_patient.Mcu_PreregisterPatientsID
+                );
+            });
+
+            var selected_agreement = this.$store.state.patient.selected_agreement;
+            var selected_packets = this.$store.state.patient.selected_packets;
+            var selected_tests = this.$store.state.patient.selected_tests;
+
+            var prm = {
+                selected_patient: selected_patient,
+                selected_agreement: selected_agreement,
+                selected_packets: selected_packets,
+                selected_tests: selected_tests,
+                setup: this.selectedSetup,
+                M_PatientAddressRegionalCd: this.$store.state.patient
+                    .inp_RegionalCode,
+                M_PatientAddressState: this.$store.state.patient
+                    .inp_CorporateAddressState,
+                M_PatientAddressCity: this.$store.state.patient
+                    .inp_CorporateAddressCity,
+                M_PatientAddressDistrict: this.$store.state.patient
+                    .inp_CorporateAddressDistrict,
+                M_PatientAddressVillage: this.$store.state.patient
+                    .inp_CorporateAddressVillage,
+                M_PatientAddress: this.$store.state.patient.inp_CorporateAddress,
+                lastid: idx,
+            };
+            this.$store.dispatch("patient/savepreregisterpatient", prm);
+        },
+        savePreregisterPatientRedirect() {
+            console.log("masuk save redirect");
+            var patients = this.$store.state.patient.patients;
+            if (this.dob === "") {
+                alert("Isi dob");
+                return;
+            }
+            if (!this.validateEmail(this.email) && this.email !== "") {
+                alert("Isi emailnya dengan benar");
+                return;
+            }
+            if (this.ktp !== "") {
+                if (this.ktp.length < 16) {
+                    alert("Nik tidak boleh kurang dari 16");
+                    return;
+                }
+                // let dob = this.dob.split("-");
+                // if (!this.cekKTP(this.ktp, dob[0], dob[1], dob[2])) {
+                //   alert("Validasi NIk Gagal");
+                //   return;
+                // }
+            }
+
+            var selected_patient = this.$store.state.patient
+                .selected_patient_listing;
+            var idx = _.findIndex(patients, function (o) {
+                return (
+                    o.Mcu_PreregisterPatientsID ==
+                    selected_patient.Mcu_PreregisterPatientsID
+                );
+            });
+
+            var selected_agreement = this.$store.state.patient.selected_agreement;
+            var selected_packets = this.$store.state.patient.selected_packets;
+            var selected_tests = this.$store.state.patient.selected_tests;
+            // this.selected_patient.selected_religion = selectedReligion;
+            var prm = {
+                selected_patient: selected_patient,
+                selected_agreement: selected_agreement,
+                selected_packets: selected_packets,
+                selected_tests: selected_tests,
+                setup: this.selectedSetup,
+                lastid: idx,
+                antrian: this.antrian,
+                M_PatientAddressRegionalCd: this.$store.state.patient
+                    .inp_RegionalCode,
+                M_PatientAddressState: this.$store.state.patient
+                    .inp_CorporateAddressState,
+                M_PatientAddressCity: this.$store.state.patient
+                    .inp_CorporateAddressCity,
+                M_PatientAddressDistrict: this.$store.state.patient
+                    .inp_CorporateAddressDistrict,
+                M_PatientAddressVillage: this.$store.state.patient
+                    .inp_CorporateAddressVillage,
+                M_PatientAddress: this.$store.state.patient.inp_CorporateAddress,
+            };
+            // this.$store.dispatch("patient/savepreregisterpatient", prm);
+
+            this.$store.dispatch("patient/savepreregisterpatientRedirect", prm);
+        },
+        checkNatTest(item) {
+            var now_natest = item.nat_test;
+            var rtn = true;
+            var selected_packets = this.$store.state.patient.selected_packets;
+            var selected_tests = this.$store.state.patient.selected_tests;
+            selected_packets.forEach(function (entry) {
+                var nat_test = entry.nat_test;
+                now_natest.forEach(function (itemnattest) {
+                    var idx = _.findIndex(nat_test, function (o) {
+                        return o == itemnattest;
+                    });
+                    if (idx > -1) rtn = false;
+                });
+            });
+            selected_tests.forEach(function (entry) {
+                var nat_test = entry.nat_test;
+                now_natest.forEach(function (itemnattest) {
+                    var idx = _.findIndex(nat_test, function (o) {
+                        return o == itemnattest;
+                    });
+                    if (idx > -1) rtn = false;
+                });
+            });
+            return rtn;
+        },
+        testExist(item) {
+            var selected_tests = this.$store.state.patient.selected_tests;
+            var idx = _.findIndex(selected_tests, function (o) {
+                return parseInt(o.id) === parseInt(item.id);
+            });
+            if (idx === -1) {
+                return true;
+            } else {
+                return false;
+            }
+        },
+        addToTests(item) {
+            var selected_tests = this.$store.state.patient.selected_tests;
+            selected_tests.push(item);
+
+            let total = 0
+            selected_tests.forEach(function (entry) {
+                total += parseFloat(entry.price);
+            });
+            this.total_satuan = total;
+        },
+        removeFromTests(item) {
+            var selected_tests = this.$store.state.patient.selected_tests;
+            var idx = _.findIndex(selected_tests, function (o) {
+                return parseInt(o.id) === parseInt(item.id);
+            });
+            selected_tests.splice(idx, 1);
+            let total = 0
+            selected_tests.forEach(function (entry) {
+                total += parseFloat(entry.price);
+            });
+            this.total_satuan = total;
+        },
+        searchTest() {
+            // var prm = this.selected_agreement;
+            var prm = {};
+            prm.search = this.search_test;
+            prm.current_page = 1;
+            this.$store.commit("patient/update_current_page_test", 1);
+            this.$store.dispatch("patient/getdatatests", prm);
+        },
+        packetExist(item) {
+            var selected_packets = this.$store.state.patient.selected_packets;
+            var idx = _.findIndex(selected_packets, function (o) {
+                return parseInt(o.id) === parseInt(item.id);
+            });
+            if (idx === -1) {
+                return true;
+            } else {
+                return false;
+            }
+        },
+        addToPackets(item) {
+            var selected_packets = this.$store.state.patient.selected_packets;
+            selected_packets.push(item);
+        },
+        removeFromPackets(item) {
+            var selected_packets = this.$store.state.patient.selected_packets;
+            var idx = _.findIndex(selected_packets, function (o) {
+                return parseInt(o.id) === parseInt(item.id);
+            });
+            selected_packets.splice(idx, 1);
+        },
+        searchPacket() {
+            // var prm = this.selected_agreement;
+            // prm.search = this.search_packet;
+            // prm.current_page = 1;
+            var prm = {};
+            prm.search = this.search_packet;
+            prm.current_page = 1;
+            prm.token = "";
+            prm.setup = {};
+            this.$store.commit("patient/update_current_page_packet", 1);
+            this.$store.dispatch("patient/getdatapackets", prm);
+        },
+        searchListing() {
+            var item = { search: this.search_listing, mcudate: this.filterDateMCU, current_page: 1, lastid: -1 };
+            item.setup = this.selectedSetup;
+            this.$store.dispatch("patient/search_patient_listing", item);
+        },
+        patientExist(item) {
+            let setup = this.selectedSetup;
+            if (parseInt(setup.Mgm_McuM_BranchID) !== 100) {
+                var patients = this.$store.state.patient.exist_pid;
+                var idx = _.findIndex(patients, function (o) {
+                    return (
+                        parseInt(o) == parseInt(item.Mcu_PreregisterPatientsM_PatientID)
+                    );
+                });
+                //console.log(idx)
+                if (idx === -1) {
+                    return true;
+                } else {
+                    return false;
+                }
+            } else {
+                return true;
+            }
+        },
+        addPatient(item) {
+            item.setup = this.selectedSetup;
+            this.$store.commit("patient/update_is_progress", true);
+            this.$store.dispatch("patient/savenewsearch", item);
+        },
+        checkError(value) {
+            var errors = this.$store.state.patient.errors;
+            if (errors.includes(value)) {
+                return true;
+            } else {
+                return false;
+            }
+        },
+        saveNewForm() {
+            this.$store.commit("patient/update_errors", []);
+            var errors = this.$store.state.patient.errors;
+            if (this.patient_name === "") {
+                errors.push("requirename");
+            }
+            if (this.dob === "") {
+                errors.push("requiredob");
+            }
+            if (_.isEmpty(this.selected_sex)) {
+                errors.push("requiresex");
+            }
+            if (_.isEmpty(this.selected_title)) {
+                errors.push("requiretitle");
+            }
+            if (!this.validateEmail(this.email) && this.email !== "") {
+                alert("Isi emailnya dengan benar");
+                return;
+            }
+            if (this.ktp !== "") {
+                if (this.ktp.length < 16) {
+                    alert("Nik tidak boleh kurang dari 16");
+                    return;
+                }
+                let dob = this.dob.split("-");
+                // if (!this.cekKTP(this.ktp, dob[0], dob[1], dob[2])) {
+                //   alert("Validasi NIk Gagal");
+                //   return;
+                // }
+            }
+
+            if (errors.length === 0) {
+                var prm = {};
+                prm.Mcu_PreregisterPatientsID = 0;
+                prm.Mcu_PreregisterPatientsNIK = this.nik;
+                prm.M_PatientNIP = this.nik;
+                prm.Mcu_PreregisterPatientsKTP = this.ktp;
+                prm.Mcu_PreregisterPatientsM_TitleID = this.selected_title.M_TitleID;
+                prm.Mcu_PreregisterPatientsPatientPrefix = this.patient_prefix;
+                prm.M_PatientPrefix = this.patient_prefix;
+                prm.Mcu_PreregisterPatientsPatientName = this.patient_name;
+                prm.M_PatientRealName = this.patient_name;
+                prm.M_PatientName = this.patient_name;
+                prm.Mcu_PreregisterPatientsPatientSuffix = this.patient_suffix;
+                prm.M_PatientSuffix = this.patient_suffix;
+                prm.Mcu_PreregisterPatientsM_SexCode = this.selected_sex.M_SexCode;
+                prm.M_PatientGender = this.selected_sex.M_SexCode;
+                prm.Mcu_PreregisterPatientsDOB = this.dob;
+                prm.M_PatientDOB = this.dob;
+                prm.Mcu_PreregisterPatientsM_ReligionID = this.selected_religion.M_ReligionID;
+                prm.Mcu_PreregisterPatientsPosisi = this.jabatan;
+                prm.M_PatientPosisi = this.jabatan;
+                prm.Mcu_PreregisterPatientsEmail = this.email;
+                prm.M_PatientEmail = this.email;
+                prm.Mcu_PreregisterPatientsHp = this.hp;
+                prm.M_PatientHp = this.hp;
+                prm.Mcu_PreregisterPatientsDivisi = this.kedudukan;
+                prm.M_PatientDivisi = this.kedudukan;
+                prm.Mcu_PreregisterPatientsLocation = this.location;
+                prm.M_PatientLocation = this.location;
+                prm.Mcu_PreregisterPatientsJob = this.job;
+                prm.M_PatientJob = this.job;
+                prm.Mcu_PreregisterPatientsDepartment = this.departement;
+                prm.M_PatientDepartement = this.departement;
+                prm.Mcu_PreregisterPatientsM_PatientID = 0;
+                prm.M_PatientID = 0;
+                prm.Mcu_PreregisterPatientsPID = 0;
+                prm.setup = this.selectedSetup;
+                prm.inp_RegionalCode = this.$store.state.patient.inp_RegionalCode;
+                prm.inp_CorporateAddressState = this.$store.state.patient.inp_CorporateAddressState;
+                prm.inp_CorporateAddressCity = this.$store.state.patient.inp_CorporateAddressCity;
+                prm.inp_CorporateAddressDistrict = this.$store.state.patient.inp_CorporateAddressDistrict;
+                prm.inp_CorporateAddressVillage = this.$store.state.patient.inp_CorporateAddressVillage;
+                prm.inp_CorporateAddress = this.$store.state.patient.inp_CorporateAddress;
+                prm.inp_CorporateAddressRT = this.$store.state.patient.inp_CorporateAddressRT;
+                prm.inp_CorporateAddressRW = this.$store.state.patient.inp_CorporateAddressRW;
+                prm.country = this.selected_countryCb.code;
+                console.log(prm);
+                // return;
+                this.$store.commit("patient/update_is_progress", true);
+                this.$store.dispatch("patient/savenewform", prm);
+            }
+        },
+        searchPatientTable() {
+            this.$store.commit("patient/update_loading", true);
+            this.$store.commit("patient/update_current_page_table", 1);
+            this.$store.commit("patient/update_patients_search", []);
+            var prm = {
+                search: this.$store.state.patient.patient_search_table,
+                setup: this.$store.state.patient.selectedSetup,
+                current_page: this.$store.state.patient.current_page_table,
+            };
+            this.$store.dispatch("patient/search_patient_table", prm);
+        },
+        searchPatientForm() {
+            if (this.patient_name != "" && this.dob != "") {
+                var xsearch = this.patient_name + "+" + this.dob;
+                if (this.nik != "") {
+                    xsearch = xsearch + "+" + this.nik;
+                }
+                if (this.ktp != "") {
+                    xsearch = xsearch + "+" + this.ktp;
+                }
+                this.$store.commit("patient/update_patient_search_table", xsearch);
+                this.$store.commit("patient/update_is_progress", true);
+                this.$store.commit("patient/update_loading", true);
+                this.$store.dispatch("patient/search_patient_form");
+            }
+        },
+        changeDataPatient(xpatient, label) {
+            this.$store.commit("patient/update_patient", xpatient);
+            //console.log(this.patient)
+            if (label === "sex") {
+                var newpat = this.$store.state.patient.patient;
+                console.log(newpat.sex);
+                var filtered_titles = _.filter(this.titles, function (o) {
+                    return parseInt(o.M_TitleM_SexID) === parseInt(newpat.sex.M_SexID);
+                });
+                //console.log(filtered_titles)
+                this.$store.commit("patient/update_filtered_titles", filtered_titles);
+            }
+        },
+        isSelected(p) {
+            if (this.$store.state.patient.selected_patient_listing)
+                return (
+                    p.Mcu_PreregisterPatientsID ==
+                    this.$store.state.patient.selected_patient_listing
+                        .Mcu_PreregisterPatientsID
+                );
+            else return false;
+        },
+        selectMe(pat) {
+            this.selectedCorporate = {};
+            console.log(pat);
+            this.$store.commit("patient/update_selected_patient_listing", pat);
+            this.patient_prefix = pat.Mcu_PreregisterPatientsPatientPrefix;
+            this.patient_name = pat.Mcu_PreregisterPatientsPatientName;
+            this.patient_suffix = pat.Mcu_PreregisterPatientsPatientSuffix;
+            this.dob = pat.dob;
+            this.nik = pat.Mcu_PreregisterPatientsNIP;
+            this.ktp = pat.Mcu_PreregisterPatientsKTP;
+            this.email = pat.Mcu_PreregisterPatientsEmail;
+            this.hp = pat.Mcu_PreregisterPatientsHp;
+            this.jabatan = pat.Mcu_PreregisterPatientsPosisi;
+            this.location = pat.Mcu_PreregisterPatientsLocation;
+            this.departement = pat.Mcu_PreregisterPatientsDepartment;
+            this.kedudukan = pat.Mcu_PreregisterPatientsDivisi;
+            this.job = pat.Mcu_PreregisterPatientsJob;
+            this.email_corporate = pat.CorporateEmail;
+            if (
+                pat.M_PatientAddressRegionalCd &&
+                pat.M_PatientAddressRegionalCd != ""
+            ) {
+                this.$store.commit(
+                    "patient/update_inp_CorporateAddress",
+                    pat.M_PatientAddress
+                );
+                this.$store.commit(
+                    "patient/update_inp_CorporateAddressVillage",
+                    pat.M_PatientAddressVillage
+                );
+                this.$store.commit(
+                    "patient/update_inp_CorporateAddressDistrict",
+                    pat.M_PatientAddressDistrict
+                );
+                this.$store.commit(
+                    "patient/update_inp_CorporateAddressCity",
+                    pat.M_PatientAddressCity
+                );
+                this.$store.commit(
+                    "patient/update_inp_CorporateAddressState",
+                    pat.M_PatientAddressState
+                );
+                this.$store.commit(
+                    "patient/update_inp_RegionalCode",
+                    pat.M_PatientAddressRegionalCd
+                );
+                let country = {
+                    code: pat.M_PatientAddressCountry,
+                    display: pat.countryName,
+                };
+                this.$store.commit("patient/update_countryCb", [country]);
+                this.$store.commit("patient/update_selected_countryCb", country);
+            } else {
+                let detail_corporate = this.$store.state.patient.detail_corporate;
+                this.$store.commit(
+                    "patient/update_inp_CorporateAddress",
+                    detail_corporate.CorporateAddress
+                );
+                this.$store.commit(
+                    "patient/update_inp_CorporateAddressVillage",
+                    detail_corporate.CorporateAddressVillage
+                );
+                this.$store.commit(
+                    "patient/update_inp_CorporateAddressDistrict",
+                    detail_corporate.CorporateAddressDistrict
+                );
+                this.$store.commit(
+                    "patient/update_inp_CorporateAddressCity",
+                    detail_corporate.CorporateAddressCity
+                );
+                this.$store.commit(
+                    "patient/update_inp_CorporateAddressState",
+                    detail_corporate.CorporateAddressState
+                );
+                this.$store.commit(
+                    "patient/update_inp_RegionalCode",
+                    detail_corporate.CorporateAddressRegionalCd
+                );
+                let country = {
+                    code: detail_corporate.CorporateAddressCountry,
+                    display: detail_corporate.countryName,
+                };
+                this.$store.commit("patient/update_countryCb", [
+                    {
+                        code:
+                            detail_corporate.CorporateAddressCountry == null ||
+                                undefined ||
+                                ""
+                                ? "ID"
+                                : detail_corporate.CorporateAddressCountry,
+                        display:
+                            detail_corporate.countryName == null || undefined || ""
+                                ? "Indonesia"
+                                : detail_corporate.countryName,
+                    },
+                ]);
+                this.$store.commit("patient/update_selected_countryCb", country);
+            }
+
+            this.$store.dispatch("patient/getcorporate", {
+                id: this.selectedSetup.Mgm_McuCorporateID,
+                code: pat.Mcu_PreregisterPatientsCorporateCode,
+            });
+
+            var idx_sex = _.findIndex(this.sexes, function (o) {
+                return (
+                    o.M_SexCode.toLowerCase() ===
+                    pat.Mcu_PreregisterPatientsGender.toLowerCase()
+                );
+            });
+
+            let slctdSex = this.sexes[idx_sex];
+
+            this.selected_sex = {};
+            if (idx_sex > -1) this.selected_sex = slctdSex;
+
+            var idx_title = _.findIndex(this.titles, function (o) {
+                return (
+                    parseInt(o.M_TitleID) ===
+                    parseInt(pat.Mcu_PreregisterPatientsM_TitleID)
+                );
+            });
+            this.selected_title = {};
+            if (idx_title > -1) this.selected_title = this.titles[idx_title];
+
+            var idx_religion = _.findIndex(this.religions, function (o) {
+                return o.code === pat.Mcu_PreregisterPatientsReligion;
+            });
+            this.selected_religion = {};
+            if (idx_religion > -1)
+                this.selected_religion = this.religions[idx_religion];
+
+            this.selected_agreement = pat.agreement;
+            this.$store.commit("patient/update_selected_packets", pat.packets);
+            this.$store.commit("patient/update_selected_tests", pat.tests);
+
+            this.$store.commit("patient/update_packets", []);
+            this.$store.commit("patient/update_tests", []);
+            this.$store.commit("patient/update_total_patient_packet", 0);
+            this.$store.commit("patient/update_total_patient_test", 0);
+            this.$store.commit("patient/update_current_page_test", 1);
+            this.$store.commit("patient/update_current_page_packet", 1);
+            var prm = {};
+            prm.search = this.search_packet;
+            prm.current_page = 1;
+            prm.token = "";
+            prm.setup = {};
+            console.log("get packet");
+            this.$store.commit("patient/update_current_page_packet", 1);
+            this.$store.dispatch("patient/getdatapackets", prm);
+            this.searchTest();
+        },
+        showMore() {
+            if (!this.loading) {
+                this.$store.commit("patient/update_loading", true);
+                var xnow = this.current_page_table;
+                this.current_page_table = xnow + 1;
+                var prm = {
+                    search: this.$store.state.patient.patient_search_table,
+                    setup: this.$store.state.patient.selectedSetup,
+                    current_page: this.$store.state.patient.current_page_table,
+                };
+                this.$store.dispatch("patient/search_patient_table", prm);
+            }
+        },
+        gotoReg(row) {
+            this.$store.dispatch("patient/gotoreg", row);
+        },
+        openForm() {
+            //this.$store.dispatch("patient/getsexreg")
+            console.log("afdafnsldfn");
+            this.$store.commit("patient/update_show_more", false);
+            this.$store.commit("patient/update_patient_search_table", "");
+            this.$store.commit("patient/update_selected_patient_listing", {
+                Mcu_PreregisterPatientsIsRegistered: "N",
+            });
+            this.$store.commit("patient/update_current_page_table", 1);
+            this.$store.commit("patient/update_patients_search", []);
+            this.$store.dispatch("patient/getcorporate", {
+                id: this.selectedSetup.Mgm_McuCorporateID,
+                code: "",
+            });
+
+            this.$store.dispatch("patient/getdetailcorporate", this.selectedSetup);
+
+            this.patient_name = "";
+            this.dob = "";
+            this.nik = "";
+            this.ktp = "";
+            this.email = "";
+            this.hp = "";
+            this.jabatan = "";
+            this.kedudukan = "";
+            this.job = "";
+            this.location = "";
+            this.departement = "";
+            this.patient_prefix = "";
+            this.patient_suffix = "";
+            this.selected_sex = {};
+            this.selected_title = {};
+            this.selected_religion = {};
+            this.selectedCorporate = {};
+            this.dialog_patients = true;
+        },
+        getpacketdetail(value) {
+            this.$store.dispatch("patient/getpacketbyid", value.id);
+        },
+        getpacketdetaildialogheader() {
+            let hdr = "";
+            if (this.detailPacket.length > 0) {
+                hdr =
+                    this.detailPacket[0]["T_PacketSasCode"] +
+                    " - " +
+                    this.detailPacket[0]["T_PacketName"];
+            }
+            return hdr;
+        },
+        isPacketOptional() {
+            const packet = this.packets;
+            if (this.detailPacket.length > 0) {
+                const selected = packet.find(pack => pack.id == this.detailPacket[0]['T_PacketDetailT_PacketID']);
+                if (selected && selected.T_PacketIsOptional == 'Y') {
+                    return true;
+                }
+            }
+
+            return false;
+        },
+        testFromInsidePacket(item) {
+            const selected_tests = this.$store.state.patient.selected_tests;
+            var test = selected_tests.find(tes => tes.id == item.id);
+
+            if (test.T_PacketDetailT_PacketID && test.T_PacketDetailT_PacketID != '') {
+                return true
+            }
+            return false
+        },
+        thr_search_wilayah: _.debounce(function () {
+            console.log(this.search_wilayah);
+            this.$store.dispatch("patient/searchwilayah", {
+                search: this.search_wilayah,
+            });
+        }, 2000),
+        thr_search_listing: _.debounce(function () {
+            this.searchListing();
+        }, 300),
+        openFormRiwayat(patient) {
+            let uuid_form = patient.uuid_form
+            let url = `/one-ui/test/vuex/cpone-riwayat-form?id=${uuid_form}`
+            window.open(url, '_blank')
         }
-
-        var selected_patient = this.$store.state.patient
-          .selected_patient_listing;
-        selected_patient.Mcu_PreregisterPatientsM_SexCode = val.M_SexCode;
-        this.$store.commit(
-          "patient/update_selected_patient_listing",
-          selected_patient
-        );
-      },
     },
-    selected_religion: {
-      get() {
-        return this.$store.state.patient.selected_religion;
-      },
-      set(val) {
-        this.$store.commit("patient/update_selected_religion", val);
-        this.$store.commit("patient/update_no_save", 1);
-
-        var selected_patient = this.$store.state.patient
-          .selected_patient_listing;
-        let selectedReligion = val;
-        if (this.isEmptyObj(val)) {
-          selectedReligion = {
-            code: "",
-            display: "",
-            display_en: "",
-            code_system: "",
-          };
+    watch: {
+        search_company(val, old) {
+            //console.log(val)
+            if (val == old) return;
+            if (!val) return;
+            if (val.length < 1) return;
+            if (this.$store.state.patient.update_autocomplete_status == 1) return;
+            this.thr_search_company();
+        },
+        search_wilayah(val, old) {
+            //alert('ysadigaygs')
+            console.log(val);
+            if (val == old) return;
+            if (!val) return;
+            if (val.length < 1) return;
+            if (this.$store.state.patient.update_autocomplete_status == 1) return;
+            this.thr_search_wilayah();
+        },
+        filterDateMCU(newval) {
+            this.thr_search_listing();
         }
-        selected_patient.selected_religion = selectedReligion;
-        selected_patient.Mcu_PreregisterPatientsReligion = val.code;
-        this.$store.commit(
-          "patient/update_selected_patient_listing",
-          selected_patient
-        );
-      },
     },
-    phone: {
-      get() {
-        return this.$store.state.patient.phone;
-      },
-      set(val) {
-        this.$store.commit("patient/update_phone", val);
-        this.$store.commit("patient/update_no_save", 1);
-      },
-    },
-    hp: {
-      get() {
-        return this.$store.state.patient.hp;
-      },
-      set(val) {
-        this.$store.commit("patient/update_hp", val);
-        this.$store.commit("patient/update_no_save", 1);
-        var selected_patient = this.$store.state.patient
-          .selected_patient_listing;
-        selected_patient.Mcu_PreregisterPatientsHp = val;
-        this.$store.commit(
-          "patient/update_selected_patient_listing",
-          selected_patient
-        );
-      },
-    },
-    email: {
-      get() {
-        return this.$store.state.patient.email;
-      },
-      set(val) {
-        this.$store.commit("patient/update_email", val);
-        this.$store.commit("patient/update_no_save", 1);
-
-        var selected_patient = this.$store.state.patient
-          .selected_patient_listing;
-        selected_patient.Mcu_PreregisterPatientsEmail = val;
-        this.$store.commit(
-          "patient/update_selected_patient_listing",
-          selected_patient
-        );
-      },
-    },
-    pob: {
-      get() {
-        return this.$store.state.patient.pob;
-      },
-      set(val) {
-        this.$store.commit("patient/update_pob", val);
-        this.$store.commit("patient/update_no_save", 1);
-      },
-    },
-    job: {
-      get() {
-        return this.$store.state.patient.job;
-      },
-      set(val) {
-        this.$store.commit("patient/update_job", val);
-        this.$store.commit("patient/update_no_save", 1);
-
-        var selected_patient = this.$store.state.patient
-          .selected_patient_listing;
-        selected_patient.Mcu_PreregisterPatientsJob = val;
-        this.$store.commit(
-          "patient/update_selected_patient_listing",
-          selected_patient
-        );
-      },
-    },
-    nik: {
-      get() {
-        return this.$store.state.patient.nik;
-      },
-      set(val) {
-        this.$store.commit("patient/update_nik", val);
-        this.$store.commit("patient/update_no_save", 1);
-        //this.searchPatientForm()
-        var selected_patient = this.$store.state.patient
-          .selected_patient_listing;
-        selected_patient.Mcu_PreregisterPatientsNIP = val;
-        this.$store.commit(
-          "patient/update_selected_patient_listing",
-          selected_patient
-        );
-      },
-    },
-    ktp: {
-      get() {
-        return this.$store.state.patient.ktp;
-      },
-      set(val) {
-        this.$store.commit("patient/update_ktp", val);
-        this.$store.commit("patient/update_no_save", 1);
-        //this.searchPatientForm()
-        var selected_patient = this.$store.state.patient
-          .selected_patient_listing;
-        selected_patient.Mcu_PreregisterPatientsKTP = val;
-        this.$store.commit(
-          "patient/update_selected_patient_listing",
-          selected_patient
-        );
-      },
-    },
-    jabatan: {
-      get() {
-        return this.$store.state.patient.jabatan;
-      },
-      set(val) {
-        this.$store.commit("patient/update_jabatan", val);
-        this.$store.commit("patient/update_no_save", 1);
-
-        var selected_patient = this.$store.state.patient
-          .selected_patient_listing;
-        selected_patient.Mcu_PreregisterPatientsPosisi = val;
-        this.$store.commit(
-          "patient/update_selected_patient_listing",
-          selected_patient
-        );
-      },
-    },
-    kedudukan: {
-      get() {
-        return this.$store.state.patient.kedudukan;
-      },
-      set(val) {
-        this.$store.commit("patient/update_kedudukan", val);
-        this.$store.commit("patient/update_no_save", 1);
-
-        var selected_patient = this.$store.state.patient
-          .selected_patient_listing;
-        selected_patient.Mcu_PreregisterPatientsDivisi = val;
-        this.$store.commit(
-          "patient/update_selected_patient_listing",
-          selected_patient
-        );
-      },
-    },
-    location: {
-      get() {
-        return this.$store.state.patient.location;
-      },
-      set(val) {
-        this.$store.commit("patient/update_location", val);
-        this.$store.commit("patient/update_no_save", 1);
-
-        var selected_patient = this.$store.state.patient
-          .selected_patient_listing;
-        selected_patient.Mcu_PreregisterPatientsLocation = val;
-        this.$store.commit(
-          "patient/update_selected_patient_listing",
-          selected_patient
-        );
-      },
-    },
-    departement: {
-      get() {
-        return this.$store.state.patient.departement;
-      },
-      set(val) {
-        this.$store.commit("patient/update_departement", val);
-        this.$store.commit("patient/update_no_save", 1);
-
-        var selected_patient = this.$store.state.patient
-          .selected_patient_listing;
-        selected_patient.Mcu_PreregisterPatientsDepartment = val;
-        this.$store.commit(
-          "patient/update_selected_patient_listing",
-          selected_patient
-        );
-      },
-    },
-    // corporateList: [],
-    // selectedCorporate: {}
-    selectedCorporate: {
-      get() {
-        return this.$store.state.patient.selectedCorporate;
-      },
-      set(val) {
-        this.$store.commit("patient/update_selectedCorporate", val);
-        this.$store.commit("patient/update_no_save", 1);
-
-        var selected_patient = this.$store.state.patient
-          .selected_patient_listing;
-        selected_patient.Mcu_PreregisterPatientsCorporateCode =
-          val.CorporateCode;
-        this.$store.commit(
-          "patient/update_selected_patient_listing",
-          selected_patient
-        );
-      },
-    },
-    corporateList() {
-      return this.$store.state.patient.corporateList;
-    },
-    isError() {
-      return this.$store.state.patient.search_status == 3;
-    },
-    errorMessage() {
-      return this.$store.state.patient.search_error_message;
-    },
-    show_more() {
-      return this.$store.state.patient.show_more;
-    },
-    is_progress() {
-      return this.$store.state.patient.is_progress;
-    },
-    isLoading() {
-      return this.$store.state.patient.search_status == 1;
-    },
-    search_patients() {
-      return this.$store.state.patient.search_patients;
-    },
-    selectedSetup() {
-      return this.$store.state.patient.selectedSetup;
-    },
-    dialog_patients: {
-      get() {
-        return this.$store.state.patient.dialog_patients;
-      },
-      set(val) {
-        this.$store.commit("patient/update_dialog_patients", val);
-      },
-    },
-    patients() {
-      return this.$store.state.patient.patients;
-    },
-    packets() {
-      return this.$store.state.patient.packets;
-    },
-    tests() {
-      return this.$store.state.patient.tests;
-    },
-    patients_search() {
-      return this.$store.state.patient.patients_search;
-    },
-    patients_form_count() {
-      return this.$store.state.patient.patients_form_count;
-    },
-    totalpatient() {
-      return this.$store.state.patient.total_patient;
-    },
-    patient_search_table: {
-      get() {
-        return this.$store.state.patient.patient_search_table;
-      },
-      set(val) {
-        this.$store.commit("patient/update_patient_search_table", val);
-      },
-    },
-    current_page_test: {
-      get() {
-        return this.$store.state.patient.current_page_test;
-      },
-      set(val) {
-        this.$store.commit("patient/update_current_page_test", val);
-        // var prm = this.selected_agreement;
-        var prm = {};
-        prm.search = this.search_test;
-        prm.current_page = val;
-        this.$store.dispatch("patient/getdatatests", prm);
-      },
-    },
-    current_page_packet: {
-      get() {
-        return this.$store.state.patient.current_page_packet;
-      },
-      set(val) {
-        this.$store.commit("patient/update_current_page_packet", val);
-        // var prm = this.selected_agreement;
-        var prm = {};
-        prm.search = this.search_packet;
-        prm.current_page = val;
-        this.$store.dispatch("patient/getdatapackets", prm);
-      },
-    },
-    current_page_table: {
-      get() {
-        return this.$store.state.patient.current_page_table;
-      },
-      set(val) {
-        this.$store.commit("patient/update_current_page_table", val);
-      },
-    },
-    current_page_listing: {
-      get() {
-        return this.$store.state.patient.current_page_listing;
-      },
-      set(val) {
-        this.$store.commit("patient/update_current_page_listing", val);
-
-        this.$store.dispatch("patient/search_patient_listing", {
-          setup: this.$store.state.patient.selectedSetup,
-          search: this.$store.state.patient.search_listing,
-          current_page: val,
-          lastid: -1,
-        });
-      },
-    },
-    selected_packets: {
-      get() {
-        return this.$store.state.patient.selected_packets;
-      },
-      set(val) {
-        this.$store.commit("patient/update_selected_packets", val);
-      },
-    },
-    selected_tests: {
-      get() {
-        return this.$store.state.patient.selected_tests;
-      },
-      set(val) {
-        this.$store.commit("patient/update_selected_tests", val);
-      },
-    },
-    xtotal_page: {
-      get() {
-        return this.$store.state.patient.total_patient;
-      },
-      set(val) {
-        this.$store.commit("patient/update_total_patient", val);
-      },
-    },
-    totalDataPatient: {
-      get() {
-        return this.$store.state.patient.totalDataPatient;
-      },
-      set(val) {
-        this.$store.commit("patient/update_totalDataPatient", val);
-      },
-    },
-    samePatient: {
-      get() {
-        return this.$store.state.patient.samePatient;
-      },
-      set(val) {
-        this.$store.commit("patient/update_samePatient", val);
-      },
-    },
-    dialogSamePatient: {
-      get() {
-        return this.$store.state.patient.dialogSamePatient;
-      },
-      set(val) {
-        this.$store.commit("patient/update_dialogSamePatient", val);
-      },
-    },
-    msgSamePatient: {
-      get() {
-        return this.$store.state.patient.msgSamePatient;
-      },
-      set(val) {
-        this.$store.commit("patient/update_msgSamePatient", val);
-      },
-    },
-    detailPacket: {
-      get() {
-        return this.$store.state.patient.detailPacket;
-      },
-      set(val) {
-        this.$store.commit("patient/update_detailPacket", val);
-      },
-    },
-    dialogPacket: {
-      get() {
-        return this.$store.state.patient.dialogPacket;
-      },
-      set(val) {
-        this.$store.commit("patient/update_dialogPacket", val);
-      },
-    },
-    dialogPrintListPatient: {
-      get() {
-        return this.$store.state.patient.dialogPrintListPatient;
-      },
-      set(val) {
-        this.$store.commit("patient/update_dialogPrintListPatient", val);
-      },
-    },
-    statusRegisterList: {
-      get() {
-        return this.$store.state.patient.statusRegisterList;
-      },
-      set(val) {
-        this.$store.commit("patient/update_statusRegisterList", val);
-      },
-    },
-    dialogPrintBarcode: {
-      get() {
-        return this.$store.state.patient.dialogPrintBarcode;
-      },
-      set(val) {
-        this.$store.commit("patient/update_dialogPrintBarcode", val);
-      },
-    },
-    selectedStatusRegister: {
-      get() {
-        return this.$store.state.patient.selectedStatusRegister;
-      },
-      set(val) {
-        this.$store.commit("patient/update_selectedStatusRegister", val);
-        var item = {
-          search: this.search_listing,
-          current_page: 1,
-          lastid: -1,
-        };
-        item.setup = this.selectedSetup;
-        this.$store.dispatch("patient/search_patient_listing", item);
-      },
-    },
-    corporates() {
-      return this.$store.state.patient.corporates;
-    },
-    isLoading() {
-      return this.$store.state.patient.search_status == 1;
-    },
-    inp_CorporateAddressRW: {
-      get() {
-        return this.$store.state.patient.inp_CorporateAddressRW;
-      },
-      set(val) {
-        this.$store.commit("patient/update_inp_CorporateAddressRW", val);
-      },
-    },
-    inp_CorporateAddressRT: {
-      get() {
-        return this.$store.state.patient.inp_CorporateAddressRT;
-      },
-      set(val) {
-        this.$store.commit("patient/update_inp_CorporateAddressRT", val);
-      },
-    },
-    selected_wilayahCb: {
-      get() {
-        return this.$store.state.patient.selected_wilayahCb;
-      },
-      set(val) {
-        this.$store.commit("patient/update_selected_wilayahCb", val);
-        console.log(val);
-
-        this.$store.commit("patient/update_inp_RegionalCode", val.id);
-        this.$store.commit(
-          "patient/update_inp_CorporateAddressVillage",
-          val.kel_nm
-        );
-        this.$store.commit(
-          "patient/update_inp_CorporateAddressDistrict",
-          val.kec_nm
-        );
-        this.$store.commit(
-          "patient/update_inp_CorporateAddressCity",
-          val.kab_nm
-        );
-        this.$store.commit(
-          "patient/update_inp_CorporateAddressState",
-          val.pro_nm
-        );
-      },
-    },
-    xWilayahCb() {
-      return this.$store.state.patient.wilayahCb;
-    },
-    inp_CorporateAddressState: {
-      get() {
-        return this.$store.state.patient.inp_CorporateAddressState;
-      },
-      set(val) {
-        this.$store.commit("patient/update_inp_CorporateAddressState", val);
-      },
-    },
-    inp_CorporateAddressVillage: {
-      get() {
-        return this.$store.state.patient.inp_CorporateAddressVillage;
-      },
-      set(val) {
-        this.$store.commit("patient/update_inp_CorporateAddressVillage", val);
-      },
-    },
-    inp_CorporateAddressDistrict: {
-      get() {
-        return this.$store.state.patient.inp_CorporateAddressDistrict;
-      },
-      set(val) {
-        this.$store.commit(
-          "patient/update_inp_CorporateAddressDistrict",
-          val
-        );
-      },
-    },
-    inp_CorporateAddressCity: {
-      get() {
-        return this.$store.state.patient.inp_CorporateAddressCity;
-      },
-      set(val) {
-        this.$store.commit("patient/update_inp_CorporateAddressCity", val);
-      },
-    },
-    inp_CorporateAddress: {
-      get() {
-        return this.$store.state.patient.inp_CorporateAddress;
-      },
-      set(val) {
-        this.$store.commit("patient/update_inp_CorporateAddress", val);
-      },
-    },
-    xCountryCb: {
-      get() {
-        return this.$store.state.patient.countryCb;
-      },
-      set(val) {
-        this.$store.commit("patient/update_countryCb", val);
-      },
-    },
-    selected_countryCb: {
-      get() {
-        return this.$store.state.patient.selected_countryCb;
-      },
-      set(val) {
-        this.$store.commit("patient/update_selected_countryCb", val);
-      },
-    },
-    email_corporate: {
-      get() {
-        return this.$store.state.patient.email_corporate;
-      },
-      set(val) {
-        this.$store.commit("patient/update_email_corporate", val);
-      },
-    },
-  },
-  methods: {
-    one_money(money) {
-      return one_money(money);
-    },
-    closeDialogBarcode() {
-      this.selected_barcode = [];
-      this.dialogPrintBarcodeList = false;
-      this.bar_chx_all = false;
-      this.indeterminatex = false;
-    },
-    printQrcode(count) {
-      console.log("printQrcode");
-      let val = this.$store.state.patient.selected_patient_listing;
-      var inp = {};
-      inp.id = this.$store.state.patient.selected_patient_listing.T_OrderHeaderID;
-      inp.no_lab = this.$store.state.patient.selected_patient_listing.T_OrderHeaderLabNumber;
-      inp.name = this.$store.state.patient.selected_patient_listing.patient_fullname;
-      let orderDate = moment(
-        this.$store.state.patient.selected_patient_listing.order_date
-      ).format("DD-MM-YYYY HH:mm");
-      inp.register_date = orderDate;
-
-      for (let index = 0; index < count; index++) {
-        one_print_qrcode(inp);
-      }
-    },
-    printQrcodePatient(count) {
-      let val = this.$store.state.patient.selected_patient_listing;
-      var inp = {};
-      inp.id = this.$store.state.patient.selected_patient_listing.T_OrderHeaderID;
-      inp.no_lab = this.$store.state.patient.selected_patient_listing.T_OrderHeaderLabNumber;
-      inp.name = this.$store.state.patient.selected_patient_listing.patient_fullname;
-      let orderDate = moment(
-        this.$store.state.patient.selected_patient_listing.order_date
-      ).format("DD-MM-YYYY HH:mm");
-      inp.register_date = orderDate;
-      for (let index = 0; index < count; index++) {
-        one_print_qrcode_patient(inp);
-      }
-    },
-    printMultipleBarcode() {
-      var arr = this.barcodeList;
-      var xarrtojoin = [];
-      var xarrtojoinnonlab = [];
-      let qrCode = false;
-      let qrCodePasien = false;
-      var xformulir = {};
-      let countQr = 1;
-      let countQrPatient = 1;
-      console.log(arr);
-      // return;
-      _.forEach(arr, function (value) {
-        if (Number(value.count) <= 0 || isNaN(value.count)) {
-          alert("Apa yang mau di print " + value.T_SampleTypeName + " ?");
-          return;
-        }
-        if (value.chex && value.type === "barcode") {
-          for (let index = 0; index < value.count; index++) {
-            xarrtojoin.push(value.T_BarcodeLabBarcode);
-          }
-        }
-        if (value.chex && value.type === "formulir") {
-          xformulir = value;
-        }
-        if (value.chex && value.type === "nonlab") {
-          for (let index = 0; index < value.count; index++) {
-            xarrtojoinnonlab.push(value.T_SampleTypeID);
-          }
-        }
-        if (value.chex && value.type === "qrcode") {
-          if (value.T_SampleTypeID === "qr") {
-            countQr = value.count;
-            qrCode = true;
-          }
-          if (value.T_SampleTypeID === "qrpasien") {
-            countQrPatient = value.count;
-            qrCodePasien = true;
-          }
-        }
-      });
-      if (xarrtojoin.length > 0) {
-        console.log(xarrtojoin.join(","));
-        one_print_barcode_pkv2(xarrtojoin.join(","));
-      }
-      if (xarrtojoinnonlab.length > 0) {
-        console.log(xarrtojoinnonlab.join(","));
-        one_print_barcode_sov2(xarrtojoinnonlab.join(","));
-      }
-      if (qrCode) {
-        this.printQrcode(countQr);
-      }
-      if (qrCodePasien) {
-        this.printQrcodePatient(countQrPatient);
-      }
-
-      if (!_.isEmpty(xformulir)) {
-        one_print_barcode_formulir(xformulir.id);
-      }
-    },
-    printSingleBarcode(value) {
-      if (Number(value.count) <= 0 || isNaN(value.count)) {
-        alert("Apa yang mau di print " + value.T_SampleTypeName + " ?");
-        return;
-      }
-      var label = value.T_BarcodeLabBarcode;
-
-      let arrLabel = [];
-
-      for (let index = 0; index < value.count; index++) {
-        arrLabel.push(label);
-      }
-      console.log(arrLabel);
-      let arrSampleType = [];
-      for (let index = 0; index < value.count; index++) {
-        arrSampleType.push(value.T_SampleTypeID);
-      }
-
-      console.log(arrSampleType);
-      if (value.type === "barcode")
-        one_print_barcode_pkv2(arrLabel.join(","));
-      if (value.type === "formulir") one_print_barcode_formulir(value.id);
-      if (value.type === "nonlab")
-        one_print_barcode_sov2(arrSampleType.join(","));
-      if (value.type === "qrcode" && value.T_SampleTypeID === "qr") {
-        this.printQrcode(value.count);
-      }
-      if (value.type === "qrcode" && value.T_SampleTypeID === "qrpasien") {
-        this.printQrcodePatient(value.count);
-      }
-      if (value.type === "nonlab_group")
-        one_print_barcode_amplop_so_group(value.orderid);
-    },
-    checkTop() {
-      var barcodes = _.filter(this.barcodeList, function (o) {
-        return (
-          o.type === "barcode" ||
-          o.type === "formulir" ||
-          o.type === "nonlab" ||
-          o.type === "qrcode"
-        );
-      });
-      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.selected_barcode = selected;
-      console.log(selected);
-    },
-    changeCbxAll(value) {
-      var arr = _.filter(this.barcodeList, function (o) {
-        return (
-          o.type === "barcode" ||
-          o.type === "formulir" ||
-          o.type === "nonlab" ||
-          o.type === "qrcode"
-        );
-      });
-      this.indeterminatex = false;
-      arr.forEach((el) => {
-        el.chex = value;
-      });
-      var selected = _.filter(arr, function (o) {
-        return o.chex;
-      });
-      this.selected_barcode = selected;
-    },
-    openDialogPrintBarcodeList(pat) {
-      this.selectMe(pat);
-      let val = this.$store.state.patient.selected_patient_listing;
-
-      this.$store.dispatch("patient/lookupbarcodelist", {
-        T_OrderHeaderID: val.Mcu_PreregisterPatientsT_OrderHeaderID,
-        data: val,
-      });
-    },
-    printBarcode() {
-      let val = this.$store.state.patient.selected_patient_listing;
-      one_print_barcode_formulir(val.Mcu_PreregisterPatientsT_OrderHeaderID);
-
-      this.$store.dispatch("patient/getbarcode", {
-        T_OrderHeaderID: val.Mcu_PreregisterPatientsT_OrderHeaderID,
-        data: val,
-      });
-    },
-    BtnprintQrCode() {
-      try {
-        let val = this.$store.state.patient.selected_patient_listing;
-
-        let orderDateArr = val.T_OrderHeaderDate.split(" ");
-        let inp = {};
-        inp.id = val.T_OrderHeaderID;
-        inp.no_lab = val.T_OrderHeaderLabNumber;
-        inp.name = val.patient_fullname;
-        inp.register_date = orderDateArr[0];
-        one_print_qrcode(inp);
-        // console.log("Input prm")
-        // console.log(inp)
-        one_print_qrcode_patient(inp);
-      } catch (error) {
-        console.log(error);
-        var snackbar = context.state.snackbar;
-        snackbar.color = "red";
-        snackbar.value = true;
-        snackbar.multi_line = "single-line";
-        snackbar.text = "Gagal get barcode :".e.message;
-        this.snackbar = snackbar;
-      }
-    },
-    printListPatient() {
-      let user = one_user();
-      const protocol = window.location.protocol;
-      const hostWithoutPort = window.location.hostname;
-      let status = this.selectedStatusRegister.value;
-      if (status === "S") {
-        status = "Y,N";
-      }
-      date = new Date().getTime().toString();
-      // protocol+"//"+
-      //  https://devcpone.aplikasi.web.id/birt/run?__report=report/one/rekap/rpt_list_mcu_001.rptdesign&__format=pdf&PID=41&PStatus=Y,N&username=ADMIN&tm=1719455789649
-      let link =
-        "/birt/run?__report=report/one/rekap/rpt_list_mcu_001.rptdesign&__format=pdf&PID=" +
-        this.selectedSetup.Mgm_McuID +
-        "&PStatus=" +
-        status +
-        "&username=" +
-        user.M_StaffName +
-        "&tm=" +
-        date;
-      return link;
-    },
-    convertMoney(money) {
-      return one_money(money);
-    },
-    validateEmail(email) {
-      return email.match(
-        /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/
-      );
-    },
-    isEmptyObj(obj) {
-      return Object.keys(obj).length === 0 && obj.constructor === Object;
-    },
-    doAddPatient() {
-      this.dialog_alert_confirm = false;
-      this.addPatient(this.data_temp_patient);
-    },
-    alertPatient(row) {
-      console.log(row);
-      this.data_temp_patient = row;
-      this.dialog_alert_confirm = true;
-    },
-    thr_search_company: _.debounce(function () {
-      console.log(this.search_company);
-      this.$store.dispatch("patient/searchcompany", {
-        search: this.search_company,
-      });
-    }, 2000),
-    goToRegister() {
-      var prm = this.$store.state.patient.selected_patient_listing;
-      var setup = this.$store.state.patient.selectedSetup;
-      var url = this.$store.state.patient.urlPreregister;
-      var pre_id = prm.Mcu_PreregisterPatientsID;
-      var mcuid = prm.Mcu_PreregisterPatientsMgm_McuID;
-      var code = setup.McuOfflinePrepareCode;
-      protocol = location.protocol;
-      host = location.host;
-      newUrl =
-        protocol +
-        "//" +
-        host +
-        "/one-ui/" +
-        url +
-        "/" +
-        "?pre_id=" +
-        pre_id +
-        "&mcuid=" +
-        mcuid;
-      // location.replace(url + "?pre_id=" + pre_id);
-      location.replace(newUrl);
-    },
-    doRemovePatient() {
-      var selected_patient = this.$store.state.patient
-        .selected_patient_listing;
-      this.$store.dispatch("patient/removepatient", selected_patient);
-    },
-    removePatient(item) {
-      this.$store.commit("patient/update_selected_patient_listing", item);
-      this.msg_delete = "PASIEN " + item.patient_fullname + " AKAN DIHAPUS";
-      this.dialog_delete = true;
-      //this.$store.dispatch("patient/search_patient_listing", prm)
-    },
-    cekKTP(nik, tanggal, bulan, tahun) {
-      // debugger;
-      if (nik.length !== 16) {
-        return false;
-      }
-
-      let d = parseInt(nik.substr(6, 2));
-      let m = parseInt(nik.substr(8, 2));
-      let y = parseInt(nik.substr(10, 2));
-
-      // Jika tahun full, ambil 2 digit terakhir
-      if (tahun.toString().length === 4) {
-        tahun = tahun.toString().substr(2, 2);
-      }
-
-      if (d > 40) {
-        // Wanita
-        tanggal = parseInt(tanggal) + 40;
-        console.log("D>40");
-      }
-
-      if (parseInt(tanggal) !== d) {
-        console.log("D");
-
-        return false;
-      }
-
-      if (parseInt(bulan) !== m) {
-        console.log("M");
-
-        return false;
-      }
-
-      if (parseInt(tahun) !== y) {
-        console.log("Y");
-
-        return false;
-      }
-
-      // Setelah berhasil melewati rintangan, berarti nomornya valid (tidak 100% valid)
-      return true;
-    },
-    savePreregisterPatient() {
-      var patients = this.$store.state.patient.patients;
-      if (!this.validateEmail(this.email) && this.email !== "") {
-        alert("Isi emailnya dengan benar");
-        return;
-      }
-      if (this.ktp !== "") {
-        if (this.ktp.length < 16) {
-          alert("Nik tidak boleh kurang dari 16");
-          return;
-        }
-        if (this.dob === "") {
-          alert("Isi dob");
-          return;
-        }
-        let dob = this.dob.split("-");
-        // if (!this.cekKTP(this.ktp, dob[0], dob[1], dob[2])) {
-        //   alert("Validasi NIk Gagal");
-        //   return;
-        // }
-      }
-      var selected_patient = this.$store.state.patient
-        .selected_patient_listing;
-      var idx = _.findIndex(patients, function (o) {
-        return (
-          o.Mcu_PreregisterPatientsID ==
-          selected_patient.Mcu_PreregisterPatientsID
-        );
-      });
-
-      var selected_agreement = this.$store.state.patient.selected_agreement;
-      var selected_packets = this.$store.state.patient.selected_packets;
-      var selected_tests = this.$store.state.patient.selected_tests;
-
-      var prm = {
-        selected_patient: selected_patient,
-        selected_agreement: selected_agreement,
-        selected_packets: selected_packets,
-        selected_tests: selected_tests,
-        setup: this.selectedSetup,
-        M_PatientAddressRegionalCd: this.$store.state.patient
-          .inp_RegionalCode,
-        M_PatientAddressState: this.$store.state.patient
-          .inp_CorporateAddressState,
-        M_PatientAddressCity: this.$store.state.patient
-          .inp_CorporateAddressCity,
-        M_PatientAddressDistrict: this.$store.state.patient
-          .inp_CorporateAddressDistrict,
-        M_PatientAddressVillage: this.$store.state.patient
-          .inp_CorporateAddressVillage,
-        M_PatientAddress: this.$store.state.patient.inp_CorporateAddress,
-        lastid: idx,
-      };
-      this.$store.dispatch("patient/savepreregisterpatient", prm);
-    },
-    savePreregisterPatientRedirect() {
-      console.log("masuk save redirect");
-      var patients = this.$store.state.patient.patients;
-      if (this.dob === "") {
-        alert("Isi dob");
-        return;
-      }
-      if (!this.validateEmail(this.email) && this.email !== "") {
-        alert("Isi emailnya dengan benar");
-        return;
-      }
-      if (this.ktp !== "") {
-        if (this.ktp.length < 16) {
-          alert("Nik tidak boleh kurang dari 16");
-          return;
-        }
-        // let dob = this.dob.split("-");
-        // if (!this.cekKTP(this.ktp, dob[0], dob[1], dob[2])) {
-        //   alert("Validasi NIk Gagal");
-        //   return;
-        // }
-      }
-
-      var selected_patient = this.$store.state.patient
-        .selected_patient_listing;
-      var idx = _.findIndex(patients, function (o) {
-        return (
-          o.Mcu_PreregisterPatientsID ==
-          selected_patient.Mcu_PreregisterPatientsID
-        );
-      });
-
-      var selected_agreement = this.$store.state.patient.selected_agreement;
-      var selected_packets = this.$store.state.patient.selected_packets;
-      var selected_tests = this.$store.state.patient.selected_tests;
-      // this.selected_patient.selected_religion = selectedReligion;
-      var prm = {
-        selected_patient: selected_patient,
-        selected_agreement: selected_agreement,
-        selected_packets: selected_packets,
-        selected_tests: selected_tests,
-        setup: this.selectedSetup,
-        lastid: idx,
-        antrian: this.antrian,
-        M_PatientAddressRegionalCd: this.$store.state.patient
-          .inp_RegionalCode,
-        M_PatientAddressState: this.$store.state.patient
-          .inp_CorporateAddressState,
-        M_PatientAddressCity: this.$store.state.patient
-          .inp_CorporateAddressCity,
-        M_PatientAddressDistrict: this.$store.state.patient
-          .inp_CorporateAddressDistrict,
-        M_PatientAddressVillage: this.$store.state.patient
-          .inp_CorporateAddressVillage,
-        M_PatientAddress: this.$store.state.patient.inp_CorporateAddress,
-      };
-      // this.$store.dispatch("patient/savepreregisterpatient", prm);
-
-      this.$store.dispatch("patient/savepreregisterpatientRedirect", prm);
-    },
-    checkNatTest(item) {
-      var now_natest = item.nat_test;
-      var rtn = true;
-      var selected_packets = this.$store.state.patient.selected_packets;
-      var selected_tests = this.$store.state.patient.selected_tests;
-      selected_packets.forEach(function (entry) {
-        var nat_test = entry.nat_test;
-        now_natest.forEach(function (itemnattest) {
-          var idx = _.findIndex(nat_test, function (o) {
-            return o == itemnattest;
-          });
-          if (idx > -1) rtn = false;
-        });
-      });
-      selected_tests.forEach(function (entry) {
-        var nat_test = entry.nat_test;
-        now_natest.forEach(function (itemnattest) {
-          var idx = _.findIndex(nat_test, function (o) {
-            return o == itemnattest;
-          });
-          if (idx > -1) rtn = false;
-        });
-      });
-      return rtn;
-    },
-    testExist(item) {
-      var selected_tests = this.$store.state.patient.selected_tests;
-      var idx = _.findIndex(selected_tests, function (o) {
-        return parseInt(o.id) === parseInt(item.id);
-      });
-      if (idx === -1) {
-        return true;
-      } else {
-        return false;
-      }
-    },
-    addToTests(item) {
-      var selected_tests = this.$store.state.patient.selected_tests;
-      selected_tests.push(item);
-
-      let total = 0
-      selected_tests.forEach(function (entry) {
-        total += parseFloat(entry.price);
-      });
-      this.total_satuan = total;
-    },
-    removeFromTests(item) {
-      var selected_tests = this.$store.state.patient.selected_tests;
-      var idx = _.findIndex(selected_tests, function (o) {
-        return parseInt(o.id) === parseInt(item.id);
-      });
-      selected_tests.splice(idx, 1);
-      let total = 0
-      selected_tests.forEach(function (entry) {
-        total += parseFloat(entry.price);
-      });
-      this.total_satuan = total;
-    },
-    searchTest() {
-      // var prm = this.selected_agreement;
-      var prm = {};
-      prm.search = this.search_test;
-      prm.current_page = 1;
-      this.$store.commit("patient/update_current_page_test", 1);
-      this.$store.dispatch("patient/getdatatests", prm);
-    },
-    packetExist(item) {
-      var selected_packets = this.$store.state.patient.selected_packets;
-      var idx = _.findIndex(selected_packets, function (o) {
-        return parseInt(o.id) === parseInt(item.id);
-      });
-      if (idx === -1) {
-        return true;
-      } else {
-        return false;
-      }
-    },
-    addToPackets(item) {
-      var selected_packets = this.$store.state.patient.selected_packets;
-      selected_packets.push(item);
-    },
-    removeFromPackets(item) {
-      var selected_packets = this.$store.state.patient.selected_packets;
-      var idx = _.findIndex(selected_packets, function (o) {
-        return parseInt(o.id) === parseInt(item.id);
-      });
-      selected_packets.splice(idx, 1);
-    },
-    searchPacket() {
-      // var prm = this.selected_agreement;
-      // prm.search = this.search_packet;
-      // prm.current_page = 1;
-      var prm = {};
-      prm.search = this.search_packet;
-      prm.current_page = 1;
-      prm.token = "";
-      prm.setup = {};
-      this.$store.commit("patient/update_current_page_packet", 1);
-      this.$store.dispatch("patient/getdatapackets", prm);
-    },
-    searchListing() {
-      var item = { search: this.search_listing, current_page: 1, lastid: -1 };
-      item.setup = this.selectedSetup;
-      this.$store.dispatch("patient/search_patient_listing", item);
-    },
-    patientExist(item) {
-      let setup = this.selectedSetup;
-      if (parseInt(setup.Mgm_McuM_BranchID) !== 100) {
-        var patients = this.$store.state.patient.exist_pid;
-        var idx = _.findIndex(patients, function (o) {
-          return (
-            parseInt(o) == parseInt(item.Mcu_PreregisterPatientsM_PatientID)
-          );
-        });
-        //console.log(idx)
-        if (idx === -1) {
-          return true;
-        } else {
-          return false;
-        }
-      } else {
-        return true;
-      }
-    },
-    addPatient(item) {
-      item.setup = this.selectedSetup;
-      this.$store.commit("patient/update_is_progress", true);
-      this.$store.dispatch("patient/savenewsearch", item);
-    },
-    checkError(value) {
-      var errors = this.$store.state.patient.errors;
-      if (errors.includes(value)) {
-        return true;
-      } else {
-        return false;
-      }
-    },
-    saveNewForm() {
-      this.$store.commit("patient/update_errors", []);
-      var errors = this.$store.state.patient.errors;
-      if (this.patient_name === "") {
-        errors.push("requirename");
-      }
-      if (this.dob === "") {
-        errors.push("requiredob");
-      }
-      if (_.isEmpty(this.selected_sex)) {
-        errors.push("requiresex");
-      }
-      if (_.isEmpty(this.selected_title)) {
-        errors.push("requiretitle");
-      }
-      if (!this.validateEmail(this.email) && this.email !== "") {
-        alert("Isi emailnya dengan benar");
-        return;
-      }
-      if (this.ktp !== "") {
-        if (this.ktp.length < 16) {
-          alert("Nik tidak boleh kurang dari 16");
-          return;
-        }
-        let dob = this.dob.split("-");
-        // if (!this.cekKTP(this.ktp, dob[0], dob[1], dob[2])) {
-        //   alert("Validasi NIk Gagal");
-        //   return;
-        // }
-      }
-
-      if (errors.length === 0) {
-        var prm = {};
-        prm.Mcu_PreregisterPatientsID = 0;
-        prm.Mcu_PreregisterPatientsNIK = this.nik;
-        prm.M_PatientNIP = this.nik;
-        prm.Mcu_PreregisterPatientsKTP = this.ktp;
-        prm.Mcu_PreregisterPatientsM_TitleID = this.selected_title.M_TitleID;
-        prm.Mcu_PreregisterPatientsPatientPrefix = this.patient_prefix;
-        prm.M_PatientPrefix = this.patient_prefix;
-        prm.Mcu_PreregisterPatientsPatientName = this.patient_name;
-        prm.M_PatientRealName = this.patient_name;
-        prm.M_PatientName = this.patient_name;
-        prm.Mcu_PreregisterPatientsPatientSuffix = this.patient_suffix;
-        prm.M_PatientSuffix = this.patient_suffix;
-        prm.Mcu_PreregisterPatientsM_SexCode = this.selected_sex.M_SexCode;
-        prm.M_PatientGender = this.selected_sex.M_SexCode;
-        prm.Mcu_PreregisterPatientsDOB = this.dob;
-        prm.M_PatientDOB = this.dob;
-        prm.Mcu_PreregisterPatientsM_ReligionID = this.selected_religion.M_ReligionID;
-        prm.Mcu_PreregisterPatientsPosisi = this.jabatan;
-        prm.M_PatientPosisi = this.jabatan;
-        prm.Mcu_PreregisterPatientsEmail = this.email;
-        prm.M_PatientEmail = this.email;
-        prm.Mcu_PreregisterPatientsHp = this.hp;
-        prm.M_PatientHp = this.hp;
-        prm.Mcu_PreregisterPatientsDivisi = this.kedudukan;
-        prm.M_PatientDivisi = this.kedudukan;
-        prm.Mcu_PreregisterPatientsLocation = this.location;
-        prm.M_PatientLocation = this.location;
-        prm.Mcu_PreregisterPatientsJob = this.job;
-        prm.M_PatientJob = this.job;
-        prm.Mcu_PreregisterPatientsDepartment = this.departement;
-        prm.M_PatientDepartement = this.departement;
-        prm.Mcu_PreregisterPatientsM_PatientID = 0;
-        prm.M_PatientID = 0;
-        prm.Mcu_PreregisterPatientsPID = 0;
-        prm.setup = this.selectedSetup;
-        prm.inp_RegionalCode = this.$store.state.patient.inp_RegionalCode;
-        prm.inp_CorporateAddressState = this.$store.state.patient.inp_CorporateAddressState;
-        prm.inp_CorporateAddressCity = this.$store.state.patient.inp_CorporateAddressCity;
-        prm.inp_CorporateAddressDistrict = this.$store.state.patient.inp_CorporateAddressDistrict;
-        prm.inp_CorporateAddressVillage = this.$store.state.patient.inp_CorporateAddressVillage;
-        prm.inp_CorporateAddress = this.$store.state.patient.inp_CorporateAddress;
-        prm.inp_CorporateAddressRT = this.$store.state.patient.inp_CorporateAddressRT;
-        prm.inp_CorporateAddressRW = this.$store.state.patient.inp_CorporateAddressRW;
-        prm.country = this.selected_countryCb.code;
-        console.log(prm);
-        // return;
-        this.$store.commit("patient/update_is_progress", true);
-        this.$store.dispatch("patient/savenewform", prm);
-      }
-    },
-    searchPatientTable() {
-      this.$store.commit("patient/update_loading", true);
-      this.$store.commit("patient/update_current_page_table", 1);
-      this.$store.commit("patient/update_patients_search", []);
-      var prm = {
-        search: this.$store.state.patient.patient_search_table,
-        setup: this.$store.state.patient.selectedSetup,
-        current_page: this.$store.state.patient.current_page_table,
-      };
-      this.$store.dispatch("patient/search_patient_table", prm);
-    },
-    searchPatientForm() {
-      if (this.patient_name != "" && this.dob != "") {
-        var xsearch = this.patient_name + "+" + this.dob;
-        if (this.nik != "") {
-          xsearch = xsearch + "+" + this.nik;
-        }
-        if (this.ktp != "") {
-          xsearch = xsearch + "+" + this.ktp;
-        }
-        this.$store.commit("patient/update_patient_search_table", xsearch);
-        this.$store.commit("patient/update_is_progress", true);
-        this.$store.commit("patient/update_loading", true);
-        this.$store.dispatch("patient/search_patient_form");
-      }
-    },
-    changeDataPatient(xpatient, label) {
-      this.$store.commit("patient/update_patient", xpatient);
-      //console.log(this.patient)
-      if (label === "sex") {
-        var newpat = this.$store.state.patient.patient;
-        console.log(newpat.sex);
-        var filtered_titles = _.filter(this.titles, function (o) {
-          return parseInt(o.M_TitleM_SexID) === parseInt(newpat.sex.M_SexID);
-        });
-        //console.log(filtered_titles)
-        this.$store.commit("patient/update_filtered_titles", filtered_titles);
-      }
-    },
-    isSelected(p) {
-      if (this.$store.state.patient.selected_patient_listing)
-        return (
-          p.Mcu_PreregisterPatientsID ==
-          this.$store.state.patient.selected_patient_listing
-            .Mcu_PreregisterPatientsID
-        );
-      else return false;
-    },
-    selectMe(pat) {
-      this.selectedCorporate = {};
-      console.log(pat);
-      this.$store.commit("patient/update_selected_patient_listing", pat);
-      this.patient_prefix = pat.Mcu_PreregisterPatientsPatientPrefix;
-      this.patient_name = pat.Mcu_PreregisterPatientsPatientName;
-      this.patient_suffix = pat.Mcu_PreregisterPatientsPatientSuffix;
-      this.dob = pat.dob;
-      this.nik = pat.Mcu_PreregisterPatientsNIP;
-      this.ktp = pat.Mcu_PreregisterPatientsKTP;
-      this.email = pat.Mcu_PreregisterPatientsEmail;
-      this.hp = pat.Mcu_PreregisterPatientsHp;
-      this.jabatan = pat.Mcu_PreregisterPatientsPosisi;
-      this.location = pat.Mcu_PreregisterPatientsLocation;
-      this.departement = pat.Mcu_PreregisterPatientsDepartment;
-      this.kedudukan = pat.Mcu_PreregisterPatientsDivisi;
-      this.job = pat.Mcu_PreregisterPatientsJob;
-      this.email_corporate = pat.CorporateEmail;
-      if (
-        pat.M_PatientAddressRegionalCd &&
-        pat.M_PatientAddressRegionalCd != ""
-      ) {
-        this.$store.commit(
-          "patient/update_inp_CorporateAddress",
-          pat.M_PatientAddress
-        );
-        this.$store.commit(
-          "patient/update_inp_CorporateAddressVillage",
-          pat.M_PatientAddressVillage
-        );
-        this.$store.commit(
-          "patient/update_inp_CorporateAddressDistrict",
-          pat.M_PatientAddressDistrict
-        );
-        this.$store.commit(
-          "patient/update_inp_CorporateAddressCity",
-          pat.M_PatientAddressCity
-        );
-        this.$store.commit(
-          "patient/update_inp_CorporateAddressState",
-          pat.M_PatientAddressState
-        );
-        this.$store.commit(
-          "patient/update_inp_RegionalCode",
-          pat.M_PatientAddressRegionalCd
-        );
-        let country = {
-          code: pat.M_PatientAddressCountry,
-          display: pat.countryName,
-        };
-        this.$store.commit("patient/update_countryCb", [country]);
-        this.$store.commit("patient/update_selected_countryCb", country);
-      } else {
-        let detail_corporate = this.$store.state.patient.detail_corporate;
-        this.$store.commit(
-          "patient/update_inp_CorporateAddress",
-          detail_corporate.CorporateAddress
-        );
-        this.$store.commit(
-          "patient/update_inp_CorporateAddressVillage",
-          detail_corporate.CorporateAddressVillage
-        );
-        this.$store.commit(
-          "patient/update_inp_CorporateAddressDistrict",
-          detail_corporate.CorporateAddressDistrict
-        );
-        this.$store.commit(
-          "patient/update_inp_CorporateAddressCity",
-          detail_corporate.CorporateAddressCity
-        );
-        this.$store.commit(
-          "patient/update_inp_CorporateAddressState",
-          detail_corporate.CorporateAddressState
-        );
-        this.$store.commit(
-          "patient/update_inp_RegionalCode",
-          detail_corporate.CorporateAddressRegionalCd
-        );
-        let country = {
-          code: detail_corporate.CorporateAddressCountry,
-          display: detail_corporate.countryName,
-        };
-        this.$store.commit("patient/update_countryCb", [
-          {
-            code:
-              detail_corporate.CorporateAddressCountry == null ||
-                undefined ||
-                ""
-                ? "ID"
-                : detail_corporate.CorporateAddressCountry,
-            display:
-              detail_corporate.countryName == null || undefined || ""
-                ? "Indonesia"
-                : detail_corporate.countryName,
-          },
-        ]);
-        this.$store.commit("patient/update_selected_countryCb", country);
-      }
-
-      this.$store.dispatch("patient/getcorporate", {
-        id: this.selectedSetup.Mgm_McuCorporateID,
-        code: pat.Mcu_PreregisterPatientsCorporateCode,
-      });
-
-      var idx_sex = _.findIndex(this.sexes, function (o) {
-        return (
-          o.M_SexCode.toLowerCase() ===
-          pat.Mcu_PreregisterPatientsGender.toLowerCase()
-        );
-      });
-
-      let slctdSex = this.sexes[idx_sex];
-
-      this.selected_sex = {};
-      if (idx_sex > -1) this.selected_sex = slctdSex;
-
-      var idx_title = _.findIndex(this.titles, function (o) {
-        return (
-          parseInt(o.M_TitleID) ===
-          parseInt(pat.Mcu_PreregisterPatientsM_TitleID)
-        );
-      });
-      this.selected_title = {};
-      if (idx_title > -1) this.selected_title = this.titles[idx_title];
-
-      var idx_religion = _.findIndex(this.religions, function (o) {
-        return o.code === pat.Mcu_PreregisterPatientsReligion;
-      });
-      this.selected_religion = {};
-      if (idx_religion > -1)
-        this.selected_religion = this.religions[idx_religion];
-
-      this.selected_agreement = pat.agreement;
-      this.$store.commit("patient/update_selected_packets", pat.packets);
-      this.$store.commit("patient/update_selected_tests", pat.tests);
-
-      this.$store.commit("patient/update_packets", []);
-      this.$store.commit("patient/update_tests", []);
-      this.$store.commit("patient/update_total_patient_packet", 0);
-      this.$store.commit("patient/update_total_patient_test", 0);
-      this.$store.commit("patient/update_current_page_test", 1);
-      this.$store.commit("patient/update_current_page_packet", 1);
-      var prm = {};
-      prm.search = this.search_packet;
-      prm.current_page = 1;
-      prm.token = "";
-      prm.setup = {};
-      console.log("get packet");
-      this.$store.commit("patient/update_current_page_packet", 1);
-      this.$store.dispatch("patient/getdatapackets", prm);
-      this.searchTest();
-    },
-    showMore() {
-      if (!this.loading) {
-        this.$store.commit("patient/update_loading", true);
-        var xnow = this.current_page_table;
-        this.current_page_table = xnow + 1;
-        var prm = {
-          search: this.$store.state.patient.patient_search_table,
-          setup: this.$store.state.patient.selectedSetup,
-          current_page: this.$store.state.patient.current_page_table,
-        };
-        this.$store.dispatch("patient/search_patient_table", prm);
-      }
-    },
-    gotoReg(row) {
-      this.$store.dispatch("patient/gotoreg", row);
-    },
-    openForm() {
-      //this.$store.dispatch("patient/getsexreg")
-      console.log("afdafnsldfn");
-      this.$store.commit("patient/update_show_more", false);
-      this.$store.commit("patient/update_patient_search_table", "");
-      this.$store.commit("patient/update_selected_patient_listing", {
-        Mcu_PreregisterPatientsIsRegistered: "N",
-      });
-      this.$store.commit("patient/update_current_page_table", 1);
-      this.$store.commit("patient/update_patients_search", []);
-      this.$store.dispatch("patient/getcorporate", {
-        id: this.selectedSetup.Mgm_McuCorporateID,
-        code: "",
-      });
-
-      this.$store.dispatch("patient/getdetailcorporate", this.selectedSetup);
-
-      this.patient_name = "";
-      this.dob = "";
-      this.nik = "";
-      this.ktp = "";
-      this.email = "";
-      this.hp = "";
-      this.jabatan = "";
-      this.kedudukan = "";
-      this.job = "";
-      this.location = "";
-      this.departement = "";
-      this.patient_prefix = "";
-      this.patient_suffix = "";
-      this.selected_sex = {};
-      this.selected_title = {};
-      this.selected_religion = {};
-      this.selectedCorporate = {};
-      this.dialog_patients = true;
-    },
-    getpacketdetail(value) {
-      this.$store.dispatch("patient/getpacketbyid", value.id);
-    },
-    getpacketdetaildialogheader() {
-      let hdr = "";
-      if (this.detailPacket.length > 0) {
-        hdr =
-          this.detailPacket[0]["T_PacketSasCode"] +
-          " - " +
-          this.detailPacket[0]["T_PacketName"];
-      }
-      return hdr;
-    },
-    isPacketOptional() {
-      const packet = this.packets;
-      if (this.detailPacket.length > 0) {
-        const selected = packet.find(pack => pack.id == this.detailPacket[0]['T_PacketDetailT_PacketID']);
-        if (selected && selected.T_PacketIsOptional == 'Y') {
-          return true;
-        }
-      }
-
-      return false;
-    },
-    testFromInsidePacket(item) {
-      const selected_tests = this.$store.state.patient.selected_tests;
-      var test = selected_tests.find(tes => tes.id == item.id);
-
-      if (test.T_PacketDetailT_PacketID && test.T_PacketDetailT_PacketID != '') {
-        return true
-      }
-      return false
-    },
-    thr_search_wilayah: _.debounce(function () {
-      console.log(this.search_wilayah);
-      this.$store.dispatch("patient/searchwilayah", {
-        search: this.search_wilayah,
-      });
-    }, 2000),
-    openFormRiwayat(patient){
-      let uuid_form = patient.uuid_form
-      let url = `/one-ui/test/vuex/cpone-riwayat-form?id=${uuid_form}`
-      window.open(url, '_blank')
-    }
-  },
-  watch: {
-    search_company(val, old) {
-      //console.log(val)
-      if (val == old) return;
-      if (!val) return;
-      if (val.length < 1) return;
-      if (this.$store.state.patient.update_autocomplete_status == 1) return;
-      this.thr_search_company();
-    },
-    search_wilayah(val, old) {
-      //alert('ysadigaygs')
-      console.log(val);
-      if (val == old) return;
-      if (!val) return;
-      if (val.length < 1) return;
-      if (this.$store.state.patient.update_autocomplete_status == 1) return;
-      this.thr_search_wilayah();
-    },
-  },
 };
 </script>