diff --git a/src/modules/12_evaluate/components/Detail/viewstep/viewStep1.vue b/src/modules/12_evaluate/components/Detail/viewstep/viewStep1.vue new file mode 100644 index 000000000..79ce38798 --- /dev/null +++ b/src/modules/12_evaluate/components/Detail/viewstep/viewStep1.vue @@ -0,0 +1,303 @@ + + + + + diff --git a/src/modules/12_evaluate/store/Evaluate.ts b/src/modules/12_evaluate/store/Evaluate.ts new file mode 100644 index 000000000..a4732318c --- /dev/null +++ b/src/modules/12_evaluate/store/Evaluate.ts @@ -0,0 +1,390 @@ +import { defineStore } from "pinia"; +import { ref } from "vue"; +import type { QTableProps } from "quasar"; +import type { DataOption } from "@/modules/12_evaluate/interface/index/Main"; +import { useCounterMixin } from "@/stores/mixin"; + +const mixin = useCounterMixin(); +const { date2Thai } = mixin; +export const useEvalutuonStore = defineStore("EvalutuonStore", () => { + /** function สถานะ*/ + function convertStatus(val: string) { + switch (val) { + // case "NEW": + // return "กำลังสรุปผลการพิจารณา"; + // case "STOP": + // return "ยุติเรื่อง"; + case "DONE": + return "กำลังสรุปผลการพิจารณา"; + case "REPORT": + return "ส่งไปออกคำสั่ง"; + } + } + + const visibleColumns = ref([ + "citizanId", + "fullName", + "position", + "level", + "positionNumber", + "agency", + "status", + ]); + const rows = ref([]); + + const columns = ref([ + { + name: "citizanId", + align: "center", + label: "เลขประจำตัวประชาชน", + sortable: false, + field: "citizanId", + headerStyle: "font-size: 14px", + style: "font-size: 14px", + }, + { + name: "fullName", + align: "left", + label: "ชื่อ-นามสกุล", + sortable: true, + field: "fullName", + headerStyle: "font-size: 14px", + style: "font-size: 14px", + }, + { + name: "position", + align: "left", + label: "ตำแหน่ง", + sortable: true, + field: "position", + headerStyle: "font-size: 14px", + style: "font-size: 14px", + sort: (a: string, b: string) => + a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }), + }, + { + name: "level", + align: "left", + label: "ระดับ", + sortable: true, + field: "level", + headerStyle: "font-size: 14px", + style: "font-size: 14px", + sort: (a: string, b: string) => + a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }), + }, + { + name: "positionNumber", + align: "left", + label: "ตำแหน่งเลขที่", + sortable: true, + field: "positionNumber", + headerStyle: "font-size: 14px", + style: "font-size: 14px", + sort: (a: string, b: string) => + a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }), + }, + { + name: "agency", + align: "left", + label: "สังกัด", + sortable: true, + field: "agency", + 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: "status", + headerStyle: "font-size: 14px", + style: "font-size: 14px", + }, + ]); + + const columnsLicense = ref([ + { + name: "", + align: "center", + label: "ชื่อใบอนุณาต", + sortable: false, + field: "", + headerStyle: "font-size: 14px", + style: "font-size: 14px", + }, + { + name: "", + align: "left", + label: "หน่วยงานผู้ออกใบอนุญาต", + sortable: true, + field: "", + headerStyle: "font-size: 14px", + style: "font-size: 14px", + }, + { + name: "", + align: "left", + label: "เลขที่ใบอนุญาต", + sortable: true, + field: "", + headerStyle: "font-size: 14px", + style: "font-size: 14px", + }, + { + name: "", + align: "left", + label: "วันที่ออกใบอนุญาต", + sortable: true, + field: "", + headerStyle: "font-size: 14px", + style: "font-size: 14px", + sort: (a: string, b: string) => + a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }), + }, + { + name: "", + align: "left", + label: "วันที่หมดอายุ", + sortable: true, + field: "", + headerStyle: "font-size: 14px", + style: "font-size: 14px", + sort: (a: string, b: string) => + a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }), + }, + ]); + + const columnPeriodhistory = ref([ + { + name: "", + align: "center", + label: "วัน เดือน ปี", + sortable: false, + field: "", + headerStyle: "font-size: 14px", + style: "font-size: 14px", + sort: (a: string, b: string) => + a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }), + }, + { + name: "", + align: "left", + label: "สังกัด", + sortable: true, + field: "", + headerStyle: "font-size: 14px", + style: "font-size: 14px", + }, + { + name: "", + align: "left", + label: "ตำแหน่ง", + sortable: true, + field: "", + headerStyle: "font-size: 14px", + style: "font-size: 14px", + }, + { + name: "", + align: "left", + label: "ตำแหน่งเลขที่", + sortable: true, + field: "", + headerStyle: "font-size: 14px", + style: "font-size: 14px", + sort: (a: string, b: string) => + a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }), + }, + { + name: "", + align: "left", + label: "สายงาน", + sortable: true, + field: "", + headerStyle: "font-size: 14px", + style: "font-size: 14px", + }, + { + name: "", + align: "left", + label: "ด้าน/สาขา", + sortable: true, + field: "", + headerStyle: "font-size: 14px", + style: "font-size: 14px", + }, + { + name: "", + align: "left", + label: "ตำแหน่งประเภท", + sortable: true, + field: "", + headerStyle: "font-size: 14px", + style: "font-size: 14px", + }, + { + name: "", + align: "left", + label: "ระดับ", + sortable: true, + field: "", + headerStyle: "font-size: 14px", + style: "font-size: 14px", + }, + { + name: "", + align: "left", + label: "ตำแหน่งทางการบริหาร", + sortable: true, + field: "", + headerStyle: "font-size: 14px", + style: "font-size: 14px", + }, + { + name: "", + align: "left", + label: "ด้านทางการบริหาร", + sortable: true, + field: "", + headerStyle: "font-size: 14px", + style: "font-size: 14px", + }, + ]); + + const columnTrainingHistory = ref([ + { + name: "", + align: "center", + label: "ชื่อโครงการ/หลักสูตรการฝึกอบรม", + sortable: false, + field: "", + headerStyle: "font-size: 14px", + style: "font-size: 14px", + }, + { + name: "", + align: "left", + label: "หัวข้อการฝึกอบรม/ดูงาน", + sortable: true, + field: "", + headerStyle: "font-size: 14px", + style: "font-size: 14px", + }, + { + name: "", + align: "left", + label: "วันเริ่มต้นการฝึกอบรม/ดูงาน", + sortable: true, + field: "", + headerStyle: "font-size: 14px", + style: "font-size: 14px", + sort: (a: string, b: string) => + a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }), + }, + { + name: "", + align: "left", + label: "วันสิ้นสุดการฝึกอบรม/ดูงาน", + sortable: true, + field: "", + headerStyle: "font-size: 14px", + style: "font-size: 14px", + sort: (a: string, b: string) => + a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }), + }, + { + name: "", + align: "left", + label: "ปีที่อบรม/ดูงาน", + sortable: true, + field: "", + headerStyle: "font-size: 14px", + style: "font-size: 14px", + }, + { + name: "", + align: "left", + label: "รวมระยะเวลาในการฝึกอบรม/ดูงาน", + sortable: true, + field: "", + headerStyle: "font-size: 14px", + style: "font-size: 14px", + }, + { + name: "", + align: "left", + label: "หน่วยงานที่รับผิดชอบจัดการฝึกอบรม/ดูงาน", + sortable: true, + field: "", + headerStyle: "font-size: 14px", + style: "font-size: 14px", + }, + ]); + + const columnProjectsProposed = ref([ + { + name: "", + align: "center", + label: "วันที่ได้รับ", + sortable: false, + field: "", + headerStyle: "font-size: 14px", + style: "font-size: 14px", + sort: (a: string, b: string) => + a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }), + }, + { + name: "", + align: "left", + label: "ผู้มีอำนาจลงนาม", + sortable: true, + field: "", + headerStyle: "font-size: 14px", + style: "font-size: 14px", + }, + { + name: "", + align: "left", + label: "รายละเอียด", + sortable: true, + field: "", + headerStyle: "font-size: 14px", + style: "font-size: 14px", + + }, + { + name: "", + align: "left", + label: "เลขที่คำสั่ง", + sortable: true, + field: "", + headerStyle: "font-size: 14px", + style: "font-size: 14px", + sort: (a: string, b: string) => + a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }), + }, + { + name: "", + align: "left", + label: "เอกสารอ้างอิง", + sortable: true, + field: "", + headerStyle: "font-size: 14px", + style: "font-size: 14px", + }, + ]); + + return { + visibleColumns, + columns, + columnsLicense, + columnPeriodhistory, + columnTrainingHistory, + columnProjectsProposed, + rows, + }; +});