พัฒนาบุคลากร
This commit is contained in:
STW_TTTY\stwtt
parent
7aa9782b7a
commit
1d1490a49b
12 changed files with 480 additions and 141 deletions
|
|
@ -49,7 +49,9 @@ const route = useRoute();
|
|||
const projectId = ref<string>(route.params.id.toLocaleString());
|
||||
const { showLoader, hideLoader, dialogConfirm, messageError, success } =
|
||||
useCounterMixin();
|
||||
|
||||
const checkRoutePermission = ref<boolean>(
|
||||
route.name == "developmentDetailPage"
|
||||
);
|
||||
const projectTypeOp = ref<String[]>([
|
||||
"โครงการตามยุทธศาสตร์",
|
||||
"โครงการตามภารกิจประจำของหน่วยงาน",
|
||||
|
|
@ -187,13 +189,15 @@ function fetchData() {
|
|||
formData.projectDayBackPlanned = data.projectDayBackPlanned;
|
||||
formData.projectDayHoldPlanned = data.projectDayHoldPlanned;
|
||||
formData.projectNigthHoldPlanned = data.projectNigthHoldPlanned;
|
||||
formData.developmentProjectTechniquePlanneds = data.developmentProjectTechniquePlanneds;
|
||||
formData.developmentProjectTechniquePlanneds =
|
||||
data.developmentProjectTechniquePlanneds;
|
||||
formData.isBackActual = data.isBackActual;
|
||||
formData.isHoldActual = data.isHoldActual;
|
||||
formData.projectDayBackActual = data.projectDayBackActual;
|
||||
formData.projectDayHoldActual = data.projectDayHoldActual;
|
||||
formData.projectNigthHoldActual = data.projectNigthHoldActual;
|
||||
formData.developmentProjectTechniqueActuals = data.developmentProjectTechniqueActuals;
|
||||
formData.developmentProjectTechniqueActuals =
|
||||
data.developmentProjectTechniqueActuals;
|
||||
formData.projectModalPlanned = data.projectModalPlanned;
|
||||
formData.projectModalActual = data.projectModalActual;
|
||||
|
||||
|
|
@ -335,6 +339,7 @@ onMounted(() => {
|
|||
<div class="row q-pa-sm">
|
||||
<div class="col-12">
|
||||
<q-select
|
||||
:readonly="checkRoutePermission"
|
||||
dense
|
||||
outlined
|
||||
v-model="formData.developmentProjectTypes"
|
||||
|
|
@ -370,6 +375,7 @@ onMounted(() => {
|
|||
|
||||
<q-card-section class="q-pa-sm">
|
||||
<q-input
|
||||
:readonly="checkRoutePermission"
|
||||
dense
|
||||
outlined
|
||||
v-model="filter"
|
||||
|
|
@ -396,6 +402,7 @@ onMounted(() => {
|
|||
:no-results-label="notFound"
|
||||
:no-nodes-label="noData"
|
||||
v-model:expanded="expanded"
|
||||
:style="checkRoutePermission ? 'pointer-events: none;' : ''"
|
||||
>
|
||||
<template v-slot:default-header="prop">
|
||||
<q-item
|
||||
|
|
@ -429,6 +436,7 @@ onMounted(() => {
|
|||
|
||||
<q-card-section class="q-pa-sm">
|
||||
<q-input
|
||||
:readonly="checkRoutePermission"
|
||||
dense
|
||||
outlined
|
||||
v-model="filter2"
|
||||
|
|
@ -454,6 +462,7 @@ onMounted(() => {
|
|||
:no-results-label="notFound"
|
||||
:no-nodes-label="noData"
|
||||
v-model:expanded="expanded2"
|
||||
:style="checkRoutePermission ? 'pointer-events: none;' : ''"
|
||||
>
|
||||
<template v-slot:default-header="prop">
|
||||
<q-item
|
||||
|
|
@ -493,7 +502,9 @@ onMounted(() => {
|
|||
<div class="row col-12 q-col-gutter-sm">
|
||||
<div class="col-12 col-md-3">
|
||||
<q-checkbox
|
||||
:disable="store.projectStatus === 'FINISH'"
|
||||
:disable="
|
||||
store.projectStatus === 'FINISH' || checkRoutePermission
|
||||
"
|
||||
keep-color
|
||||
color="primary"
|
||||
dense
|
||||
|
|
@ -504,7 +515,9 @@ onMounted(() => {
|
|||
</div>
|
||||
<div class="col-12 col-md-4">
|
||||
<q-input
|
||||
:readonly="store.projectStatus === 'FINISH'"
|
||||
:readonly="
|
||||
store.projectStatus === 'FINISH' || checkRoutePermission
|
||||
"
|
||||
dense
|
||||
outlined
|
||||
v-model="formData.projectDayBackPlanned"
|
||||
|
|
@ -518,7 +531,9 @@ onMounted(() => {
|
|||
<div class="row col-12 q-col-gutter-sm">
|
||||
<div class="col-12 col-md-3">
|
||||
<q-checkbox
|
||||
:disable="store.projectStatus === 'FINISH'"
|
||||
:disable="
|
||||
store.projectStatus === 'FINISH' || checkRoutePermission
|
||||
"
|
||||
keep-color
|
||||
color="primary"
|
||||
dense
|
||||
|
|
@ -529,7 +544,9 @@ onMounted(() => {
|
|||
</div>
|
||||
<div class="col-12 col-md-4">
|
||||
<q-input
|
||||
:readonly="store.projectStatus === 'FINISH'"
|
||||
:readonly="
|
||||
store.projectStatus === 'FINISH' || checkRoutePermission
|
||||
"
|
||||
dense
|
||||
outlined
|
||||
v-model="formData.projectDayHoldPlanned"
|
||||
|
|
@ -541,7 +558,9 @@ onMounted(() => {
|
|||
</div>
|
||||
<div class="col-12 col-md-4">
|
||||
<q-input
|
||||
:readonly="store.projectStatus === 'FINISH'"
|
||||
:readonly="
|
||||
store.projectStatus === 'FINISH' || checkRoutePermission
|
||||
"
|
||||
dense
|
||||
outlined
|
||||
v-model="formData.projectNigthHoldPlanned"
|
||||
|
|
@ -565,7 +584,9 @@ onMounted(() => {
|
|||
>
|
||||
<q-option-group
|
||||
class="check_box q-mt-sm"
|
||||
:disable="store.projectStatus === 'FINISH'"
|
||||
:disable="
|
||||
store.projectStatus === 'FINISH' || checkRoutePermission
|
||||
"
|
||||
keep-color
|
||||
color="primary"
|
||||
dense
|
||||
|
|
@ -579,7 +600,10 @@ onMounted(() => {
|
|||
<q-input
|
||||
v-model="reasonPlanned70"
|
||||
dense
|
||||
:disable="store.projectStatus === 'FINISH'"
|
||||
:readonly="
|
||||
store.projectStatus === 'FINISH' ||
|
||||
checkRoutePermission
|
||||
"
|
||||
outlined
|
||||
class="inputgreen"
|
||||
label="กรุณาระบุ"
|
||||
|
|
@ -594,7 +618,9 @@ onMounted(() => {
|
|||
>
|
||||
<q-option-group
|
||||
class="check_box q-mt-sm"
|
||||
:disable="store.projectStatus === 'FINISH'"
|
||||
:disable="
|
||||
store.projectStatus === 'FINISH' || checkRoutePermission
|
||||
"
|
||||
keep-color
|
||||
color="primary"
|
||||
dense
|
||||
|
|
@ -608,7 +634,10 @@ onMounted(() => {
|
|||
<q-input
|
||||
v-model="reasonPlanned20"
|
||||
dense
|
||||
:disable="store.projectStatus === 'FINISH'"
|
||||
:readonly="
|
||||
store.projectStatus === 'FINISH' ||
|
||||
checkRoutePermission
|
||||
"
|
||||
outlined
|
||||
class="inputgreen"
|
||||
label="กรุณาระบุ"
|
||||
|
|
@ -623,7 +652,9 @@ onMounted(() => {
|
|||
>
|
||||
<q-option-group
|
||||
class="check_box q-mt-sm"
|
||||
:disable="store.projectStatus === 'FINISH'"
|
||||
:disable="
|
||||
store.projectStatus === 'FINISH' || checkRoutePermission
|
||||
"
|
||||
keep-color
|
||||
color="primary"
|
||||
dense
|
||||
|
|
@ -637,7 +668,10 @@ onMounted(() => {
|
|||
<q-input
|
||||
v-model="reasonPlanned10"
|
||||
dense
|
||||
:disable="store.projectStatus === 'FINISH'"
|
||||
:readonly="
|
||||
store.projectStatus === 'FINISH' ||
|
||||
checkRoutePermission
|
||||
"
|
||||
outlined
|
||||
class="inputgreen"
|
||||
label="กรุณาระบุ"
|
||||
|
|
@ -650,7 +684,9 @@ onMounted(() => {
|
|||
</div>
|
||||
<div class="col-12 col-sm-6 col-md-4">
|
||||
<q-input
|
||||
:disable="store.projectStatus === 'FINISH'"
|
||||
:readonly="
|
||||
store.projectStatus === 'FINISH' || checkRoutePermission
|
||||
"
|
||||
dense
|
||||
outlined
|
||||
v-model="formData.projectModalPlanned"
|
||||
|
|
@ -670,6 +706,7 @@ onMounted(() => {
|
|||
<div class="row col-12 q-col-gutter-sm">
|
||||
<div class="col-md-3">
|
||||
<q-checkbox
|
||||
:disable="checkRoutePermission"
|
||||
keep-color
|
||||
color="primary"
|
||||
dense
|
||||
|
|
@ -680,6 +717,7 @@ onMounted(() => {
|
|||
</div>
|
||||
<div class="col-12 col-md-4">
|
||||
<q-input
|
||||
:readonly="checkRoutePermission"
|
||||
class="inputgreen"
|
||||
dense
|
||||
outlined
|
||||
|
|
@ -693,6 +731,7 @@ onMounted(() => {
|
|||
<div class="row col-12 q-col-gutter-sm">
|
||||
<div class="col-12 col-md-3">
|
||||
<q-checkbox
|
||||
:disable="checkRoutePermission"
|
||||
keep-color
|
||||
color="primary"
|
||||
dense
|
||||
|
|
@ -703,6 +742,7 @@ onMounted(() => {
|
|||
</div>
|
||||
<div class="col-12 col-md-4">
|
||||
<q-input
|
||||
:readonly="checkRoutePermission"
|
||||
class="inputgreen"
|
||||
dense
|
||||
outlined
|
||||
|
|
@ -714,6 +754,7 @@ onMounted(() => {
|
|||
</div>
|
||||
<div class="col-12 col-md-4">
|
||||
<q-input
|
||||
:readonly="checkRoutePermission"
|
||||
class="inputgreen"
|
||||
dense
|
||||
outlined
|
||||
|
|
@ -733,6 +774,7 @@ onMounted(() => {
|
|||
<q-option-group
|
||||
class="check_box q-mt-sm"
|
||||
keep-color
|
||||
:disable="checkRoutePermission"
|
||||
color="primary"
|
||||
dense
|
||||
v-model="formData.developmentProjectTechniqueActuals"
|
||||
|
|
@ -743,6 +785,7 @@ onMounted(() => {
|
|||
<div class="offset-4 col-8 q-mt-sm relative-position">
|
||||
<div class="other_custom_input">
|
||||
<q-input
|
||||
:readonly="checkRoutePermission"
|
||||
v-model="reasonActual70"
|
||||
dense
|
||||
outlined
|
||||
|
|
@ -761,6 +804,7 @@ onMounted(() => {
|
|||
class="check_box q-mt-sm"
|
||||
keep-color
|
||||
color="primary"
|
||||
:disable="checkRoutePermission"
|
||||
dense
|
||||
v-model="formData.developmentProjectTechniqueActuals"
|
||||
:options="projectTechniquesOp2"
|
||||
|
|
@ -770,6 +814,7 @@ onMounted(() => {
|
|||
<div class="offset-4 col-8 q-mt-sm relative-position">
|
||||
<div class="other_custom_input">
|
||||
<q-input
|
||||
:readonly="checkRoutePermission"
|
||||
v-model="reasonActual20"
|
||||
dense
|
||||
outlined
|
||||
|
|
@ -787,6 +832,7 @@ onMounted(() => {
|
|||
<q-option-group
|
||||
class="check_box q-mt-sm"
|
||||
keep-color
|
||||
:disable="checkRoutePermission"
|
||||
color="primary"
|
||||
dense
|
||||
v-model="formData.developmentProjectTechniqueActuals"
|
||||
|
|
@ -799,6 +845,7 @@ onMounted(() => {
|
|||
<q-input
|
||||
v-model="reasonActual10"
|
||||
dense
|
||||
:readonly="checkRoutePermission"
|
||||
outlined
|
||||
class="inputgreen"
|
||||
label="กรุณาระบุ"
|
||||
|
|
@ -813,6 +860,7 @@ onMounted(() => {
|
|||
<q-input
|
||||
dense
|
||||
class="inputgreen"
|
||||
:readonly="checkRoutePermission"
|
||||
outlined
|
||||
v-model="formData.projectModalActual"
|
||||
label="จำนวน (รุ่น)"
|
||||
|
|
@ -826,9 +874,9 @@ onMounted(() => {
|
|||
</q-card-section>
|
||||
</q-card>
|
||||
</div>
|
||||
<q-separator />
|
||||
<q-separator v-if="!checkRoutePermission" />
|
||||
|
||||
<div class="text-right q-pa-sm">
|
||||
<div class="text-right q-pa-sm" v-if="!checkRoutePermission">
|
||||
<q-btn
|
||||
unelevated
|
||||
label="บันทึก"
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue