ทะเบียนประวัติรายการรอตรวจสอบ

This commit is contained in:
Warunee Tamkoo 2024-02-12 21:45:49 +07:00
parent b5b3ff2ea5
commit 31296b343c
2 changed files with 159 additions and 127 deletions

View file

@ -202,6 +202,7 @@ export default {
profileVerifiedUnlock: (profileId: string) => profileVerifiedUnlock: (profileId: string) =>
`${profile}not-verified/${profileId}`, `${profile}not-verified/${profileId}`,
profileSendVerified: (profileId: string) => `${profile}send-verified/${profileId}`, profileSendVerified: (profileId: string) => `${profile}send-verified/${profileId}`,
listVerified: () => `${profile}list-verified`,
registryNew, registryNew,
registryNewId: (id: string) => `${registryNew}${id}`, registryNewId: (id: string) => `${registryNew}${id}`,

View file

@ -5,6 +5,8 @@ import type { QTableProps } from "quasar";
// import type { ResponseObject } from "@/modules/04_registry/interface/response/Main"; // import type { ResponseObject } from "@/modules/04_registry/interface/response/Main";
import { useCounterMixin } from "@/stores/mixin"; import { useCounterMixin } from "@/stores/mixin";
import { useRouter } from "vue-router"; import { useRouter } from "vue-router";
import http from "@/plugins/http";
import config from "@/app.config";
interface RequestItemsObject { interface RequestItemsObject {
id: string; id: string;
@ -398,134 +400,164 @@ const next = (id: string) => {
router.push(`/registry/${id}`); router.push(`/registry/${id}`);
}; };
onMounted(() => { async function fetchData() {
const data = [ // showLoader();
{ await http
id: "08dbc953-61ac-47eb-82d7-0e72df7669b5", .get(config.API.listVerified())
fullname: "นายณัฐพงศ์ ดิษยบุตร", .then((res) => {
fullnameOld: "", let data = res.data.result;
citizenId: "3100903812600", rows.value = [];
dateAppoint: "1989-02-01T00:00:00", data.map((item: ResponseObject) => {
dateStart: "1989-02-02T00:00:00", rows.value.push({
createdAt: "2023-10-10T12:40:15.334501", id: item.id,
salaryDate: "2023-10-11T00:00:00", fullname: item.fullname,
refSalary: fullnameOld: item.fullnameOld == "" ? "-" : item.fullnameOld,
"คำสั่ง {หน่วยงาน/สำนัก} ที่ {เลขที่}/{ปีงบประมาณ} ลว. {วันที่ลงนาม}", avatar: item.avatar,
amount: 76800.0, citizenId: item.citizenId,
insigniaLast: null, position: item.position,
insignia: null, positionPathSide: item.positionPathSide,
avatar: null, numberPosition: item.posNo,
position: "คีตศิลปิน", positionLine: item.positionLine,
positionPathSide: null, positionType: item.positionType,
posNo: "กบห.2", govAge: item.govAge,
positionLine: "จัดการงานทั่วไป", positionLevel: item.positionLevel,
positionType: "ทั่วไป", positionExecutive:
positionLevel: "ปฏิบัติงาน", item.positionExecutive == null ? "-" : item.positionExecutive,
positionExecutive: "หัวหน้าสำนักงาน ", positionExecutiveSide:
positionExecutiveSide: null, item.positionExecutiveSide == null
positionEmployeePosition: null, ? "-"
positionEmployeePositionSide: null, : item.positionExecutiveSide,
positionEmployeeLevel: null, positionEmployeePosition:
positionEmployeeGroup: null, item.positionEmployeePosition == null
govAge: 35, ? "-"
age: 35, : item.positionEmployeePosition,
oc: "กลุ่มงานช่วยนักบริหาร", positionEmployeePositionSide:
leaveReason: null, item.positionEmployeePositionSide == null
isLeave: false, ? "-"
leaveDateOrder: null, : item.positionEmployeePositionSide,
isVerified: false, positionEmployeeLevel:
}, item.positionEmployeeLevel == null
{ ? "-"
id: "08dbc953-6268-4e2c-80a3-aca65eedc6d0", : item.positionEmployeeLevel,
fullname: "นางสาวอรัญญา พรไชยะ", positionEmployeeGroup:
fullnameOld: "", item.positionEmployeeGroup == null
citizenId: "3101502080439", ? "-"
dateAppoint: "1990-08-16T00:00:00", : item.positionEmployeeGroup,
dateStart: "1990-08-16T00:00:00", oc: item.oc,
createdAt: "2023-10-10T12:40:16.746683", dateAppoint:
salaryDate: "2023-10-10T00:00:00", item.dateAppoint == null
refSalary: "ปรับอัตราเงินเดือนครู บัญชีใหม่ {พ.ศ.}", ? null
amount: 76800.0, : date2Thai(new Date(item.dateAppoint)),
insigniaLast: null, dateStart:
insignia: null, item.dateStart == null ? null : date2Thai(new Date(item.dateStart)),
avatar: null, createdAt:
position: "นักบริหาร", item.createdAt == null ? null : date2Thai(new Date(item.createdAt)),
positionPathSide: null, salaryDate:
posNo: "สกก.2", item.salaryDate == null
positionLine: "บริหาร", ? null
positionType: "วิชาการ", : date2Thai(new Date(item.salaryDate)),
positionLevel: "ปฏิบัติการ", leaveReason: item.leaveReason,
positionExecutive: "ผู้ช่วยหัวหน้าสำนักงาน ", age: item.age,
positionExecutiveSide: null, amount: item.amount == null ? "" : item.amount.toLocaleString(),
positionEmployeePosition: null, insignia: item.insignia,
positionEmployeePositionSide: null, insigniaLast: item.insigniaLast,
positionEmployeeLevel: null, isLeave:
positionEmployeeGroup: null, item.isLeave == false
govAge: 34, ? "ครอง"
age: 34, : `${typeRetire(item.leaveReason as string)}`,
oc: "สำนักงานคณะกรรมการข้าราชการกรุงเทพมหานคร", leaveDateOrder:
leaveReason: null, item.leaveDateOrder == null
isLeave: false, ? null
leaveDateOrder: null, : date2Thai(new Date(item.leaveDateOrder)),
isVerified: true, refSalary: item.refSalary,
}, isVerified: item.isVerified,
]; });
rows.value = data.map((item: ResponseObject) => ({ });
id: item.id, })
fullname: item.fullname, .catch((e) => {
fullnameOld: item.fullnameOld == '' ? '-':item.fullnameOld, messageError($q, e);
avatar: item.avatar, })
citizenId: item.citizenId, .finally(() => {
position: item.position, hideLoader();
positionPathSide: item.positionPathSide, });
numberPosition: item.posNo, }
positionLine: item.positionLine,
positionType: item.positionType, onMounted(async () => {
govAge: item.govAge, await fetchData();
positionLevel: item.positionLevel, // const data = [
positionExecutive: // {
item.positionExecutive == null ? "-" : item.positionExecutive, // id: "08dbc953-61ac-47eb-82d7-0e72df7669b5",
positionExecutiveSide: // fullname: " ",
item.positionExecutiveSide == null ? "-" : item.positionExecutiveSide, // fullnameOld: "",
positionEmployeePosition: // citizenId: "3100903812600",
item.positionEmployeePosition == null // dateAppoint: "1989-02-01T00:00:00",
? "-" // dateStart: "1989-02-02T00:00:00",
: item.positionEmployeePosition, // createdAt: "2023-10-10T12:40:15.334501",
positionEmployeePositionSide: // salaryDate: "2023-10-11T00:00:00",
item.positionEmployeePositionSide == null // refSalary:
? "-" // " {/} {}/{} . {}",
: item.positionEmployeePositionSide, // amount: 76800.0,
positionEmployeeLevel: // insigniaLast: null,
item.positionEmployeeLevel == null ? "-" : item.positionEmployeeLevel, // insignia: null,
positionEmployeeGroup: // avatar: null,
item.positionEmployeeGroup == null ? "-" : item.positionEmployeeGroup, // position: "",
oc: item.oc, // positionPathSide: null,
dateAppoint: // posNo: ".2",
item.dateAppoint == null ? null : date2Thai(new Date(item.dateAppoint)), // positionLine: "",
dateStart: // positionType: "",
item.dateStart == null ? null : date2Thai(new Date(item.dateStart)), // positionLevel: "",
createdAt: // positionExecutive: " ",
item.createdAt == null ? null : date2Thai(new Date(item.createdAt)), // positionExecutiveSide: null,
salaryDate: // positionEmployeePosition: null,
item.salaryDate == null ? null : date2Thai(new Date(item.salaryDate)), // positionEmployeePositionSide: null,
leaveReason: item.leaveReason, // positionEmployeeLevel: null,
age: item.age, // positionEmployeeGroup: null,
amount: item.amount == null ? "" : item.amount.toLocaleString(), // govAge: 35,
insignia: item.insignia, // age: 35,
insigniaLast: item.insigniaLast, // oc: "",
isLeave: // leaveReason: null,
item.isLeave == false // isLeave: false,
? "ครอง" // leaveDateOrder: null,
: `${typeRetire(item.leaveReason as string)}`, // isVerified: false,
leaveDateOrder: // },
item.leaveDateOrder == null // {
? null // id: "08dbc953-6268-4e2c-80a3-aca65eedc6d0",
: date2Thai(new Date(item.leaveDateOrder)), // fullname: " ",
refSalary: item.refSalary, // fullnameOld: "",
isVerified: item.isVerified, // citizenId: "3101502080439",
})); // dateAppoint: "1990-08-16T00:00:00",
// dateStart: "1990-08-16T00:00:00",
// createdAt: "2023-10-10T12:40:16.746683",
// salaryDate: "2023-10-10T00:00:00",
// refSalary: " {..}",
// amount: 76800.0,
// insigniaLast: null,
// insignia: null,
// avatar: null,
// position: "",
// positionPathSide: null,
// posNo: ".2",
// positionLine: "",
// positionType: "",
// positionLevel: "",
// positionExecutive: " ",
// positionExecutiveSide: null,
// positionEmployeePosition: null,
// positionEmployeePositionSide: null,
// positionEmployeeLevel: null,
// positionEmployeeGroup: null,
// govAge: 34,
// age: 34,
// oc: "",
// leaveReason: null,
// isLeave: false,
// leaveDateOrder: null,
// isVerified: true,
// },
// ];
}); });
</script> </script>
<template> <template>
<div class="toptitle text-dark col-12 row items-center">รายการรอตรวจสอบ</div> <div class="toptitle text-dark col-12 row items-center">รายการรอตรวจสอบ</div>
<q-card flat bordered class="col-12 q-mt-sm q-pa-md"> <q-card flat bordered class="col-12 q-mt-sm q-pa-md">
@ -550,7 +582,6 @@ onMounted(() => {
> >
<span class="text-weight-medium">{{ col.label }}</span> <span class="text-weight-medium">{{ col.label }}</span>
</q-th> </q-th>
</q-tr> </q-tr>
</template> </template>
<template v-slot:body="props"> <template v-slot:body="props">