diff --git a/src/modules/07_insignia/components/report/ReportView.vue b/src/modules/07_insignia/components/report/ReportView.vue index 057c4339b..f7d561c67 100644 --- a/src/modules/07_insignia/components/report/ReportView.vue +++ b/src/modules/07_insignia/components/report/ReportView.vue @@ -1,13 +1,11 @@ diff --git a/src/modules/07_insignia/components/report/Report_02.vue b/src/modules/07_insignia/components/report/Report_02.vue index 9a97258e9..ade731d87 100644 --- a/src/modules/07_insignia/components/report/Report_02.vue +++ b/src/modules/07_insignia/components/report/Report_02.vue @@ -2,7 +2,9 @@ import { ref, onMounted } from "vue"; import { VuePDF, usePDF } from "@tato30/vue-pdf"; import { useCounterMixin } from "@/stores/mixin"; +import { useRoute } from "vue-router"; import { useQuasar } from "quasar"; + import { useInsigniaDataStore } from "@/modules/07_insignia/store"; import http from "@/plugins/http"; @@ -10,10 +12,12 @@ import config from "@/app.config"; import type { QForm } from "quasar"; +const route = useRoute(); +const typeReport = route.params.type.toString(); const store = useInsigniaDataStore(); const mixin = useCounterMixin(); const { messageError, showLoader, hideLoader } = mixin; -const { typeReport, titleReport } = store; +const { optionReport } = store; const $q = useQuasar(); const myForm = ref(); @@ -21,9 +25,16 @@ const pdfSrc = ref(); const numOfPages = ref(0); const page = ref(1); const dialog = ref(false); +const titleReport = ref(""); +interface OptionReport { + id: string; + title: string; +} onMounted(async () => { await fecthlistRound(); + let report = optionReport.find((e: OptionReport) => e.id == typeReport); + report && (titleReport.value = report.title); }); const splitterModel = ref(14); diff --git a/src/modules/07_insignia/router.ts b/src/modules/07_insignia/router.ts index 6c431c141..92d3dc2b1 100644 --- a/src/modules/07_insignia/router.ts +++ b/src/modules/07_insignia/router.ts @@ -98,8 +98,8 @@ export default [ }, }, { - path: "/insignia/report/report-02", - name: "report-report-02", + path: "/insignia/report/report/:type", + name: "report-report", component: report_02, meta: { Auth: true, diff --git a/src/modules/07_insignia/store.ts b/src/modules/07_insignia/store.ts index 151b449f8..cfc83495a 100644 --- a/src/modules/07_insignia/store.ts +++ b/src/modules/07_insignia/store.ts @@ -6,6 +6,10 @@ const mixin = useCounterMixin(); const { date2Thai } = mixin; export const useInsigniaDataStore = defineStore("insignia", () => { + interface OptionReport { + id: string; + title: string; + } const roundId = ref(""); const optionRound = ref([]); const isLock = ref(false); @@ -26,14 +30,18 @@ export const useInsigniaDataStore = defineStore("insignia", () => { { name: "ลูกจ้างประจำ", id: "perm" }, ]); - const typeReport = ref(""); - const titleReport = ref(""); + //รางาน + const optionReport = ref([ + { id: '45', title: "บัญชีรายชื่อข้าราชการผู้ขอพระราชทานเครื่องราชอิสริยาภรณ์" }, + { id: '43', title: 'บัญชีระดับผลการประเมินผลการปฏิบัติราชการในรอบ 5 ปี' }, + { id: '44', title: 'บัญชีแสดงจำนวนชั้นตราเครื่องราชฯ' } + ]) + + + const mainTab = ref("pending"); - const setTypeandTitle = (type: string, title: string) => { - typeReport.value = type; - titleReport.value = title; - }; + // เรียกราชชื่อการเสนอขอ const fetchData = async (data: any) => { if (data !== null) { @@ -143,9 +151,6 @@ export const useInsigniaDataStore = defineStore("insignia", () => { fetchData, fetchOption, searchDataTable, - setTypeandTitle, - typeReport, - titleReport, employeeClass, employeeClassOps, fetchDataInsignia, @@ -153,5 +158,6 @@ export const useInsigniaDataStore = defineStore("insignia", () => { requestId, roleUser, requestStatus, + optionReport, }; });