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

ปรับ โค้ด รายละเอียดงานที่ได้รับมอบหมาย(ยังเก็บไม่หมด)

Browse source
This commit is contained in:
setthawutttty 2023-11-13 17:55:39 +07:00
parent 0f1187ab1a
commit 77f6dff00f
7 changed files with 670 additions and 264 deletions
Download patch file Download diff file Expand all files Collapse all files

51
src/modules/05_placement/components/probation/MainDetail.vue
View file

@ -51,23 +51,30 @@ const drawer = ref<boolean>(true);
const activeTab = ref<string>("");
const personalId = ref<string>(route.params.personalId.toString());
/**
* เปลี่ยน tab เมนู
* @param tab กำหนด tab
*/
function changeTab(tab: string){
DataStore.mainTab = tab;
activeTab.value = DataStore.mainTab;
};
/** ปุ่มกลับ */
function clickBack(){
router.push(`/probation/detail/${personalId.value}`);
DataStore.mainTab = "tab1";
};
/** เมื่อเริ่มโหลดหน้า ให้ tab เป็น tab1 */
onMounted(() => {
if (DataStore.mainTab) {
activeTab.value = DataStore.mainTab;
} else activeTab.value = "tab1";
});
const changeTab = (tab: string) => {
DataStore.mainTab = tab;
activeTab.value = DataStore.mainTab;
};
const clickBack = () => {
router.push(`/probation/detail/${personalId.value}`);
DataStore.mainTab = "tab1";
};
</script>
<template>
<!-- <div class="toptitle text-dark col-12 row items-center">จัดการบัญชี 2</div> -->
<q-card flat bordered class="col-12">
<q-layout
view="hHh Lpr lff"
@ -114,10 +121,6 @@ const clickBack = () => {
:active="activeTab == 'tab1'"
@click="changeTab('tab1')"
>
<!-- <q-item-section avatar style="min-width: 40px">
<q-icon size="18px" name="mdi-file" />
</q-item-section> -->
<q-item-section>แบบมอบหมายงาน ฯ</q-item-section>
</q-item>
@ -130,10 +133,6 @@ const clickBack = () => {
:active="activeTab == 'tab2'"
@click="changeTab('tab2')"
>
<!-- <q-item-section avatar style="min-width: 40px">
<q-icon size="18px" name="mdi-file-edit" />
</q-item-section> -->
<q-item-section>
แบบบันทึกผล
<br />
@ -149,10 +148,6 @@ const clickBack = () => {
:active="activeTab == 'tab8'"
@click="changeTab('tab8')"
>
<!-- <q-item-section avatar style="min-width: 40px">
<q-icon size="18px" name="mdi-file-edit" />
</q-item-section> -->
<q-item-section>
แบบบันทึกผล
<br />
@ -169,10 +164,6 @@ const clickBack = () => {
:active="activeTab == 'tab3'"
@click="changeTab('tab3')"
>
<!-- <q-item-section avatar style="min-width: 40px">
<q-icon size="18px" name="mdi-file-star" />
</q-item-section> -->
<q-item-section>
แบบประเมินผล<br />
<div class="text-caption text-grey-7">(ผู้บังคับบัญชา)</div>
@ -188,10 +179,6 @@ const clickBack = () => {
:active="activeTab == 'tab4'"
@click="changeTab('tab4')"
>
<!-- <q-item-section avatar style="min-width: 40px">
<q-icon size="18px" name="mdi-file-star" />
</q-item-section> -->
<q-item-section>
แบบประเมินผล<br />
<div class="text-caption text-grey-7">(คณะกรรมการ)</div>
@ -207,12 +194,9 @@ const clickBack = () => {
:active="activeTab == 'tab5'"
@click="changeTab('tab5')"
>
<!-- <q-item-section avatar style="min-width: 40px">
<q-icon size="18px" name="mdi-file-chart" />
</q-item-section> -->
<q-item-section> แบบรายงาน<br />การประเมินฯ </q-item-section>
</q-item>
<q-item
active-class="text-primary bg-teal-1 text-weight-medium"
clickable
@ -224,6 +208,7 @@ const clickBack = () => {
>
<q-item-section> ผลการประเมินการ ฯ </q-item-section>
</q-item>
<q-item
active-class="text-primary bg-teal-1 text-weight-medium"
clickable