From d1e6c3a1cb98e8bdb7b84fa661563189966cea5a Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Mon, 3 Mar 2025 15:07:18 +0700
Subject: [PATCH] =?UTF-8?q?interface=20=E0=B8=95=E0=B8=B3=E0=B9=81?=
 =?UTF-8?q?=E0=B8=AB=E0=B8=99=E0=B9=88=E0=B8=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../detail/GovernmentInformation/07_Position.vue     |  7 +++----
 .../04_registryPerson/interface/index/government.ts  | 12 +++++++++++-
 src/modules/21_report/components/CardPosition.vue    |  6 ++++--
 3 files changed, 18 insertions(+), 7 deletions(-)

diff --git a/src/modules/04_registryPerson/components/detail/GovernmentInformation/07_Position.vue b/src/modules/04_registryPerson/components/detail/GovernmentInformation/07_Position.vue
index 6d4aebb50..d8b8d7b85 100644
--- a/src/modules/04_registryPerson/components/detail/GovernmentInformation/07_Position.vue
+++ b/src/modules/04_registryPerson/components/detail/GovernmentInformation/07_Position.vue
@@ -18,6 +18,7 @@ import type {
   ResListSalary,
   ResType,
 } from "@/modules/04_registryPerson/interface/response/Salary";
+import type { DataCardPos } from "@/modules/04_registryPerson/interface/index/government";
 
 import DialogHeader from "@/components/DialogHeader.vue";
 import DialogHistory from "@/modules/04_registryPerson/components/detail/GovernmentInformation/07_PositionHistory.vue";
@@ -290,7 +291,7 @@ const posExecutiveOptionMain = ref<DataOption[]>([]);
 
 const docOption = ref<DataOption2[]>(store.optionTemplateDoc);
 
-const cardData = ref<any[]>([
+const cardData = ref<DataCardPos[]>([
   {
     label: "ระยะเวลาดำรงตำแหน่งในสายงาน",
     data: [],
@@ -779,9 +780,7 @@ onMounted(async () => {
         </div>
         <div class="col-12"><q-separator /></div>
         <q-card-section class="q-pt-none" style="min-height: 200px">
-          <li v-for="data in item.data" :key="data.id">
-            {{ data.name }} {{ data.time }}
-          </li>
+          <li v-for="data in item.data">{{ data.name }} {{ data.time }}</li>
         </q-card-section>
       </q-card>
     </div>
diff --git a/src/modules/04_registryPerson/interface/index/government.ts b/src/modules/04_registryPerson/interface/index/government.ts
index 5d71032b5..26a0ea930 100644
--- a/src/modules/04_registryPerson/interface/index/government.ts
+++ b/src/modules/04_registryPerson/interface/index/government.ts
@@ -47,4 +47,14 @@ interface RequestItemsHistoryObject {
   createdFullName: string | null;
   createdAt: Date;
 }
-export type { RequestItemsHistoryObject, FormMain };
+
+interface DataCardPos {
+  label: string;
+  data?: Data[];
+}
+
+interface Data {
+  name: string;
+  time: string;
+}
+export type { RequestItemsHistoryObject, FormMain, DataCardPos };
diff --git a/src/modules/21_report/components/CardPosition.vue b/src/modules/21_report/components/CardPosition.vue
index 8954a94ad..3888464fc 100644
--- a/src/modules/21_report/components/CardPosition.vue
+++ b/src/modules/21_report/components/CardPosition.vue
@@ -6,6 +6,8 @@ import http from "@/plugins/http";
 import config from "@/app.config";
 import { useCounterMixin } from "@/stores/mixin";
 
+import type { DataCardPos } from "@/modules/04_registryPerson/interface/index/government";
+
 const $q = useQuasar();
 const { messageError, formatDatePosition } = useCounterMixin();
 
@@ -19,7 +21,7 @@ const props = defineProps({
   type: { type: String, default: "" },
 });
 
-const cardData = ref<any[]>([
+const cardData = ref<DataCardPos[]>([
   {
     label: "ระยะเวลาดำรงตำแหน่งในสายงาน",
     data: [],
@@ -93,7 +95,7 @@ onMounted(() => {
             <q-item-section>
               <q-item-label class="text-grey-6">{{ item.label }}</q-item-label>
               <q-item-label
-                ><li v-for="data in item.data" :key="data.id">
+                ><li v-for="data in item.data">
                   {{ data.name }} {{ data.time }}
                 </li>
               </q-item-label>