hrms-bangkok/hrms-mgt
7
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

ปรับการแสดงผลประเมิน

Browse source
This commit is contained in:
Warunee Tamkoo 2024-01-19 10:22:11 +07:00
parent da586e568f
commit 58c2bfc467
2 changed files with 94 additions and 91 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/modules/12_evaluatePersonal/components/Meeting/Form.vue
View file

@ -283,8 +283,8 @@ onMounted(() => {
: null
"
hide-bottom-space
:label="`${'วันเวลาที่เริ่มต้นการประชุม'}`"
:rules="[(val: string) => !!val || `${'กรุณาเลือกวันเวลาที่เริ่มต้นการประชุม'}`]"
:label="`${'วันเวลาเริ่มต้นการประชุม'}`"
:rules="[(val: string) => !!val || `${'กรุณาเลือกวันเวลาเริ่มต้นการประชุม'}`]"
>
<template v-slot:prepend>
<q-icon name="event" class="cursor-pointer text-primary">

181
src/modules/12_evaluatePersonal/store/DirectorStore.ts
View file

@ -1,101 +1,104 @@
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 {
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",
]);
// หัวตาราง
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",
},
]);
"evaluateDirector",
() => {
const mixin = useCounterMixin();
const { date2Thai } = mixin;
//ค้นหา คอลัมน์ คอลัมน์ที่แสดง
const visibleColumns = ref<string[]>([
"no",
"name",
"position",
"email",
"phone",
]);
// ข้อมูลในตาราง
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,
// หัวตาราง
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",
},
]);
createdFullName:item.createdFullName,
lastUpdateFullName:item.lastUpdateFullName,
createdUserId:item.createdUserId,
lastUpdateUserId:item.lastUpdateUserId,
createdAt:item.createdAt,
lastUpdatedAt:item.lastUpdatedAt,
}))
rows.value = dataList
}
// ข้อมูลในตาราง
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 ? item.phone : "-",
email: item.email ? item.email : "-",
position: item.position ? item.position : "-",
return {
visibleColumns,
columns,
rows,
fetchData
};
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,
};
}
);