From f08a1cc9bc22cdd5a99f8ef2cb042e06968a006c Mon Sep 17 00:00:00 2001
From: Eko Haryadi <ekoharyadi416@gmail.com>
Date: Sat, 24 Feb 2024 15:41:23 +0700
Subject: [PATCH] Update imports and variables in Type2.vue and fix data
 binding in Table_67.vue fixing for build

---
 src/components/Form/FiltersType/Type2.vue | 9 ++++-----
 src/components/Pages/Ctt/Table_67.vue     | 4 +++-
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/components/Form/FiltersType/Type2.vue b/src/components/Form/FiltersType/Type2.vue
index d6ad074..998eadc 100755
--- a/src/components/Form/FiltersType/Type2.vue
+++ b/src/components/Form/FiltersType/Type2.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import Select from '@/components/Select.vue'
-import { selectedUid,  selectedUp3Ulp,fetchRegional,fetchUid,fetchUidWithRegional, itemsUid, itemsUp3, itemsUlp,itemsRegional ,months, years} from './reference';
+import { selectedUid,  selectedUp3Ulp,fetchRegional,fetchUid,fetchUidByRegional, itemsUid, itemsUp3, itemsUlp,itemsRegional ,months, years} from './reference';
 import { onMounted, ref } from 'vue';
 import { getMonthName } from '@/utils/texts';
 const uidPlaceholder = 'Semua Unit Induk Distribusi/Wilayah';
@@ -13,7 +13,7 @@ const bulanSelected = new Date().getMonth();
 const tahunSelected = new Date().getFullYear();
 const uppp = ref({ id: 0, name: up3Placholder });
 const uid = ref({ id: 0, name: uidPlaceholder });
-const ulp = ref({ id: "", name: ulpPlaceholder });
+const ulp = ref({ id: 0, name: ulpPlaceholder });
 const bulan = ref({ id: bulanSelected, name: bulanPlaceholder });
 const tahun = ref({ id: tahunSelected, name: tahunPlaceholder });
 const regional = ref({ id: 0, name: regionalPlaceholder });
@@ -42,8 +42,7 @@ const data = ref({
 
 const setRegional = (value: any) => {
   regional.value = value;
-  fetchUid(); 
-  // harusnya fetchUidWithRegional(value);
+  fetchUidByRegional(value);
   selectedUid(value);
   uid.value = { id: 0, name: uidPlaceholder };
   data.value.regional = value;
@@ -59,7 +58,7 @@ const setUid = (value: any) => {
 const setUp3 = (value: any) => {
   uppp.value = value;
   selectedUp3Ulp(value);
-  ulp.value = { id: "", name: ulpPlaceholder };
+  ulp.value = { id: 0, name: ulpPlaceholder };
   data.value.up3 = value;
 };
 
diff --git a/src/components/Pages/Ctt/Table_67.vue b/src/components/Pages/Ctt/Table_67.vue
index 55e2492..0cfc709 100755
--- a/src/components/Pages/Ctt/Table_67.vue
+++ b/src/components/Pages/Ctt/Table_67.vue
@@ -6,7 +6,7 @@
             " />
     </Filters>
     <div id="data">
-        <DxDataGrid class="max-h-[calc(100vh-140px)]" :show-column-lines="true" :show-row-lines="false" :show-borders="true"
+        <DxDataGrid class="max-h-[calc(100vh-140px)]" :data-source="data" :show-column-lines="true" :show-row-lines="false" :show-borders="true"
             :row-alternation-enabled="true" :hover-state-enabled="true" @selection-changed="onSelectionChanged"
             :column-width="100" @exporting="onExporting" :allow-column-resizing="true" column-resizing-mode="widget"
             :word-wrap-enabled="true">
@@ -81,6 +81,8 @@ const shading = ref(true)
 const showPane = ref(true)
 const dataDetail = ref<any>()
 const showDetail = ref(false)
+    const data = ref<any[]>([])
+
 const onExporting = (e: any) => {
     if (e.format === 'pdf') {
         const doc = new jsPDF()