ปรับเเก้

src/modules/12_evaluatePersonal/store/DirectorStore.ts

@@ -0,0 +1,123 @@
+import { defineStore } from "pinia";
+import { ref } from "vue";
+import { useCounterMixin } from "@/stores/mixin";
+import type { DataResponseList, MainList } from "@/modules/12_evaluatePersonal/interface/index/director";
+import type { QTableProps } from "quasar";
+
+// store ระบบวินัย >> ข้อมูลพื้นฐาน >> กรรมการ
+export const useEvaluateDirectorDataStore = defineStore(
+    "evaluateDirector",
+    () => {
+        const mixin = useCounterMixin()
+        const { date2Thai } = mixin
+        //ค้นหา คอลัมน์ คอลัมน์ที่แสดง
+        const visibleColumns = ref<string[]>([
+            "no",
+            "name",
+            "position",
+            "email",
+            "phone",
+            "totalInvestigate",
+            "totalDisciplinary",
+          ]);
+      
+          // หัวตาราง
+          const columns = ref<QTableProps["columns"]>([
+            {
+              name: "no",
+              align: "left",
+              label: "ลำดับ",
+              sortable: false,
+              field: "no",
+              headerStyle: "font-size: 14px",
+              style: "font-size: 14px",
+            },
+            {
+              name: "name",
+              align: "left",
+              label: "ชื่อ-นามสกุล",
+              sortable: true,
+              field: "name",
+              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",
+            },
+            {
+              name: "email",
+              align: "left",
+              label: "อีเมล",
+              sortable: true,
+              field: "email",
+              headerStyle: "font-size: 14px",
+              style: "font-size: 14px",
+            },
+            {
+              name: "phone",
+              align: "left",
+              label: "เบอร์โทรศัพท์",
+              sortable: true,
+              field: "phone",
+              headerStyle: "font-size: 14px",
+              style: "font-size: 14px",
+            },
+            {
+              name: "totalInvestigate",
+              align: "left",
+              label: "จำนวนการสืบสวน",
+              sortable: true,
+              field: "totalInvestigate",
+              headerStyle: "font-size: 14px",
+              style: "font-size: 14px",
+            },
+            {
+              name: "totalDisciplinary",
+              align: "left",
+              label: "จำนวนการสอบสวน",
+              sortable: true,
+              field: "totalDisciplinary",
+              headerStyle: "font-size: 14px",
+              style: "font-size: 14px",
+            },
+          ]);
+
+        // ข้อมูลในตาราง
+        const rows = ref<MainList[]>([]);
+        function fetchData(data: DataResponseList[]) {
+            const dataList: MainList[] = data.map((item: DataResponseList) => ({
+                id:item.Id,
+                name:`${item.Prefix}${item.FirstName} ${item.LastName}`,
+                prefix:item.Prefix,
+                firstName:item.FirstName,
+                lastName:item.LastName,
+                phone:item.Phone,
+                email:item.Email,
+                position:item.Position,
+                totalInvestigate:item.totalInvestigate ? item.totalInvestigate :'-', 
+                totalDisciplinary:item.totalDisciplinary ? item.totalDisciplinary :'-', 
+
+                createdFullName:item.CreatedFullName,
+                lastUpdateFullName:item.LastUpdateFullName,
+                createdUserId:item.CreatedUserId,
+                lastUpdateUserId:item.LastUpdateUserId,
+                createdAt:item.CreatedAt,
+                lastUpdatedAt:item.LastUpdatedAt,
+            }))
+            rows.value = dataList
+        }
+
+        return {
+            visibleColumns,
+            columns,
+            rows,
+            fetchData
+        };
+    }
+);