แก้ ค้นหาคำจาก ข้อความไม่ได้

src/api/07_insignia/api.insignia.ts

@@ -7,7 +7,7 @@ const report = `${env.API_REPORT2_URI}/report`;
 const Organization = `${env.API_URI}/Organization`;
 export default {
   getRoundInsignia: (id: string) => `${insignia}/period/${id}`,
-  listRoundInsignia: () => `${insignia}/period/`,
+  listRoundInsignia: () => `${insignia}/period`,
   editRoundInsignia: (id: string) => `${insignia}/period/${id}`,
   RoundInsignia: (id: string) => `${insignia}/period/${id}`,
   requestInsignia: (insigniaPeriodId: string) =>

src/modules/07_insignia/components/1_Proposals/listProposals.vue

@@ -4,7 +4,7 @@ import type { QTableProps } from "quasar";
 import router from "@/router";
 import { useCounterMixin } from "@/stores/mixin";
 import { useQuasar } from "quasar";
-import type { FormProprsalsRound } from " @/modules/07_insignia/interface/request/Main.ts";
+import type { FormProprsalsRound2 } from "@/modules/07_insignia/interface/request/Main";
 import config from "@/app.config";
 import http from "@/plugins/http";
 
@@ -21,10 +21,10 @@ const {
 const $q = useQuasar(); //ใช้ noti quasar
 
 const visibleColumns = ref<string[]>([
-  "round",
+  "period_name",
-  "year",
+  "period_year",
-  "startDate",
+  "period_start",
-  "endDate",
+  "period_end",
   // "status",
   "statusRoyal",
 ]); //ค้นหา คอลัมน์ คอลัมน์ที่แสดง
@@ -32,60 +32,49 @@ const visibleColumns = ref<string[]>([
 // หัวตาราง
 const columns = ref<QTableProps["columns"]>([
   {
-    name: "round",
+    name: "period_name",
     align: "left",
     label: "รอบการเสนอขอพระราชทานเครื่องราชฯ",
     sortable: true,
-    field: "no",
+    field: "period_name",
     headerStyle: "font-size: 14px",
     style: "font-size: 14px",
     sort: (a: string, b: string) =>
       a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
   },
   {
-    name: "year",
+    name: "period_year",
     align: "left",
     label: "ปีที่เสนอ",
     sortable: true,
-    field: "name",
+    field: "period_year",
     headerStyle: "font-size: 14px",
     style: "font-size: 14px",
     sort: (a: string, b: string) =>
       a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
   },
   {
-    name: "startDate",
+    name: "period_start",
     align: "left",
     label: "วันที่เริ่มต้น",
     sortable: true,
-    field: "position",
+    field: "period_start",
     headerStyle: "font-size: 14px",
     style: "font-size: 14px",
     // sort: (a: string, b: string) =>
     //   a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
   },
   {
-    name: "endDate",
+    name: "period_end",
     align: "left",
     label: "วันที่สิ้นสุด",
     sortable: true,
-    field: "level",
+    field: "period_end",
     headerStyle: "font-size: 14px",
     style: "font-size: 14px",
     // sort: (a: string, b: string) =>
     //   a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
   },
-  {
-    name: "status",
-    align: "left",
-    label: "สถานะ",
-    sortable: true,
-    field: "institution",
-    headerStyle: "font-size: 14px",
-    style: "font-size: 14px",
-    sort: (a: string, b: string) =>
-      a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
-  },
   {
     name: "statusRoyal",
     align: "center",
@@ -100,75 +89,29 @@ const columns = ref<QTableProps["columns"]>([
 ]);
 
 // ข้อมูลตาราง (จำลอง)
-const rows = ref<FormProprsalsRound[]>([
+const rows = ref<FormProprsalsRound2[]>([]);
-  {
-    round: "รอบการเสนอขอพระราชทานเครื่องราชฯ",
-    year: "2566",
-    startDate: "2566",
-    endDate: "31 พ.ค. 2566",
-    status: true,
-    statusRoyal: "เสนอเเล้ว",
-  },
-  {
-    round: "รอบการเสนอขอพระราชทานเครื่องราชฯ",
-    year: "2566",
-    startDate: "2566",
-    endDate: "31 พ.ค. 2566",
-    status: true,
-    statusRoyal: "เสนอเเล้ว",
-  },
-  {
-    round: "รอบการเสนอขอพระราชทานเครื่องราชฯ",
-    year: "2566",
-    startDate: "2566",
-    endDate: "31 พ.ค. 2566",
-    status: true,
-    statusRoyal: "เสนอเเล้ว",
-  },
-  {
-    round: "รอบการเสนอขอพระราชทานเครื่องราชฯ",
-    year: "2566",
-    startDate: "2566",
-    endDate: "31 พ.ค. 2566",
-    status: "ไม่ใช้งาน",
-    statusRoyal: "ยังไม่ได้เสนอ",
-  },
-  {
-    round: "รอบการเสนอขอพระราชทานเครื่องราชฯ",
-    year: "2566",
-    startDate: "2566",
-    endDate: "31 พ.ค. 2566",
-    status: true,
-    statusRoyal: "ยังไม่ได้เสนอ",
-  },
-]);
 
 onMounted(async () => {
   await fetchData();
 });
 
 const fetchData = async () => {
-  rows.value = [];
   showLoader();
   await http
-    .get(config.API.listRoundInsignia("insignia"))
+    .get(config.API.listRoundInsignia())
     .then((res) => {
       const data = res.data.result;
-      console.log(data);
+       rows.value = data.map((e: FormProprsalsRound2) =>({
-      data.map((e: any) => {
+          period_id: e.period_id,
-        rows.value.push({
+          period_name: e.period_name,
-          id: e.period_id,
+          period_year: e.period_year + 543,
-          round: e.period_name,
+          period_amount: e.period_amount,
-          year: e.period_year + 543,
+          period_start: e.period_start == null ? null : date2Thai(new Date(e.period_start)),
-          amount: e.period_amount,
+          period_end: e.period_end == null ? null : date2Thai(new Date(e.period_end)),
-          startDate:
+          period_isActive: e.period_isActive,
-            e.period_start == null ? null : date2Thai(new Date(e.period_start)),
+          period_doc: e.period_doc,
-          endDate:
+        })
-            e.period_end == null ? null : date2Thai(new Date(e.period_end)),
+      );
-          status: e.period_isActive,
-          file: e.period_doc,
-        });
-      });
     })
     .catch((e) => {
       messageError($q, e);
@@ -342,25 +285,25 @@ const paginationLabel = (start: string, end: string, total: string) => {
           </template>
           <template v-slot:body="props">
             <q-tr :props="props" class="cursor-pointer">
-              <q-td key="round" :props="props" @click="clickEdit(props.row)">
+              <q-td key="period_name" :props="props" @click="clickEdit(props.row)">
-                {{ props.row.round }}
+                {{ props.row.period_name }}
               </q-td>
-              <q-td key="year" :props="props" @click="clickEdit(props.row)">
+              <q-td key="period_year" :props="props" @click="clickEdit(props.row)">
-                {{ props.row.year }}
+                {{ props.row.period_year }}
               </q-td>
               <q-td
-                key="startDate"
+                key="period_start"
                 :props="props"
                 @click="clickEdit(props.row)"
               >
-                {{ props.row.startDate }}
+                {{ props.row.period_start }}
               </q-td>
-              <q-td key="endDate" :props="props" @click="clickEdit(props.row)">
+              <q-td key="period_end" :props="props" @click="clickEdit(props.row)">
-                {{ props.row.endDate }}
+                {{ props.row.period_end }}
               </q-td>
               <q-td key="status" :props="props" @click="clickEdit(props.row)">
                 <q-icon
-                  v-if="props.row.status == true"
+                  v-if="props.row.period_isActive == true"
                   name="mdi-close"
                   color="grey-5"
                   class="text-h5"
@@ -406,11 +349,13 @@ const paginationLabel = (start: string, end: string, total: string) => {
               <q-td auto-width>
                 <q-btn
                   dense
+                  type="a"
                   size="12px"
                   flat
+                  target="_blank"
                   round
                   color="light-blue-8"
-                  @click.stop.prevent="clickProposals(props.row.file)"
+                  :href="props.row.period_doc"
                   icon="mdi-file-download"
                 >
                   <q-tooltip>ดาวน์โหลดเอกสารประกอบ </q-tooltip>

src/modules/07_insignia/interface/request/Main.ts

@@ -5,4 +5,15 @@ interface FormProprsalsRound {
   done: number;
   remain: number;
 }
-export type { FormProprsalsRound };
+
+interface FormProprsalsRound2 {
+  period_id: string;
+  period_name: string;
+  period_year: string;
+  period_amount: number;
+  period_start: any;
+  period_end: any;
+  period_isActive: boolean;
+  period_doc: any;
+}
+export type { FormProprsalsRound, FormProprsalsRound2 };