fetch รายงานเมื่อเปลี่ยนหน่วยงาน ==> รายงานโครงสร้างและกรอบอัตรากำลัง

src/modules/21_report/components/01_org/TableMain.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref } from "vue";
+import { ref, watch } from "vue";
 import { useQuasar } from "quasar";
 import axios from "axios";
 import { VuePDF, usePDF } from "@tato30/vue-pdf";
@@ -115,6 +115,17 @@ function backPage() {
     page.value--;
   }
 }
+
+/** ติดตามการเปลี่ยนแปลงของ orgRootId */
+watch(
+  () => orgRootId.value,
+  async () => {
+    // เมื่อ orgRootId มีค่าและ title มีค่า เราจะเรียก getReport
+    if (orgRootId.value && title.value) {
+      await getReport(title.value);
+    }
+  }
+);
 </script>
 
 <template>