แก้ kpi

This commit is contained in:
setthawutttty 2025-01-16 17:00:36 +07:00
parent 4629ec5a01
commit b71ca2ddf5
8 changed files with 100 additions and 66 deletions

View file

@ -121,6 +121,10 @@ function fetchListPlanByid(id: string) {
formDetail.weight = data.weight;
formDetail.meaning = data.meaning;
formDetail.formula = data.formula;
formDetail.including = data.including;
formDetail.nodeName = data.nodeName;
formDetail.strategyName = data.strategyName;
formDetail.includingName = data.includingName;
formDetail.achievement1 = data.achievement1;
formDetail.achievement2 = data.achievement2;
formDetail.achievement3 = data.achievement3;
@ -331,6 +335,9 @@ function closeDialog() {
formDetail.startDate = null;
formDetail.endDate = null;
formDetail.nodeName = "";
formDetail.strategyName = "";
formFilter.isAll = false;
formFilter.keyword = "";
formFilter.node = 0;

View file

@ -218,6 +218,13 @@ function onSubmitComment(role: string) {
function onCheckNumber(num: number) {
numLevel.value = num.toString();
if (num) {
formDataAdd.topic = store.mainRowData[`achievement${num}`];
}
}
function onAdd() {
modalAdd.value = true;
}
watch(
@ -236,7 +243,9 @@ watch(
<DialogHeader
:tittle="
type == 'capacity' || type == 'development'
? 'บันทึกเหตุการณ์/พฤติกรรม'
? `บันทึกเหตุการณ์/พฤติกรรม${
store.tabMain == '3' ? `/เหตุผล` : ''
}`
: 'รายงานความก้าวหน้า'
"
:close="close"
@ -253,27 +262,33 @@ watch(
<div class="q-pa-sm">
<q-btn
v-if="
(type == 'capacity' ||
((type == 'capacity' ||
type == 'development' ||
(type != 'capacity' &&
type != 'development' &&
store.rolePerson == 'USER')) &&
store.dataEvaluation.evaluationStatus == 'APPROVE' &&
store.tabMain === '2'
store.dataEvaluation.evaluationStatus == 'APPROVE' &&
store.tabMain === '2') ||
((type == 'capacity' ||
type == 'development' ||
(type != 'capacity' &&
type != 'development' &&
store.rolePerson == 'USER')) &&
store.rolePerson == 'EVALUATOR' &&
store.dataEvaluation.evaluationStatus == 'EVALUATING' &&
store.tabMain === '3')
"
icon="add"
color="teal"
flat
round
@click="
() => {
modalAdd = true;
}
"
@click="onAdd"
>
<q-tooltip>{{
type == "capacity" || type == "development"
? "เพิ่มเหตุการณ์/พฤติกรรม"
? `เพิ่มเหตุการณ์/พฤติกรรม${
store.tabMain == "3" ? `/เหตุผล` : ""
}`
: "เพิ่มความก้าวหน้า"
}}</q-tooltip>
</q-btn>
@ -288,7 +303,9 @@ watch(
<div class="col-12">
<span>{{
type == "capacity" || type == "development"
? "เหตุการณ์/พฤติกรรม"
? `บันทึกเหตุการณ์/พฤติกรรม${
store.tabMain == "3" ? `/เหตุผล` : ""
}`
: "ความก้าวหน้า"
}}</span>
</div>
@ -350,7 +367,9 @@ watch(
<div class="col-4 text-grey-6">
{{
type == "capacity" || type == "development"
? "เหตุการณ์/พฤติกรรม"
? `เหตุการณ์/พฤติกรรม${
store.tabMain == "3" ? `/เหตุผล` : ""
}`
: "หัวข้อความก้าวหน้า"
}}
</div>
@ -558,7 +577,9 @@ watch(
<DialogHeader
:tittle="
type == 'capacity' || type == 'development'
? 'เพิ่มหัวข้อบันทึกเหตุการณ์/พฤติกรรม'
? `เพิ่มหัวข้อบันทึกเหตุการณ์/พฤติกรรม${
store.tabMain == '3' ? `/เหตุผล` : ''
}`
: 'เพิ่มหัวข้อความก้าวหน้า'
"
:close="closeAdd"
@ -567,37 +588,6 @@ watch(
<q-card-section>
<div class="row q-col-gutter-sm">
<div class="col-12">
<q-input
v-model="formDataAdd.topic"
outlined
class="inputgreen"
:label="
type == 'capacity' || type == 'development'
? 'เหตุการณ์/พฤติกรรม'
: 'หัวข้อความก้าวหน้า'
"
dense
lazy-rules
hide-bottom-space
:rules="[(val:string) => !!val || `${type == 'capacity'||type == 'development' ? 'กรุณากรอกเหตุการณ์/พฤติกรรม':'กรุณากรอกหัวข้อความก้าวหน้า' }`,]"
/>
</div>
<!-- <div
class="col-12"
v-if="type !== 'capacity' && type !== 'development'"
>
<q-input
v-model="numLevel"
outlined
class="inputgreen"
label="คะแนน"
dense
lazy-rules
hide-bottom-space
:rules="[(val:string) => !!val || `${'กรุณากรอกคะแนน'}`,]"
/>
</div> -->
<div
class="col-12"
v-if="type !== 'capacity' && type !== 'development'"
@ -617,12 +607,48 @@ watch(
>
<q-tooltip>
<div class="text-body2">
<span>{{ i }}</span>
<span
v-html="store.mainRowData[`achievement${i}`]"
></span>
</div>
</q-tooltip>
</q-btn>
</q-btn-group>
</div>
<div class="col-12">
<q-input
v-model="formDataAdd.topic"
outlined
class="inputgreen"
:label="
type == 'capacity' || type == 'development'
? `เหตุการณ์/พฤติกรรม${
store.tabMain == '3' ? `/เหตุผล` : ''
}`
: 'หัวข้อความก้าวหน้า'
"
dense
lazy-rules
hide-bottom-space
:rules="[(val:string) => !!val || `${type == 'capacity'||type == 'development' ? `กรุณากรอกเหตุการณ์/พฤติกรรม${store.tabMain == '3' ? `/เหตุผล` : ''}`:'กรุณากรอกหัวข้อความก้าวหน้า' }`,]"
/>
</div>
<!-- <div
class="col-12"
v-if="type !== 'capacity' && type !== 'development'"
>
<q-input
v-model="numLevel"
outlined
class="inputgreen"
label="คะแนน"
dense
lazy-rules
hide-bottom-space
:rules="[(val:string) => !!val || `${'กรุณากรอกคะแนน'}`,]"
/>
</div> -->
<div class="col-12">
<q-input
v-model="formDataAdd.reason"