updated format code
This commit is contained in:
parent
b75d69ea08
commit
b14bad2249
241 changed files with 14012 additions and 13811 deletions
20
src/App.vue
20
src/App.vue
|
|
@ -1,15 +1,13 @@
|
|||
<script setup lang="ts">
|
||||
</script>
|
||||
<script setup lang="ts"></script>
|
||||
|
||||
<template>
|
||||
<div id="azay-admin-app">
|
||||
<router-view v-slot="{ Component }">
|
||||
<transition>
|
||||
<component :is="Component" />
|
||||
</transition>
|
||||
</router-view>
|
||||
</div>
|
||||
<div id="azay-admin-app">
|
||||
<router-view v-slot="{ Component }">
|
||||
<transition>
|
||||
<component :is="Component" />
|
||||
</transition>
|
||||
</router-view>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
</style>
|
||||
<style scoped></style>
|
||||
|
|
|
|||
|
|
@ -1,14 +1,14 @@
|
|||
/**
|
||||
* API Structure + Org Chart
|
||||
*/
|
||||
import env from "../index"
|
||||
import env from "../index";
|
||||
|
||||
const treeRoot = `${env.API_URI}/Organization/treeroot`
|
||||
const structChart = `${env.API_URI}/Organization/struct-chart/`
|
||||
const orgChart = `${env.API_URI}/Organization/org-chart/`
|
||||
const treeRoot = `${env.API_URI}/Organization/treeroot`;
|
||||
const structChart = `${env.API_URI}/Organization/struct-chart/`;
|
||||
const orgChart = `${env.API_URI}/Organization/org-chart/`;
|
||||
|
||||
export default {
|
||||
chartGetTreeRoot: `${treeRoot}`,
|
||||
chartGetStructure: (id: string) => `${structChart}${id}`,
|
||||
chartGetOrg: (id: string) => `${orgChart}${id}`
|
||||
}
|
||||
chartGetTreeRoot: `${treeRoot}`,
|
||||
chartGetStructure: (id: string) => `${structChart}${id}`,
|
||||
chartGetOrg: (id: string) => `${orgChart}${id}`,
|
||||
};
|
||||
|
|
|
|||
|
|
@ -90,5 +90,4 @@ export default {
|
|||
organizationEmployeePositionId: (profileId: string) =>
|
||||
`${organizationEmployee}position/${profileId}`,
|
||||
organizationEmployeeSendOrder: `${organizationEmployee}report`,
|
||||
|
||||
};
|
||||
|
|
|
|||
|
|
@ -81,7 +81,7 @@ export default {
|
|||
`${insignia}/manage/borrow/${year}/${insigniaTypeId}`,
|
||||
insigniaManageBorrowById: (insigniaManageProfileId: string) =>
|
||||
`${insignia}/manage/borrow/${insigniaManageProfileId}`,
|
||||
requestinsignia: (type: string,id:string) =>
|
||||
requestinsignia: (type: string, id: string) =>
|
||||
`${insignia}/request/note/${type}/${id}`,
|
||||
// InsigniaReport API รายงานระบบเครื่องราชอิสริยาภรณ์
|
||||
// ******
|
||||
|
|
@ -99,7 +99,9 @@ export default {
|
|||
`${report}/insignia/${type}/${fileType}/${fileId}`,
|
||||
|
||||
// เจ้าหน้าที่เป็นคนอัปโหลดไฟล์
|
||||
uploadfileOnlyInsignia: (requestId: string) => `${insignia}/request/upload/${requestId}`,
|
||||
uploadfileOnlyInsignia: (requestId: string) =>
|
||||
`${insignia}/request/upload/${requestId}`,
|
||||
// สกจ. ตีกลับให้หัวหน้าเขต
|
||||
rejectRequest: (id: string, ocId: string) => `${insignia}/request/head/reject/${id}/${ocId}`
|
||||
rejectRequest: (id: string, ocId: string) =>
|
||||
`${insignia}/request/head/reject/${id}/${ocId}`,
|
||||
};
|
||||
|
|
|
|||
|
|
@ -24,7 +24,12 @@ export default {
|
|||
complaintbyId: (id: string) => `${disciplineMain}/complaint/${id}`,
|
||||
complaintReject: (id: string) => `${disciplineMain}/complaint/reject/${id}`,
|
||||
complaintResume: (id: string) => `${disciplineMain}/complaint/resume/${id}`,
|
||||
complaintList: (page: number, pageSize: number, keyword: string, status: string) =>
|
||||
complaintList: (
|
||||
page: number,
|
||||
pageSize: number,
|
||||
keyword: string,
|
||||
status: string
|
||||
) =>
|
||||
`${disciplineMain}/complaint?page=${page}&pageSize=${pageSize}&keyword=${keyword}&status=${status}`,
|
||||
complaintFileUpload: (id: string) => `${disciplineMain}/complaint/file/${id}`,
|
||||
complaintFileDelete: (id: string, docId: string) =>
|
||||
|
|
@ -32,7 +37,12 @@ export default {
|
|||
complaintApprove: (id: string) => `${disciplineMain}/complaint/approve/${id}`,
|
||||
|
||||
/** API สืบสวนข้อเท็จจริง*/
|
||||
investigateMain: (page: number, pageSize: number, keyword: string, status: string) =>
|
||||
investigateMain: (
|
||||
page: number,
|
||||
pageSize: number,
|
||||
keyword: string,
|
||||
status: string
|
||||
) =>
|
||||
`${investigate}?page=${page}&pageSize=${pageSize}&keyword=${keyword}&status=${status}`,
|
||||
investigateById: (id: string) => `${investigate}/${id}`,
|
||||
|
||||
|
|
@ -106,6 +116,8 @@ export default {
|
|||
appealDeleteFile: (id: string, docId: string) =>
|
||||
`${appeal}/file/${id}/${docId}`,
|
||||
|
||||
historyDirectorbyId: (id: string, type: string) => `${disciplineMain}/director/${type}/${id}`,
|
||||
historyOrderById:(id:string)=>`${env.API_URI}/order/history/discipline/${id}`
|
||||
historyDirectorbyId: (id: string, type: string) =>
|
||||
`${disciplineMain}/director/${type}/${id}`,
|
||||
historyOrderById: (id: string) =>
|
||||
`${env.API_URI}/order/history/discipline/${id}`,
|
||||
};
|
||||
|
|
|
|||
|
|
@ -96,7 +96,6 @@ export default {
|
|||
achievementDevByid: (id: string) =>
|
||||
`${KpiUser}/achievement/development/admin/detail/${id}`,
|
||||
|
||||
indicatorSummary:`${kpiPlan}/summary/indicator`,
|
||||
capacitySummary:`${kpiCapacity}/summary`
|
||||
|
||||
indicatorSummary: `${kpiPlan}/summary/indicator`,
|
||||
capacitySummary: `${kpiCapacity}/summary`,
|
||||
};
|
||||
|
|
|
|||
16620
src/assets/tree.json
16620
src/assets/tree.json
File diff suppressed because it is too large
Load diff
|
|
@ -15,8 +15,8 @@ const props = defineProps({
|
|||
default: "",
|
||||
},
|
||||
clickClose: {
|
||||
type: Function
|
||||
}
|
||||
type: Function,
|
||||
},
|
||||
});
|
||||
</script>
|
||||
|
||||
|
|
@ -28,12 +28,10 @@ const props = defineProps({
|
|||
<q-separator />
|
||||
<q-card-section class="q-pa-md bg-grey-1">
|
||||
<div class="row col-12">
|
||||
|
||||
{{ props.desc }}
|
||||
|
||||
</div>
|
||||
</q-card-section>
|
||||
</q-form>
|
||||
</q-card>
|
||||
</q-dialog>
|
||||
</template>
|
||||
</template>
|
||||
|
|
|
|||
|
|
@ -41,7 +41,7 @@ async function submit() {
|
|||
body: body.value,
|
||||
})
|
||||
.then((res) => {
|
||||
props.clickClose()
|
||||
props.clickClose();
|
||||
success($q, "ส่งข้อความสำเร็จ");
|
||||
})
|
||||
.catch((e) => {
|
||||
|
|
|
|||
|
|
@ -42,7 +42,6 @@ const props = defineProps({
|
|||
},
|
||||
});
|
||||
|
||||
|
||||
const pagination = ref({
|
||||
sortBy: "desc",
|
||||
descending: false,
|
||||
|
|
|
|||
|
|
@ -1,5 +1,10 @@
|
|||
<template>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor">
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width="20"
|
||||
height="20"
|
||||
fill="currentColor"
|
||||
>
|
||||
<path
|
||||
d="M15 4a1 1 0 1 0 0 2V4zm0 11v-1a1 1 0 0 0-1 1h1zm0 4l-.707.707A1 1 0 0 0 16 19h-1zm-4-4l.707-.707A1 1 0 0 0 11 14v1zm-4.707-1.293a1 1 0 0 0-1.414 1.414l1.414-1.414zm-.707.707l-.707-.707.707.707zM9 11v-1a1 1 0 0 0-.707.293L9 11zm-4 0h1a1 1 0 0 0-1-1v1zm0 4H4a1 1 0 0 0 1.707.707L5 15zm10-9h2V4h-2v2zm2 0a1 1 0 0 1 1 1h2a3 3 0 0 0-3-3v2zm1 1v6h2V7h-2zm0 6a1 1 0 0 1-1 1v2a3 3 0 0 0 3-3h-2zm-1 1h-2v2h2v-2zm-3 1v4h2v-4h-2zm1.707 3.293l-4-4-1.414 1.414 4 4 1.414-1.414zM11 14H7v2h4v-2zm-4 0c-.276 0-.525-.111-.707-.293l-1.414 1.414C5.42 15.663 6.172 16 7 16v-2zm-.707 1.121l3.414-3.414-1.414-1.414-3.414 3.414 1.414 1.414zM9 12h4v-2H9v2zm4 0a3 3 0 0 0 3-3h-2a1 1 0 0 1-1 1v2zm3-3V3h-2v6h2zm0-6a3 3 0 0 0-3-3v2a1 1 0 0 1 1 1h2zm-3-3H3v2h10V0zM3 0a3 3 0 0 0-3 3h2a1 1 0 0 1 1-1V0zM0 3v6h2V3H0zm0 6a3 3 0 0 0 3 3v-2a1 1 0 0 1-1-1H0zm3 3h2v-2H3v2zm1-1v4h2v-4H4zm1.707 4.707l.586-.586-1.414-1.414-.586.586 1.414 1.414z"
|
||||
/>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,10 @@
|
|||
<template>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="17" fill="currentColor">
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width="20"
|
||||
height="17"
|
||||
fill="currentColor"
|
||||
>
|
||||
<path
|
||||
d="M11 2.253a1 1 0 1 0-2 0h2zm-2 13a1 1 0 1 0 2 0H9zm.447-12.167a1 1 0 1 0 1.107-1.666L9.447 3.086zM1 2.253L.447 1.42A1 1 0 0 0 0 2.253h1zm0 13H0a1 1 0 0 0 1.553.833L1 15.253zm8.447.833a1 1 0 1 0 1.107-1.666l-1.107 1.666zm0-14.666a1 1 0 1 0 1.107 1.666L9.447 1.42zM19 2.253h1a1 1 0 0 0-.447-.833L19 2.253zm0 13l-.553.833A1 1 0 0 0 20 15.253h-1zm-9.553-.833a1 1 0 1 0 1.107 1.666L9.447 14.42zM9 2.253v13h2v-13H9zm1.553-.833C9.203.523 7.42 0 5.5 0v2c1.572 0 2.961.431 3.947 1.086l1.107-1.666zM5.5 0C3.58 0 1.797.523.447 1.42l1.107 1.666C2.539 2.431 3.928 2 5.5 2V0zM0 2.253v13h2v-13H0zm1.553 13.833C2.539 15.431 3.928 15 5.5 15v-2c-1.92 0-3.703.523-5.053 1.42l1.107 1.666zM5.5 15c1.572 0 2.961.431 3.947 1.086l1.107-1.666C9.203 13.523 7.42 13 5.5 13v2zm5.053-11.914C11.539 2.431 12.928 2 14.5 2V0c-1.92 0-3.703.523-5.053 1.42l1.107 1.666zM14.5 2c1.573 0 2.961.431 3.947 1.086l1.107-1.666C18.203.523 16.421 0 14.5 0v2zm3.5.253v13h2v-13h-2zm1.553 12.167C18.203 13.523 16.421 13 14.5 13v2c1.573 0 2.961.431 3.947 1.086l1.107-1.666zM14.5 13c-1.92 0-3.703.523-5.053 1.42l1.107 1.666C11.539 15.431 12.928 15 14.5 15v-2z"
|
||||
/>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,10 @@
|
|||
<template>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="20" fill="currentColor">
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width="18"
|
||||
height="20"
|
||||
fill="currentColor"
|
||||
>
|
||||
<path
|
||||
d="M11.447 8.894a1 1 0 1 0-.894-1.789l.894 1.789zm-2.894-.789a1 1 0 1 0 .894 1.789l-.894-1.789zm0 1.789a1 1 0 1 0 .894-1.789l-.894 1.789zM7.447 7.106a1 1 0 1 0-.894 1.789l.894-1.789zM10 9a1 1 0 1 0-2 0h2zm-2 2.5a1 1 0 1 0 2 0H8zm9.447-5.606a1 1 0 1 0-.894-1.789l.894 1.789zm-2.894-.789a1 1 0 1 0 .894 1.789l-.894-1.789zm2 .789a1 1 0 1 0 .894-1.789l-.894 1.789zm-1.106-2.789a1 1 0 1 0-.894 1.789l.894-1.789zM18 5a1 1 0 1 0-2 0h2zm-2 2.5a1 1 0 1 0 2 0h-2zm-5.447-4.606a1 1 0 1 0 .894-1.789l-.894 1.789zM9 1l.447-.894a1 1 0 0 0-.894 0L9 1zm-2.447.106a1 1 0 1 0 .894 1.789l-.894-1.789zm-6 3a1 1 0 1 0 .894 1.789L.553 4.106zm2.894.789a1 1 0 1 0-.894-1.789l.894 1.789zm-2-.789a1 1 0 1 0-.894 1.789l.894-1.789zm1.106 2.789a1 1 0 1 0 .894-1.789l-.894 1.789zM2 5a1 1 0 1 0-2 0h2zM0 7.5a1 1 0 1 0 2 0H0zm8.553 12.394a1 1 0 1 0 .894-1.789l-.894 1.789zm-1.106-2.789a1 1 0 1 0-.894 1.789l.894-1.789zm1.106 1a1 1 0 1 0 .894 1.789l-.894-1.789zm2.894.789a1 1 0 1 0-.894-1.789l.894 1.789zM8 19a1 1 0 1 0 2 0H8zm2-2.5a1 1 0 1 0-2 0h2zm-7.447.394a1 1 0 1 0 .894-1.789l-.894 1.789zM1 15H0a1 1 0 0 0 .553.894L1 15zm1-2.5a1 1 0 1 0-2 0h2zm12.553 2.606a1 1 0 1 0 .894 1.789l-.894-1.789zM17 15l.447.894A1 1 0 0 0 18 15h-1zm1-2.5a1 1 0 1 0-2 0h2zm-7.447-5.394l-2 1 .894 1.789 2-1-.894-1.789zm-1.106 1l-2-1-.894 1.789 2 1 .894-1.789zM8 9v2.5h2V9H8zm8.553-4.894l-2 1 .894 1.789 2-1-.894-1.789zm.894 0l-2-1-.894 1.789 2 1 .894-1.789zM16 5v2.5h2V5h-2zm-4.553-3.894l-2-1-.894 1.789 2 1 .894-1.789zm-2.894-1l-2 1 .894 1.789 2-1L8.553.106zM1.447 5.894l2-1-.894-1.789-2 1 .894 1.789zm-.894 0l2 1 .894-1.789-2-1-.894 1.789zM0 5v2.5h2V5H0zm9.447 13.106l-2-1-.894 1.789 2 1 .894-1.789zm0 1.789l2-1-.894-1.789-2 1 .894 1.789zM10 19v-2.5H8V19h2zm-6.553-3.894l-2-1-.894 1.789 2 1 .894-1.789zM2 15v-2.5H0V15h2zm13.447 1.894l2-1-.894-1.789-2 1 .894 1.789zM18 15v-2.5h-2V15h2z"
|
||||
/>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,10 @@
|
|||
<template>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor">
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width="20"
|
||||
height="20"
|
||||
fill="currentColor"
|
||||
>
|
||||
<path
|
||||
d="M10 3.22l-.61-.6a5.5 5.5 0 0 0-7.666.105 5.5 5.5 0 0 0-.114 7.665L10 18.78l8.39-8.4a5.5 5.5 0 0 0-.114-7.665 5.5 5.5 0 0 0-7.666-.105l-.61.61z"
|
||||
/>
|
||||
|
|
|
|||
|
|
@ -76,7 +76,6 @@
|
|||
:class="getClass(edit)"
|
||||
:outlined="edit"
|
||||
dense
|
||||
|
||||
:borderless="!edit"
|
||||
:model-value="date2Thai(date)"
|
||||
:rules="[(val) => !!val || `${'กรุณาเลือกวันที่'}`]"
|
||||
|
|
|
|||
|
|
@ -122,7 +122,6 @@
|
|||
hide-bottom-space
|
||||
:outlined="edit"
|
||||
dense
|
||||
|
||||
:borderless="!edit"
|
||||
:model-value="date2Thai(startDate)"
|
||||
:rules="[
|
||||
|
|
@ -169,7 +168,6 @@
|
|||
hide-bottom-space
|
||||
:outlined="edit"
|
||||
dense
|
||||
|
||||
:borderless="!edit"
|
||||
:model-value="date2Thai(endDate)"
|
||||
:rules="[
|
||||
|
|
@ -215,7 +213,6 @@
|
|||
hide-bottom-space
|
||||
:outlined="edit"
|
||||
dense
|
||||
|
||||
:borderless="!edit"
|
||||
:model-value="yearly + 543"
|
||||
:rules="[(val) => !!val || `${'กรุณาเลือกปีงบประมาณ'}`]"
|
||||
|
|
@ -318,7 +315,6 @@
|
|||
hide-bottom-space
|
||||
:outlined="edit"
|
||||
dense
|
||||
|
||||
:borderless="!edit"
|
||||
:model-value="date2Thai(dateOrder)"
|
||||
:label="`${'คำสั่งลงวันที่/หนังสืออนุมัติลงวันที่'}`"
|
||||
|
|
|
|||
|
|
@ -83,7 +83,6 @@
|
|||
:class="getClass(edit)"
|
||||
:outlined="edit"
|
||||
dense
|
||||
|
||||
:borderless="!edit"
|
||||
:model-value="date2Thai(dateStart)"
|
||||
:rules="[(val) => !!val || `${'กรุณาเลือกวันที่เริ่มต้น'}`]"
|
||||
|
|
@ -127,7 +126,6 @@
|
|||
:class="getClass(edit)"
|
||||
:outlined="edit"
|
||||
dense
|
||||
|
||||
:borderless="!edit"
|
||||
:model-value="date2Thai(dateEnd)"
|
||||
:rules="[(val) => !!val || `${'กรุณาเลือกวันที่สิ้นสุด'}`]"
|
||||
|
|
@ -224,7 +222,6 @@
|
|||
:class="getClass(edit)"
|
||||
:outlined="edit"
|
||||
dense
|
||||
|
||||
:borderless="!edit"
|
||||
:model-value="
|
||||
refCommandDate == null ? null : date2Thai(refCommandDate)
|
||||
|
|
|
|||
|
|
@ -125,32 +125,32 @@ interface FormActive {
|
|||
}
|
||||
|
||||
interface TreeMain {
|
||||
children: TreeMain[]; // ปรับเป็นชนิดข้อมูลที่ถูกต้องตามโครงสร้างของ children ถ้าเป็นไปได้
|
||||
orgCode: string;
|
||||
orgLevel: number;
|
||||
orgName: string;
|
||||
orgRevisionId: string;
|
||||
orgRootName: string;
|
||||
orgTreeCode: string;
|
||||
orgTreeFax: string;
|
||||
orgTreeId: string;
|
||||
orgTreeName: string;
|
||||
orgTreeOrder: number;
|
||||
orgTreePhoneEx: string;
|
||||
orgTreePhoneIn: string;
|
||||
orgTreeRank: string;
|
||||
orgTreeShortName: string;
|
||||
totalPosition: number;
|
||||
totalPositionCurrentUse: number;
|
||||
totalPositionCurrentVacant: number;
|
||||
totalPositionNextUse: number;
|
||||
totalPositionNextVacant: number;
|
||||
totalRootPosition: number;
|
||||
totalRootPositionCurrentUse: number;
|
||||
totalRootPositionCurrentVacant: number;
|
||||
totalRootPositionNextUse: number;
|
||||
totalRootPositionNextVacant: number;
|
||||
}
|
||||
children: TreeMain[]; // ปรับเป็นชนิดข้อมูลที่ถูกต้องตามโครงสร้างของ children ถ้าเป็นไปได้
|
||||
orgCode: string;
|
||||
orgLevel: number;
|
||||
orgName: string;
|
||||
orgRevisionId: string;
|
||||
orgRootName: string;
|
||||
orgTreeCode: string;
|
||||
orgTreeFax: string;
|
||||
orgTreeId: string;
|
||||
orgTreeName: string;
|
||||
orgTreeOrder: number;
|
||||
orgTreePhoneEx: string;
|
||||
orgTreePhoneIn: string;
|
||||
orgTreeRank: string;
|
||||
orgTreeShortName: string;
|
||||
totalPosition: number;
|
||||
totalPositionCurrentUse: number;
|
||||
totalPositionCurrentVacant: number;
|
||||
totalPositionNextUse: number;
|
||||
totalPositionNextVacant: number;
|
||||
totalRootPosition: number;
|
||||
totalRootPositionCurrentUse: number;
|
||||
totalRootPositionCurrentVacant: number;
|
||||
totalRootPositionNextUse: number;
|
||||
totalRootPositionNextVacant: number;
|
||||
}
|
||||
export type {
|
||||
OrgTree,
|
||||
DataTree,
|
||||
|
|
|
|||
|
|
@ -57,7 +57,7 @@ function onSubmit() {
|
|||
function getData() {
|
||||
showLoader();
|
||||
http
|
||||
.get(config.API.kpiEvaluation+`/edit`)
|
||||
.get(config.API.kpiEvaluation + `/edit`)
|
||||
.then((res) => {
|
||||
dataLevel.value = res.data.result.data;
|
||||
})
|
||||
|
|
|
|||
|
|
@ -263,8 +263,10 @@ onMounted(() => {
|
|||
color="red"
|
||||
icon="delete"
|
||||
@click="onDeleteLevels(index)"
|
||||
v-if="!checkRoute &&
|
||||
(store.competencyTypeVal === 'HEAD' && index > 4) ||
|
||||
v-if="
|
||||
(!checkRoute &&
|
||||
store.competencyTypeVal === 'HEAD' &&
|
||||
index > 4) ||
|
||||
(store.competencyTypeVal === 'GROUP' && index > 4) ||
|
||||
((store.competencyTypeVal === 'EXECUTIVE' ||
|
||||
store.competencyTypeVal === 'DIRECTOR' ||
|
||||
|
|
|
|||
|
|
@ -117,6 +117,4 @@ onMounted(() => {
|
|||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -49,4 +49,4 @@ interface FormSubDistrict {
|
|||
name: string;
|
||||
provinceId: string;
|
||||
}
|
||||
export type { DataResponse, DataRow,FormDistrict,FormSubDistrict };
|
||||
export type { DataResponse, DataRow, FormDistrict, FormSubDistrict };
|
||||
|
|
|
|||
|
|
@ -23,6 +23,6 @@ export const usePersonalDataStore = defineStore("PersonalData", () => {
|
|||
return {
|
||||
save,
|
||||
row,
|
||||
currentTab
|
||||
currentTab,
|
||||
};
|
||||
});
|
||||
|
|
|
|||
|
|
@ -34,7 +34,6 @@ onMounted(() => {
|
|||
<template>
|
||||
<div class="toptitle text-dark col-12 row items-center">สมรรถนะ</div>
|
||||
<q-card flat bordered>
|
||||
|
||||
<div class="text-subtitle1 text-grey-9">
|
||||
<q-tabs
|
||||
dense
|
||||
|
|
|
|||
|
|
@ -75,7 +75,6 @@
|
|||
:outlined="edit"
|
||||
dense
|
||||
label="วันที่"
|
||||
|
||||
:borderless="!edit"
|
||||
:model-value="dateThaiRange(dateRange)"
|
||||
>
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@ interface FilterMaster {
|
|||
page: number; //*หน้า
|
||||
pageSize: number; //*จำนวนแถวต่อหน้า
|
||||
keyword: string; //ข้อความที่ต้องการค้นหา
|
||||
revisionId?: string
|
||||
revisionId?: string;
|
||||
}
|
||||
interface MovePos {
|
||||
id: string;
|
||||
|
|
|
|||
|
|
@ -1,14 +1,16 @@
|
|||
<template>
|
||||
<q-toolbar>
|
||||
<q-toolbar-title class="text-subtitle2 text-bold">{{ tittle }}</q-toolbar-title>
|
||||
<q-toolbar-title class="text-subtitle2 text-bold">{{
|
||||
tittle
|
||||
}}</q-toolbar-title>
|
||||
<q-btn
|
||||
icon="close"
|
||||
unelevated
|
||||
round
|
||||
dense
|
||||
@click="close"
|
||||
style="color: #ff8080; background-color: #ffdede"
|
||||
/>
|
||||
icon="close"
|
||||
unelevated
|
||||
round
|
||||
dense
|
||||
@click="close"
|
||||
style="color: #ff8080; background-color: #ffdede"
|
||||
/>
|
||||
</q-toolbar>
|
||||
</template>
|
||||
<script setup lang="ts">
|
||||
|
|
|
|||
|
|
@ -534,16 +534,10 @@ const deletePositionItem = (val: object) => {
|
|||
persistent: true,
|
||||
})
|
||||
.onOk(() => {
|
||||
|
||||
positions.value = positions.value.filter((x: object) => x !== val); //คำสั่งลบ
|
||||
|
||||
})
|
||||
.onCancel(() => {
|
||||
|
||||
})
|
||||
.onDismiss(() => {
|
||||
|
||||
});
|
||||
.onCancel(() => {})
|
||||
.onDismiss(() => {});
|
||||
} else {
|
||||
positions.value = positions.value.filter((x: object) => x !== val);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -367,4 +367,4 @@ onMounted(async () => {
|
|||
top: 0;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -1,156 +1,110 @@
|
|||
<!-- card บุคคลที่สามารถติดต่อได้ -->
|
||||
<template>
|
||||
<HeaderTop
|
||||
v-model:edit="edit"
|
||||
header="บุคคลที่สามารถติดต่อได้"
|
||||
icon="mdi-account-circle"
|
||||
:addData="true"
|
||||
:editOnly="false"
|
||||
:editData="false"
|
||||
/>
|
||||
<q-form ref="myform">
|
||||
<div
|
||||
class="row col-12 items-center q-col-gutter-x-sm q-col-gutter-y-xs"
|
||||
>
|
||||
<div class="col-xs-12 col-sm-3 col-md-2">
|
||||
<q-select
|
||||
:class="
|
||||
getClass(
|
||||
status == 'checkRegister' || status == 'payment'
|
||||
)
|
||||
"
|
||||
:readonly="
|
||||
!(status == 'checkRegister' || status == 'payment')
|
||||
"
|
||||
:borderless="
|
||||
!(status == 'checkRegister' || status == 'payment')
|
||||
"
|
||||
:rules="[(val) => !!val || `${'กรุณาเลือก คำนำหน้า'}`]"
|
||||
:outlined="status == 'checkRegister' || status == 'payment'"
|
||||
dense
|
||||
lazy-rules
|
||||
v-model="defaultContact.contactPrefixId"
|
||||
emit-value
|
||||
map-options
|
||||
option-label="name"
|
||||
:options="prefixOptions"
|
||||
option-value="id"
|
||||
:label="`${'คำนำหน้า'}`"
|
||||
/>
|
||||
</div>
|
||||
<div class="col-xs-12 col-sm-3 col-md-3">
|
||||
<q-input
|
||||
:class="
|
||||
getClass(
|
||||
status == 'checkRegister' || status == 'payment'
|
||||
)
|
||||
"
|
||||
:outlined="status == 'checkRegister' || status == 'payment'"
|
||||
dense
|
||||
lazy-rules
|
||||
:readonly="
|
||||
!(status == 'checkRegister' || status == 'payment')
|
||||
"
|
||||
:borderless="
|
||||
!(status == 'checkRegister' || status == 'payment')
|
||||
"
|
||||
v-model="defaultContact.contactFirstname"
|
||||
:rules="[(val) => !!val || `${'กรุณากรอก ชื่อ'}`]"
|
||||
:label="`${'ชื่อ'}`"
|
||||
/>
|
||||
</div>
|
||||
<div class="col-xs-12 col-sm-3 col-md-3">
|
||||
<q-input
|
||||
:class="
|
||||
getClass(
|
||||
status == 'checkRegister' || status == 'payment'
|
||||
)
|
||||
"
|
||||
:outlined="status == 'checkRegister' || status == 'payment'"
|
||||
dense
|
||||
lazy-rules
|
||||
:readonly="
|
||||
!(status == 'checkRegister' || status == 'payment')
|
||||
"
|
||||
:borderless="
|
||||
!(status == 'checkRegister' || status == 'payment')
|
||||
"
|
||||
v-model="defaultContact.contactLastname"
|
||||
:rules="[(val) => !!val || `${'กรุณากรอก นามสกุล'}`]"
|
||||
:label="`${'นามสกุล'}`"
|
||||
/>
|
||||
</div>
|
||||
<div class="col-xs-12 col-sm-3 col-md-4">
|
||||
<q-input
|
||||
:class="
|
||||
getClass(
|
||||
status == 'checkRegister' || status == 'payment'
|
||||
)
|
||||
"
|
||||
:outlined="status == 'checkRegister' || status == 'payment'"
|
||||
dense
|
||||
lazy-rules
|
||||
:readonly="
|
||||
!(status == 'checkRegister' || status == 'payment')
|
||||
"
|
||||
:borderless="
|
||||
!(status == 'checkRegister' || status == 'payment')
|
||||
"
|
||||
v-model="defaultContact.contactRelations"
|
||||
:rules="[(val) => !!val || `${'กรุณากรอกความสัมพันธ์'}`]"
|
||||
:label="`${'เกี่ยวข้องเป็น'}`"
|
||||
/>
|
||||
</div>
|
||||
<div class="col-xs-12 col-sm-3 col-md-4">
|
||||
<q-input
|
||||
:outlined="status == 'checkRegister' || status == 'payment'"
|
||||
dense
|
||||
:counter="
|
||||
status == 'checkRegister' || status == 'payment'
|
||||
? true
|
||||
: false
|
||||
"
|
||||
lazy-rules
|
||||
type="tel"
|
||||
mask="##########"
|
||||
maxlength="10"
|
||||
:class="
|
||||
getClass(
|
||||
status == 'checkRegister' || status == 'payment'
|
||||
)
|
||||
"
|
||||
:readonly="
|
||||
!(status == 'checkRegister' || status == 'payment')
|
||||
"
|
||||
:borderless="
|
||||
!(status == 'checkRegister' || status == 'payment')
|
||||
"
|
||||
v-model="defaultContact.contactTel"
|
||||
:label="`${'โทรศัพท์'}`"
|
||||
:rules="[
|
||||
(val) => !!val || '* กรุณากรอกข้อมูลหมายเลขโทรศัพท์',
|
||||
(val) =>
|
||||
(val.length >= 9 &&
|
||||
val.length <= 10 &&
|
||||
val.startsWith('0')) ||
|
||||
'กรุณากรอกข้อมูลหมายเลขโทรศัพท์ให้ถูกต้อง',
|
||||
]"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</q-form>
|
||||
<HeaderTop
|
||||
v-model:edit="edit"
|
||||
header="บุคคลที่สามารถติดต่อได้"
|
||||
icon="mdi-account-circle"
|
||||
:addData="true"
|
||||
:editOnly="false"
|
||||
:editData="false"
|
||||
/>
|
||||
<q-form ref="myform">
|
||||
<div class="row col-12 items-center q-col-gutter-x-sm q-col-gutter-y-xs">
|
||||
<div class="col-xs-12 col-sm-3 col-md-2">
|
||||
<q-select
|
||||
:class="getClass(status == 'checkRegister' || status == 'payment')"
|
||||
:readonly="!(status == 'checkRegister' || status == 'payment')"
|
||||
:borderless="!(status == 'checkRegister' || status == 'payment')"
|
||||
:rules="[(val) => !!val || `${'กรุณาเลือก คำนำหน้า'}`]"
|
||||
:outlined="status == 'checkRegister' || status == 'payment'"
|
||||
dense
|
||||
lazy-rules
|
||||
v-model="defaultContact.contactPrefixId"
|
||||
emit-value
|
||||
map-options
|
||||
option-label="name"
|
||||
:options="prefixOptions"
|
||||
option-value="id"
|
||||
:label="`${'คำนำหน้า'}`"
|
||||
/>
|
||||
</div>
|
||||
<div class="col-xs-12 col-sm-3 col-md-3">
|
||||
<q-input
|
||||
:class="getClass(status == 'checkRegister' || status == 'payment')"
|
||||
:outlined="status == 'checkRegister' || status == 'payment'"
|
||||
dense
|
||||
lazy-rules
|
||||
:readonly="!(status == 'checkRegister' || status == 'payment')"
|
||||
:borderless="!(status == 'checkRegister' || status == 'payment')"
|
||||
v-model="defaultContact.contactFirstname"
|
||||
:rules="[(val) => !!val || `${'กรุณากรอก ชื่อ'}`]"
|
||||
:label="`${'ชื่อ'}`"
|
||||
/>
|
||||
</div>
|
||||
<div class="col-xs-12 col-sm-3 col-md-3">
|
||||
<q-input
|
||||
:class="getClass(status == 'checkRegister' || status == 'payment')"
|
||||
:outlined="status == 'checkRegister' || status == 'payment'"
|
||||
dense
|
||||
lazy-rules
|
||||
:readonly="!(status == 'checkRegister' || status == 'payment')"
|
||||
:borderless="!(status == 'checkRegister' || status == 'payment')"
|
||||
v-model="defaultContact.contactLastname"
|
||||
:rules="[(val) => !!val || `${'กรุณากรอก นามสกุล'}`]"
|
||||
:label="`${'นามสกุล'}`"
|
||||
/>
|
||||
</div>
|
||||
<div class="col-xs-12 col-sm-3 col-md-4">
|
||||
<q-input
|
||||
:class="getClass(status == 'checkRegister' || status == 'payment')"
|
||||
:outlined="status == 'checkRegister' || status == 'payment'"
|
||||
dense
|
||||
lazy-rules
|
||||
:readonly="!(status == 'checkRegister' || status == 'payment')"
|
||||
:borderless="!(status == 'checkRegister' || status == 'payment')"
|
||||
v-model="defaultContact.contactRelations"
|
||||
:rules="[(val) => !!val || `${'กรุณากรอกความสัมพันธ์'}`]"
|
||||
:label="`${'เกี่ยวข้องเป็น'}`"
|
||||
/>
|
||||
</div>
|
||||
<div class="col-xs-12 col-sm-3 col-md-4">
|
||||
<q-input
|
||||
:outlined="status == 'checkRegister' || status == 'payment'"
|
||||
dense
|
||||
:counter="
|
||||
status == 'checkRegister' || status == 'payment' ? true : false
|
||||
"
|
||||
lazy-rules
|
||||
type="tel"
|
||||
mask="##########"
|
||||
maxlength="10"
|
||||
:class="getClass(status == 'checkRegister' || status == 'payment')"
|
||||
:readonly="!(status == 'checkRegister' || status == 'payment')"
|
||||
:borderless="!(status == 'checkRegister' || status == 'payment')"
|
||||
v-model="defaultContact.contactTel"
|
||||
:label="`${'โทรศัพท์'}`"
|
||||
:rules="[
|
||||
(val) => !!val || '* กรุณากรอกข้อมูลหมายเลขโทรศัพท์',
|
||||
(val) =>
|
||||
(val.length >= 9 && val.length <= 10 && val.startsWith('0')) ||
|
||||
'กรุณากรอกข้อมูลหมายเลขโทรศัพท์ให้ถูกต้อง',
|
||||
]"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</q-form>
|
||||
</template>
|
||||
<script setup lang="ts">
|
||||
import { ref, onMounted, watch, PropType } from "vue";
|
||||
import http from "@/plugins/http";
|
||||
import config from "@/app.config";
|
||||
import type {
|
||||
Contact,
|
||||
DataOption,
|
||||
Contact,
|
||||
DataOption,
|
||||
} from "@/modules/03_recruiting/interface/index/Main";
|
||||
import {
|
||||
defaultContact,
|
||||
changeData,
|
||||
defaultContact,
|
||||
changeData,
|
||||
} from "@/modules/03_recruiting/interface/index/Main";
|
||||
import HeaderTop from "@/modules/03_recruiting/components/top.vue";
|
||||
import { useRoute } from "vue-router";
|
||||
|
|
@ -159,18 +113,18 @@ import { useCounterMixin } from "@/stores/mixin";
|
|||
import { useQuasar } from "quasar";
|
||||
|
||||
const props = defineProps({
|
||||
status: {
|
||||
type: String,
|
||||
required: true,
|
||||
},
|
||||
form: {
|
||||
type: Object,
|
||||
required: true,
|
||||
},
|
||||
prefixOptions: {
|
||||
type: Array as PropType<DataOption[]>,
|
||||
required: true,
|
||||
},
|
||||
status: {
|
||||
type: String,
|
||||
required: true,
|
||||
},
|
||||
form: {
|
||||
type: Object,
|
||||
required: true,
|
||||
},
|
||||
prefixOptions: {
|
||||
type: Array as PropType<DataOption[]>,
|
||||
required: true,
|
||||
},
|
||||
});
|
||||
const emit = defineEmits(["update:form"]);
|
||||
|
||||
|
|
@ -183,43 +137,43 @@ const route = useRoute();
|
|||
const candidateId = ref<string>(route.params.candidateId.toString());
|
||||
|
||||
watch(myform, async (count: any, prevCount: any) => {
|
||||
emit("update:form", count);
|
||||
emit("update:form", count);
|
||||
});
|
||||
|
||||
watch(defaultContact, async (count: Contact, prevCount: Contact) => {
|
||||
await changeData("contact", count);
|
||||
await changeData("contact", count);
|
||||
});
|
||||
|
||||
onMounted(async () => {
|
||||
await fetchData();
|
||||
await fetchData();
|
||||
});
|
||||
|
||||
const fetchData = async () => {
|
||||
showLoader();
|
||||
await http
|
||||
.get(config.API.candidateContact(candidateId.value))
|
||||
.then((res) => {
|
||||
const data = res.data.result;
|
||||
if (data != null) {
|
||||
defaultContact.value.contactPrefixId = data.contactPrefixId;
|
||||
defaultContact.value.contactFirstname = data.contactFirstname;
|
||||
defaultContact.value.contactLastname = data.contactLastname;
|
||||
defaultContact.value.contactRelations = data.contactRelations;
|
||||
defaultContact.value.contactTel = data.contactTel;
|
||||
}
|
||||
})
|
||||
.catch((e) => {
|
||||
// messageError($q, e)
|
||||
})
|
||||
.finally(() => {
|
||||
hideLoader();
|
||||
});
|
||||
showLoader();
|
||||
await http
|
||||
.get(config.API.candidateContact(candidateId.value))
|
||||
.then((res) => {
|
||||
const data = res.data.result;
|
||||
if (data != null) {
|
||||
defaultContact.value.contactPrefixId = data.contactPrefixId;
|
||||
defaultContact.value.contactFirstname = data.contactFirstname;
|
||||
defaultContact.value.contactLastname = data.contactLastname;
|
||||
defaultContact.value.contactRelations = data.contactRelations;
|
||||
defaultContact.value.contactTel = data.contactTel;
|
||||
}
|
||||
})
|
||||
.catch((e) => {
|
||||
// messageError($q, e)
|
||||
})
|
||||
.finally(() => {
|
||||
hideLoader();
|
||||
});
|
||||
};
|
||||
|
||||
const getClass = (val: boolean) => {
|
||||
return {
|
||||
"full-width inputgreen cursor-pointer": val,
|
||||
"full-width cursor-pointer": !val,
|
||||
};
|
||||
return {
|
||||
"full-width inputgreen cursor-pointer": val,
|
||||
"full-width cursor-pointer": !val,
|
||||
};
|
||||
};
|
||||
</script>
|
||||
|
|
|
|||
|
|
@ -1,6 +1,8 @@
|
|||
<template>
|
||||
<q-toolbar>
|
||||
<q-toolbar-title class="text-subtitle2 text-bold">{{ tittle }}</q-toolbar-title>
|
||||
<q-toolbar-title class="text-subtitle2 text-bold">{{
|
||||
tittle
|
||||
}}</q-toolbar-title>
|
||||
<q-btn
|
||||
icon="close"
|
||||
unelevated
|
||||
|
|
|
|||
|
|
@ -72,7 +72,6 @@
|
|||
<q-th v-for="col in props.cols" :key="col.name" :props="props">
|
||||
<span class="text-weight-medium">{{ col.label }}</span>
|
||||
</q-th>
|
||||
|
||||
</q-tr>
|
||||
</template>
|
||||
<template #body="props">
|
||||
|
|
|
|||
|
|
@ -126,7 +126,11 @@
|
|||
round
|
||||
flat
|
||||
color="indigo"
|
||||
v-if="statusPayment && setSeat == true && checkPermission($route)?.attrIsUpdate"
|
||||
v-if="
|
||||
statusPayment &&
|
||||
setSeat == true &&
|
||||
checkPermission($route)?.attrIsUpdate
|
||||
"
|
||||
@click="candidateToPlacement"
|
||||
>
|
||||
<q-tooltip>บรรจุผู้ผ่านการคัดเลือก</q-tooltip>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,9 @@
|
|||
<div class="flex items-center q-pb-md">
|
||||
<div class="flex items-center" v-if="header != ''">
|
||||
<q-icon :name="icon" size="1.5em" color="grey-5" class="q-mr-md" />
|
||||
<div class="text-weight-medium text-dark col-12 row items-center text-subtitle1">
|
||||
<div
|
||||
class="text-weight-medium text-dark col-12 row items-center text-subtitle1"
|
||||
>
|
||||
{{ header }}
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,29 +1,29 @@
|
|||
interface DataProps {
|
||||
row: RequestItemsObject
|
||||
rowIndex: number
|
||||
row: RequestItemsObject;
|
||||
rowIndex: number;
|
||||
}
|
||||
|
||||
//ข้อมูล
|
||||
interface RequestItemsObject {
|
||||
id: string
|
||||
location: string
|
||||
position: string
|
||||
salary: number | null
|
||||
duration: [Date, Date]
|
||||
reason: string
|
||||
id: string;
|
||||
location: string;
|
||||
position: string;
|
||||
salary: number | null;
|
||||
duration: [Date, Date];
|
||||
reason: string;
|
||||
}
|
||||
|
||||
//columns
|
||||
interface Columns {
|
||||
[index: number]: {
|
||||
name: String
|
||||
align: String
|
||||
label: String
|
||||
sortable: Boolean
|
||||
field: String
|
||||
headerStyle: String
|
||||
style: String
|
||||
}
|
||||
name: String;
|
||||
align: String;
|
||||
label: String;
|
||||
sortable: Boolean;
|
||||
field: String;
|
||||
headerStyle: String;
|
||||
style: String;
|
||||
};
|
||||
}
|
||||
|
||||
export type { RequestItemsObject, Columns, DataProps }
|
||||
export type { RequestItemsObject, Columns, DataProps };
|
||||
|
|
|
|||
|
|
@ -1,42 +1,42 @@
|
|||
import { ref, computed } from 'vue'
|
||||
import { defineStore } from 'pinia'
|
||||
import { ref, computed } from "vue";
|
||||
import { defineStore } from "pinia";
|
||||
|
||||
export const useExamDataStore = defineStore('exam', () => {
|
||||
export const useExamDataStore = defineStore("exam", () => {
|
||||
interface exam {
|
||||
main: { columns: String[] }
|
||||
education: { columns: String[] }
|
||||
career: { columns: String[] }
|
||||
main: { columns: String[] };
|
||||
education: { columns: String[] };
|
||||
career: { columns: String[] };
|
||||
}
|
||||
|
||||
const examData = ref<exam>({
|
||||
main: { columns: [] },
|
||||
education: { columns: [] },
|
||||
career: { columns: [] }
|
||||
})
|
||||
career: { columns: [] },
|
||||
});
|
||||
|
||||
const consend = ref<boolean>(false)
|
||||
const status = ref<string>('')
|
||||
const consend = ref<boolean>(false);
|
||||
const status = ref<string>("");
|
||||
|
||||
const changeExamColumns = (system: String, val: String[]) => {
|
||||
if (system == 'main') examData.value.main.columns = val
|
||||
if (system == 'education') examData.value.education.columns = val
|
||||
if (system == 'career') examData.value.career.columns = val
|
||||
localStorage.setItem('exam', JSON.stringify(examData.value))
|
||||
}
|
||||
if (system == "main") examData.value.main.columns = val;
|
||||
if (system == "education") examData.value.education.columns = val;
|
||||
if (system == "career") examData.value.career.columns = val;
|
||||
localStorage.setItem("exam", JSON.stringify(examData.value));
|
||||
};
|
||||
|
||||
if (localStorage.getItem('exam') !== null) {
|
||||
examData.value = JSON.parse(localStorage.getItem('exam') || '{}')
|
||||
if (localStorage.getItem("exam") !== null) {
|
||||
examData.value = JSON.parse(localStorage.getItem("exam") || "{}");
|
||||
}
|
||||
|
||||
const changeStatus = (val: string) => {
|
||||
status.value = val
|
||||
}
|
||||
status.value = val;
|
||||
};
|
||||
|
||||
return {
|
||||
examData,
|
||||
changeExamColumns,
|
||||
consend,
|
||||
status,
|
||||
changeStatus
|
||||
}
|
||||
})
|
||||
changeStatus,
|
||||
};
|
||||
});
|
||||
|
|
|
|||
|
|
@ -21,9 +21,7 @@
|
|||
v-for="col in props.cols"
|
||||
:key="col.name"
|
||||
:props="props"
|
||||
@click="
|
||||
checkPermission($route)?.attrIsGet && viewDetail(props.row)
|
||||
"
|
||||
@click="checkPermission($route)?.attrIsGet && viewDetail(props.row)"
|
||||
>
|
||||
<div v-if="col.name == 'no'">
|
||||
{{ props.rowIndex + 1 }}
|
||||
|
|
|
|||
|
|
@ -502,7 +502,6 @@
|
|||
:rules="[(val:any) => !!val || `${'กรุณาเลือกประเภทแบบฟอร์ม'}`]"
|
||||
></selector>
|
||||
</q-td>
|
||||
|
||||
</q-tr>
|
||||
</template>
|
||||
</ProfileTable>
|
||||
|
|
|
|||
|
|
@ -144,7 +144,6 @@ a
|
|||
:class="getClass(edit)"
|
||||
:outlined="edit"
|
||||
dense
|
||||
|
||||
:borderless="!edit"
|
||||
:model-value="issueDate + 543"
|
||||
hide-bottom-space
|
||||
|
|
@ -186,7 +185,6 @@ a
|
|||
:class="getClass(edit)"
|
||||
:outlined="edit"
|
||||
dense
|
||||
|
||||
:borderless="!edit"
|
||||
:model-value="date2Thai(issueDate2)"
|
||||
:rules="[(val) => !!val || `${'กรุณาเลือกวันที่ได้รับ'}`]"
|
||||
|
|
@ -293,7 +291,6 @@ a
|
|||
:class="getClass(edit)"
|
||||
:outlined="edit"
|
||||
dense
|
||||
|
||||
:borderless="!edit"
|
||||
:model-value="
|
||||
refCommandDate == null ? null : date2Thai(refCommandDate)
|
||||
|
|
|
|||
|
|
@ -85,7 +85,7 @@ watch(
|
|||
if (modal.value == true) {
|
||||
clearForm();
|
||||
if (edit.value == false) {
|
||||
clear.value = true
|
||||
clear.value = true;
|
||||
const dataList: any = data.value;
|
||||
formData.id = dataList.id;
|
||||
formData.sick = dataList.sick == "-" ? "" : dataList.sick;
|
||||
|
|
@ -130,7 +130,6 @@ watch(
|
|||
<template #trigger>
|
||||
<q-input
|
||||
dense
|
||||
|
||||
hide-bottom-space
|
||||
:rules="[(val:string) => !!val || `${'กรุณาเลือกปี'}`]"
|
||||
:class="inputEdit(isReadonly)"
|
||||
|
|
@ -150,7 +149,10 @@ watch(
|
|||
>
|
||||
</q-icon>
|
||||
</template>
|
||||
<template v-if="formData.year && clear == false " v-slot:append>
|
||||
<template
|
||||
v-if="formData.year && clear == false"
|
||||
v-slot:append
|
||||
>
|
||||
<q-icon
|
||||
name="cancel"
|
||||
@click.stop.prevent="formData.year = 0"
|
||||
|
|
@ -237,12 +239,22 @@ watch(
|
|||
color="red"
|
||||
flat
|
||||
round
|
||||
@click="() => {editForms = false; clear = true;}"
|
||||
@click="
|
||||
() => {
|
||||
editForms = false;
|
||||
clear = true;
|
||||
}
|
||||
"
|
||||
><q-tooltip>ยกเลิก</q-tooltip></q-btn
|
||||
>
|
||||
<q-btn
|
||||
v-if="editForm == true && editForms == false"
|
||||
@click="() => {editForms = true ; clear = false;}"
|
||||
@click="
|
||||
() => {
|
||||
editForms = true;
|
||||
clear = false;
|
||||
}
|
||||
"
|
||||
flat
|
||||
round
|
||||
icon="mdi-pencil-outline"
|
||||
|
|
|
|||
|
|
@ -92,7 +92,6 @@
|
|||
:class="getClass(edit)"
|
||||
:outlined="edit"
|
||||
dense
|
||||
|
||||
:borderless="!edit"
|
||||
:model-value="date2Thai(date)"
|
||||
:rules="[(val:string) => !!val || `${'กรุณาเลือก วัน/เดือน/ปี'}`]"
|
||||
|
|
@ -219,7 +218,6 @@
|
|||
:class="getClass(edit)"
|
||||
:outlined="edit"
|
||||
dense
|
||||
|
||||
:borderless="!edit"
|
||||
:model-value="
|
||||
(refCommandDate && date2Thai(refCommandDate as Date)) || null
|
||||
|
|
|
|||
|
|
@ -174,7 +174,6 @@
|
|||
:class="getClass(edit)"
|
||||
:outlined="edit"
|
||||
dense
|
||||
|
||||
:borderless="!edit"
|
||||
:model-value="Number(startDate) + 543"
|
||||
:rules="[
|
||||
|
|
@ -233,7 +232,6 @@
|
|||
:class="getClass(edit)"
|
||||
:outlined="edit"
|
||||
dense
|
||||
|
||||
:borderless="!edit"
|
||||
:model-value="date2Thai(startDate2 as Date)"
|
||||
:rules="[
|
||||
|
|
@ -297,7 +295,6 @@
|
|||
:class="getClass(edit)"
|
||||
:outlined="edit"
|
||||
dense
|
||||
|
||||
:borderless="!edit"
|
||||
:model-value="Number(endDate) + 543"
|
||||
:rules="[
|
||||
|
|
@ -355,7 +352,6 @@
|
|||
:class="getClass(edit)"
|
||||
:outlined="edit"
|
||||
dense
|
||||
|
||||
:borderless="!edit"
|
||||
:model-value="date2Thai(endDate2 as Date)"
|
||||
:rules="[
|
||||
|
|
@ -415,7 +411,6 @@
|
|||
:class="getClass(edit)"
|
||||
:outlined="edit"
|
||||
dense
|
||||
|
||||
:borderless="!edit"
|
||||
:model-value="finishDate ? date2Thai(finishDate as Date) : null"
|
||||
hide-bottom-space
|
||||
|
|
@ -611,7 +606,6 @@
|
|||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</q-card-section>
|
||||
<q-separator />
|
||||
<DialogFooter
|
||||
|
|
@ -774,7 +768,7 @@ const checkValidate = ref<boolean>(false); //validate data ผ่านหรื
|
|||
const profileId = ref<string>(
|
||||
route.params.id ? route.params.id.toString() : ""
|
||||
);
|
||||
const note = ref<string>()
|
||||
const note = ref<string>();
|
||||
const rows = ref<RequestItemsObject[]>([]);
|
||||
const filter = ref<string>(""); //search data table
|
||||
const visibleColumns = ref<String[]>([]);
|
||||
|
|
@ -1465,7 +1459,7 @@ const saveData = async () => {
|
|||
? dateToISO(endDate2.value as Date)
|
||||
: null
|
||||
: new Date(`${endDate.value}-01-01`),
|
||||
note:note.value
|
||||
note: note.value,
|
||||
})
|
||||
.then((res) => {
|
||||
success($q, "บันทึกข้อมูลสำเร็จ");
|
||||
|
|
@ -1516,7 +1510,7 @@ const editData = async () => {
|
|||
isDate.value == "true"
|
||||
? dateToISO(endDate2.value as Date)
|
||||
: new Date(`${endDate.value}-01-01`),
|
||||
note:note.value
|
||||
note: note.value,
|
||||
})
|
||||
.then((res) => {
|
||||
success($q, "บันทึกข้อมูลสำเร็จ");
|
||||
|
|
|
|||
|
|
@ -157,7 +157,6 @@
|
|||
hide-bottom-space
|
||||
:outlined="edit"
|
||||
dense
|
||||
|
||||
:readonly="!edit"
|
||||
:borderless="!edit"
|
||||
:model-value="
|
||||
|
|
|
|||
|
|
@ -102,7 +102,12 @@
|
|||
:hide-dropdown-icon="!edit"
|
||||
hide-bottom-space
|
||||
:class="getClass(edit)"
|
||||
:readonly="!edit || status == 'lastName' || status == 'firstNameLastName' || status == 'firstName'"
|
||||
:readonly="
|
||||
!edit ||
|
||||
status == 'lastName' ||
|
||||
status == 'firstNameLastName' ||
|
||||
status == 'firstName'
|
||||
"
|
||||
:borderless="!edit"
|
||||
:rules="[(val:string) => !!val || `${'กรุณาเลือก คำนำหน้าชื่อ'}`]"
|
||||
:outlined="edit"
|
||||
|
|
@ -128,7 +133,12 @@
|
|||
:outlined="edit"
|
||||
dense
|
||||
lazy-rules
|
||||
:readonly="!edit || status == 'lastName' || status == 'prefix' || status == 'prefixAndlastName'"
|
||||
:readonly="
|
||||
!edit ||
|
||||
status == 'lastName' ||
|
||||
status == 'prefix' ||
|
||||
status == 'prefixAndlastName'
|
||||
"
|
||||
:borderless="!edit"
|
||||
v-model="firstName"
|
||||
:rules="[(val) => !!val || `${'กรุณากรอกชื่อ'}`]"
|
||||
|
|
@ -417,7 +427,7 @@ const Ops = ref<OldNameOps>({
|
|||
const OpsFilter = ref<OldNameOps>({
|
||||
prefixOps: [],
|
||||
statusOps: [
|
||||
{
|
||||
{
|
||||
id: "prefix",
|
||||
name: "เปลี่ยนคำนำหน้าชื่อ",
|
||||
},
|
||||
|
|
|
|||
|
|
@ -101,7 +101,6 @@
|
|||
:class="getClass(edit)"
|
||||
:outlined="edit"
|
||||
dense
|
||||
|
||||
:borderless="!edit"
|
||||
:model-value="year !== 0 ? (year as number) + 543:null"
|
||||
:rules="[
|
||||
|
|
@ -160,7 +159,6 @@
|
|||
:class="getClass(edit)"
|
||||
:outlined="edit"
|
||||
dense
|
||||
|
||||
:borderless="!edit"
|
||||
:model-value="date2Thai(receiveDate as Date)"
|
||||
:rules="[(val:string) => !!val || `${'กรุณากรอก วัน/เดือน/ปี ที่ได้รับ'}`]"
|
||||
|
|
@ -341,7 +339,6 @@
|
|||
:class="getClass(edit)"
|
||||
:outlined="edit"
|
||||
dense
|
||||
|
||||
:borderless="!edit"
|
||||
:model-value="date2Thai(dateAnnounce as Date)"
|
||||
hide-bottom-space
|
||||
|
|
@ -426,7 +423,6 @@
|
|||
:class="getClass(edit)"
|
||||
:outlined="edit"
|
||||
dense
|
||||
|
||||
:borderless="!edit"
|
||||
:model-value="
|
||||
refCommandDate == null ? null : date2Thai(refCommandDate as Date)
|
||||
|
|
|
|||
|
|
@ -246,7 +246,6 @@
|
|||
<template #trigger>
|
||||
<q-input
|
||||
dense
|
||||
|
||||
hide-bottom-space
|
||||
:rules="[(val:string) => !!val || `${'กรุณาเลือกปี'}`]"
|
||||
:class="getClass(edit)"
|
||||
|
|
|
|||
|
|
@ -87,7 +87,6 @@
|
|||
:class="getClass(edit)"
|
||||
:outlined="edit"
|
||||
dense
|
||||
|
||||
:borderless="!edit"
|
||||
:model-value="date2Thai(date)"
|
||||
:label="`${'วันที่'}`"
|
||||
|
|
@ -213,7 +212,7 @@ const {
|
|||
} = mixin;
|
||||
const route = useRoute();
|
||||
const id = ref<string>("");
|
||||
const date = ref<Date|null>(null);
|
||||
const date = ref<Date | null>(null);
|
||||
const detail = ref<string>();
|
||||
const myForm = ref<any>(); //form data input
|
||||
const edit = ref<boolean>(false); //เช็คการกดปุ่มแก้ไขใน dialog
|
||||
|
|
@ -350,12 +349,12 @@ const fetchData = async () => {
|
|||
data.map((e: ResponseObject) => {
|
||||
rows.value.push({
|
||||
id: e.id,
|
||||
date: e.date ? new Date(e.date):null,
|
||||
date: e.date ? new Date(e.date) : null,
|
||||
detail: e.detail,
|
||||
createdFullName: e.createdFullName,
|
||||
createdAt: new Date(e.createdAt),
|
||||
});
|
||||
console.log(rows.value)
|
||||
console.log(rows.value);
|
||||
});
|
||||
})
|
||||
.catch((e) => {
|
||||
|
|
@ -392,9 +391,10 @@ const clickNext = async () => {
|
|||
*/
|
||||
const getData = () => {
|
||||
const row = rows.value[rowIndex.value];
|
||||
console.log(row)
|
||||
console.log(row);
|
||||
date.value = row.date;
|
||||
inputDate.value = row.date == null ? '':convertDateDisplay(row.date as Date);
|
||||
inputDate.value =
|
||||
row.date == null ? "" : convertDateDisplay(row.date as Date);
|
||||
detail.value = row.detail;
|
||||
id.value = row.id;
|
||||
};
|
||||
|
|
@ -567,7 +567,8 @@ const selectData = async (props: DataProps) => {
|
|||
detail.value = props.row.detail;
|
||||
id.value = props.row.id;
|
||||
|
||||
inputDate.value = date.value !== null ? convertDateDisplay(date.value as Date):'';
|
||||
inputDate.value =
|
||||
date.value !== null ? convertDateDisplay(date.value as Date) : "";
|
||||
await checkRowPage();
|
||||
};
|
||||
|
||||
|
|
|
|||
|
|
@ -10,7 +10,8 @@ import { useRouter } from "vue-router";
|
|||
|
||||
const myForm = ref<QForm>();
|
||||
const mixin = useCounterMixin();
|
||||
const { showLoader, hideLoader, messageError, date2Thai, dialogMessageNotify } = mixin;
|
||||
const { showLoader, hideLoader, messageError, date2Thai, dialogMessageNotify } =
|
||||
mixin;
|
||||
const $q = useQuasar();
|
||||
const router = useRouter();
|
||||
|
||||
|
|
|
|||
|
|
@ -98,7 +98,6 @@
|
|||
:class="getClass(edit)"
|
||||
:outlined="edit"
|
||||
dense
|
||||
|
||||
:borderless="!edit"
|
||||
:model-value="date2Thai(date)"
|
||||
:rules="[(val) => !!val || `${'กรุณาเลือก วัน/เดือน/ปี'}`]"
|
||||
|
|
@ -208,7 +207,6 @@
|
|||
:class="getClass(edit)"
|
||||
:outlined="edit"
|
||||
dense
|
||||
|
||||
:borderless="!edit"
|
||||
:model-value="
|
||||
refCommandDate == null ? null : date2Thai(refCommandDate as Date)
|
||||
|
|
|
|||
|
|
@ -78,8 +78,8 @@ interface Goverment {
|
|||
numberId: string | null;
|
||||
positionExecutive: string | null;
|
||||
positionExecutiveSide: string | null;
|
||||
containDate: Date|null|string;
|
||||
workDate: Date|string|null;
|
||||
containDate: Date | null | string;
|
||||
workDate: Date | string | null;
|
||||
retireDate: string | null;
|
||||
absent: number | null;
|
||||
age: number | null;
|
||||
|
|
@ -217,5 +217,5 @@ export type {
|
|||
DataOption,
|
||||
zipCodeOption,
|
||||
DataOptioninfo,
|
||||
docList
|
||||
docList,
|
||||
};
|
||||
|
|
|
|||
|
|
@ -8,8 +8,8 @@ interface RequestItemsObject {
|
|||
id: string;
|
||||
certificateNo: string;
|
||||
issuer: string;
|
||||
issueDate: Date|null;
|
||||
expireDate: Date|null;
|
||||
issueDate: Date | null;
|
||||
expireDate: Date | null;
|
||||
certificateType: string;
|
||||
createdFullName: string;
|
||||
createdAt: Date;
|
||||
|
|
|
|||
|
|
@ -10,7 +10,7 @@ interface RequestItemsObject {
|
|||
detail: string;
|
||||
unStigma: string;
|
||||
refCommandNo: string;
|
||||
refCommandDate: Date | null|string;
|
||||
refCommandDate: Date | null | string;
|
||||
date: Date;
|
||||
createdFullName: string;
|
||||
createdAt: Date;
|
||||
|
|
|
|||
|
|
@ -21,10 +21,10 @@ interface RequestItemsObject {
|
|||
fundName: string;
|
||||
isDate: string | null;
|
||||
finishDate: Date | null;
|
||||
startDate: number|null;
|
||||
endDate: number|null;
|
||||
startDate2: Date|null;
|
||||
endDate2: Date|null;
|
||||
startDate: number | null;
|
||||
endDate: number | null;
|
||||
startDate2: Date | null;
|
||||
endDate2: Date | null;
|
||||
createdFullName: string;
|
||||
createdAt: Date;
|
||||
note: string;
|
||||
|
|
|
|||
|
|
@ -20,7 +20,7 @@ interface DataProps {
|
|||
//ข้อมูล
|
||||
interface RequestItemsObject {
|
||||
id: string;
|
||||
leaveYear: string|number;
|
||||
leaveYear: string | number;
|
||||
sumRest: string;
|
||||
sumLate: string;
|
||||
sumAbsent: string;
|
||||
|
|
@ -57,7 +57,13 @@ interface DetailData {
|
|||
sumLate: string;
|
||||
sumAbsent: string;
|
||||
sumEducation: string;
|
||||
leaveYear: string|number;
|
||||
leaveYear: string | number;
|
||||
}
|
||||
|
||||
export type { RequestItemsObject, Columns, DataProps, RequestItemsTotalObject,DetailData };
|
||||
export type {
|
||||
RequestItemsObject,
|
||||
Columns,
|
||||
DataProps,
|
||||
RequestItemsTotalObject,
|
||||
DetailData,
|
||||
};
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@ interface DataProps {
|
|||
//ข้อมูล
|
||||
interface RequestItemsObject {
|
||||
id: string;
|
||||
date: Date|null;
|
||||
date: Date | null;
|
||||
detail: string;
|
||||
createdFullName: string;
|
||||
createdAt: Date;
|
||||
|
|
|
|||
|
|
@ -138,5 +138,5 @@ export type {
|
|||
DataProps,
|
||||
RequestItemsEmployee,
|
||||
DataPropsEmployee,
|
||||
RequestItemsHistory
|
||||
RequestItemsHistory,
|
||||
};
|
||||
|
|
|
|||
|
|
@ -15,10 +15,10 @@ interface RequestItemsObject {
|
|||
department: string;
|
||||
numberOrder: string;
|
||||
dateOrder: Date;
|
||||
startDate: number|null;
|
||||
endDate: number|null;
|
||||
startDate2: Date|null;
|
||||
endDate2: Date|null;
|
||||
startDate: number | null;
|
||||
endDate: number | null;
|
||||
startDate2: Date | null;
|
||||
endDate2: Date | null;
|
||||
createdFullName: string;
|
||||
createdAt: Date;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -11,7 +11,7 @@ interface RequestItemsObject {
|
|||
detail: string;
|
||||
reference: string;
|
||||
refCommandNo: string;
|
||||
refCommandDate: Date | null|string;
|
||||
refCommandDate: Date | null | string;
|
||||
createdFullName: string;
|
||||
createdAt: Date;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -19,7 +19,7 @@ interface ResponseObject {
|
|||
sumLate: string;
|
||||
sumAbsent: string;
|
||||
sumEducation: string;
|
||||
leaveYear: string|number;
|
||||
leaveYear: string | number;
|
||||
}
|
||||
|
||||
interface ResponseTotalObject {
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
//ข้อมูล
|
||||
interface ResponseObject {
|
||||
id: string;
|
||||
date: Date|null;
|
||||
date: Date | null;
|
||||
detail: string;
|
||||
createdFullName: string;
|
||||
createdAt: Date;
|
||||
|
|
|
|||
|
|
@ -4,7 +4,8 @@
|
|||
|
||||
const Main = () => import("@/modules/04_registry/views/Main.vue");
|
||||
const Detail = () => import("@/modules/04_registry/components/Profile.vue");
|
||||
const registryVerify = () => import("@/modules/04_registry/views/registry-verify.vue");
|
||||
const registryVerify = () =>
|
||||
import("@/modules/04_registry/views/registry-verify.vue");
|
||||
// const addOrder = () =>
|
||||
// import(
|
||||
// "@/modules/05_placement/components/OrderPlacement/addOrderPlacement.vue"
|
||||
|
|
|
|||
|
|
@ -177,7 +177,7 @@ const { changeTreeRegister, selectedRegister, expandedRegister } = dataStore;
|
|||
const maxPage = ref<number>(1);
|
||||
const rowsPerPage = ref<number>(50);
|
||||
const page = ref<number>(1);
|
||||
const total = ref<number>(0)
|
||||
const total = ref<number>(0);
|
||||
|
||||
const mixin = useCounterMixin();
|
||||
const { date2Thai, messageError, typeRetire, showLoader, hideLoader } = mixin;
|
||||
|
|
@ -1377,7 +1377,7 @@ const doSearch = async () => {
|
|||
.then((res) => {
|
||||
let data = res.data.result.data;
|
||||
maxPage.value = Math.ceil(res.data.result.totalRows / rowsPerPage.value);
|
||||
total.value = res.data.result.totalRows
|
||||
total.value = res.data.result.totalRows;
|
||||
rows.value = [];
|
||||
data.map((e: ResponseObject) => {
|
||||
rows.value.push({
|
||||
|
|
|
|||
|
|
@ -1,41 +1,46 @@
|
|||
interface RequestItemsObject {
|
||||
profileId: string,
|
||||
id?: string;
|
||||
level: string;
|
||||
detail: string;
|
||||
unStigma: string;
|
||||
refCommandNo: string;
|
||||
refCommandDate: Date | null;
|
||||
date: Date | null;
|
||||
|
||||
}
|
||||
|
||||
interface FormFilter {
|
||||
page: number;
|
||||
pageSize: number;
|
||||
keyword: string;
|
||||
type: string;
|
||||
posType: string;
|
||||
posLevel: string;
|
||||
retireYear: string | null;
|
||||
rangeYear: { min: number; max: number };
|
||||
isShowRetire: boolean;
|
||||
isProbation: boolean;
|
||||
}
|
||||
|
||||
interface DataOption {
|
||||
id: string;
|
||||
name: string;
|
||||
}
|
||||
|
||||
interface DisciplineOps {
|
||||
levelOptions: DataOption[];
|
||||
}
|
||||
interface MyObjectRef {
|
||||
date: object | null;
|
||||
detail: object | null;
|
||||
refCommandNo: object | null;
|
||||
[key: string]: any;
|
||||
profileId: string;
|
||||
id?: string;
|
||||
level: string;
|
||||
detail: string;
|
||||
unStigma: string;
|
||||
refCommandNo: string;
|
||||
refCommandDate: Date | null;
|
||||
date: Date | null;
|
||||
}
|
||||
|
||||
export type { RequestItemsObject,FormFilter,DataOption,DisciplineOps,MyObjectRef };
|
||||
interface FormFilter {
|
||||
page: number;
|
||||
pageSize: number;
|
||||
keyword: string;
|
||||
type: string;
|
||||
posType: string;
|
||||
posLevel: string;
|
||||
retireYear: string | null;
|
||||
rangeYear: { min: number; max: number };
|
||||
isShowRetire: boolean;
|
||||
isProbation: boolean;
|
||||
}
|
||||
|
||||
interface DataOption {
|
||||
id: string;
|
||||
name: string;
|
||||
}
|
||||
|
||||
interface DisciplineOps {
|
||||
levelOptions: DataOption[];
|
||||
}
|
||||
interface MyObjectRef {
|
||||
date: object | null;
|
||||
detail: object | null;
|
||||
refCommandNo: object | null;
|
||||
[key: string]: any;
|
||||
}
|
||||
|
||||
export type {
|
||||
RequestItemsObject,
|
||||
FormFilter,
|
||||
DataOption,
|
||||
DisciplineOps,
|
||||
MyObjectRef,
|
||||
};
|
||||
|
|
|
|||
|
|
@ -1,9 +1,7 @@
|
|||
interface ArrayFileList {
|
||||
id:string
|
||||
pathName:string
|
||||
fileName:string
|
||||
id: string;
|
||||
pathName: string;
|
||||
fileName: string;
|
||||
}
|
||||
|
||||
export type {
|
||||
ArrayFileList
|
||||
}
|
||||
export type { ArrayFileList };
|
||||
|
|
|
|||
|
|
@ -1,19 +1,19 @@
|
|||
interface FormData {
|
||||
type: string,
|
||||
citizenId: string,
|
||||
fullName: string,
|
||||
retireYear: number | null,
|
||||
year: number | null,
|
||||
posPath: string,
|
||||
posLevel: string,
|
||||
posOc: string,
|
||||
isShowRetire: boolean,
|
||||
isProbation: boolean,
|
||||
type: string;
|
||||
citizenId: string;
|
||||
fullName: string;
|
||||
retireYear: number | null;
|
||||
year: number | null;
|
||||
posPath: string;
|
||||
posLevel: string;
|
||||
posOc: string;
|
||||
isShowRetire: boolean;
|
||||
isProbation: boolean;
|
||||
}
|
||||
|
||||
interface YearRange {
|
||||
min:number,
|
||||
max:number
|
||||
min: number;
|
||||
max: number;
|
||||
}
|
||||
|
||||
export type { FormData , YearRange}
|
||||
export type { FormData, YearRange };
|
||||
|
|
|
|||
|
|
@ -1,55 +1,62 @@
|
|||
interface DetailData {
|
||||
id: string;
|
||||
typeLeave: string;
|
||||
dateStartLeave: Date | null;
|
||||
dateEndLeave: Date | null;
|
||||
numLeave: number;
|
||||
status: string;
|
||||
reason: string;
|
||||
typeLeaveId: string;
|
||||
code: string;
|
||||
id: string;
|
||||
typeLeave: string;
|
||||
dateStartLeave: Date | null;
|
||||
dateEndLeave: Date | null;
|
||||
numLeave: number;
|
||||
status: string;
|
||||
reason: string;
|
||||
typeLeaveId: string;
|
||||
code: string;
|
||||
}
|
||||
|
||||
interface FormFilter {
|
||||
page: number;
|
||||
pageSize: number;
|
||||
keyword: string;
|
||||
type: string;
|
||||
posType: string;
|
||||
posLevel: string;
|
||||
retireYear: string | null;
|
||||
rangeYear: { min: number; max: number };
|
||||
isShowRetire: boolean;
|
||||
isProbation: boolean;
|
||||
page: number;
|
||||
pageSize: number;
|
||||
keyword: string;
|
||||
type: string;
|
||||
posType: string;
|
||||
posLevel: string;
|
||||
retireYear: string | null;
|
||||
rangeYear: { min: number; max: number };
|
||||
isShowRetire: boolean;
|
||||
isProbation: boolean;
|
||||
}
|
||||
|
||||
interface DataOptionLeave {
|
||||
id: string;
|
||||
name: string;
|
||||
totalLeave: number;
|
||||
id: string;
|
||||
name: string;
|
||||
totalLeave: number;
|
||||
}
|
||||
|
||||
interface DataOption {
|
||||
id: string;
|
||||
name: string;
|
||||
disable?: boolean;
|
||||
id: string;
|
||||
name: string;
|
||||
disable?: boolean;
|
||||
}
|
||||
|
||||
interface ResponseTotalObject {
|
||||
typeLeaveId: string;
|
||||
typeLeave: string;
|
||||
totalLeave: number;
|
||||
limitLeave: string;
|
||||
remainLeave: string;
|
||||
typeLeaveId: string;
|
||||
typeLeave: string;
|
||||
totalLeave: number;
|
||||
limitLeave: string;
|
||||
remainLeave: string;
|
||||
}
|
||||
|
||||
interface MyObjectRef {
|
||||
typeLeave: object | null;
|
||||
dateRange: object | null;
|
||||
numLeave: object | null;
|
||||
statLeave: object | null;
|
||||
reason: object | null;
|
||||
[key: string]: any;
|
||||
typeLeave: object | null;
|
||||
dateRange: object | null;
|
||||
numLeave: object | null;
|
||||
statLeave: object | null;
|
||||
reason: object | null;
|
||||
[key: string]: any;
|
||||
}
|
||||
|
||||
export type { DetailData, FormFilter, DataOptionLeave, DataOption, ResponseTotalObject, MyObjectRef };
|
||||
export type {
|
||||
DetailData,
|
||||
FormFilter,
|
||||
DataOptionLeave,
|
||||
DataOption,
|
||||
ResponseTotalObject,
|
||||
MyObjectRef,
|
||||
};
|
||||
|
|
|
|||
|
|
@ -1,31 +1,27 @@
|
|||
interface RowList {
|
||||
id: string;
|
||||
date: Date | null;
|
||||
detail: string;
|
||||
lastUpdateFullName: string;
|
||||
lastUpdatedAt: Date;
|
||||
id: string;
|
||||
date: Date | null;
|
||||
detail: string;
|
||||
lastUpdateFullName: string;
|
||||
lastUpdatedAt: Date;
|
||||
}
|
||||
|
||||
interface FormFilter {
|
||||
page: number;
|
||||
pageSize: number;
|
||||
keyword: string;
|
||||
type: string;
|
||||
posType: string;
|
||||
posLevel: string;
|
||||
retireYear: string | null;
|
||||
rangeYear: { min: number; max: number };
|
||||
isShowRetire: boolean;
|
||||
isProbation: boolean;
|
||||
page: number;
|
||||
pageSize: number;
|
||||
keyword: string;
|
||||
type: string;
|
||||
posType: string;
|
||||
posLevel: string;
|
||||
retireYear: string | null;
|
||||
rangeYear: { min: number; max: number };
|
||||
isShowRetire: boolean;
|
||||
isProbation: boolean;
|
||||
}
|
||||
interface MyObjectRef {
|
||||
date: object | null;
|
||||
detail: object | null;
|
||||
[key: string]: any
|
||||
date: object | null;
|
||||
detail: object | null;
|
||||
[key: string]: any;
|
||||
}
|
||||
|
||||
export type {
|
||||
RowList,
|
||||
FormFilter,
|
||||
MyObjectRef,
|
||||
}
|
||||
export type { RowList, FormFilter, MyObjectRef };
|
||||
|
|
|
|||
|
|
@ -1,48 +1,48 @@
|
|||
interface FormFilter {
|
||||
page: number;
|
||||
pageSize: number;
|
||||
keyword: string;
|
||||
type: string;
|
||||
posType: string;
|
||||
posLevel: string;
|
||||
retireYear: string | null;
|
||||
rangeYear: { min: number; max: number };
|
||||
isShowRetire: boolean;
|
||||
isProbation: boolean;
|
||||
page: number;
|
||||
pageSize: number;
|
||||
keyword: string;
|
||||
type: string;
|
||||
posType: string;
|
||||
posLevel: string;
|
||||
retireYear: string | null;
|
||||
rangeYear: { min: number; max: number };
|
||||
isShowRetire: boolean;
|
||||
isProbation: boolean;
|
||||
}
|
||||
|
||||
//ข้อมูล
|
||||
interface RequestItemsObject {
|
||||
profileId: string,
|
||||
id?: string,
|
||||
dateStart: Date | null,
|
||||
dateEnd: Date | null,
|
||||
detail: string,
|
||||
reference: string,
|
||||
refCommandNo: string,
|
||||
refCommandDate: Date | null,
|
||||
}
|
||||
profileId: string;
|
||||
id?: string;
|
||||
dateStart: Date | null;
|
||||
dateEnd: Date | null;
|
||||
detail: string;
|
||||
reference: string;
|
||||
refCommandNo: string;
|
||||
refCommandDate: Date | null;
|
||||
}
|
||||
|
||||
interface MyObjectRef {
|
||||
dateStart:object|null
|
||||
dateEnd:object|null
|
||||
detail:object|null
|
||||
reference:object|null
|
||||
[key: string]: any;
|
||||
}
|
||||
dateStart: object | null;
|
||||
dateEnd: object | null;
|
||||
detail: object | null;
|
||||
reference: object | null;
|
||||
[key: string]: any;
|
||||
}
|
||||
|
||||
interface ResponseObject {
|
||||
lastUpdateFullName: string,
|
||||
lastUpdatedAt: Date,
|
||||
id: string;
|
||||
dateStart: Date;
|
||||
dateEnd: Date;
|
||||
detail: string;
|
||||
reference: string;
|
||||
refCommandNo: string;
|
||||
refCommandDate: Date | null;
|
||||
createdFullName: string;
|
||||
createdAt: Date;
|
||||
}
|
||||
|
||||
export type{ FormFilter,RequestItemsObject,MyObjectRef,ResponseObject }
|
||||
interface ResponseObject {
|
||||
lastUpdateFullName: string;
|
||||
lastUpdatedAt: Date;
|
||||
id: string;
|
||||
dateStart: Date;
|
||||
dateEnd: Date;
|
||||
detail: string;
|
||||
reference: string;
|
||||
refCommandNo: string;
|
||||
refCommandDate: Date | null;
|
||||
createdFullName: string;
|
||||
createdAt: Date;
|
||||
}
|
||||
|
||||
export type { FormFilter, RequestItemsObject, MyObjectRef, ResponseObject };
|
||||
|
|
|
|||
|
|
@ -11,6 +11,4 @@ interface RequestObject {
|
|||
registrationAddress: string | null;
|
||||
}
|
||||
|
||||
export type {
|
||||
RequestObject,
|
||||
};
|
||||
export type { RequestObject };
|
||||
|
|
|
|||
|
|
@ -12,8 +12,8 @@ interface FormFilter {
|
|||
}
|
||||
|
||||
interface FormAddPerson {
|
||||
birthDate: Date | null,
|
||||
rank: string,
|
||||
birthDate: Date | null;
|
||||
rank: string;
|
||||
prefix: string;
|
||||
firstName: string;
|
||||
lastName: string;
|
||||
|
|
|
|||
|
|
@ -1,10 +1,10 @@
|
|||
interface RequestItemsObject {
|
||||
certificateType: string;
|
||||
issuer: string;
|
||||
certificateNo: string;
|
||||
issueDate: Date;
|
||||
expireDate: Date | null;
|
||||
profileId: string;
|
||||
certificateType: string;
|
||||
issuer: string;
|
||||
certificateNo: string;
|
||||
issueDate: Date;
|
||||
expireDate: Date | null;
|
||||
profileId: string;
|
||||
}
|
||||
|
||||
export type { RequestItemsObject };
|
||||
|
|
|
|||
|
|
@ -1,13 +1,11 @@
|
|||
interface RequestItemsObject {
|
||||
field: string;
|
||||
detail: string;
|
||||
remark: string;
|
||||
reference: string;
|
||||
dateStart: Date | null,
|
||||
dateEnd: Date | null ,
|
||||
profileId: string,
|
||||
}
|
||||
|
||||
export type { RequestItemsObject };
|
||||
field: string;
|
||||
detail: string;
|
||||
remark: string;
|
||||
reference: string;
|
||||
dateStart: Date | null;
|
||||
dateEnd: Date | null;
|
||||
profileId: string;
|
||||
}
|
||||
|
||||
|
||||
export type { RequestItemsObject };
|
||||
|
|
|
|||
|
|
@ -1,19 +1,18 @@
|
|||
interface RequestItemsObject {
|
||||
name: string,
|
||||
topic: string,
|
||||
yearly: number | null,
|
||||
place: string,
|
||||
duration: string,
|
||||
department: string,
|
||||
numberOrder: string,
|
||||
dateOrder: Date | null,
|
||||
startDate: Date,
|
||||
endDate: Date,
|
||||
startYear: number,
|
||||
finishYear: number,
|
||||
profileId: string,
|
||||
isDate: boolean,
|
||||
}
|
||||
|
||||
export type { RequestItemsObject };
|
||||
name: string;
|
||||
topic: string;
|
||||
yearly: number | null;
|
||||
place: string;
|
||||
duration: string;
|
||||
department: string;
|
||||
numberOrder: string;
|
||||
dateOrder: Date | null;
|
||||
startDate: Date;
|
||||
endDate: Date;
|
||||
startYear: number;
|
||||
finishYear: number;
|
||||
profileId: string;
|
||||
isDate: boolean;
|
||||
}
|
||||
|
||||
export type { RequestItemsObject };
|
||||
|
|
|
|||
|
|
@ -1,34 +1,33 @@
|
|||
//ข้อมูล
|
||||
interface ResponseObject {
|
||||
createdAt: Date
|
||||
createdFullName: string
|
||||
createdUserId: string
|
||||
educationLevel: string;
|
||||
institute: string;
|
||||
startYear: number;
|
||||
endYear: number;
|
||||
finishDate: Date;
|
||||
startDate: Date;
|
||||
endDate: Date;
|
||||
isEducation: boolean | null;
|
||||
degree: string;
|
||||
field: string;
|
||||
fundName: string;
|
||||
gpa: string;
|
||||
country: string;
|
||||
other: string;
|
||||
duration: string;
|
||||
durationYear: number | null;
|
||||
note: string;
|
||||
isActive: boolean
|
||||
isDate: boolean
|
||||
positionPath: string
|
||||
positionPathId : string
|
||||
profileId: string
|
||||
lastUpdateFullName: string
|
||||
lastUpdateUserID: string
|
||||
lastUpdatedAt: Date
|
||||
}
|
||||
|
||||
export type { ResponseObject };
|
||||
|
||||
createdAt: Date;
|
||||
createdFullName: string;
|
||||
createdUserId: string;
|
||||
educationLevel: string;
|
||||
institute: string;
|
||||
startYear: number;
|
||||
endYear: number;
|
||||
finishDate: Date;
|
||||
startDate: Date;
|
||||
endDate: Date;
|
||||
isEducation: boolean | null;
|
||||
degree: string;
|
||||
field: string;
|
||||
fundName: string;
|
||||
gpa: string;
|
||||
country: string;
|
||||
other: string;
|
||||
duration: string;
|
||||
durationYear: number | null;
|
||||
note: string;
|
||||
isActive: boolean;
|
||||
isDate: boolean;
|
||||
positionPath: string;
|
||||
positionPathId: string;
|
||||
profileId: string;
|
||||
lastUpdateFullName: string;
|
||||
lastUpdateUserID: string;
|
||||
lastUpdatedAt: Date;
|
||||
}
|
||||
|
||||
export type { ResponseObject };
|
||||
|
|
|
|||
|
|
@ -1,12 +1,11 @@
|
|||
//ข้อมูล
|
||||
interface ResponseObject {
|
||||
issuer: string,
|
||||
certificateType: string,
|
||||
certificateNo: string,
|
||||
issueDate: Date | null,
|
||||
isActive: boolean,
|
||||
expireDate: Date | null
|
||||
}
|
||||
|
||||
export type { ResponseObject };
|
||||
|
||||
issuer: string;
|
||||
certificateType: string;
|
||||
certificateNo: string;
|
||||
issueDate: Date | null;
|
||||
isActive: boolean;
|
||||
expireDate: Date | null;
|
||||
}
|
||||
|
||||
export type { ResponseObject };
|
||||
|
|
|
|||
|
|
@ -1,21 +1,20 @@
|
|||
//ข้อมูล
|
||||
interface ResponseObject {
|
||||
createdAt: Date
|
||||
createdFullName: string
|
||||
createdUserId: string
|
||||
dateStart: Date | null
|
||||
dateEnd: Date | null
|
||||
detail: string
|
||||
field: string
|
||||
id: string
|
||||
isActive: boolean
|
||||
lastUpdateFullName: string
|
||||
lastUpdateUserId: string
|
||||
lastUpdatedAt: Date
|
||||
profileId: string
|
||||
reference: string
|
||||
remark: string
|
||||
}
|
||||
|
||||
export type { ResponseObject };
|
||||
|
||||
createdAt: Date;
|
||||
createdFullName: string;
|
||||
createdUserId: string;
|
||||
dateStart: Date | null;
|
||||
dateEnd: Date | null;
|
||||
detail: string;
|
||||
field: string;
|
||||
id: string;
|
||||
isActive: boolean;
|
||||
lastUpdateFullName: string;
|
||||
lastUpdateUserId: string;
|
||||
lastUpdatedAt: Date;
|
||||
profileId: string;
|
||||
reference: string;
|
||||
remark: string;
|
||||
}
|
||||
|
||||
export type { ResponseObject };
|
||||
|
|
|
|||
|
|
@ -1,26 +1,25 @@
|
|||
//ข้อมูล
|
||||
interface ResponseObject {
|
||||
createdAt: Date
|
||||
createdFullName: string
|
||||
createdUserId: string
|
||||
dateOrder: Date
|
||||
dateStart: Date | null
|
||||
dateEnd: Date | null
|
||||
department: string
|
||||
duration : string
|
||||
id: string
|
||||
isActive: boolean
|
||||
isDate: boolean
|
||||
lastUpdateFullName: string
|
||||
lastUpdateUserId: string
|
||||
lastUpdateAt: Date
|
||||
name: string
|
||||
numberOrder: string
|
||||
place: string
|
||||
profileId: string
|
||||
topic: string
|
||||
yearly: number
|
||||
}
|
||||
|
||||
export type { ResponseObject };
|
||||
|
||||
createdAt: Date;
|
||||
createdFullName: string;
|
||||
createdUserId: string;
|
||||
dateOrder: Date;
|
||||
dateStart: Date | null;
|
||||
dateEnd: Date | null;
|
||||
department: string;
|
||||
duration: string;
|
||||
id: string;
|
||||
isActive: boolean;
|
||||
isDate: boolean;
|
||||
lastUpdateFullName: string;
|
||||
lastUpdateUserId: string;
|
||||
lastUpdateAt: Date;
|
||||
name: string;
|
||||
numberOrder: string;
|
||||
place: string;
|
||||
profileId: string;
|
||||
topic: string;
|
||||
yearly: number;
|
||||
}
|
||||
|
||||
export type { ResponseObject };
|
||||
|
|
|
|||
|
|
@ -13,7 +13,14 @@ const close = async () => {
|
|||
<template>
|
||||
<q-toolbar class="q-py-md">
|
||||
<q-toolbar-title class="header-text">{{ title }}</q-toolbar-title>
|
||||
<q-btn icon="close" unelevated round dense @click="close" style="color: #ff8080; background-color: #ffdede" />
|
||||
<q-btn
|
||||
icon="close"
|
||||
unelevated
|
||||
round
|
||||
dense
|
||||
@click="close"
|
||||
style="color: #ff8080; background-color: #ffdede"
|
||||
/>
|
||||
</q-toolbar>
|
||||
</template>
|
||||
|
||||
|
|
@ -22,6 +29,6 @@ const close = async () => {
|
|||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
line-height: 26px;
|
||||
color: #35373C;
|
||||
color: #35373c;
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -13,17 +13,22 @@ const close = async () => {
|
|||
<template>
|
||||
<q-toolbar class="q-py-md">
|
||||
<q-toolbar-title class="header-text">{{ title }}</q-toolbar-title>
|
||||
<q-btn icon="close" unelevated round dense @click="close" style="color: #ff8080; background-color: #ffdede" />
|
||||
<q-btn
|
||||
icon="close"
|
||||
unelevated
|
||||
round
|
||||
dense
|
||||
@click="close"
|
||||
style="color: #ff8080; background-color: #ffdede"
|
||||
/>
|
||||
</q-toolbar>
|
||||
</template>
|
||||
|
||||
<style scoped lang="scss">
|
||||
|
||||
|
||||
.header-text {
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
line-height: 26px;
|
||||
color: #35373C;
|
||||
color: #35373c;
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -13,17 +13,22 @@ const close = async () => {
|
|||
<template>
|
||||
<q-toolbar class="q-py-md">
|
||||
<q-toolbar-title class="header-text">{{ title }}</q-toolbar-title>
|
||||
<q-btn icon="close" unelevated round dense @click="close" style="color: #ff8080; background-color: #ffdede" />
|
||||
<q-btn
|
||||
icon="close"
|
||||
unelevated
|
||||
round
|
||||
dense
|
||||
@click="close"
|
||||
style="color: #ff8080; background-color: #ffdede"
|
||||
/>
|
||||
</q-toolbar>
|
||||
</template>
|
||||
|
||||
<style scoped lang="scss">
|
||||
|
||||
|
||||
.header-text {
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
line-height: 26px;
|
||||
color: #35373C;
|
||||
color: #35373c;
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -28,7 +28,7 @@ function close() {
|
|||
function onSubmit() {
|
||||
dialogConfirm($q, () => {
|
||||
const url = editCheck.value
|
||||
? config.API.changePosition+`/${idRound.value}`
|
||||
? config.API.changePosition + `/${idRound.value}`
|
||||
: config.API.changePosition;
|
||||
|
||||
http[editCheck.value ? "put" : "post"](url, {
|
||||
|
|
|
|||
|
|
@ -97,7 +97,7 @@ const resetFilter = () => {
|
|||
filterKeyword.value = "";
|
||||
filterKeyword2.value = "";
|
||||
filterRef.value.focus();
|
||||
fecthLists()
|
||||
fecthLists();
|
||||
};
|
||||
|
||||
//ปิด modal
|
||||
|
|
@ -374,7 +374,6 @@ onMounted(() => {
|
|||
{{ col.value ? col.value : "-" }}
|
||||
</div>
|
||||
</q-td>
|
||||
|
||||
</q-tr>
|
||||
</template>
|
||||
</d-table>
|
||||
|
|
|
|||
|
|
@ -135,7 +135,7 @@ const resetFilter = () => {
|
|||
filterKeyword.value = "";
|
||||
filterKeyword2.value = "";
|
||||
filterRef.value.focus();
|
||||
fecthLists()
|
||||
fecthLists();
|
||||
};
|
||||
|
||||
//ปิด modal
|
||||
|
|
@ -156,8 +156,8 @@ const fecthLists = async () => {
|
|||
config.API.changePositionById +
|
||||
`/${id.value}?page=${pagination.value.page}&pageSize=${pagination.value.rowsPerPage}&searchKeyword=${filterKeyword.value}`
|
||||
)
|
||||
.then(async(res) => {
|
||||
let response = await res.data.result;
|
||||
.then(async (res) => {
|
||||
let response = await res.data.result;
|
||||
totalList.value = Math.ceil(
|
||||
res.data.result.total / pagination.value.rowsPerPage
|
||||
);
|
||||
|
|
@ -245,13 +245,12 @@ function onSave(data: any) {
|
|||
function updatePagination(newPagination: any) {
|
||||
pagination.value.page = 1;
|
||||
pagination.value.rowsPerPage = newPagination.rowsPerPage;
|
||||
|
||||
}
|
||||
|
||||
watch(
|
||||
() => pagination.value.rowsPerPage,
|
||||
async() => {
|
||||
await fecthLists();
|
||||
async () => {
|
||||
await fecthLists();
|
||||
}
|
||||
);
|
||||
|
||||
|
|
@ -417,7 +416,9 @@ onMounted(() => {
|
|||
</div>
|
||||
<div v-else-if="col.name == 'lastUpdatedAt'">
|
||||
{{
|
||||
props.row.lastUpdatedAt ? date2Thai(props.row.lastUpdatedAt) : "-"
|
||||
props.row.lastUpdatedAt
|
||||
? date2Thai(props.row.lastUpdatedAt)
|
||||
: "-"
|
||||
}}
|
||||
</div>
|
||||
<div v-else>
|
||||
|
|
|
|||
|
|
@ -6,35 +6,35 @@
|
|||
<div class="q-gutter-sm row">
|
||||
<div class="col-12 row items-center">
|
||||
<div class="col-2 row justify-center">
|
||||
<q-btn outline color="grey-6" :label="'1'"> </q-btn>
|
||||
<q-btn outline color="grey-6" :label="'1'"> </q-btn>
|
||||
</div>
|
||||
<div class="q-pl-md col-3">ต่ำกว่าความคาดหวังมาก</div>
|
||||
<div class="q-pl-md">หมายถึง มีคะแนนเฉลี่ยที่ระดับ 1</div>
|
||||
</div>
|
||||
<div class="col-12 row items-center">
|
||||
<div class="col-2 row justify-center">
|
||||
<q-btn outline color="grey-6" :label="'2'"> </q-btn>
|
||||
<q-btn outline color="grey-6" :label="'2'"> </q-btn>
|
||||
</div>
|
||||
<div class="q-pl-md col-3">ต่ำกว่าความคาดหวังค่อนข้างมาก</div>
|
||||
<div class="q-pl-md">หมายถึง มีคะแนนเฉลี่ยที่ระดับ 2</div>
|
||||
</div>
|
||||
<div class="col-12 row items-center">
|
||||
<div class="col-2 row justify-center">
|
||||
<q-btn outline color="grey-6" :label="'3'"> </q-btn>
|
||||
<q-btn outline color="grey-6" :label="'3'"> </q-btn>
|
||||
</div>
|
||||
<div class="q-pl-md col-3">เป็นไปตามความคาดหวัง</div>
|
||||
<div class="q-pl-md">หมายถึง มีคะแนนเฉลี่ยที่ระดับ 3</div>
|
||||
</div>
|
||||
<div class="col-12 row items-center">
|
||||
<div class="col-2 row justify-center">
|
||||
<q-btn outline color="grey-6" :label="'4'"> </q-btn>
|
||||
<q-btn outline color="grey-6" :label="'4'"> </q-btn>
|
||||
</div>
|
||||
<div class="q-pl-md col-3">สูงว่าความคาดหวังค่อนข้างมาก</div>
|
||||
<div class="q-pl-md">หมายถึง มีคะแนนเฉลี่ยที่ระดับ 4</div>
|
||||
</div>
|
||||
<div class="col-12 row items-center">
|
||||
<div class="col-2 row justify-center">
|
||||
<q-btn outline color="grey-6" :label="'5'"> </q-btn>
|
||||
<q-btn outline color="grey-6" :label="'5'"> </q-btn>
|
||||
</div>
|
||||
<div class="q-pl-md col-3">สูงกว่าความคาดหวังมาก</div>
|
||||
<div class="q-pl-md">หมายถึง มีคะแนนเฉลี่ยที่ระดับ 5</div>
|
||||
|
|
|
|||
|
|
@ -13,17 +13,22 @@ const close = async () => {
|
|||
<template>
|
||||
<q-toolbar class="q-py-md">
|
||||
<q-toolbar-title class="header-text">{{ title }}</q-toolbar-title>
|
||||
<q-btn icon="close" unelevated round dense @click="close" style="color: #ff8080; background-color: #ffdede" />
|
||||
<q-btn
|
||||
icon="close"
|
||||
unelevated
|
||||
round
|
||||
dense
|
||||
@click="close"
|
||||
style="color: #ff8080; background-color: #ffdede"
|
||||
/>
|
||||
</q-toolbar>
|
||||
</template>
|
||||
|
||||
<style scoped lang="scss">
|
||||
|
||||
|
||||
.header-text {
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
line-height: 26px;
|
||||
color: #35373C;
|
||||
color: #35373c;
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,4 @@
|
|||
<script setup lang="ts">
|
||||
|
||||
/** รับค่ามาจากหน้าหลัก */
|
||||
const props = defineProps({
|
||||
editvisible: Boolean,
|
||||
|
|
@ -32,41 +31,40 @@ const emit = defineEmits([
|
|||
* ฟังชั่น update
|
||||
* @param value true/false
|
||||
*/
|
||||
function updateEdit(value: Boolean){
|
||||
function updateEdit(value: Boolean) {
|
||||
emit("update:editvisible", value);
|
||||
};
|
||||
}
|
||||
|
||||
/** update edit */
|
||||
async function edit(){
|
||||
async function edit() {
|
||||
updateEdit(!props.editvisible);
|
||||
props.edit();
|
||||
};
|
||||
}
|
||||
|
||||
/** save */
|
||||
function checkSave(){
|
||||
function checkSave() {
|
||||
props.validate();
|
||||
props.save();
|
||||
|
||||
};
|
||||
}
|
||||
</script>
|
||||
<template>
|
||||
<q-card-actions class="text-primary">
|
||||
<q-space />
|
||||
<q-btn
|
||||
v-if="!editvisible"
|
||||
<q-btn
|
||||
v-if="!editvisible"
|
||||
outline
|
||||
:disabled="editvisible"
|
||||
:disabled="editvisible"
|
||||
:color="editvisible ? 'grey-7' : 'primary'"
|
||||
@click="edit"
|
||||
>
|
||||
@click="edit"
|
||||
>
|
||||
</q-btn>
|
||||
|
||||
<div v-else>
|
||||
<q-btn
|
||||
<q-btn
|
||||
unelevated
|
||||
label="บันทึก"
|
||||
:disabled="!editvisible"
|
||||
:color="!editvisible ? 'grey-7' : 'public'"
|
||||
:disabled="!editvisible"
|
||||
:color="!editvisible ? 'grey-7' : 'public'"
|
||||
@click="checkSave"
|
||||
>
|
||||
</q-btn>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,4 @@
|
|||
<script setup lang="ts">
|
||||
|
||||
/** รับค่ามาจากหน้าหลัก */
|
||||
const props = defineProps({
|
||||
title: String,
|
||||
|
|
@ -17,17 +16,22 @@ const close = async () => {
|
|||
<template>
|
||||
<q-toolbar class="q-py-md">
|
||||
<q-toolbar-title class="header-text">{{ title }}</q-toolbar-title>
|
||||
<q-btn icon="close" unelevated round dense @click="close" style="color: #ff8080; background-color: #ffdede" />
|
||||
<q-btn
|
||||
icon="close"
|
||||
unelevated
|
||||
round
|
||||
dense
|
||||
@click="close"
|
||||
style="color: #ff8080; background-color: #ffdede"
|
||||
/>
|
||||
</q-toolbar>
|
||||
</template>
|
||||
|
||||
<style scoped lang="scss">
|
||||
|
||||
|
||||
.header-text {
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
line-height: 26px;
|
||||
color: #35373C;
|
||||
color: #35373c;
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,4 @@
|
|||
<script setup lang="ts">
|
||||
|
||||
const props = defineProps({
|
||||
editvisible: Boolean,
|
||||
modalEdit: Boolean,
|
||||
|
|
@ -39,30 +38,30 @@ const edit = async () => {
|
|||
const checkSave = () => {
|
||||
props.validate();
|
||||
props.save();
|
||||
|
||||
};
|
||||
</script>
|
||||
<template>
|
||||
<q-card-actions class="text-primary">
|
||||
<q-space />
|
||||
<q-btn
|
||||
v-if="!editvisible"
|
||||
<q-btn
|
||||
v-if="!editvisible"
|
||||
outline
|
||||
:disabled="editvisible"
|
||||
:disabled="editvisible"
|
||||
:color="editvisible ? 'grey-7' : 'primary'"
|
||||
@click="edit"
|
||||
@click="edit"
|
||||
><!-- icon="mdi-pencil-outline"
|
||||
<q-tooltip>แก้ไขข้อมูล</q-tooltip> -->
|
||||
</q-btn>
|
||||
<div v-else>
|
||||
<q-btn
|
||||
<q-btn
|
||||
unelevated
|
||||
label="บันทึก"
|
||||
:disabled="!editvisible"
|
||||
:color="!editvisible ? 'grey-7' : 'public'"
|
||||
:disabled="!editvisible"
|
||||
:color="!editvisible ? 'grey-7' : 'public'"
|
||||
@click="checkSave"
|
||||
>
|
||||
</q-btn><!-- icon="mdi-content-save-outline">
|
||||
</q-btn
|
||||
><!-- icon="mdi-content-save-outline">
|
||||
<q-tooltip>บันทึก</q-tooltip> -->
|
||||
</div>
|
||||
</q-card-actions>
|
||||
|
|
|
|||
|
|
@ -13,17 +13,22 @@ const close = async () => {
|
|||
<template>
|
||||
<q-toolbar class="q-py-sm">
|
||||
<q-toolbar-title class="header-text">{{ title }}</q-toolbar-title>
|
||||
<q-btn icon="close" unelevated round dense @click="close" style="color: #ff8080; background-color: #ffdede" />
|
||||
<q-btn
|
||||
icon="close"
|
||||
unelevated
|
||||
round
|
||||
dense
|
||||
@click="close"
|
||||
style="color: #ff8080; background-color: #ffdede"
|
||||
/>
|
||||
</q-toolbar>
|
||||
</template>
|
||||
|
||||
<style scoped lang="scss">
|
||||
|
||||
|
||||
.header-text {
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
line-height: 26px;
|
||||
color: #35373C;
|
||||
color: #35373c;
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -272,7 +272,7 @@ const nextPage = (id: string) => {
|
|||
function onSave(data: any) {
|
||||
console.log("not save", data);
|
||||
const dataAppoint = {
|
||||
node: data.node,
|
||||
node: data.node,
|
||||
nodeId: data.nodeId,
|
||||
orgRevisionId: data.orgRevisionId,
|
||||
positionId: data.positionId,
|
||||
|
|
|
|||
|
|
@ -29,7 +29,7 @@ const {
|
|||
const route = useRoute();
|
||||
const checkRoutePermisson = ref<boolean>(route.name == "probationFormDetail");
|
||||
const assignId = ref<string>(route.params.form.toString());
|
||||
const { fecthAssignoutput,assign } = probationStore;
|
||||
const { fecthAssignoutput, assign } = probationStore;
|
||||
const Autherise = ref<any>(null);
|
||||
const dateAutherise = ref<any>(new Date());
|
||||
const option = ref<any>([]);
|
||||
|
|
|
|||
|
|
@ -110,7 +110,7 @@ const variablesToWatch = [
|
|||
success_level,
|
||||
];
|
||||
|
||||
function savaForm(){
|
||||
function savaForm() {
|
||||
let hasError = false;
|
||||
behavio_strengthRef.value.validate();
|
||||
if (
|
||||
|
|
@ -166,13 +166,13 @@ function savaForm(){
|
|||
}
|
||||
dialogMessageNotify($q, "กรุณากรอกข้อมูลให้ครบ");
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
/**
|
||||
* get ประเมิน
|
||||
* @param id
|
||||
*/
|
||||
async function fecthAssign(id: string) {
|
||||
async function fecthAssign(id: string) {
|
||||
showLoader();
|
||||
await http
|
||||
.get(config.API.evaluateCreate(id))
|
||||
|
|
|
|||
|
|
@ -1,5 +1,4 @@
|
|||
<script setup lang="ts">
|
||||
|
||||
import { ref, defineAsyncComponent, computed, onMounted, watch } from "vue";
|
||||
import { useQuasar, QForm } from "quasar";
|
||||
import { useProbationDataStore } from "@/modules/05_placement/storeProbation";
|
||||
|
|
@ -691,7 +690,6 @@ watch(lengthdiscipline_level, (newLength) => {
|
|||
</q-btn>
|
||||
</q-btn-group>
|
||||
</q-item-section>
|
||||
|
||||
</q-item>
|
||||
</q-list>
|
||||
</q-card>
|
||||
|
|
@ -798,23 +796,23 @@ watch(lengthdiscipline_level, (newLength) => {
|
|||
<q-item-label>{{ list.label }}</q-item-label>
|
||||
</q-item-section>
|
||||
<q-item-section side>
|
||||
<q-btn-group outline>
|
||||
<q-btn
|
||||
v-for="(item, index) in 5"
|
||||
:class="conduct_level[i] == item && 'active'"
|
||||
outline
|
||||
color="grey-6"
|
||||
:label="item"
|
||||
@click="conduct_level[i] = item"
|
||||
>
|
||||
<q-tooltip>
|
||||
<div class="text-body2">
|
||||
<span>{{ optionText[index].label }}</span>
|
||||
</div>
|
||||
</q-tooltip>
|
||||
</q-btn>
|
||||
</q-btn-group>
|
||||
</q-item-section>
|
||||
<q-btn-group outline>
|
||||
<q-btn
|
||||
v-for="(item, index) in 5"
|
||||
:class="conduct_level[i] == item && 'active'"
|
||||
outline
|
||||
color="grey-6"
|
||||
:label="item"
|
||||
@click="conduct_level[i] = item"
|
||||
>
|
||||
<q-tooltip>
|
||||
<div class="text-body2">
|
||||
<span>{{ optionText[index].label }}</span>
|
||||
</div>
|
||||
</q-tooltip>
|
||||
</q-btn>
|
||||
</q-btn-group>
|
||||
</q-item-section>
|
||||
</q-item>
|
||||
<q-separator
|
||||
class="q-my-xs"
|
||||
|
|
@ -840,23 +838,23 @@ watch(lengthdiscipline_level, (newLength) => {
|
|||
<q-item-label>{{ list.label }}</q-item-label>
|
||||
</q-item-section>
|
||||
<q-item-section side>
|
||||
<q-btn-group outline>
|
||||
<q-btn
|
||||
v-for="(item, index) in 5"
|
||||
:class="moral_level[i] == item && 'active'"
|
||||
outline
|
||||
color="grey-6"
|
||||
:label="item"
|
||||
@click="moral_level[i] = item"
|
||||
>
|
||||
<q-tooltip>
|
||||
<div class="text-body2">
|
||||
<span>{{ optionText[index].label }}</span>
|
||||
</div>
|
||||
</q-tooltip>
|
||||
</q-btn>
|
||||
</q-btn-group>
|
||||
</q-item-section>
|
||||
<q-btn-group outline>
|
||||
<q-btn
|
||||
v-for="(item, index) in 5"
|
||||
:class="moral_level[i] == item && 'active'"
|
||||
outline
|
||||
color="grey-6"
|
||||
:label="item"
|
||||
@click="moral_level[i] = item"
|
||||
>
|
||||
<q-tooltip>
|
||||
<div class="text-body2">
|
||||
<span>{{ optionText[index].label }}</span>
|
||||
</div>
|
||||
</q-tooltip>
|
||||
</q-btn>
|
||||
</q-btn-group>
|
||||
</q-item-section>
|
||||
</q-item>
|
||||
<q-separator
|
||||
class="q-my-xs"
|
||||
|
|
@ -882,23 +880,23 @@ watch(lengthdiscipline_level, (newLength) => {
|
|||
<q-item-label>{{ list.label }}</q-item-label>
|
||||
</q-item-section>
|
||||
<q-item-section side>
|
||||
<q-btn-group outline>
|
||||
<q-btn
|
||||
v-for="(item, index) in 5"
|
||||
:class="discipline_level[i] == item && 'active'"
|
||||
outline
|
||||
color="grey-6"
|
||||
:label="item"
|
||||
@click="discipline_level[i] = item"
|
||||
>
|
||||
<q-tooltip>
|
||||
<div class="text-body2">
|
||||
<span>{{ optionText[index].label }}</span>
|
||||
</div>
|
||||
</q-tooltip>
|
||||
</q-btn>
|
||||
</q-btn-group>
|
||||
</q-item-section>
|
||||
<q-btn-group outline>
|
||||
<q-btn
|
||||
v-for="(item, index) in 5"
|
||||
:class="discipline_level[i] == item && 'active'"
|
||||
outline
|
||||
color="grey-6"
|
||||
:label="item"
|
||||
@click="discipline_level[i] = item"
|
||||
>
|
||||
<q-tooltip>
|
||||
<div class="text-body2">
|
||||
<span>{{ optionText[index].label }}</span>
|
||||
</div>
|
||||
</q-tooltip>
|
||||
</q-btn>
|
||||
</q-btn-group>
|
||||
</q-item-section>
|
||||
</q-item>
|
||||
<q-separator
|
||||
class="q-my-xs"
|
||||
|
|
@ -947,23 +945,23 @@ watch(lengthdiscipline_level, (newLength) => {
|
|||
</q-item-label>
|
||||
</q-item-section>
|
||||
<q-item-section side>
|
||||
<q-btn-group outline>
|
||||
<q-btn
|
||||
v-for="(item, index) in 5"
|
||||
:class="behavio_orther.level == item && 'active'"
|
||||
outline
|
||||
color="grey-6"
|
||||
:label="item"
|
||||
@click="behavio_orther.level = item"
|
||||
>
|
||||
<q-tooltip>
|
||||
<div class="text-body2">
|
||||
<span>{{ optionText[index].label }}</span>
|
||||
</div>
|
||||
</q-tooltip>
|
||||
</q-btn>
|
||||
</q-btn-group>
|
||||
</q-item-section>
|
||||
<q-btn-group outline>
|
||||
<q-btn
|
||||
v-for="(item, index) in 5"
|
||||
:class="behavio_orther.level == item && 'active'"
|
||||
outline
|
||||
color="grey-6"
|
||||
:label="item"
|
||||
@click="behavio_orther.level = item"
|
||||
>
|
||||
<q-tooltip>
|
||||
<div class="text-body2">
|
||||
<span>{{ optionText[index].label }}</span>
|
||||
</div>
|
||||
</q-tooltip>
|
||||
</q-btn>
|
||||
</q-btn-group>
|
||||
</q-item-section>
|
||||
</q-item>
|
||||
</q-list>
|
||||
</q-card>
|
||||
|
|
|
|||
|
|
@ -1022,26 +1022,23 @@ onMounted(async () => {
|
|||
<q-item-label>{{ list.label }}</q-item-label>
|
||||
</q-item-section>
|
||||
<q-item-section side>
|
||||
<q-btn-group outline>
|
||||
<q-btn
|
||||
v-for="(item, index) in 5"
|
||||
:class="
|
||||
moral_level[i] == item.toString() &&
|
||||
'active'
|
||||
"
|
||||
outline
|
||||
color="grey-6"
|
||||
:label="item"
|
||||
@click="moral_level[i] = item"
|
||||
>
|
||||
<q-tooltip>
|
||||
<div class="text-body2">
|
||||
<span>{{ optionText[index].label }}</span>
|
||||
</div>
|
||||
</q-tooltip>
|
||||
</q-btn>
|
||||
</q-btn-group>
|
||||
</q-item-section>
|
||||
<q-btn-group outline>
|
||||
<q-btn
|
||||
v-for="(item, index) in 5"
|
||||
:class="moral_level[i] == item.toString() && 'active'"
|
||||
outline
|
||||
color="grey-6"
|
||||
:label="item"
|
||||
@click="moral_level[i] = item"
|
||||
>
|
||||
<q-tooltip>
|
||||
<div class="text-body2">
|
||||
<span>{{ optionText[index].label }}</span>
|
||||
</div>
|
||||
</q-tooltip>
|
||||
</q-btn>
|
||||
</q-btn-group>
|
||||
</q-item-section>
|
||||
</q-item>
|
||||
<q-separator class="q-my-xs" v-if="i + 1 < list2_2.length" />
|
||||
</q-list>
|
||||
|
|
@ -1067,27 +1064,25 @@ onMounted(async () => {
|
|||
<q-item-label>{{ list.label }}</q-item-label>
|
||||
</q-item-section>
|
||||
<q-item-section side>
|
||||
<q-btn-group outline>
|
||||
<q-btn
|
||||
v-for="(item, index) in 5"
|
||||
:class="
|
||||
discipline_level[i] == item.toString() &&
|
||||
'active'
|
||||
"
|
||||
outline
|
||||
color="grey-6"
|
||||
:label="item"
|
||||
@click="discipline_level[i] = item"
|
||||
>
|
||||
<q-tooltip>
|
||||
<div class="text-body2">
|
||||
<span>{{ optionText[index].label }}</span>
|
||||
</div>
|
||||
</q-tooltip>
|
||||
</q-btn>
|
||||
</q-btn-group>
|
||||
</q-item-section>
|
||||
|
||||
<q-btn-group outline>
|
||||
<q-btn
|
||||
v-for="(item, index) in 5"
|
||||
:class="
|
||||
discipline_level[i] == item.toString() && 'active'
|
||||
"
|
||||
outline
|
||||
color="grey-6"
|
||||
:label="item"
|
||||
@click="discipline_level[i] = item"
|
||||
>
|
||||
<q-tooltip>
|
||||
<div class="text-body2">
|
||||
<span>{{ optionText[index].label }}</span>
|
||||
</div>
|
||||
</q-tooltip>
|
||||
</q-btn>
|
||||
</q-btn-group>
|
||||
</q-item-section>
|
||||
</q-item>
|
||||
<q-separator class="q-my-xs" v-if="i + 1 < list2_3.length" />
|
||||
</q-list>
|
||||
|
|
@ -1134,23 +1129,23 @@ onMounted(async () => {
|
|||
</q-item-label>
|
||||
</q-item-section>
|
||||
<q-item-section side>
|
||||
<q-btn-group outline>
|
||||
<q-btn
|
||||
v-for="(item, index) in 5"
|
||||
:class="behavio_orther.level == item && 'active'"
|
||||
outline
|
||||
color="grey-6"
|
||||
:label="item"
|
||||
@click="behavio_orther.level = item"
|
||||
>
|
||||
<q-tooltip>
|
||||
<div class="text-body2">
|
||||
<span>{{ optionText[index].label }}</span>
|
||||
</div>
|
||||
</q-tooltip>
|
||||
</q-btn>
|
||||
</q-btn-group>
|
||||
</q-item-section>
|
||||
<q-btn-group outline>
|
||||
<q-btn
|
||||
v-for="(item, index) in 5"
|
||||
:class="behavio_orther.level == item && 'active'"
|
||||
outline
|
||||
color="grey-6"
|
||||
:label="item"
|
||||
@click="behavio_orther.level = item"
|
||||
>
|
||||
<q-tooltip>
|
||||
<div class="text-body2">
|
||||
<span>{{ optionText[index].label }}</span>
|
||||
</div>
|
||||
</q-tooltip>
|
||||
</q-btn>
|
||||
</q-btn-group>
|
||||
</q-item-section>
|
||||
</q-item>
|
||||
</q-list>
|
||||
</q-card>
|
||||
|
|
|
|||
|
|
@ -1026,26 +1026,23 @@ onMounted(async () => {
|
|||
<q-item-label>{{ list.label }}</q-item-label>
|
||||
</q-item-section>
|
||||
<q-item-section side>
|
||||
<q-btn-group outline>
|
||||
<q-btn
|
||||
v-for="(item, index) in 5"
|
||||
:class="
|
||||
moral_level[i] == item.toString() &&
|
||||
'active'
|
||||
"
|
||||
outline
|
||||
color="grey-6"
|
||||
:label="item"
|
||||
@click="moral_level[i] = item"
|
||||
>
|
||||
<q-tooltip>
|
||||
<div class="text-body2">
|
||||
<span>{{ optionText[index].label }}</span>
|
||||
</div>
|
||||
</q-tooltip>
|
||||
</q-btn>
|
||||
</q-btn-group>
|
||||
</q-item-section>
|
||||
<q-btn-group outline>
|
||||
<q-btn
|
||||
v-for="(item, index) in 5"
|
||||
:class="moral_level[i] == item.toString() && 'active'"
|
||||
outline
|
||||
color="grey-6"
|
||||
:label="item"
|
||||
@click="moral_level[i] = item"
|
||||
>
|
||||
<q-tooltip>
|
||||
<div class="text-body2">
|
||||
<span>{{ optionText[index].label }}</span>
|
||||
</div>
|
||||
</q-tooltip>
|
||||
</q-btn>
|
||||
</q-btn-group>
|
||||
</q-item-section>
|
||||
</q-item>
|
||||
<q-separator class="q-my-xs" v-if="i + 1 < list2_2.length" />
|
||||
</q-list>
|
||||
|
|
@ -1071,27 +1068,25 @@ onMounted(async () => {
|
|||
<q-item-label>{{ list.label }}</q-item-label>
|
||||
</q-item-section>
|
||||
<q-item-section side>
|
||||
<q-btn-group outline>
|
||||
<q-btn
|
||||
v-for="(item, index) in 5"
|
||||
:class="
|
||||
discipline_level[i] == item.toString() &&
|
||||
'active'
|
||||
"
|
||||
outline
|
||||
color="grey-6"
|
||||
:label="item"
|
||||
@click="discipline_level[i] = item"
|
||||
>
|
||||
<q-tooltip>
|
||||
<div class="text-body2">
|
||||
<span>{{ optionText[index].label }}</span>
|
||||
</div>
|
||||
</q-tooltip>
|
||||
</q-btn>
|
||||
</q-btn-group>
|
||||
</q-item-section>
|
||||
|
||||
<q-btn-group outline>
|
||||
<q-btn
|
||||
v-for="(item, index) in 5"
|
||||
:class="
|
||||
discipline_level[i] == item.toString() && 'active'
|
||||
"
|
||||
outline
|
||||
color="grey-6"
|
||||
:label="item"
|
||||
@click="discipline_level[i] = item"
|
||||
>
|
||||
<q-tooltip>
|
||||
<div class="text-body2">
|
||||
<span>{{ optionText[index].label }}</span>
|
||||
</div>
|
||||
</q-tooltip>
|
||||
</q-btn>
|
||||
</q-btn-group>
|
||||
</q-item-section>
|
||||
</q-item>
|
||||
<q-separator class="q-my-xs" v-if="i + 1 < list2_3.length" />
|
||||
</q-list>
|
||||
|
|
@ -1138,23 +1133,23 @@ onMounted(async () => {
|
|||
</q-item-label>
|
||||
</q-item-section>
|
||||
<q-item-section side>
|
||||
<q-btn-group outline>
|
||||
<q-btn
|
||||
v-for="(item, index) in 5"
|
||||
:class="behavio_orther.level == item && 'active'"
|
||||
outline
|
||||
color="grey-6"
|
||||
:label="item"
|
||||
@click="behavio_orther.level = item"
|
||||
>
|
||||
<q-tooltip>
|
||||
<div class="text-body2">
|
||||
<span>{{ optionText[index].label }}</span>
|
||||
</div>
|
||||
</q-tooltip>
|
||||
</q-btn>
|
||||
</q-btn-group>
|
||||
</q-item-section>
|
||||
<q-btn-group outline>
|
||||
<q-btn
|
||||
v-for="(item, index) in 5"
|
||||
:class="behavio_orther.level == item && 'active'"
|
||||
outline
|
||||
color="grey-6"
|
||||
:label="item"
|
||||
@click="behavio_orther.level = item"
|
||||
>
|
||||
<q-tooltip>
|
||||
<div class="text-body2">
|
||||
<span>{{ optionText[index].label }}</span>
|
||||
</div>
|
||||
</q-tooltip>
|
||||
</q-btn>
|
||||
</q-btn-group>
|
||||
</q-item-section>
|
||||
</q-item>
|
||||
</q-list>
|
||||
</q-card>
|
||||
|
|
|
|||
|
|
@ -101,7 +101,14 @@ function nextPage() {
|
|||
</q-tab>
|
||||
</q-tabs>
|
||||
<div>
|
||||
<q-btn v-if="!checkRoutePermisson" color="blue" flat dense icon="mdi-plus" @click="nextPage">
|
||||
<q-btn
|
||||
v-if="!checkRoutePermisson"
|
||||
color="blue"
|
||||
flat
|
||||
dense
|
||||
icon="mdi-plus"
|
||||
@click="nextPage"
|
||||
>
|
||||
<q-tooltip> เพิ่ม </q-tooltip>
|
||||
</q-btn>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -103,9 +103,7 @@ async function FileDownload(type: string) {
|
|||
messageError($q, JSON.parse(await e.response.data.text()));
|
||||
hideLoader();
|
||||
})
|
||||
.finally(() => {
|
||||
|
||||
});
|
||||
.finally(() => {});
|
||||
} else {
|
||||
//ผุ้บังคับ
|
||||
showLoader();
|
||||
|
|
@ -124,8 +122,7 @@ async function FileDownload(type: string) {
|
|||
messageError($q, JSON.parse(await e.response.data.text()));
|
||||
hideLoader();
|
||||
})
|
||||
.finally(() => {
|
||||
});
|
||||
.finally(() => {});
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -102,9 +102,7 @@ async function FileDownload(type: string) {
|
|||
messageError($q, JSON.parse(await e.response.data.text()));
|
||||
hideLoader();
|
||||
})
|
||||
.finally(() => {
|
||||
|
||||
});
|
||||
.finally(() => {});
|
||||
}
|
||||
|
||||
/** เปลี่ยนหน้า เพิ่ม */
|
||||
|
|
|
|||
|
|
@ -2,12 +2,15 @@
|
|||
import { ref, defineAsyncComponent } from "vue";
|
||||
|
||||
const FormReport = defineAsyncComponent(
|
||||
() => import("@/modules/05_placement/components/probation/FormEvaluation/FormReport.vue")
|
||||
)
|
||||
() =>
|
||||
import(
|
||||
"@/modules/05_placement/components/probation/FormEvaluation/FormReport.vue"
|
||||
)
|
||||
);
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="col-12 q-ma-sm">
|
||||
<FormReport />
|
||||
</div>
|
||||
</template>
|
||||
</template>
|
||||
|
|
|
|||
|
|
@ -56,16 +56,16 @@ const personalId = ref<string>(route.params.personalId.toString());
|
|||
* เปลี่ยน tab เมนู
|
||||
* @param tab กำหนด tab
|
||||
*/
|
||||
function changeTab(tab: string){
|
||||
function changeTab(tab: string) {
|
||||
DataStore.mainTab = tab;
|
||||
activeTab.value = DataStore.mainTab;
|
||||
};
|
||||
}
|
||||
|
||||
/** ปุ่มกลับ */
|
||||
function clickBack(){
|
||||
router.go(-1)
|
||||
function clickBack() {
|
||||
router.go(-1);
|
||||
DataStore.mainTab = "tab1";
|
||||
};
|
||||
}
|
||||
|
||||
/** เมื่อเริ่มโหลดหน้า ให้ tab เป็น tab1 */
|
||||
onMounted(() => {
|
||||
|
|
@ -197,7 +197,7 @@ onMounted(() => {
|
|||
>
|
||||
<q-item-section> แบบรายงาน<br />การประเมินฯ </q-item-section>
|
||||
</q-item>
|
||||
|
||||
|
||||
<q-item
|
||||
active-class="text-primary bg-teal-1 text-weight-medium"
|
||||
clickable
|
||||
|
|
|
|||
Some files were not shown because too many files have changed in this diff Show more
Loading…
Add table
Add a link
Reference in a new issue