ui / api exitinterview detail
This commit is contained in:
AnandaTon
parent
955e651dae
commit
a948ad280d
2 changed files with 402 additions and 267 deletions
|
|
@ -10,12 +10,12 @@
|
||||||
class="q-mr-sm"
|
class="q-mr-sm"
|
||||||
@click="router.go(-1)"
|
@click="router.go(-1)"
|
||||||
/>
|
/>
|
||||||
รายละเอียด Exit interview ของ {{ responseData.fullname }}
|
รายละเอียด Exit interview ของ {{ fullname }}
|
||||||
</div>
|
</div>
|
||||||
<q-card bordered class="row col-12 text-dark">
|
<q-card bordered class="row col-12 text-dark">
|
||||||
<div class="bg-grey-1 q-pa-sm col-12 row items-center text-primary">
|
<div class="bg-grey-1 q-pa-sm col-12 row items-center text-primary">
|
||||||
<div class="q-pl-sm text-weight-bold text-subtitle2">
|
<div class="q-pl-sm text-weight-bold text-subtitle2">
|
||||||
{{ responseData.fullname }}
|
{{ fullname }}
|
||||||
</div>
|
</div>
|
||||||
<q-space />
|
<q-space />
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -23,17 +23,14 @@
|
||||||
<div class="row col-12 q-pa-md">
|
<div class="row col-12 q-pa-md">
|
||||||
<div class="col-12 row bg-white q-col-gutter-md">
|
<div class="col-12 row bg-white q-col-gutter-md">
|
||||||
<div class="col-xs-3 col-sm-2 col-md-1 row">
|
<div class="col-xs-3 col-sm-2 col-md-1 row">
|
||||||
<q-img
|
<q-img :src="avata" v-if="avata !== ''" />
|
||||||
:src="responseData.avataPath"
|
|
||||||
v-if="responseData.avataPath !== ''"
|
|
||||||
/>
|
|
||||||
<q-img src="@/assets/avatar_user.jpg" v-else />
|
<q-img src="@/assets/avatar_user.jpg" v-else />
|
||||||
</div>
|
</div>
|
||||||
<div class="col-xs-6 col-sm-3 row items-center">
|
<div class="col-xs-6 col-sm-3 row items-center">
|
||||||
<div class="col-12 q-pl-md">
|
<div class="col-12 q-pl-md">
|
||||||
<div class="col-12 text-top">ตำแหน่งในสายงาน</div>
|
<div class="col-12 text-top">ตำแหน่งในสายงาน</div>
|
||||||
<div class="col-12 text-detail">
|
<div class="col-12 text-detail">
|
||||||
{{ responseData.positionTypeOld }}
|
{{ Position }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -41,7 +38,7 @@
|
||||||
<div class="col-12">
|
<div class="col-12">
|
||||||
<div class="col-12 text-top">ระดับ</div>
|
<div class="col-12 text-top">ระดับ</div>
|
||||||
<div class="col-12 text-detail">
|
<div class="col-12 text-detail">
|
||||||
{{ responseData.positionLevelOld }}
|
{{ PositionLevel }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -49,7 +46,7 @@
|
||||||
<div class="col-12">
|
<div class="col-12">
|
||||||
<div class="col-12 text-top">สังกัด</div>
|
<div class="col-12 text-top">สังกัด</div>
|
||||||
<div class="col-12 text-detail">
|
<div class="col-12 text-detail">
|
||||||
{{ responseData.organizationPositionOld }}
|
{{ Org }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -98,180 +95,257 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="col-12"><q-separator /></div>
|
<div class="col-12"><q-separator /></div>
|
||||||
<q-form ref="myForm">
|
<q-form ref="myForm">
|
||||||
<div class="row col-12 q-pa-md">
|
<div class="col-12 row q-col-gutter-md q-pa-md">
|
||||||
<div class="col-12 row bg-white q-col-gutter-md">
|
<div class="col-xs-12 col-sm-12">
|
||||||
<div class="col-xs-12 row items-center">
|
<q-card bordered flat>
|
||||||
<div class="col-12">
|
<div
|
||||||
<div class="text-weight-bold text-grey">
|
class="q-pa-xs bg-grey-2 row items-center q-py-sm q-px-md justify-center text-bold"
|
||||||
แสดงข้อมูลแบบสอบถามเป็นคำถามเเละคำตอบ
|
>
|
||||||
|
แบบสอบถาม
|
||||||
|
</div>
|
||||||
|
<q-separator />
|
||||||
|
<div class="col-12 row q-pa-sm q-col-gutter-sm">
|
||||||
|
<div class="col-12 text-top0 items-center">
|
||||||
|
1. เหตุใดท่านจึงตัดสินใจร่วมงานกับกรุงเทพมหานคร (เลือกได้มากกว่า
|
||||||
|
1 ข้อ)
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<q-option-group
|
||||||
<div class="col-12">
|
:options="reasonWork_option"
|
||||||
<q-input
|
type="checkbox"
|
||||||
:class="getClass(edit)"
|
v-model="reasonWork"
|
||||||
:outlined="edit"
|
disable
|
||||||
dense
|
|
||||||
lazy-rules
|
|
||||||
:readonly="!edit"
|
|
||||||
:borderless="!edit"
|
|
||||||
v-model="organizationPositionOld"
|
|
||||||
:rules="[(val) => !!val || `${'กรุณากรอกตำแหน่ง/สังกัด'}`]"
|
|
||||||
hide-bottom-space
|
|
||||||
:label="`${'ตำแหน่ง/สังกัด'}`"
|
|
||||||
type="textarea"
|
|
||||||
/>
|
/>
|
||||||
</div>
|
<div class="col-12 text-top0 items-center">
|
||||||
</div>
|
<q-item-label>
|
||||||
<div class="col-xs-6 col-sm-3 row items-center">
|
|
||||||
<div class="col-12">
|
|
||||||
<q-input
|
|
||||||
:class="getClass(edit)"
|
|
||||||
:outlined="edit"
|
|
||||||
dense
|
|
||||||
lazy-rules
|
|
||||||
:readonly="!edit"
|
|
||||||
:borderless="!edit"
|
|
||||||
v-model="positionTypeOld"
|
|
||||||
:rules="[(val) => !!val || `${'กรุณากรอกตำแหน่งประเภท'}`]"
|
|
||||||
hide-bottom-space
|
|
||||||
:label="`${'ตำแหน่งประเภท'}`"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-xs-6 col-sm-3 row items-center">
|
|
||||||
<div class="col-12">
|
|
||||||
<q-input
|
|
||||||
:class="getClass(edit)"
|
|
||||||
:outlined="edit"
|
|
||||||
dense
|
|
||||||
lazy-rules
|
|
||||||
:readonly="!edit"
|
|
||||||
:borderless="!edit"
|
|
||||||
v-model="positionLevelOld"
|
|
||||||
:rules="[(val) => !!val || `${'กรุณากรอกระดับ'}`]"
|
|
||||||
hide-bottom-space
|
|
||||||
:label="`${'ระดับ'}`"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-xs-6 col-sm-3 row items-center">
|
|
||||||
<div class="col-12">
|
|
||||||
<q-input
|
|
||||||
:class="getClass(edit)"
|
|
||||||
:outlined="edit"
|
|
||||||
dense
|
|
||||||
lazy-rules
|
|
||||||
:readonly="!edit"
|
|
||||||
:borderless="!edit"
|
|
||||||
v-model="posNo"
|
|
||||||
:rules="[(val) => !!val || `${'กรุณากรอกเลขที่'}`]"
|
|
||||||
hide-bottom-space
|
|
||||||
:label="`${'เลขที่'}`"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-xs-6 col-sm-3 row items-center">
|
|
||||||
<div class="col-12">
|
|
||||||
<!-- <q-input
|
|
||||||
:class="getClass(edit)"
|
|
||||||
:outlined="edit"
|
|
||||||
dense
|
|
||||||
lazy-rules
|
|
||||||
:readonly="!edit"
|
|
||||||
:borderless="!edit"
|
|
||||||
v-model="salary"
|
|
||||||
:rules="[(val) => !!val || `${'กรุณากรอกเงินเดือน'}`]"
|
|
||||||
hide-bottom-space
|
|
||||||
:label="`${'เงินเดือน'}`"
|
|
||||||
type="number"
|
|
||||||
/> -->
|
|
||||||
|
|
||||||
<CurrencyInput
|
|
||||||
v-model="salary"
|
|
||||||
:edit="edit"
|
|
||||||
:options="{
|
|
||||||
currency: 'THB',
|
|
||||||
}"
|
|
||||||
:label="`${'เงินเดือน'}`"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-12"><q-separator /></div>
|
|
||||||
<div class="col-xs-6 col-sm-6 row items-center">
|
|
||||||
<div class="col-12">
|
|
||||||
<q-input
|
|
||||||
:class="getClass(edit)"
|
|
||||||
:outlined="edit"
|
|
||||||
dense
|
|
||||||
lazy-rules
|
|
||||||
:readonly="!edit"
|
|
||||||
:borderless="!edit"
|
|
||||||
v-model="organization"
|
|
||||||
:rules="[(val) => !!val || `${'กรุณากรอกการให้ออกสังกัด'}`]"
|
|
||||||
hide-bottom-space
|
|
||||||
:label="`${'การให้ออกสังกัด'}`"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-xs-6 col-sm-6 row items-center">
|
|
||||||
<div class="col-12">
|
|
||||||
<datepicker
|
|
||||||
menu-class-name="modalfix"
|
|
||||||
:readonly="!edit"
|
|
||||||
v-model="date"
|
|
||||||
:locale="'th'"
|
|
||||||
autoApply
|
|
||||||
:enableTimePicker="false"
|
|
||||||
week-start="0"
|
|
||||||
>
|
|
||||||
<template #year="{ year }">{{ year + 543 }}</template>
|
|
||||||
<template #year-overlay-value="{ value }">{{
|
|
||||||
parseInt(value + 543)
|
|
||||||
}}</template>
|
|
||||||
<template #trigger>
|
|
||||||
<q-input
|
<q-input
|
||||||
:class="getClass(edit)"
|
v-if="reasonWork.includes(12)"
|
||||||
:outlined="edit"
|
v-model="reasonWorkOther"
|
||||||
|
disable
|
||||||
|
label="กรอกข้อความ"
|
||||||
dense
|
dense
|
||||||
lazy-rules
|
lazy-rules
|
||||||
:borderless="!edit"
|
type="text"
|
||||||
:model-value="date !== null ? date2Thai(date) : null"
|
autogrow
|
||||||
:rules="[(val) => !!val || `${'กรุณาเลือกตั้งแต่วัน'}`]"
|
|
||||||
hide-bottom-space
|
hide-bottom-space
|
||||||
:label="`${'ตั้งแต่วัน'}`"
|
outlined
|
||||||
>
|
class="bg-white"
|
||||||
<template v-slot:prepend>
|
:rules="[
|
||||||
<q-icon
|
(val) => (val && val.length > 0) || 'กรุณากรอกข้อความ',
|
||||||
name="event"
|
]"
|
||||||
class="cursor-pointer"
|
/>
|
||||||
:style="
|
</q-item-label>
|
||||||
edit
|
</div>
|
||||||
? 'color: var(--q-primary)'
|
<div class="col-12 text-top0 items-center">
|
||||||
: 'color: var(--q-grey)'
|
2. สำหรับการลาออกในครั้งนี้
|
||||||
"
|
ท่านได้คิดทบทวนอย่างจริงจังเป็นระยะเวลานานเท่าใด
|
||||||
>
|
</div>
|
||||||
</q-icon>
|
<q-option-group
|
||||||
</template>
|
:options="timeThink_option"
|
||||||
</q-input>
|
type="radio"
|
||||||
</template>
|
v-model="timeThink"
|
||||||
</datepicker>
|
disable
|
||||||
|
/>
|
||||||
|
|
||||||
|
<div class="col-12 text-top0 items-center">
|
||||||
|
3. ปัจจัยใดที่ทำให้ท่านตัดสินใจลาออกจากราชการ (เลือกได้มากกว่า 1
|
||||||
|
ข้อ )
|
||||||
|
</div>
|
||||||
|
<q-option-group
|
||||||
|
:options="exitFactor_option"
|
||||||
|
type="checkbox"
|
||||||
|
v-model="exitFactor"
|
||||||
|
disable
|
||||||
|
/>
|
||||||
|
<div class="col-12 text-top0 items-center">
|
||||||
|
<q-item-label>
|
||||||
|
<q-input
|
||||||
|
v-if="exitFactor.includes(15)"
|
||||||
|
v-model="exitFactorOther"
|
||||||
|
label="กรอกข้อความ"
|
||||||
|
dense
|
||||||
|
disable
|
||||||
|
lazy-rules
|
||||||
|
type="text"
|
||||||
|
autogrow
|
||||||
|
hide-bottom-space
|
||||||
|
outlined
|
||||||
|
class="bg-white"
|
||||||
|
:rules="[
|
||||||
|
(val) => (val && val.length > 0) || 'กรุณากรอกข้อความ',
|
||||||
|
]"
|
||||||
|
/>
|
||||||
|
</q-item-label>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-12 text-top0 items-center">
|
||||||
|
4. อะไรคือสิ่งที่ท่านเห็นว่าควรปรับปรุง (เลือกได้มากกว่า 1 ข้อ)
|
||||||
|
</div>
|
||||||
|
<q-list>
|
||||||
|
<q-option-group
|
||||||
|
:options="adjust_option"
|
||||||
|
type="checkbox"
|
||||||
|
v-model="adjust"
|
||||||
|
disable
|
||||||
|
/>
|
||||||
|
</q-list>
|
||||||
|
<div class="col-12 text-top0 items-center">
|
||||||
|
<q-item-label>
|
||||||
|
<q-input
|
||||||
|
v-if="adjust.includes(15)"
|
||||||
|
v-model="adjustOther"
|
||||||
|
label="กรอกอื่นๆ"
|
||||||
|
dense
|
||||||
|
disable
|
||||||
|
lazy-rules
|
||||||
|
type="text"
|
||||||
|
autogrow
|
||||||
|
hide-bottom-space
|
||||||
|
outlined
|
||||||
|
class="bg-white"
|
||||||
|
:rules="[
|
||||||
|
(val) => (val && val.length > 0) || 'กรุณากรอกข้อความ',
|
||||||
|
]"
|
||||||
|
/>
|
||||||
|
</q-item-label>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 text-top0 items-center">
|
||||||
|
5. โปรดระบุสาเหตุที่แท้จริง
|
||||||
|
ที่ทำให้ท่านตัดสินใจลาออกจากการปฏิบัติราชการกับกรุงเทพมหานคร ?
|
||||||
|
</div>
|
||||||
|
<q-input
|
||||||
|
class="col-12"
|
||||||
|
dense
|
||||||
|
disable
|
||||||
|
outlined
|
||||||
|
v-model="realReason"
|
||||||
|
label=" "
|
||||||
|
type="textarea"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<div class="col-12 text-top0 items-center">
|
||||||
|
6. ปัจจัยใดที่จะช่วยทำให้ท่านเปลี่ยนใจ
|
||||||
|
ไม่อยากลาออกจากการปฏิบัติราชการกับกรุงเทพมหานคร
|
||||||
|
</div>
|
||||||
|
<q-input
|
||||||
|
class="col-12"
|
||||||
|
dense
|
||||||
|
outlined
|
||||||
|
disable
|
||||||
|
v-model="notExitFactor"
|
||||||
|
label=" "
|
||||||
|
type="textarea"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<div class="col-12 text-top0 items-center">
|
||||||
|
7. ท่านมีงานใหม่หรือไม่ ถ้ามี (โปรดระบุ
|
||||||
|
ชื่อบริษัทเอกชน/หน่วยงานภาครัฐ)
|
||||||
|
และอะไรคือสิ่งที่ที่ทำงานใหม่ให้กับท่าน
|
||||||
|
ซึ่งท่านรู้สึกว่าเป็นที่น่าพอใจมากกว่าการปฏิบัติราชการกับกรุงเทพมหานคร
|
||||||
|
</div>
|
||||||
|
<q-option-group
|
||||||
|
:options="haveJob_option"
|
||||||
|
type="radio"
|
||||||
|
v-model="haveJob"
|
||||||
|
disable
|
||||||
|
/>
|
||||||
|
<div class="col-12 text-top0 items-center">
|
||||||
|
<q-item-label>
|
||||||
|
<q-input
|
||||||
|
v-if="haveJob === true"
|
||||||
|
v-model="haveJobReason"
|
||||||
|
label="กรอกอื่นๆ"
|
||||||
|
dense
|
||||||
|
disable
|
||||||
|
lazy-rules
|
||||||
|
type="text"
|
||||||
|
autogrow
|
||||||
|
hide-bottom-space
|
||||||
|
outlined
|
||||||
|
class="bg-white"
|
||||||
|
:rules="[
|
||||||
|
(val) => (val && val.length > 0) || 'กรุณากรอกข้อความ',
|
||||||
|
]"
|
||||||
|
/>
|
||||||
|
</q-item-label>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 text-top0 items-center">
|
||||||
|
8. ท่านจะแนะนำเพื่อนให้มาร่วมงานกับกรุงเทพมหานครหรือไม่ (ถ้าไม่
|
||||||
|
โปรดระบุเหตุผล)
|
||||||
|
</div>
|
||||||
|
<q-option-group
|
||||||
|
:options="suggestFriends_option"
|
||||||
|
type="radio"
|
||||||
|
v-model="suggestFriends"
|
||||||
|
disable
|
||||||
|
/>
|
||||||
|
<div class="col-12 text-top0 items-center">
|
||||||
|
<q-item-label>
|
||||||
|
<q-input
|
||||||
|
v-if="suggestFriends === false"
|
||||||
|
v-model="suggestFriendsReason"
|
||||||
|
label="กรอกอื่นๆ"
|
||||||
|
dense
|
||||||
|
lazy-rules
|
||||||
|
disable
|
||||||
|
type="text"
|
||||||
|
autogrow
|
||||||
|
hide-bottom-space
|
||||||
|
outlined
|
||||||
|
class="bg-white"
|
||||||
|
:rules="[
|
||||||
|
(val) => (val && val.length > 0) || 'กรุณากรอกข้อความ',
|
||||||
|
]"
|
||||||
|
/>
|
||||||
|
</q-item-label>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 text-top0 items-center">
|
||||||
|
9. หากท่านมีโอกาสในอนาคต
|
||||||
|
ท่านอยากกลับมาร่วมงานกับกรุงเทพมหานครหรือไม่ (ถ้าไม่
|
||||||
|
โปรดระบุเหตุผล)
|
||||||
|
</div>
|
||||||
|
<q-option-group
|
||||||
|
:options="futureWork_option"
|
||||||
|
type="radio"
|
||||||
|
v-model="futureWork"
|
||||||
|
disable
|
||||||
|
/>
|
||||||
|
<div class="col-12 text-top0 items-center">
|
||||||
|
<q-item-label>
|
||||||
|
<q-input
|
||||||
|
v-if="futureWork === false"
|
||||||
|
v-model="futureWorkReason"
|
||||||
|
label="กรอกข้อความ"
|
||||||
|
dense
|
||||||
|
lazy-rules
|
||||||
|
type="text"
|
||||||
|
autogrow
|
||||||
|
hide-bottom-space
|
||||||
|
outlined
|
||||||
|
disable
|
||||||
|
class="bg-white"
|
||||||
|
:rules="[
|
||||||
|
(val) => (val && val.length > 0) || 'กรุณากรอกข้อความ',
|
||||||
|
]"
|
||||||
|
/>
|
||||||
|
</q-item-label>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-12 text-top0 items-center">
|
||||||
|
10. ความคิดเห็นและข้อเสนอแนะอื่น ๆ
|
||||||
|
</div>
|
||||||
|
<q-input
|
||||||
|
class="col-12"
|
||||||
|
dense
|
||||||
|
disable
|
||||||
|
outlined
|
||||||
|
v-model="suggestion"
|
||||||
|
label=" "
|
||||||
|
type="textarea"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<q-separator />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</q-card>
|
||||||
<div class="col-12">
|
|
||||||
<q-input
|
|
||||||
:class="getClass(edit)"
|
|
||||||
:outlined="edit"
|
|
||||||
dense
|
|
||||||
lazy-rules
|
|
||||||
:readonly="!edit"
|
|
||||||
:borderless="!edit"
|
|
||||||
v-model="reason"
|
|
||||||
:rules="[(val) => !!val || `${'กรุณากรอกหมายเหตุ '}`]"
|
|
||||||
hide-bottom-space
|
|
||||||
:label="`${'หมายเหตุ '}`"
|
|
||||||
type="textarea"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</q-form>
|
</q-form>
|
||||||
|
|
@ -292,7 +366,9 @@ import type { QTableProps, QForm } from "quasar";
|
||||||
import type {
|
import type {
|
||||||
TypeFile,
|
TypeFile,
|
||||||
ResponseDataDetail,
|
ResponseDataDetail,
|
||||||
} from "@/modules/06_retirement/interface/response/expulsion";
|
} from "@/modules/06_retirement/interface/response/exit";
|
||||||
|
import PositionSide from "@/modules/01_metadata/components/positionEmployee/PositionSide.vue";
|
||||||
|
import FullCalendarComponent from "@fullcalendar/vue3";
|
||||||
|
|
||||||
const $q = useQuasar();
|
const $q = useQuasar();
|
||||||
const route = useRoute();
|
const route = useRoute();
|
||||||
|
|
@ -312,64 +388,126 @@ const {
|
||||||
const myForm = ref<QForm | null>(null);
|
const myForm = ref<QForm | null>(null);
|
||||||
const roleAdmin = ref<boolean>(false);
|
const roleAdmin = ref<boolean>(false);
|
||||||
const edit = ref<boolean>(false);
|
const edit = ref<boolean>(false);
|
||||||
|
const Org = ref<string>("");
|
||||||
|
const PositionLevel = ref<string>("");
|
||||||
|
const Position = ref<string>("");
|
||||||
|
|
||||||
const organizationPositionOld = ref<string>("");
|
const exitFactor = ref<any>([]);
|
||||||
const positionTypeOld = ref<string>("");
|
const reasonWork = ref<any>([]);
|
||||||
const positionLevelOld = ref<string>("");
|
const adjust = ref<any>([]);
|
||||||
const posNo = ref<string>("");
|
const timeThink = ref<any>([]);
|
||||||
const salary = ref<number>(0);
|
const fullname = ref<any>("");
|
||||||
const organization = ref<string>("");
|
const avata = ref<any>("");
|
||||||
const date = ref<Date | null>(null);
|
const realReason = ref<any>("");
|
||||||
const reason = ref<string>("");
|
const notExitFactor = ref<any>("");
|
||||||
|
const haveJob = ref<any>("");
|
||||||
|
const suggestFriends = ref<any>([]);
|
||||||
|
const futureWork = ref<any>([]);
|
||||||
|
const suggestion = ref<any>("");
|
||||||
|
|
||||||
const responseData = ref<ResponseDataDetail>({
|
const reasonWorkOther = ref("");
|
||||||
personId: "",
|
const reasonWork_option = ref<any>([
|
||||||
avataPath: "",
|
{ label: "ความมั่นคงในการทำงาน ", value: 0 },
|
||||||
createdAt: new Date(),
|
{ label: "สิทธิประโยชน์/สวัสดิการ", value: 1 },
|
||||||
date: new Date(),
|
{ label: "อัตราเงินเดือน ", value: 2 },
|
||||||
id: "",
|
{ label: "ลักษณะงาน ", value: 3 },
|
||||||
organization: "",
|
{ label: "วัฒนธรรมการทำงานของข้าราชการ ", value: 4 },
|
||||||
organizationPositionOld: "",
|
{ label: "นโยบายของหน่วยงาน ", value: 5 },
|
||||||
positionLevelOld: "",
|
{ label: "ระบบการทำงาน", value: 6 },
|
||||||
positionNumberOld: "",
|
{ label: "สมดุลชีวิตการทำงาน ", value: 7 },
|
||||||
positionTypeOld: "",
|
{ label: "บรรยากาศในการทำงาน ", value: 8 },
|
||||||
|
{ label: "การพัฒนาในสายอาชีพ ", value: 9 },
|
||||||
|
{ label: "โอกาสความก้าวหน้า ", value: 10 },
|
||||||
|
{ label: "การได้รับการยอมรับจากสังคม ", value: 11 },
|
||||||
|
{ label: "อื่น ๆ (ระบุ) ", value: 12 },
|
||||||
|
]);
|
||||||
|
const exitFactorOther = ref("");
|
||||||
|
const exitFactor_option = ref<any>([
|
||||||
|
{ label: "อัตราเงินเดือน ", value: 0 },
|
||||||
|
{ label: "สวัสดิการ", value: 1 },
|
||||||
|
{ label: "ลักษณะงาน ", value: 2 },
|
||||||
|
{ label: "ระบบการทำงาน ", value: 3 },
|
||||||
|
{ label: "ระบบสนับสนุนการปฏิบัติงาน ", value: 4 },
|
||||||
|
{ label: "การมอบหมายงานที่ชัดเจนและเหมาะสม ", value: 5 },
|
||||||
|
{ label: "การบริหารงานของผู้บังคับบัญชา", value: 6 },
|
||||||
|
{ label: "การทำงานเป็นทีมกับเพื่อนร่วมงาน ", value: 7 },
|
||||||
|
{ label: "ระบบบริหารงานภายในหน่วยงาน ", value: 8 },
|
||||||
|
{ label: "บรรยากาศในการทำงาน ", value: 9 },
|
||||||
|
{ label: "การปฏิบัติอย่างเป็นธรรม ", value: 10 },
|
||||||
|
{ label: "การยอมรับความแตกต่างหลากหลาย ", value: 11 },
|
||||||
|
{ label: "การดูแลและให้ความช่วยเหลือในช่วงเริ่มต้นปฏิบัติงาน ", value: 12 },
|
||||||
|
{ label: "การพัฒนาอย่างเป็นระบบและต่อเนื่อง ", value: 13 },
|
||||||
|
{ label: "โอกาสความก้าวหน้า ", value: 14 },
|
||||||
|
{ label: "อื่น ๆ (ระบุ) ", value: 15 },
|
||||||
|
]);
|
||||||
|
const suggestFriendsReason = ref("");
|
||||||
|
const suggestFriends_option = ref<any>([
|
||||||
|
{ label: "แนะนำ ", value: true },
|
||||||
|
{ label: "ไม่แนะนำ (ระบุ)", value: false },
|
||||||
|
]);
|
||||||
|
const timeThink_option = ref<any>([
|
||||||
|
{ label: "น้อยกว่า 2 สัปดาห์ ", value: 0 },
|
||||||
|
{ label: "1 เดือน - 3 เดือน", value: 1 },
|
||||||
|
{ label: "3 เดือน - 6 เดือน ", value: 2 },
|
||||||
|
{ label: "6 เดือนขึ้นไป ", value: 3 },
|
||||||
|
]);
|
||||||
|
const haveJobReason = ref<any>("");
|
||||||
|
const haveJob_option = ref<any>([
|
||||||
|
{ label: "มี (ระบุ) ", value: true },
|
||||||
|
{ label: "ไม่มี", value: false },
|
||||||
|
]);
|
||||||
|
const futureWorkReason = ref<any>("");
|
||||||
|
const futureWork_option = ref<any>([
|
||||||
|
{ label: "อยาก ", value: true },
|
||||||
|
{ label: "ไม่อยาก (ระบุ)", value: false },
|
||||||
|
]);
|
||||||
|
const adjustOther = ref("");
|
||||||
|
const adjust_option = ref<any>([
|
||||||
|
{ label: "อัตราเงินเดือน ", value: 0 },
|
||||||
|
{ label: "สวัสดิการ", value: 1 },
|
||||||
|
{ label: "ลักษณะงาน ", value: 2 },
|
||||||
|
{ label: "ระบบการทำงาน ", value: 3 },
|
||||||
|
{ label: "ระบบสนับสนุนการปฏิบัติงาน ", value: 4 },
|
||||||
|
{ label: "การมอบหมายงานที่ชัดเจนและเหมาะสม ", value: 5 },
|
||||||
|
{ label: "การบริหารงานของผู้บังคับบัญชา", value: 6 },
|
||||||
|
{ label: "การทำงานเป็นทีมกับเพื่อนร่วมงาน ", value: 7 },
|
||||||
|
{ label: "ระบบบริหารงานภายในหน่วยงาน ", value: 8 },
|
||||||
|
{ label: "บรรยากาศในการทำงาน ", value: 9 },
|
||||||
|
{ label: "การปฏิบัติอย่างเป็นธรรม ", value: 10 },
|
||||||
|
{ label: "การยอมรับความแตกต่างหลากหลาย ", value: 11 },
|
||||||
|
{ label: "การดูแลและให้ความช่วยเหลือในช่วงเริ่มต้นปฏิบัติงาน ", value: 12 },
|
||||||
|
{ label: "การพัฒนาอย่างเป็นระบบและต่อเนื่อง ", value: 13 },
|
||||||
|
{ label: "โอกาสความก้าวหน้า ", value: 14 },
|
||||||
|
{ label: "อื่น ๆ (ระบุ) ", value: 15 },
|
||||||
|
]);
|
||||||
|
|
||||||
|
const responseData = ref<any>({
|
||||||
|
Position: "",
|
||||||
|
PositionLevel: "",
|
||||||
|
Org: "",
|
||||||
|
Prefix: "",
|
||||||
|
Avatar: "",
|
||||||
reason: "",
|
reason: "",
|
||||||
salary: 0,
|
salary: 0,
|
||||||
status: "",
|
status: "",
|
||||||
fullname: "",
|
fullname: "",
|
||||||
|
ReasonWork: 0,
|
||||||
|
ReasonWorkOther: "",
|
||||||
|
TimeThink: 0,
|
||||||
|
ExitFactor: 0,
|
||||||
|
ExitFactorOther: "",
|
||||||
|
Adjust: 0,
|
||||||
|
AdjustOther: "",
|
||||||
|
RealReason: "",
|
||||||
|
NotExitFactor: "",
|
||||||
|
Havejob: null,
|
||||||
|
HavejobReason: "",
|
||||||
|
SuggestFriends: null,
|
||||||
|
SuggestFriendsReason: "",
|
||||||
|
FutureWork: null,
|
||||||
|
FutureWorkReason: "",
|
||||||
});
|
});
|
||||||
|
|
||||||
const rows = ref<TypeFile[]>([]);
|
|
||||||
const columns = ref<QTableProps["columns"]>([
|
|
||||||
{
|
|
||||||
name: "no",
|
|
||||||
align: "left",
|
|
||||||
label: "ลำดับ",
|
|
||||||
sortable: true,
|
|
||||||
field: "no",
|
|
||||||
headerStyle: "font-size: 14px",
|
|
||||||
style: "font-size: 14px",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "fileName",
|
|
||||||
align: "left",
|
|
||||||
label: "ชื่อไฟล์",
|
|
||||||
sortable: true,
|
|
||||||
field: "fileName",
|
|
||||||
headerStyle: "font-size: 14px",
|
|
||||||
style: "font-size: 14px",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "btnMicrosoft",
|
|
||||||
align: "right",
|
|
||||||
label: "ปุ่ม",
|
|
||||||
sortable: true,
|
|
||||||
field: "btnMicrosoft",
|
|
||||||
headerStyle: "font-size: 14px",
|
|
||||||
style: "font-size: 14px",
|
|
||||||
},
|
|
||||||
]);
|
|
||||||
|
|
||||||
onMounted(async () => {
|
onMounted(async () => {
|
||||||
if (keycloak.tokenParsed != null) {
|
if (keycloak.tokenParsed != null) {
|
||||||
roleAdmin.value = await keycloak.tokenParsed.role.includes("placement1");
|
roleAdmin.value = await keycloak.tokenParsed.role.includes("placement1");
|
||||||
|
|
@ -384,34 +522,28 @@ const getData = async () => {
|
||||||
.get(config.API.ExitInterviewByid(dataId))
|
.get(config.API.ExitInterviewByid(dataId))
|
||||||
.then((res: any) => {
|
.then((res: any) => {
|
||||||
const data = res.data.result;
|
const data = res.data.result;
|
||||||
|
avata.value = data.avatar ?? "";
|
||||||
responseData.value.personId = data.profileId;
|
Position.value = data.position ?? "";
|
||||||
responseData.value.createdAt = data.createdAt;
|
PositionLevel.value = data.positionLevel ?? "";
|
||||||
responseData.value.date =
|
Org.value = data.org ?? "";
|
||||||
data.date !== null ? new Date(data.date) : new Date();
|
fullname.value = data.fullname ?? "";
|
||||||
responseData.value.id = data.id ?? "";
|
reasonWork.value = data.reasonWork ?? [];
|
||||||
responseData.value.organization = data.organization ?? "";
|
reasonWorkOther.value = data.ReasonWorkOther ?? "";
|
||||||
responseData.value.organizationPositionOld =
|
timeThink.value = data.TimeThink ?? 0;
|
||||||
data.organizationPositionOld ?? "";
|
exitFactor.value = data.exitFactor ?? [];
|
||||||
responseData.value.positionLevelOld = data.positionLevelOld ?? "";
|
exitFactorOther.value = data.exitFactorOther ?? 0;
|
||||||
responseData.value.positionNumberOld = data.positionNumberOld ?? "";
|
adjust.value = data.adjust ?? [];
|
||||||
responseData.value.positionTypeOld = data.positionTypeOld ?? "";
|
adjustOther.value = data.adjustOther ?? "";
|
||||||
responseData.value.reason = data.reason ?? "";
|
realReason.value = data.realReason ?? "";
|
||||||
responseData.value.salary = data.salary !== null ? data.salary : 0;
|
notExitFactor.value = data.notExitFactor ?? "";
|
||||||
responseData.value.status = data.status ?? "";
|
haveJob.value = data.havejob ?? null;
|
||||||
responseData.value.avataPath = data.avataPath ?? "";
|
haveJobReason.value = data.havejobReason ?? "";
|
||||||
responseData.value.fullname = `${data.firstName ?? "-"} ${
|
suggestFriends.value = data.suggestFriends ?? null;
|
||||||
data.lastName ?? "-"
|
suggestFriendsReason.value = data.suggestFriendsReason ?? "";
|
||||||
}`;
|
futureWork.value = data.futureWork ?? null;
|
||||||
|
futureWorkReason.value = data.futureWorkReason ?? "";
|
||||||
organizationPositionOld.value = data.organizationPositionOld ?? "";
|
suggestion.value = data.suggestion ?? "";
|
||||||
positionTypeOld.value = data.positionTypeOld ?? "";
|
// console.log(data.value);
|
||||||
positionLevelOld.value = data.positionLevelOld ?? "";
|
|
||||||
posNo.value = data.posNo ?? "";
|
|
||||||
salary.value = data.salary ?? "";
|
|
||||||
organization.value = data.organization ?? "";
|
|
||||||
date.value = data.date !== null ? new Date(data.date) : null;
|
|
||||||
reason.value = data.reason ?? "";
|
|
||||||
})
|
})
|
||||||
.catch((e) => {
|
.catch((e) => {
|
||||||
messageError($q, e);
|
messageError($q, e);
|
||||||
|
|
@ -441,16 +573,7 @@ const conditionSave = async () => {
|
||||||
};
|
};
|
||||||
|
|
||||||
const saveData = async () => {
|
const saveData = async () => {
|
||||||
const body = {
|
const body = {};
|
||||||
organization: organization.value,
|
|
||||||
reason: reason.value,
|
|
||||||
organizationPositionOld: organizationPositionOld.value,
|
|
||||||
date: date.value,
|
|
||||||
positionTypeOld: positionTypeOld.value,
|
|
||||||
positionLevelOld: positionLevelOld.value,
|
|
||||||
positionNumberOld: posNo.value,
|
|
||||||
amountOld: salary.value,
|
|
||||||
};
|
|
||||||
showLoader();
|
showLoader();
|
||||||
await http
|
await http
|
||||||
.put(config.API.ExitInterviewByid(dataId), body)
|
.put(config.API.ExitInterviewByid(dataId), body)
|
||||||
|
|
|
||||||
|
|
@ -31,8 +31,10 @@ const expulsionMain = () =>
|
||||||
const expulsionDetails = () =>
|
const expulsionDetails = () =>
|
||||||
import("@/modules/06_retirement/components/Expulsion/expulsionRegistry.vue");
|
import("@/modules/06_retirement/components/Expulsion/expulsionRegistry.vue");
|
||||||
|
|
||||||
const ExitInterviewMain = () =>
|
const exitInterviewMain = () =>
|
||||||
import("@/modules/06_retirement/components/ExitInterview/exitMain.vue");
|
import("@/modules/06_retirement/components/ExitInterview/exitMain.vue");
|
||||||
|
const exitInterviewDetails = () =>
|
||||||
|
import("@/modules/06_retirement/components/ExitInterview/exitRegistry.vue");
|
||||||
|
|
||||||
export default [
|
export default [
|
||||||
{
|
{
|
||||||
|
|
@ -48,7 +50,17 @@ export default [
|
||||||
{
|
{
|
||||||
path: "/exit-Interview",
|
path: "/exit-Interview",
|
||||||
name: "exit-Interview",
|
name: "exit-Interview",
|
||||||
component: ExitInterviewMain,
|
component: exitInterviewMain,
|
||||||
|
meta: {
|
||||||
|
Auth: true,
|
||||||
|
Key: [7.3],
|
||||||
|
Role: "retirement",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: "/exit-Interview/questionnair/:id",
|
||||||
|
name: "exit-Interview-details",
|
||||||
|
component: exitInterviewDetails,
|
||||||
meta: {
|
meta: {
|
||||||
Auth: true,
|
Auth: true,
|
||||||
Key: [7.3],
|
Key: [7.3],
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue