Merge branch 'develop' into dev-tee
# Conflicts: # src/api/06_retirement/api.retirement.ts
This commit is contained in:
commit
707d3f13a2
6 changed files with 169 additions and 15 deletions
|
|
@ -1,6 +1,19 @@
|
||||||
import env from "../index";
|
import env from "../index";
|
||||||
const retirement = `${env.API_RETIREMENT_URI}/retirement`
|
const retirement = `${env.API_URI}/retirement`
|
||||||
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
<<<<<<< HEAD
|
||||||
retirement:(type:string,year:number) => `${retirement}/${type}/${year}`
|
retirement:(type:string,year:number) => `${retirement}/${type}/${year}`
|
||||||
|
=======
|
||||||
|
profile: (type: string, year: number) => `${retirement}/profile/${type}/${year}`,
|
||||||
|
profileRetire: (retireId: string) => `${retirement}/profile/${retireId}`,
|
||||||
|
getprofileRetire: (retireId: string) => `${retirement}/${retireId}`,
|
||||||
|
createnote: () => `${retirement}/reason/`,
|
||||||
|
reasonId: (retireId:string) => `${retirement}/reason/${retireId}`,
|
||||||
|
retirement:(type:string) => `${retirement}/${type}/2023`
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
>>>>>>> develop
|
||||||
};
|
};
|
||||||
|
|
|
||||||
|
|
@ -201,8 +201,20 @@ const menuList = readonly<any[]>([
|
||||||
{
|
{
|
||||||
key: 6.3,
|
key: 6.3,
|
||||||
label: "การทดลองงาน" /* การทดลองงาน */,
|
label: "การทดลองงาน" /* การทดลองงาน */,
|
||||||
path: "probation",
|
path: "",
|
||||||
role: "probation",
|
role: "probation",
|
||||||
|
children: [
|
||||||
|
{
|
||||||
|
label: "รายการคำขอโอน",
|
||||||
|
path: "probationTranfer",
|
||||||
|
role: "probation",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: "รายการรับโอน",
|
||||||
|
path: "probationReceive",
|
||||||
|
role: "probation",
|
||||||
|
},
|
||||||
|
],
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
|
|
|
||||||
|
|
@ -1,11 +1,13 @@
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import { ref } from "vue";
|
import { ref, watch } from "vue";
|
||||||
|
import http from "@/plugins/http";
|
||||||
|
import config from "@/app.config";
|
||||||
import { useCounterMixin } from "@/stores/mixin";
|
import { useCounterMixin } from "@/stores/mixin";
|
||||||
import { useQuasar } from "quasar";
|
import { useQuasar } from "quasar";
|
||||||
|
|
||||||
const $q = useQuasar(); //ใช้ noti quasar
|
const $q = useQuasar(); //ใช้ noti quasar
|
||||||
const mixin = useCounterMixin();
|
const mixin = useCounterMixin();
|
||||||
const {} = mixin;
|
const { messageError, success } = mixin;
|
||||||
|
|
||||||
const modal = ref<boolean>(false);
|
const modal = ref<boolean>(false);
|
||||||
|
|
||||||
|
|
@ -98,6 +100,21 @@ const rows = ref<any>([
|
||||||
},
|
},
|
||||||
]);
|
]);
|
||||||
const filter = ref<string>("");
|
const filter = ref<string>("");
|
||||||
|
watch(modal, () => {
|
||||||
|
if (modal.value === true) {
|
||||||
|
fecthProfile();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
const fecthProfile = async () => {
|
||||||
|
await http
|
||||||
|
.get(config.API.getprofileRetire("1234"))
|
||||||
|
.then((res) => {
|
||||||
|
console.log(res);
|
||||||
|
})
|
||||||
|
.catch((e) => {
|
||||||
|
messageError($q, e);
|
||||||
|
});
|
||||||
|
};
|
||||||
const clickAdd = () => {
|
const clickAdd = () => {
|
||||||
$q.dialog({
|
$q.dialog({
|
||||||
title: "ยืนยันการเพิ่มข้อมูล",
|
title: "ยืนยันการเพิ่มข้อมูล",
|
||||||
|
|
@ -110,6 +127,17 @@ const clickAdd = () => {
|
||||||
})
|
})
|
||||||
.onOk(async () => {
|
.onOk(async () => {
|
||||||
console.log("เพิ่มข้อมูล");
|
console.log("เพิ่มข้อมูล");
|
||||||
|
await http
|
||||||
|
.put(config.API.profileRetire("123"))
|
||||||
|
.then(() => {
|
||||||
|
success($q, "เพิ่มข้อมูลสำเร็จ");
|
||||||
|
})
|
||||||
|
.catch((e) => {
|
||||||
|
messageError($q, e);
|
||||||
|
})
|
||||||
|
.finally(() => {
|
||||||
|
fecthProfile();
|
||||||
|
});
|
||||||
})
|
})
|
||||||
.onCancel(() => {})
|
.onCancel(() => {})
|
||||||
.onDismiss(() => {});
|
.onDismiss(() => {});
|
||||||
|
|
|
||||||
|
|
@ -1,21 +1,39 @@
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import { ref, onMounted } from "vue";
|
import { ref, onMounted, computed, watch } from "vue";
|
||||||
import AddList from "../ListRetirement/AddList.vue";
|
import AddList from "../ListRetirement/AddList.vue";
|
||||||
import { useCounterMixin } from "@/stores/mixin";
|
import { useCounterMixin } from "@/stores/mixin";
|
||||||
import { useQuasar } from "quasar";
|
import { useQuasar } from "quasar";
|
||||||
import { useRoute } from "vue-router";
|
import { useRoute } from "vue-router";
|
||||||
|
import http from "@/plugins/http";
|
||||||
|
import config from "@/app.config";
|
||||||
|
|
||||||
const route = useRoute();
|
const route = useRoute();
|
||||||
const $q = useQuasar(); //ใช้ noti quasar
|
const $q = useQuasar(); //ใช้ noti quasar
|
||||||
const mixin = useCounterMixin();
|
const mixin = useCounterMixin();
|
||||||
const {} = mixin;
|
const { showLoader, hideLoader, messageError, success } = mixin;
|
||||||
const no = route.params.id;
|
const no = route.params.id;
|
||||||
const modalNote = ref<boolean>(false);
|
const modalNote = ref<boolean>(false);
|
||||||
const note = ref<string>("");
|
const note = ref<string>("");
|
||||||
|
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
console.log(no);
|
console.log(no);
|
||||||
|
fecthlist();
|
||||||
|
console.log(visibleNote.value);
|
||||||
});
|
});
|
||||||
|
const fecthlist = async () => {
|
||||||
|
showLoader();
|
||||||
|
await http
|
||||||
|
.get(config.API.profile("emplayee", 2023))
|
||||||
|
.then((res: any) => {
|
||||||
|
console.log(res);
|
||||||
|
})
|
||||||
|
.catch((e: any) => {
|
||||||
|
messageError($q, e);
|
||||||
|
})
|
||||||
|
.finally(() => {
|
||||||
|
hideLoader();
|
||||||
|
});
|
||||||
|
};
|
||||||
const columns = ref<any["columns"]>([
|
const columns = ref<any["columns"]>([
|
||||||
{
|
{
|
||||||
name: "index",
|
name: "index",
|
||||||
|
|
@ -179,7 +197,8 @@ const visibleColumns = ref<any>([
|
||||||
]);
|
]);
|
||||||
const filter = ref<string>("");
|
const filter = ref<string>("");
|
||||||
|
|
||||||
const clickDelete = () => {
|
const clickDelete = (prop: any) => {
|
||||||
|
console.log(prop);
|
||||||
$q.dialog({
|
$q.dialog({
|
||||||
title: "ยืนยันการลบข้อมูล",
|
title: "ยืนยันการลบข้อมูล",
|
||||||
message: "ต้องการลบข้อมูลนี้ใช่หรือไม่?",
|
message: "ต้องการลบข้อมูลนี้ใช่หรือไม่?",
|
||||||
|
|
@ -190,7 +209,17 @@ const clickDelete = () => {
|
||||||
persistent: true,
|
persistent: true,
|
||||||
})
|
})
|
||||||
.onOk(async () => {
|
.onOk(async () => {
|
||||||
console.log("ลบข้อมูล");
|
await http
|
||||||
|
.delete(config.API.profileRetire("123"))
|
||||||
|
.then(() => {
|
||||||
|
success($q, "ลบข้อมูลสำเร็จ");
|
||||||
|
})
|
||||||
|
.catch((e) => {
|
||||||
|
messageError($q, e);
|
||||||
|
})
|
||||||
|
.finally(() => {
|
||||||
|
fecthlist();
|
||||||
|
});
|
||||||
})
|
})
|
||||||
.onCancel(() => {})
|
.onCancel(() => {})
|
||||||
.onDismiss(() => {});
|
.onDismiss(() => {});
|
||||||
|
|
@ -198,7 +227,26 @@ const clickDelete = () => {
|
||||||
const backHistory = () => {
|
const backHistory = () => {
|
||||||
window.history.back();
|
window.history.back();
|
||||||
};
|
};
|
||||||
|
watch(modalNote, () => {
|
||||||
|
if (modalNote.value === true) {
|
||||||
|
fetchReason();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
const fetchReason = async () => {
|
||||||
|
await http
|
||||||
|
.get(config.API.reasonId("123"))
|
||||||
|
.then((res: any) => {
|
||||||
|
console.log(res);
|
||||||
|
})
|
||||||
|
.catch((e: any) => {
|
||||||
|
messageError($q, e);
|
||||||
|
})
|
||||||
|
.finally(() => {
|
||||||
|
hideLoader();
|
||||||
|
});
|
||||||
|
};
|
||||||
const saveNote = () => {
|
const saveNote = () => {
|
||||||
|
console.log(note.value);
|
||||||
$q.dialog({
|
$q.dialog({
|
||||||
title: "ยืนยันการบันทึกข้อมูลข้อมูล",
|
title: "ยืนยันการบันทึกข้อมูลข้อมูล",
|
||||||
message: "ต้องการบันทึกข้อมูลนี้ใช่หรือไม่?",
|
message: "ต้องการบันทึกข้อมูลนี้ใช่หรือไม่?",
|
||||||
|
|
@ -210,10 +258,26 @@ const saveNote = () => {
|
||||||
})
|
})
|
||||||
.onOk(async () => {
|
.onOk(async () => {
|
||||||
console.log("บันทึกข้อมูล");
|
console.log("บันทึกข้อมูล");
|
||||||
|
await http
|
||||||
|
.post(config.API.createnote(), note.value)
|
||||||
|
.then(() => {
|
||||||
|
success($q, "บันทึกข้อมูล");
|
||||||
|
})
|
||||||
|
.catch((e) => {
|
||||||
|
messageError($q, e);
|
||||||
|
})
|
||||||
|
.finally(() => {
|
||||||
|
fecthlist();
|
||||||
|
});
|
||||||
})
|
})
|
||||||
.onCancel(() => {})
|
.onCancel(() => {})
|
||||||
.onDismiss(() => {});
|
.onDismiss(() => {});
|
||||||
};
|
};
|
||||||
|
const visibleNote = computed(() => {
|
||||||
|
if (note.value === "" || note.value === undefined) {
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
|
|
@ -346,6 +410,7 @@ const saveNote = () => {
|
||||||
<q-td key="bureau" :props="props">{{ props.row.bureau }}</q-td>
|
<q-td key="bureau" :props="props">{{ props.row.bureau }}</q-td>
|
||||||
<q-td>
|
<q-td>
|
||||||
<q-btn
|
<q-btn
|
||||||
|
:props="props"
|
||||||
flat
|
flat
|
||||||
round
|
round
|
||||||
class="text-teal-5"
|
class="text-teal-5"
|
||||||
|
|
@ -364,8 +429,9 @@ const saveNote = () => {
|
||||||
class="text-red-14"
|
class="text-red-14"
|
||||||
icon="mdi-delete"
|
icon="mdi-delete"
|
||||||
size="md"
|
size="md"
|
||||||
@click="clickDelete"
|
@click="clickDelete(props.row)"
|
||||||
/>
|
><q-tooltip>ลบข้อมูล</q-tooltip></q-btn
|
||||||
|
>
|
||||||
</q-td>
|
</q-td>
|
||||||
</q-tr>
|
</q-tr>
|
||||||
</template>
|
</template>
|
||||||
|
|
@ -405,7 +471,12 @@ const saveNote = () => {
|
||||||
</q-card-section>
|
</q-card-section>
|
||||||
|
|
||||||
<q-card-actions align="right">
|
<q-card-actions align="right">
|
||||||
<q-btn label="บักทึก" color="secondary" @click="saveNote" />
|
<q-btn
|
||||||
|
label="บักทึก"
|
||||||
|
color="secondary"
|
||||||
|
@click="saveNote"
|
||||||
|
:disable="visibleNote"
|
||||||
|
/>
|
||||||
</q-card-actions>
|
</q-card-actions>
|
||||||
</q-card>
|
</q-card>
|
||||||
</q-dialog>
|
</q-dialog>
|
||||||
|
|
|
||||||
|
|
@ -8,6 +8,8 @@ const resignOrder = () => import("@/modules/06_retirement/components/resign/Resi
|
||||||
const resign = () => import("@/modules/06_retirement/components/resign/Resign.vue");
|
const resign = () => import("@/modules/06_retirement/components/resign/Resign.vue");
|
||||||
const resignByid = () => import("@/modules/06_retirement/components/resign/ResignByid.vue")
|
const resignByid = () => import("@/modules/06_retirement/components/resign/ResignByid.vue")
|
||||||
const deceased = () => import("@/modules/06_retirement/components/resign/Deceased.vue")
|
const deceased = () => import("@/modules/06_retirement/components/resign/Deceased.vue")
|
||||||
|
const dismissOrder = () => import("@/modules/06_retirement/components/DismissOrder/DismissOrder.vue")
|
||||||
|
const addOrder = () => import("@/modules/06_retirement/components/DismissOrder/AddOrder.vue")
|
||||||
export default [
|
export default [
|
||||||
{
|
{
|
||||||
path: "/retirement",
|
path: "/retirement",
|
||||||
|
|
@ -31,7 +33,7 @@ export default [
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
path: "/retirement/list/:id",
|
path: "/retirement/list/:id",
|
||||||
name: "retirement/list",
|
name: "retirement/list/id",
|
||||||
component: Listretirement,
|
component: Listretirement,
|
||||||
meta: {
|
meta: {
|
||||||
Auth: true,
|
Auth: true,
|
||||||
|
|
@ -75,7 +77,27 @@ export default [
|
||||||
component: deceased,
|
component: deceased,
|
||||||
meta: {
|
meta: {
|
||||||
Auth: true,
|
Auth: true,
|
||||||
Key: [7.4],
|
Key: [7.5],
|
||||||
|
Role: "retirement",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: "/dismiss-order",
|
||||||
|
name: "dismiss-order",
|
||||||
|
component: dismissOrder,
|
||||||
|
meta: {
|
||||||
|
Auth: true,
|
||||||
|
Key: [7.6],
|
||||||
|
Role: "retirement",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: "retirement/dismiss-order/add",
|
||||||
|
name: "dismiss-order-add",
|
||||||
|
component: addOrder,
|
||||||
|
meta: {
|
||||||
|
Auth: true,
|
||||||
|
Key: [7.7],
|
||||||
Role: "retirement",
|
Role: "retirement",
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
|
|
||||||
|
|
@ -731,13 +731,21 @@ if (keycloak.tokenParsed != null) {
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<!-- เมนูย่อย 2 ชั้น (สรรหา) -->
|
<!-- เมนูย่อย 2 ชั้น (สรรหา) -->
|
||||||
<div v-if="menuItem.key == 5 || menuItem.key == 8">
|
<div
|
||||||
|
v-if="
|
||||||
|
menuItem.key == 5 || menuItem.key == 6 || menuItem.key == 8
|
||||||
|
"
|
||||||
|
>
|
||||||
<div v-for="(subMenu, i) in menuItem.children" :key="i">
|
<div v-for="(subMenu, i) in menuItem.children" :key="i">
|
||||||
<q-expansion-item
|
<q-expansion-item
|
||||||
switch-toggle-side
|
switch-toggle-side
|
||||||
dense-toggle
|
dense-toggle
|
||||||
:label="subMenu.label"
|
:label="subMenu.label"
|
||||||
v-if="subMenu.key !== 5.1"
|
v-if="
|
||||||
|
subMenu.key !== 5.1 &&
|
||||||
|
subMenu.key !== 6.1 &&
|
||||||
|
subMenu.key !== 6.2
|
||||||
|
"
|
||||||
class="expan2"
|
class="expan2"
|
||||||
dense
|
dense
|
||||||
>
|
>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue