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

fix

Browse source
This commit is contained in:
DESKTOP-1R2VSQH\Lenovo ThinkPad E490 2024-10-01 18:07:25 +07:00
parent ef0295d882
commit aadf15bcde
4 changed files with 263 additions and 225 deletions
Download patch file Download diff file Expand all files Collapse all files

19
src/components/LoginLinkage.vue
View file

@ -59,18 +59,9 @@ function onClose() {
<q-card-section> <q-card-section>
<q-card flat bordered> <q-card flat bordered>
<q-card-section> <q-card-section>
<div <div class="row">
class="row"
style="
display: flex;
flex-direction: column;
align-items: flex-end;
"
>
<div class="text-red"> <div class="text-red">
*ต้องใช้บน Windows และต้องติดตั้ง Agent *ต้องใช้บน Windows และต้องติดตั้ง Agent
</div>
<div>
<a <a
href="https://linkagemgmt.bora.dopa.go.th/app/LinkageManagement-v1.11.0.zip" href="https://linkagemgmt.bora.dopa.go.th/app/LinkageManagement-v1.11.0.zip"
>ลิงก์ดาวน์โหลด Agent</a >ลิงก์ดาวน์โหลด Agent</a
@ -82,6 +73,7 @@ function onClose() {
<!-- เสียบบัตรประชาชนเข้ากับเครื่องอ่าน --> <!-- เสียบบัตรประชาชนเข้ากับเครื่องอ่าน -->
<q-timeline-entry <q-timeline-entry
title="เสียบบัตรประชาชนเข้ากับเครื่องอ่าน" title="เสียบบัตรประชาชนเข้ากับเครื่องอ่าน"
style="font-size: 12px"
:icon=" :icon="
step === 1 step === 1
? 'mdi-pencil' ? 'mdi-pencil'
@ -187,4 +179,9 @@ function onClose() {
</q-dialog> </q-dialog>
</template> </template>
<style lang="sass" scoped></style> <style scoped>
:deep(.q-timeline__title) {
font-size: 15px; /* ปรับขนาดฟอนต์ตามที่ต้องการ */
font-weight: normal; /* หรือปรับน้ำหนักฟอนต์ */
}
</style>

424
src/modules/04_registryPerson/components/requestEdit/Dialog02_EditIDP.vue
View file

@ -239,227 +239,235 @@ watch(modal, (val) => {
<template> <template>
<q-dialog v-model="modal" persistent> <q-dialog v-model="modal" persistent>
<q-card style="min-width: 90%"> <q-card style="min-width: 65%">
<q-form greedy @submit.prevent @validation-success="onSubmit"> <q-form greedy @submit.prevent @validation-success="onSubmit">
<DialogHeader tittle="ข้อมูลการพัฒนารายบุคคล" :close="closeDialog" /> <DialogHeader tittle="ข้อมูลการพัฒนารายบุคคล" :close="closeDialog" />
<q-separator /> <q-separator />
<q-card-section style="max-height: 84vh" class="scroll"> <!-- สถานะคำร้อง -->
<div class="row q-col-gutter-sm"> <q-card-section>
<div class="col-md-3 col-xs-12"> <q-card bordered class="col-12">
<div class="row q-col-gutter-sm"> <div class="col-12 text-weight-medium bg-grey-1 q-py-xs q-px-md">
<!-- สถานะ --> สถานะคำร้อง
<div class="col-12"> </div>
<q-select <q-separator />
:class="classInput(isReadOnly)" <div class="row q-pa-md q-col-gutter-sm">
v-model="formData.status" <!-- สถานะ -->
label="สถานะ" <div class="col-4">
dense <q-select
outlined :class="classInput(isReadOnly)"
emit-value v-model="formData.status"
map-options label="สถานะ"
:options="statusOption" dense
:rules="[(val:string) => !!val || `${'กรุณาเลือกสถานะ'}`]" outlined
lazy-rules emit-value
hide-bottom-space map-options
use-input :options="statusOption"
option-label="name" :rules="[(val:string) => !!val || `${'กรุณาเลือกสถานะ'}`]"
option-value="id" lazy-rules
@filter="(inputValue:string, hide-bottom-space
use-input
option-label="name"
option-value="id"
@filter="(inputValue:string,
doneFn:Function) => filterOption(inputValue, doneFn doneFn:Function) => filterOption(inputValue, doneFn
) " ) "
> >
<template v-slot:no-option> <template v-slot:no-option>
<q-item> <q-item>
<q-item-section class="text-grey"> <q-item-section class="text-grey">
ไม่มีข้อมูล ไม่มีข้อมูล
</q-item-section> </q-item-section>
</q-item> </q-item>
</template> </template>
</q-select> </q-select>
</div> </div>
<!-- หมายเหตุ --> <!-- หมายเหตุ -->
<div class="col-12"> <div class="col-8">
<q-input <q-input
:class="classInput(isReadOnly)" :class="classInput(isReadOnly)"
v-model="formData.reason" v-model="formData.reason"
label="หมายเหตุ" label="หมายเหตุ"
dense dense
outlined outlined
type="textarea" type="textarea"
hide-bottom-space hide-bottom-space
/> />
</div>
</div> </div>
</div> </div>
<div class="col-md-9 col-xs-12"> <q-card-actions align="right">
<div class="row q-col-gutter-sm"> <q-btn label="บันทึก" color="secondary" type="submit"
<div class="col-12"> ><q-tooltip>บันทึก</q-tooltip></q-btn
<q-input >
readonly </q-card-actions>
outlined </q-card>
v-model="formData.topic"
label="ชื่อเรื่อง/เนื้อเรื่อง/หัวข้อการพัฒนา"
dense
/>
</div>
<div class="col-12">
<div class="q-mb-sm text-weight-medium text-body2">
วิธีการพัฒนา
</div>
<div class="row col-12 q-ml-md q-col-gutter-sm">
<!-- 70 การลงมือปฏิบัติ (โดยผู้บังคับบัญชามอบหมาย) -->
<div class="col-4">
<div class="q-mb-sm text-weight-medium text-body2">
70 การลงมือปฏิบัติ (โดยผู้บังคับบัญชามอบหมาย)
</div>
<q-option-group
disable
class="check_box q-mt-sm"
keep-color
color="primary"
dense
v-model="formData.developmentProjects"
:options="itemsDevelopment70"
type="checkbox"
/>
<div
class="row"
v-if="formData.developmentProjects.includes('other1')"
>
<div class="col-8 q-mt-sm relative-position">
<div class="other_custom_input">
<q-input
readonly
v-model="formData.reasonDevelopment70"
dense
outlined
label="กรุณาระบุ"
></q-input>
</div>
</div>
</div>
</div>
<!-- 20 การเรียนรู้จากผู้อื่น (Coach/Mentor/Consulting) -->
<div class="col-4">
<div class="q-mb-sm text-weight-medium text-body2">
20 การเรียนรู้จากผู้อื่น (Coach/Mentor/Consulting)
</div>
<q-option-group
disable
class="check_box q-mt-sm"
keep-color
color="primary"
dense
v-model="formData.developmentProjects"
:options="itemsDevelopment20"
type="checkbox"
/>
<div
class="row"
v-if="formData.developmentProjects.includes('other2')"
>
<div class="col-8 q-mt-sm relative-position">
<div class="other_custom_input">
<q-input
readonly
v-model="formData.reasonDevelopment20"
dense
outlined
label="กรุณาระบุ"
></q-input>
</div>
</div>
</div>
</div>
<!-- 10 การฝึกอบรมอื่นๆ -->
<div class="col-4">
<div class="q-mb-sm text-weight-medium text-body2">
10 การฝึกอบรมอื่นๆ
</div>
<q-option-group
disable
class="check_box q-mt-sm"
keep-color
color="primary"
dense
v-model="formData.developmentProjects"
:options="itemsDevelopment10"
type="checkbox"
/>
<div
class="row"
v-if="formData.developmentProjects.includes('other3')"
>
<div class="offset-4 col-8 q-mt-sm relative-position">
<div class="other_custom_input">
<q-input
readonly
v-model="formData.reasonDevelopment10"
dense
outlined
label="กรุณาระบุ"
></q-input>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- เป้าหมายการนำไปพัฒนางาน -->
<div class="col-12">
<q-input
readonly
outlined
v-model="formData.developmentTarget"
label="เป้าหมายการนำไปพัฒนางาน"
dense
type="textarea"
/>
</div>
<!-- วิธีการวัดผลการพัฒนา -->
<div class="col-12">
<q-input
readonly
outlined
v-model="formData.developmentResults"
label="วิธีการวัดผลการพัฒนา"
dense
type="textarea"
/>
</div>
<!-- รายงานผลการพัฒนา -->
<div class="col-12">
<q-input
readonly
outlined
v-model="formData.developmentReport"
label="รายงานผลการพัฒนา"
dense
type="textarea"
/>
</div>
</div>
</div>
</div>
</q-card-section> </q-card-section>
<q-separator /> <!-- รายละเอียด -->
<q-card-section class="q-pt-none">
<q-card bordered class="col-12">
<div class="col-12 text-weight-medium bg-grey-1 q-py-xs q-px-md">
รายละเอียด
</div>
<q-separator />
<div class="row q-col-gutter-sm q-pa-md">
<div class="col-12">
<q-input
readonly
outlined
v-model="formData.topic"
label="ชื่อเรื่อง/เนื้อเรื่อง/หัวข้อการพัฒนา"
dense
/>
</div>
<q-card-actions align="right"> <div class="col-12">
<q-btn label="บันทึก" color="secondary" type="submit" <div class="q-mb-sm text-weight-medium text-body2">
><q-tooltip>บันทึก</q-tooltip></q-btn วิธีการพัฒนา
> </div>
</q-card-actions> <div class="row col-12 q-ml-md q-col-gutter-sm">
<!-- 70 การลงมือปฏิบัติ (โดยผู้บังคับบัญชามอบหมาย) -->
<div class="col-4">
<div class="q-mb-sm text-weight-medium text-body2">
70 การลงมือปฏิบัติ (โดยผู้บังคับบัญชามอบหมาย)
</div>
<q-option-group
disable
class="check_box q-mt-sm"
keep-color
color="primary"
dense
v-model="formData.developmentProjects"
:options="itemsDevelopment70"
type="checkbox"
/>
<div
class="row"
v-if="formData.developmentProjects.includes('other1')"
>
<div class="col-8 q-mt-sm relative-position">
<div class="other_custom_input">
<q-input
readonly
v-model="formData.reasonDevelopment70"
dense
outlined
label="กรุณาระบุ"
></q-input>
</div>
</div>
</div>
</div>
<!-- 20 การเรียนรู้จากผู้อื่น (Coach/Mentor/Consulting) -->
<div class="col-4">
<div class="q-mb-sm text-weight-medium text-body2">
20 การเรียนรู้จากผู้อื่น (Coach/Mentor/Consulting)
</div>
<q-option-group
disable
class="check_box q-mt-sm"
keep-color
color="primary"
dense
v-model="formData.developmentProjects"
:options="itemsDevelopment20"
type="checkbox"
/>
<div
class="row"
v-if="formData.developmentProjects.includes('other2')"
>
<div class="col-8 q-mt-sm relative-position">
<div class="other_custom_input">
<q-input
readonly
v-model="formData.reasonDevelopment20"
dense
outlined
label="กรุณาระบุ"
></q-input>
</div>
</div>
</div>
</div>
<!-- 10 การฝึกอบรมอื่นๆ -->
<div class="col-4">
<div class="q-mb-sm text-weight-medium text-body2">
10 การฝึกอบรมอื่นๆ
</div>
<q-option-group
disable
class="check_box q-mt-sm"
keep-color
color="primary"
dense
v-model="formData.developmentProjects"
:options="itemsDevelopment10"
type="checkbox"
/>
<div
class="row"
v-if="formData.developmentProjects.includes('other3')"
>
<div class="offset-4 col-8 q-mt-sm relative-position">
<div class="other_custom_input">
<q-input
readonly
v-model="formData.reasonDevelopment10"
dense
outlined
label="กรุณาระบุ"
></q-input>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- เป้าหมายการนำไปพัฒนางาน -->
<div class="col-12">
<q-input
readonly
outlined
v-model="formData.developmentTarget"
label="เป้าหมายการนำไปพัฒนางาน"
dense
type="textarea"
/>
</div>
<!-- วิธีการวัดผลการพัฒนา -->
<div class="col-12">
<q-input
readonly
outlined
v-model="formData.developmentResults"
label="วิธีการวัดผลการพัฒนา"
dense
type="textarea"
/>
</div>
<!-- รายงานผลการพัฒนา -->
<div class="col-12">
<q-input
readonly
outlined
v-model="formData.developmentReport"
label="รายงานผลการพัฒนา"
dense
type="textarea"
/>
</div>
</div>
</q-card>
</q-card-section>
</q-form> </q-form>
</q-card> </q-card>
</q-dialog> </q-dialog>

20
src/modules/15_development/components/Record.vue
View file

@ -1,5 +1,5 @@
<script setup lang="ts"> <script setup lang="ts">
import { ref, onMounted } from "vue"; import { ref, onMounted, computed } from "vue";
import { useRoute } from "vue-router"; import { useRoute } from "vue-router";
import { useQuasar } from "quasar"; import { useQuasar } from "quasar";
@ -18,7 +18,8 @@ const listPerson = defineModel<ResRecord[]>("listPerson", { required: true });
//ข้อมุล Table //ข้อมุล Table
const keyword = ref<string>(""); const keyword = ref<string>("");
const rows = ref<ResRecord[]>([]); const rows = ref<ResRecord[]>([]);
const columns = ref<QTableProps["columns"]>([ // baseColumns
const baseColumns = ref<QTableProps["columns"]>([
{ {
name: "isDone", name: "isDone",
align: "left", align: "left",
@ -185,6 +186,17 @@ const columns = ref<QTableProps["columns"]>([
a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }), a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
}, },
]); ]);
const columns = computed(() => {
if (!isProfile.value) {
if (baseColumns.value) {
return baseColumns.value.filter(
(column) => column.name !== "isDone" && column.name !== "isDoneIDP"
);
}
}
return baseColumns.value;
});
const visibleColumns = ref<string[]>([ const visibleColumns = ref<string[]>([
"isDone", "isDone",
"isDoneIDP", "isDoneIDP",
@ -195,8 +207,8 @@ const visibleColumns = ref<string[]>([
"posTypeName", "posTypeName",
"posLevelName", "posLevelName",
"posExecutive", "posExecutive",
"startDate", "dateStart",
"endDate", "dateEnd",
"trainingDays", "trainingDays",
"org", "org",
"commandNumber", "commandNumber",

25
src/views/MainLayout.vue
View file

@ -703,7 +703,28 @@ async function fetchPermissionsSys() {
<div class="text-subtitle2 q-mt-md q-mb-xs text-center"> <div class="text-subtitle2 q-mt-md q-mb-xs text-center">
{{ fullname }} {{ fullname }}
</div> </div>
<div id="#logout"> <div class="row q-col-gutter-sm q-pa-sm">
<div class="col-6">
<q-btn
color="blue"
label="เข้าสู่ระบบ Linkage Center"
size="sm"
v-close-popup
@click="modalLoginLinkage = true"
/>
</div>
<div class="col-6">
<q-btn
color="primary"
label="ออกจากระบบ"
v-close-popup
@click="doLogout"
class="full-width full-height"
/>
</div>
</div>
<!-- <div id="#logout">
<q-btn <q-btn
color="blue" color="blue"
label="เข้าสู่ระบบ Linkage Center" label="เข้าสู่ระบบ Linkage Center"
@ -722,7 +743,7 @@ async function fetchPermissionsSys() {
v-close-popup v-close-popup
@click="doLogout" @click="doLogout"
/> />
</div> </div> -->
</div> </div>
<!-- <div class="column col-12"> <!-- <div class="column col-12">