ปรับฟอร์มประเมิน ตัวชี้วัด

This commit is contained in:
Warunee Tamkoo 2024-05-08 09:55:22 +07:00
parent 6c10587139
commit e41b2974f7
3 changed files with 25 additions and 17 deletions

View file

@ -44,7 +44,7 @@ const formDetail = reactive<any>({
includingName: "", includingName: "",
including: "", including: "",
target: "", target: "",
unit: null, unit: "",
weight: null, weight: null,
achievement1: "", achievement1: "",
achievement2: "", achievement2: "",
@ -59,6 +59,7 @@ const formDetail = reactive<any>({
strategy: null, strategy: null,
strategyId: "", strategyId: "",
strategyName: "", strategyName: "",
documentInfoEvidence: "",
}); });
function fetchIndicators() { function fetchIndicators() {
@ -219,7 +220,7 @@ function onSubmit() {
const formBody = { const formBody = {
target: formDetail.target, target: formDetail.target,
unit: Number(formDetail.unit), unit: formDetail.unit,
weight: Number(formDetail.weight), weight: Number(formDetail.weight),
meaning: formDetail.meaning, meaning: formDetail.meaning,
formula: formDetail.formula, formula: formDetail.formula,
@ -305,12 +306,8 @@ watch(
<q-card bordered flat class="q-mt-sm no-shadow bg-white col-12"> <q-card bordered flat class="q-mt-sm no-shadow bg-white col-12">
<div class="row q-px-md q-py-sm items-center bg-grey-1"> <div class="row q-px-md q-py-sm items-center bg-grey-1">
<div class="col-4"> <div class="col-4">ลำด/รหสตวช</div>
<span>รหสตวช</span> <div class="col-4">อตวช</div>
</div>
<div class="col-4">
<span>อตวช</span>
</div>
</div> </div>
<q-separator /> <q-separator />
@ -363,7 +360,7 @@ watch(
</div> </div>
<div class="col-12 row"> <div class="col-12 row">
<div class="col-4 text-grey-6">รหสตวช</div> <div class="col-4 text-grey-6">ลำด/รหสตวช</div>
<div class="col-8">{{ formDetail.including }}</div> <div class="col-8">{{ formDetail.including }}</div>
</div> </div>
<div class="col-12 row"> <div class="col-12 row">
@ -399,7 +396,6 @@ watch(
(val) => !!val || `${'กรุณากรอกหน่วยนับ'}`, (val) => !!val || `${'กรุณากรอกหน่วยนับ'}`,
]" ]"
hide-bottom-space hide-bottom-space
mask="#"
reverse-fill-mask reverse-fill-mask
/> />
</div> </div>
@ -490,6 +486,19 @@ watch(
class="inputgreen" class="inputgreen"
/> />
</div> </div>
<div class="col-12">
<q-input
v-model="formDetail.documentInfoEvidence"
label="ข้อมูลเอกสารหลักฐาน"
type="textarea"
outlined
dense
:rules="[(val:string) => !!val || `${'กรุณากรอกข้อมูลเอกสารหลักฐาน'}`,]"
hide-bottom-space
class="inputgreen"
/>
</div>
</div> </div>
</div> </div>
</div> </div>

View file

@ -33,7 +33,7 @@ const formData = reactive<FormDataAssigned>({
including: "", // including: "", //
includingName: "", // includingName: "", //
target: "", // target: "", //
unit: null, // unit: "", //
weight: null, // () weight: null, // ()
meaning: "", // meaning: "", //
formula: "", // formula: "", //
@ -80,7 +80,7 @@ function closeDialog() {
formData.including = ""; formData.including = "";
formData.includingName = ""; formData.includingName = "";
formData.target = ""; formData.target = "";
formData.unit = null; formData.unit = "";
formData.achievement1 = ""; formData.achievement1 = "";
formData.achievement2 = ""; formData.achievement2 = "";
formData.achievement3 = ""; formData.achievement3 = "";
@ -95,7 +95,7 @@ function onSubmit() {
dialogConfirm($q, async () => { dialogConfirm($q, async () => {
showLoader(); showLoader();
formData.weight = Number(formData.weight); formData.weight = Number(formData.weight);
formData.unit = Number(formData.unit); formData.unit = formData.unit;
formData.kpiUserEvaluationId = store.dataEvaluation.id; formData.kpiUserEvaluationId = store.dataEvaluation.id;
try { try {
@ -140,11 +140,11 @@ watch(
<q-input <q-input
outlined outlined
v-model="formData.including" v-model="formData.including"
label="รหัสตัวชี้วัด" label="ลำดับ/รหัสตัวชี้วัด"
bg-color="white" bg-color="white"
dense dense
class="inputgreen" class="inputgreen"
:rules="[(val) => !!val || `${'กรุณากรอกรหัสตัวชี้วัด'}`]" :rules="[(val) => !!val || `${'กรุณากรอกลำดับ/รหัสตัวชี้วัด'}`]"
hide-bottom-space hide-bottom-space
lazy-rules lazy-rules
/> />
@ -182,7 +182,6 @@ watch(
:rules="[(val:string) => !!val || `${'กรุณากรอกหน่วยนับ'}`,]" :rules="[(val:string) => !!val || `${'กรุณากรอกหน่วยนับ'}`,]"
hide-bottom-space hide-bottom-space
class="inputgreen" class="inputgreen"
mask="#"
reverse-fill-mask reverse-fill-mask
lazy-rules lazy-rules
/> />

View file

@ -15,7 +15,7 @@ interface FormDataAssigned {
including: string; including: string;
includingName: string; includingName: string;
target: string; target: string;
unit: number | null; unit: string;
weight: number | null; weight: number | null;
achievement1: string; achievement1: string;
achievement2: string; achievement2: string;