Merge branch 'develop' into warunee-dev

src/modules/06_retirement/components/resign/ResignByid.vue

@@ -145,6 +145,37 @@
       </div>
     </div>
   </q-card>
+  <q-card bordered class="row col-12 text-dark q-mt-sm">
+    <div class="bg-grey-1 q-pa-sm col-12 row items-center text-primary">
+      <div class="q-pl-sm text-weight-bold text-dark">เอกสารเพิ่มเติม</div>
+    </div>
+    <div class="col-12"><q-separator /></div>
+    <div class="col-12">
+      <d-table
+        :rows="rows"
+        :columns="columns"
+        row-key="fileName"
+        hide-header
+        hide-bottom
+      >
+        <template v-slot:body="props">
+          <q-tr :props="props" class="cursor-pointer">
+            <q-td key="no" :props="props">
+              {{ props.rowIndex + 1 }}
+            </q-td>
+            <q-td key="fileName" :props="props">
+              {{ props.row.fileName }}
+            </q-td>
+            <q-td key="btnMicrosoft" :props="props">
+              <q-btn flat dense round color="red" icon="picture_as_pdf">
+                <q-tooltip>ไฟล์ PDF</q-tooltip>
+              </q-btn>
+            </q-td>
+          </q-tr>
+        </template>
+      </d-table>
+    </div>
+  </q-card>
   <q-card bordered class="row col-12 text-dark q-mt-sm">
     <div class="bg-grey-1 q-pa-sm col-12 row items-center text-primary">
       <div class="q-pl-sm text-weight-bold text-dark">
@@ -610,7 +641,12 @@ import CurrencyInput from "@/components/CurruncyInput.vue";
 import http from "@/plugins/http";
 import config from "@/app.config";
 
-import type { ResponseItems } from "@/modules/06_retirement/interface/response/Main";
+import type {
+  ResponseItems,
+  TypeFile,
+} from "@/modules/06_retirement/interface/response/Main";
+
+import type { QTableProps } from "quasar";
 
 const $q = useQuasar();
 const route = useRoute();
@@ -671,6 +707,37 @@ const actionPass = ref<boolean>(false);
 const reasonReign = ref<string>("");
 const dateBreak = ref<Date | null>(null);
 
+const rows = ref<TypeFile[]>([]);
+const columns = ref<QTableProps["columns"]>([
+  {
+    name: "no",
+    align: "left",
+    label: "ลำดับ",
+    sortable: true,
+    field: "no",
+    headerStyle: "font-size: 14px",
+    style: "font-size: 14px",
+  },
+  {
+    name: "fileName",
+    align: "left",
+    label: "ชื่อไฟล์",
+    sortable: true,
+    field: "fileName",
+    headerStyle: "font-size: 14px",
+    style: "font-size: 14px",
+  },
+  {
+    name: "btnMicrosoft",
+    align: "right",
+    label: "ปุ่ม",
+    sortable: true,
+    field: "btnMicrosoft",
+    headerStyle: "font-size: 14px",
+    style: "font-size: 14px",
+  },
+]);
+
 const closeModal = () => (modal.value = false);
 const openModal = () => (modal.value = true);
 
@@ -700,9 +767,18 @@ const fetchData = async (id: string) => {
     .get(config.API.resingByid(id))
     .then((res: any) => {
       const data = res.data.result;
-      console.log(data);
-      dataDetail.value = data;
+      //   console.log(data);
+      let list: TypeFile[] = [];
+      if (data.docs.length > 0) {
+        data.docs.map((doc: TypeFile) => {
+          list.push({
+            pathName: doc.pathName ?? "",
+            fileName: doc.fileName ?? "",
+          });
+        });
+      }
 
+      dataDetail.value = data;
       organizationPositionOld.value = data.organizationPositionOld ?? "";
       positionTypeOld.value = data.positionTypeOld ?? "";
       positionLevelOld.value = data.positionLevelOld ?? "";

src/modules/06_retirement/interface/response/Main.ts

@@ -30,4 +30,9 @@ interface ResponseItems {
   datetext: string | null;
 }
 
-export type { resMain, ResponseItems };
+interface TypeFile {
+  fileName: string;
+  pathName: string;
+}
+
+export type { resMain, ResponseItems, TypeFile };

src/modules/07_insignia/components/2_Manage/Tab1.vue

@@ -173,9 +173,6 @@ const columns2 = ref<QTableProps["columns"]>([
 
 const rows2 = ref<any[]>([]);
 
-const Note = ref<string>("");
-const titleModal = ref<string>("");
-const actionModal = ref<string>("");
 const person = ref<any>([]);
 const props = defineProps({
   tab: {

src/modules/07_insignia/components/3_result/fileUpload.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref } from "vue";
+import { ref, onMounted } from "vue";
 import type { QTableProps } from "quasar";
 
 const fileUpload = ref<any>(null);
@@ -59,6 +59,14 @@ const rows2 = ref<any>([
     file: "",
   },
 ]);
+const props = defineProps({
+  roundId: {
+    type: String,
+  },
+});
+onMounted(() => {
+  console.log(props.roundId);
+});
 const resetFilterRef = () => {
   filterKeyword.value = "";
   filterDoc.value.focus();

src/modules/07_insignia/views/ResultPage.vue

@@ -2,6 +2,8 @@
 import { ref, onMounted } from "vue";
 // import { useRouter } from "vue-router";
 import { useCounterMixin } from "@/stores/mixin";
+import http from "@/plugins/http";
+import config from "@/app.config";
 
 import DialogForm from "@/modules/07_insignia/components/3_result/DialogForm.vue";
 import fileUploadview from "../components/3_result/fileUpload.vue";
@@ -21,12 +23,25 @@ const selectTypeOption = ref<OptionData[]>([
   { id: "1", name: "เบญจมาภรณ์มงกุฎไทย" },
 ]);
 
-const selectRound = ref<string>("1");
-const selectRoundOption = ref<OptionData[]>([
-  { id: "1", name: "รอบการเสนอขอพระราชทานเครื่องราชฯ ปี 2566" },
-]);
-const filterKeyword = ref<string>("");
+const selectRound = ref<string>();
+const selectRoundOption = ref<OptionData[]>([]);
+onMounted(async () => {
+  await fecthRound();
+});
+const fecthRound = async () => {
+  await http
+    .get(config.API.noteround())
+    .then((res) => {
+      let data = res.data.result;
+      selectRoundOption.value = data;
+      selectRound.value = data[0].id;
+    })
+    .catch((err) => {
+      console.log(err);
+    });
+};
 
+const filterKeyword = ref<string>("");
 
 const pagination = ref({
   sortBy: "filename",
@@ -670,7 +685,7 @@ const filterSelector = (val: any, update: Function, filtername: string) => {
       </div>
 
       <div v-else-if="tab == 'doc'">
-        <fileUploadview />
+        <fileUploadview :roundId="selectRound" />
       </div>
     </div>