โครงสร้างแสดงดาวน์โหลดรายงาน

src/modules/02_organization/components/TreeTable.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, watch } from "vue";
+import { ref, watch, computed } from "vue";
 import { useQuasar } from "quasar";
 
 import config from "@/app.config";
@@ -103,7 +103,8 @@ const listMenu = ref<ListMenu[]>([
     color: "deep-purple",
   },
 ]);
-const document = ref<DataDocument[]>([
+
+const baseDocument = ref<DataDocument[]>([
   {
     name: "บัญชี 1",
     val: "report1",
@@ -118,6 +119,14 @@ const document = ref<DataDocument[]>([
   },
 ]);
 
+const document = computed(() => {
+  if (store.typeOrganizational === "draft") {
+    return baseDocument.value;
+  } else {
+    return baseDocument.value.filter((e: DataDocument) => e.val === "report2");
+  }
+});
+
 /** columns*/
 const columns = ref<QTableProps["columns"]>([
   {
@@ -513,14 +522,8 @@ watch(
         </q-btn>
       </div>
 
-      <q-btn
+      <!-- v-if="store.typeOrganizational === 'draft'" -->
-        v-if="store.typeOrganizational === 'draft'"
+      <q-btn flat round dense color="deep-purple" icon="save_alt">
-        flat
-        round
-        dense
-        color="deep-purple"
-        icon="save_alt"
-      >
         <q-menu>
           <q-list
             dense

src/modules/02_organization/interface/index/Main.ts

@@ -7,6 +7,12 @@ interface DataOption {
   name: string;
 }
 
+interface DataOrgRevision {
+  id: string;
+  name: string;
+  orgRevisionCreatedAt: string;
+}
+
 interface DataDocument {
   name: string;
   val: string;
@@ -158,4 +164,5 @@ export type {
   FormPositionSelectRef,
   NewPagination,
   DataDocument,
+  DataOrgRevision,
 };

src/modules/02_organization/interface/response/organizational.ts

@@ -40,7 +40,7 @@ interface OrgTree {
 }
 
 interface OrgRevision {
-  orgRevisionCreatedAt: string | null;
+  orgRevisionCreatedAt: Date | null;
   orgRevisionId: string;
   orgRevisionIsCurrent: boolean;
   orgRevisionIsDraft: boolean;

src/modules/02_organization/views/main.vue

@@ -11,7 +11,7 @@ import { useCounterMixin } from "@/stores/mixin";
 /**
  * importType
  */
-import type { DataOption } from "@/modules/02_organization/interface/index/Main";
+import type { DataOrgRevision } from "@/modules/02_organization/interface/index/Main";
 import type { OrgRevision } from "@/modules/02_organization/interface/response/organizational";
 
 /**
@@ -37,7 +37,7 @@ const modalDateTime = ref<boolean>(false); //  ตั้งเวลาเผย
 const isStatusData = ref<boolean>(false); // แสดงตั้งเวลาเผยแพร่
 const typeStructure = ref<string>(""); // ประเภทการเพิ่มโครงสร้าง
 /** ประวัติโครงสร้าง*/
-const itemHistory = ref<DataOption[]>([]); // List ประวัติโครงสร้าง
+const itemHistory = ref<DataOrgRevision[]>([]); // List ประวัติโครงสร้าง
 const historyId = ref<string>(""); // ID ประวัติโครงสร้าง
 const labelHistory = ref<string>("ประวัติโครงสร้าง"); // ชื่อประวัติโครงสร้าง
 const count = ref<number>(0);
@@ -91,6 +91,8 @@ async function fetchHistory() {
       itemHistory.value = filterData.map((e: OrgRevision) => ({
         id: e.orgRevisionId,
         name: e.orgRevisionName,
+        orgRevisionCreatedAt:
+          e.orgRevisionCreatedAt ?? date2Thai(e.orgRevisionCreatedAt),
       }));
     })
     .catch((err) => {
@@ -291,7 +293,10 @@ onMounted(async () => {
                     @click="onClickHistory(item.id, item.name)"
                   >
                     <q-item-section>
-                      <q-item-label>{{ item.name }}</q-item-label>
+                      <q-item-label
+                        >{{ item.orgRevisionCreatedAt }}
+                        {{ item.name }}</q-item-label
+                      >
                     </q-item-section>
                   </q-item>
                 </q-list>