ระบบการพัฒนา => รายการโครงการปรับการแสดงผลแบบฟอร์ม
This commit is contained in:
DESKTOP-1R2VSQH\Lenovo ThinkPad E490
parent
41a0d80b64
commit
20e99fe23b
13 changed files with 1791 additions and 1319 deletions
|
|
@ -5,21 +5,60 @@ import { useRoute } from "vue-router";
|
|||
import http from "@/plugins/http";
|
||||
import config from "@/app.config";
|
||||
|
||||
/**
|
||||
* importType
|
||||
*/
|
||||
import type { QTableProps } from "quasar";
|
||||
import type { DataOption } from "@/modules/15_development/interface/index/Main";
|
||||
import type {
|
||||
FormIndicators,
|
||||
FormProject,
|
||||
} from "@/modules/15_development/interface/request/FollowResult";
|
||||
import type { FormIndicators } from "@/modules/15_development/interface/request/FollowResult";
|
||||
import type { DevelopmentEvaluations } from "@/modules/15_development/interface/response/FollowResult";
|
||||
|
||||
/**
|
||||
* importComponents
|
||||
*/
|
||||
import DialogHeader from "@/components/DialogHeader.vue";
|
||||
|
||||
/**
|
||||
* importStore
|
||||
*/
|
||||
import { useCounterMixin } from "@/stores/mixin";
|
||||
|
||||
/**
|
||||
* use
|
||||
*/
|
||||
const $q = useQuasar();
|
||||
const route = useRoute();
|
||||
const {
|
||||
showLoader,
|
||||
hideLoader,
|
||||
dialogConfirm,
|
||||
dialogRemove,
|
||||
messageError,
|
||||
success,
|
||||
} = useCounterMixin();
|
||||
|
||||
/**
|
||||
* props
|
||||
*/
|
||||
const status = defineModel<string>("status", { required: true });
|
||||
const isChangeData = defineModel<boolean>("isChangeData", { required: true });
|
||||
const props = defineProps({
|
||||
prevStep: { type: Function, required: true },
|
||||
nextStep: { type: Function, required: true },
|
||||
onCheckChangeData: { type: Function, required: true },
|
||||
});
|
||||
|
||||
const projectId = ref<string>(route.params.id.toLocaleString());
|
||||
const checkRoutePermission = ref<boolean>(
|
||||
route.name == "developmentDetailPage"
|
||||
);
|
||||
const step = ref<string>("");
|
||||
|
||||
/***** ตัวชี้วัดความสำเร็จ ******/
|
||||
const modalDialog = ref<boolean>(false);
|
||||
const isEdit = ref<boolean>(false);
|
||||
const indicatorId = ref<string>("");
|
||||
const typeAction = ref<string>("");
|
||||
const formIndicators = reactive<FormIndicators>({
|
||||
indicators: "",
|
||||
target: null,
|
||||
|
|
@ -29,38 +68,9 @@ const formIndicators = reactive<FormIndicators>({
|
|||
results: "",
|
||||
obstacles: "",
|
||||
suggestions: "",
|
||||
result: "",
|
||||
});
|
||||
|
||||
const formProject = reactive<FormProject>({
|
||||
isBudget: false,
|
||||
isNoPass: false,
|
||||
isOutBudget: false,
|
||||
isPassAllocate: false,
|
||||
isPassNoAllocate: false,
|
||||
project: "",
|
||||
});
|
||||
|
||||
const $q = useQuasar();
|
||||
const {
|
||||
showLoader,
|
||||
hideLoader,
|
||||
dialogConfirm,
|
||||
dialogRemove,
|
||||
messageError,
|
||||
success,
|
||||
} = useCounterMixin();
|
||||
const route = useRoute();
|
||||
const projectId = ref<string>(route.params.id.toLocaleString());
|
||||
const checkRoutePermission = ref<boolean>(
|
||||
route.name == "developmentDetailPage"
|
||||
);
|
||||
const status = defineModel<string>("status", { required: true });
|
||||
const props = defineProps({
|
||||
prevStep: { type: Function, required: true },
|
||||
nextStep: { type: Function, required: true },
|
||||
});
|
||||
const step = ref<string>("");
|
||||
/** หัวตาราง */
|
||||
/** ข้อมูล Table */
|
||||
const rows = ref<DevelopmentEvaluations[]>([]); // ข้อมูลรายการ
|
||||
const columns = ref<QTableProps["columns"]>([
|
||||
{
|
||||
|
|
@ -109,27 +119,17 @@ const columns = ref<QTableProps["columns"]>([
|
|||
headerStyle: "font-size: 14px",
|
||||
style: "font-size: 14px ; ",
|
||||
},
|
||||
]);
|
||||
|
||||
const visibleColumns = ref<string[]>([
|
||||
"indicators",
|
||||
"target",
|
||||
"metricType",
|
||||
"calculation",
|
||||
"measuRement",
|
||||
]);
|
||||
|
||||
const projectOp = ref<DataOption[]>([
|
||||
{
|
||||
id: "OFFER",
|
||||
name: "โครงการที่เสนอขอ TN",
|
||||
},
|
||||
{
|
||||
id: "NOOFFER",
|
||||
name: "โครงการที่ไม่เสนอขอ TN",
|
||||
name: "result",
|
||||
align: "left",
|
||||
label: "ผลการดำเนินการ",
|
||||
sortable: true,
|
||||
field: "result",
|
||||
headerStyle: "font-size: 14px",
|
||||
style: "font-size: 14px ; ",
|
||||
},
|
||||
]);
|
||||
|
||||
// ประเภทตัวชี้วัด
|
||||
const metricTypeOp = ref<DataOption[]>([
|
||||
{
|
||||
id: "1",
|
||||
|
|
@ -145,7 +145,12 @@ const metricTypeOp = ref<DataOption[]>([
|
|||
},
|
||||
]);
|
||||
|
||||
/** ดึงข้อมูลตัวชี้วัด */
|
||||
const progressTracking = ref<string>(""); //การติดตามความก้าวหน้า
|
||||
const projectEvaluation = ref<string>(""); // การประเมินผลโครงการ
|
||||
|
||||
/**
|
||||
* ดึงข้อมูลการติดตามผลและการประเมิน
|
||||
*/
|
||||
function fetchData() {
|
||||
showLoader();
|
||||
http
|
||||
|
|
@ -153,18 +158,35 @@ function fetchData() {
|
|||
.then((res) => {
|
||||
const data = res.data.result;
|
||||
rows.value = data.developmentEvaluations;
|
||||
formProject.isBudget = data.isBudget;
|
||||
formProject.isNoPass = data.isNoPass;
|
||||
formProject.isOutBudget = data.isOutBudget;
|
||||
formProject.isPassAllocate = data.isPassAllocate;
|
||||
formProject.isPassNoAllocate = data.isPassNoAllocate;
|
||||
formProject.project = data.project;
|
||||
progressTracking.value = data.progressTracking;
|
||||
projectEvaluation.value = data.projectEvaluation;
|
||||
})
|
||||
.catch((err) => {
|
||||
messageError($q, err);
|
||||
})
|
||||
.finally(() => {
|
||||
hideLoader();
|
||||
isChangeData.value = false;
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* บันทึก การติดตามความก้าวหน้า,การประเมินผลโครงการ
|
||||
*/
|
||||
function onSubmit() {
|
||||
showLoader();
|
||||
http
|
||||
.put(config.API.developmentMainTab("tab4", projectId.value), {
|
||||
progressTracking: progressTracking.value,
|
||||
projectEvaluation: projectEvaluation.value,
|
||||
})
|
||||
.then(() => {})
|
||||
.catch((err) => {
|
||||
messageError($q, err);
|
||||
})
|
||||
.finally(() => {
|
||||
hideLoader();
|
||||
isChangeData.value = false;
|
||||
});
|
||||
}
|
||||
|
||||
|
|
@ -175,9 +197,11 @@ function fetchData() {
|
|||
*/
|
||||
function onClickAddIndicator(
|
||||
statusEdit: boolean = false,
|
||||
data: DevelopmentEvaluations | null = null
|
||||
data: DevelopmentEvaluations | null = null,
|
||||
type: string = ""
|
||||
) {
|
||||
isEdit.value = statusEdit;
|
||||
typeAction.value = type;
|
||||
if (statusEdit) {
|
||||
if (data) {
|
||||
indicatorId.value = data.id;
|
||||
|
|
@ -194,20 +218,9 @@ function onClickAddIndicator(
|
|||
modalDialog.value = true;
|
||||
}
|
||||
|
||||
/** close Dialog and Clear */
|
||||
function closeDialog() {
|
||||
modalDialog.value = false;
|
||||
formIndicators.indicators = "";
|
||||
formIndicators.target = null;
|
||||
formIndicators.metricType = "";
|
||||
formIndicators.calculation = "";
|
||||
formIndicators.measuRement = "";
|
||||
formIndicators.results = "";
|
||||
formIndicators.obstacles = "";
|
||||
formIndicators.suggestions = "";
|
||||
}
|
||||
|
||||
/** dialog form save data */
|
||||
/**
|
||||
* บันทึกตัวชี้วัดความสำเร็จ
|
||||
*/
|
||||
function onSubmitIndicators() {
|
||||
formIndicators.target = formIndicators.target
|
||||
? Number(formIndicators.target)
|
||||
|
|
@ -233,7 +246,9 @@ function onSubmitIndicators() {
|
|||
});
|
||||
}
|
||||
|
||||
/** data delete */
|
||||
/**
|
||||
* ลบตัวชี้วัดความสำเร็จ
|
||||
*/
|
||||
function onClickDeleteIndicator(id: string) {
|
||||
dialogRemove($q, () => {
|
||||
showLoader();
|
||||
|
|
@ -252,216 +267,216 @@ function onClickDeleteIndicator(id: string) {
|
|||
});
|
||||
}
|
||||
|
||||
/** save Main data */
|
||||
function onSubmit() {
|
||||
// dialogConfirm($q, () => {
|
||||
if (formProject.project === "NOOFFER") {
|
||||
formProject.isNoPass = false;
|
||||
formProject.isPassAllocate = false;
|
||||
formProject.isPassNoAllocate = false;
|
||||
} else {
|
||||
formProject.isBudget = false;
|
||||
formProject.isOutBudget = false;
|
||||
}
|
||||
showLoader();
|
||||
http
|
||||
.put(config.API.developmentMainTab("tab4", projectId.value), formProject)
|
||||
.then(() => {
|
||||
// fetchData();
|
||||
// success($q, "บันทึกข้อมูลสำเร็จ");
|
||||
step.value == "next" ? props.nextStep() : props.prevStep();
|
||||
})
|
||||
.catch((err) => {
|
||||
messageError($q, err);
|
||||
})
|
||||
.finally(() => {
|
||||
hideLoader();
|
||||
});
|
||||
// });
|
||||
/**
|
||||
* close Dialog and Clear
|
||||
*/
|
||||
function closeDialog() {
|
||||
modalDialog.value = false;
|
||||
formIndicators.indicators = "";
|
||||
formIndicators.target = null;
|
||||
formIndicators.metricType = "";
|
||||
formIndicators.calculation = "";
|
||||
formIndicators.measuRement = "";
|
||||
formIndicators.results = "";
|
||||
formIndicators.obstacles = "";
|
||||
formIndicators.suggestions = "";
|
||||
}
|
||||
|
||||
/**
|
||||
* function ไปยัง Tab ค่อไป
|
||||
*/
|
||||
function onNextTab() {
|
||||
step.value == "next" ? props.nextStep() : props.prevStep();
|
||||
}
|
||||
|
||||
/** fetchData in page */
|
||||
onMounted(() => {
|
||||
fetchData();
|
||||
});
|
||||
|
||||
/**
|
||||
* เรียก function ไปใช่หน้าหลัก
|
||||
*/
|
||||
defineExpose({
|
||||
onSubmit,
|
||||
});
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<!--CARD ตัวชี้วัดความสำเร็จ -->
|
||||
<q-card bordered style="border: 1px solid #d6dee1" class="q-mt-md">
|
||||
<div class="text-weight-medium bg-grey-1 q-py-sm q-px-md">
|
||||
ตัวชี้วัดความสำเร็จ
|
||||
<q-btn
|
||||
v-if="!checkRoutePermission"
|
||||
dense
|
||||
flat
|
||||
round
|
||||
color="primary"
|
||||
icon="add"
|
||||
@click="onClickAddIndicator()"
|
||||
>
|
||||
<q-tooltip>เพิ่มตัวชี้วัดความสำเร็จ</q-tooltip>
|
||||
</q-btn>
|
||||
</div>
|
||||
<div class="col-12"><q-separator /></div>
|
||||
<div class="col-12 q-pa-md">
|
||||
<d-table
|
||||
for="table"
|
||||
ref="table"
|
||||
:columns="columns"
|
||||
:rows="rows"
|
||||
row-key="id"
|
||||
flat
|
||||
bordered
|
||||
dense
|
||||
class="custom-header-table"
|
||||
:rows-per-page-options="[10, 25, 50, 100]"
|
||||
:visible-columns="visibleColumns"
|
||||
>
|
||||
<template v-slot:header="props">
|
||||
<q-tr :props="props">
|
||||
<q-th auto-width />
|
||||
<q-th v-for="col in props.cols" :key="col.name" :props="props">
|
||||
<span class="text-weight-medium">{{ col.label }}</span>
|
||||
</q-th>
|
||||
</q-tr>
|
||||
</template>
|
||||
<template v-slot:body="props">
|
||||
<q-tr :props="props">
|
||||
<q-td>
|
||||
<q-btn
|
||||
v-if="!checkRoutePermission"
|
||||
dense
|
||||
flat
|
||||
round
|
||||
color="edit"
|
||||
icon="edit"
|
||||
@click="onClickAddIndicator(true, props.row)"
|
||||
>
|
||||
<q-tooltip>แก้ไขตัวชี้วัดความสำเร็จ</q-tooltip>
|
||||
</q-btn>
|
||||
<q-btn
|
||||
v-if="!checkRoutePermission"
|
||||
dense
|
||||
flat
|
||||
round
|
||||
color="red"
|
||||
icon="delete"
|
||||
@click="onClickDeleteIndicator(props.row.id)"
|
||||
>
|
||||
<q-tooltip>ลบ</q-tooltip>
|
||||
</q-btn>
|
||||
</q-td>
|
||||
|
||||
<q-td v-for="col in props.cols" :key="col.name" :props="props">
|
||||
<div>
|
||||
{{ col.value ? col.value : "-" }}
|
||||
</div>
|
||||
</q-td>
|
||||
</q-tr>
|
||||
</template>
|
||||
</d-table>
|
||||
</div>
|
||||
</q-card>
|
||||
|
||||
<!--CARD ประเภทโครงการ -->
|
||||
<q-card bordered style="border: 1px solid #d6dee1" class="q-mt-md">
|
||||
<div class="text-weight-medium bg-grey-1 q-py-sm q-px-md">
|
||||
ประเภทโครงการ
|
||||
</div>
|
||||
<div class="col-12"><q-separator /></div>
|
||||
<q-form greedy @submit.prevent @validation-success="onSubmit">
|
||||
<div class="row q-pa-md q-col-gutter-sm">
|
||||
<div class="col-12 col-sm-6 col-md-4">
|
||||
<q-select
|
||||
:readonly="checkRoutePermission"
|
||||
<q-form greedy @submit.prevent @validation-success="onNextTab">
|
||||
<div class="q-pa-sm q-my-sm">
|
||||
<q-card bordered style="border: 1px solid #d6dee1">
|
||||
<div
|
||||
class="col-xs-12 col-sm-12 text-weight-medium bg-grey-1 q-py-xs q-px-md"
|
||||
>
|
||||
ตัวชี้วัดความสำเร็จ
|
||||
<q-btn
|
||||
v-if="!checkRoutePermission"
|
||||
dense
|
||||
outlined
|
||||
label="ประเภทโครงการ"
|
||||
v-model="formProject.project"
|
||||
:options="projectOp"
|
||||
option-label="name"
|
||||
option-value="id"
|
||||
hide-bottom-space
|
||||
map-options
|
||||
emit-value
|
||||
class="inputgreen"
|
||||
/>
|
||||
flat
|
||||
round
|
||||
color="primary"
|
||||
icon="add"
|
||||
@click="onClickAddIndicator()"
|
||||
>
|
||||
<q-tooltip>เพิ่มตัวชี้วัดความสำเร็จ</q-tooltip>
|
||||
</q-btn>
|
||||
</div>
|
||||
<div v-if="formProject.project !== ''" class="col-12">
|
||||
<div class="row" v-if="formProject.project == 'OFFER'">
|
||||
<div class="col-12">
|
||||
<q-checkbox
|
||||
:disable="checkRoutePermission"
|
||||
v-model="formProject.isPassAllocate"
|
||||
label="ผ่านการพิจาณา ได้รับการจัดสรรงบประมาณตามข้อบัญญัติ"
|
||||
/>
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<q-checkbox
|
||||
:disable="checkRoutePermission"
|
||||
v-model="formProject.isPassNoAllocate"
|
||||
label="ผ่านการพิจารณา ไม่ได้รับการจัดสรรงบประมาณตามข้อบัญญัติ แต่ได้รับการจัดสรรเงินนอกงบประมาณ"
|
||||
/>
|
||||
</div>
|
||||
<div class="col-12"><q-separator /></div>
|
||||
<div class="col-12 q-pa-md">
|
||||
<d-table
|
||||
for="table"
|
||||
ref="table"
|
||||
:columns="columns"
|
||||
:rows="rows"
|
||||
row-key="id"
|
||||
flat
|
||||
bordered
|
||||
dense
|
||||
class="custom-header-table"
|
||||
:rows-per-page-options="[10, 25, 50, 100]"
|
||||
>
|
||||
<template v-slot:header="props">
|
||||
<q-tr :props="props">
|
||||
<q-th auto-width />
|
||||
<q-th v-for="col in props.cols" :key="col.name" :props="props">
|
||||
<span class="text-weight-medium">{{ col.label }}</span>
|
||||
</q-th>
|
||||
</q-tr>
|
||||
</template>
|
||||
<template v-slot:body="props">
|
||||
<q-tr :props="props">
|
||||
<q-td>
|
||||
<q-btn
|
||||
v-if="!checkRoutePermission && status === 'FINISH'"
|
||||
dense
|
||||
flat
|
||||
round
|
||||
color="public"
|
||||
icon="mdi-content-save-edit-outline"
|
||||
@click="onClickAddIndicator(true, props.row, 'result')"
|
||||
>
|
||||
<q-tooltip>แก้ไขตัวชี้วัดความสำเร็จ</q-tooltip>
|
||||
</q-btn>
|
||||
<q-btn
|
||||
v-if="!checkRoutePermission"
|
||||
dense
|
||||
flat
|
||||
round
|
||||
color="edit"
|
||||
icon="edit"
|
||||
@click="onClickAddIndicator(true, props.row)"
|
||||
>
|
||||
<q-tooltip>แก้ไขตัวชี้วัดความสำเร็จ</q-tooltip>
|
||||
</q-btn>
|
||||
<q-btn
|
||||
v-if="!checkRoutePermission"
|
||||
dense
|
||||
flat
|
||||
round
|
||||
color="red"
|
||||
icon="delete"
|
||||
@click="onClickDeleteIndicator(props.row.id)"
|
||||
>
|
||||
<q-tooltip>ลบ</q-tooltip>
|
||||
</q-btn>
|
||||
</q-td>
|
||||
|
||||
<div class="col-12">
|
||||
<q-checkbox
|
||||
:disable="checkRoutePermission"
|
||||
v-model="formProject.isNoPass"
|
||||
label="ไม่ผ่านการพิจารณา แต่ได้รับการจัดสรรเงินนอกงบประมาณ"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" v-else>
|
||||
<div class="col-12">
|
||||
<q-checkbox
|
||||
:disable="checkRoutePermission"
|
||||
v-model="formProject.isBudget"
|
||||
label="แต่ได้รับการจัดสรรงบประมาณตามข้อบัญญัติ"
|
||||
/>
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<q-checkbox
|
||||
:disable="checkRoutePermission"
|
||||
v-model="formProject.isOutBudget"
|
||||
label="แต่ได้รับการจัดสรรเงินนอกงบประมาณ"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<q-td v-for="col in props.cols" :key="col.name" :props="props">
|
||||
<div>
|
||||
{{ col.value ? col.value : "-" }}
|
||||
</div>
|
||||
</q-td>
|
||||
</q-tr>
|
||||
</template>
|
||||
</d-table>
|
||||
</div>
|
||||
</q-card>
|
||||
|
||||
<!-- การติดตามความก้าวหน้า -->
|
||||
<q-card bordered class="col-12 q-my-sm q-mt-md">
|
||||
<div
|
||||
class="col-xs-12 col-sm-12 text-weight-medium bg-grey-1 q-py-xs q-px-md"
|
||||
>
|
||||
การติดตามความก้าวหน้า
|
||||
</div>
|
||||
<q-separator />
|
||||
<q-card-section>
|
||||
<div class="row col-12 q-col-gutter-sm">
|
||||
<div class="col-12">
|
||||
<q-input
|
||||
outlined
|
||||
:readonly="checkRoutePermission"
|
||||
dense
|
||||
class="inputgreen"
|
||||
v-model="progressTracking"
|
||||
label="การติดตามความก้าวหน้า"
|
||||
type="textarea"
|
||||
@update:model-value="props.onCheckChangeData()"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</q-card-section>
|
||||
</q-card>
|
||||
|
||||
<!-- การประเมินผลโครงการ -->
|
||||
<q-card bordered class="col-12 q-my-sm q-mt-md">
|
||||
<div
|
||||
class="col-xs-12 col-sm-12 text-weight-medium bg-grey-1 q-py-xs q-px-md"
|
||||
>
|
||||
การประเมินผลโครงการ
|
||||
</div>
|
||||
<q-separator />
|
||||
<q-card-section>
|
||||
<div class="row col-12 q-col-gutter-sm">
|
||||
<div class="col-12">
|
||||
<q-input
|
||||
outlined
|
||||
:readonly="checkRoutePermission"
|
||||
dense
|
||||
class="inputgreen"
|
||||
v-model="projectEvaluation"
|
||||
label="การประเมินผลโครงการ"
|
||||
type="textarea"
|
||||
@update:model-value="props.onCheckChangeData()"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</q-card-section>
|
||||
</q-card>
|
||||
</div>
|
||||
<!--CARD ตัวชี้วัดความสำเร็จ -->
|
||||
<q-separator />
|
||||
|
||||
<q-card-actions align="center">
|
||||
<div class="text-center q-pa-sm" v-if="!checkRoutePermission">
|
||||
<q-btn
|
||||
rounded
|
||||
label="ก่อนหน้า"
|
||||
icon="mdi-chevron-left"
|
||||
id="onSubmit"
|
||||
type="submit"
|
||||
color="public"
|
||||
class="q-mr-xs"
|
||||
style="width: 120px"
|
||||
@click="step = 'prev'"
|
||||
>
|
||||
</q-btn>
|
||||
<q-btn
|
||||
rounded
|
||||
label="ถัดไป"
|
||||
icon-right="mdi-chevron-right"
|
||||
id="onSubmit"
|
||||
type="submit"
|
||||
color="public"
|
||||
class="q-ml-xs"
|
||||
style="width: 120px"
|
||||
@click="step = 'next'"
|
||||
>
|
||||
</q-btn>
|
||||
</div>
|
||||
<q-separator />
|
||||
<q-card-actions align="center">
|
||||
<div class="text-center q-pa-sm" v-if="!checkRoutePermission">
|
||||
<q-btn
|
||||
rounded
|
||||
label="ก่อนหน้า"
|
||||
icon="mdi-chevron-left"
|
||||
id="onSubmit"
|
||||
type="submit"
|
||||
color="public"
|
||||
class="q-mr-xs"
|
||||
style="width: 120px"
|
||||
@click="step = 'prev'"
|
||||
>
|
||||
</q-btn>
|
||||
<q-btn
|
||||
rounded
|
||||
label="ถัดไป"
|
||||
icon-right="mdi-chevron-right"
|
||||
id="onSubmit"
|
||||
type="submit"
|
||||
color="public"
|
||||
class="q-ml-xs"
|
||||
style="width: 120px"
|
||||
@click="step = 'next'"
|
||||
>
|
||||
</q-btn>
|
||||
</div>
|
||||
</q-card-actions>
|
||||
</q-form>
|
||||
</q-card>
|
||||
</q-card-actions>
|
||||
</q-form>
|
||||
|
||||
<q-dialog v-model="modalDialog" persistent>
|
||||
<q-card style="width: 900px; max-width: 80vw">
|
||||
|
|
@ -472,7 +487,30 @@ onMounted(() => {
|
|||
/>
|
||||
<q-separator />
|
||||
<q-card-section>
|
||||
<div class="row q-col-gutter-sm">
|
||||
<div
|
||||
class="row q-col-gutter-sm"
|
||||
v-if="status === 'FINISH' && typeAction === 'result'"
|
||||
>
|
||||
<div class="col-12">
|
||||
<q-input
|
||||
dense
|
||||
outlined
|
||||
class="inputgreen"
|
||||
label="ผลการดำเนิดการ"
|
||||
v-model="formIndicators.result"
|
||||
hide-bottom-space
|
||||
lazy-rules
|
||||
:rules="[
|
||||
(val:string) =>
|
||||
!!val || `${'กรุณากรอกผลการดำเนิดการ'}`,
|
||||
|
||||
]"
|
||||
type="textarea"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row q-col-gutter-sm" v-else>
|
||||
<div class="col-12">
|
||||
<q-input
|
||||
dense
|
||||
|
|
@ -481,6 +519,7 @@ onMounted(() => {
|
|||
label="ชื่อตัวชี้วัด"
|
||||
v-model="formIndicators.indicators"
|
||||
hide-bottom-space
|
||||
lazy-rules
|
||||
:rules="[
|
||||
(val:string) =>
|
||||
!!val || `${'กรุณากรอกชื่อตัวชี้วัด'}`,
|
||||
|
|
@ -501,6 +540,7 @@ onMounted(() => {
|
|||
map-options
|
||||
class="inputgreen"
|
||||
hide-bottom-space
|
||||
lazy-rules
|
||||
:rules="[
|
||||
(val:string) =>
|
||||
!!val || `${'กรุณาเลือกประเภทตัวชี้วัด'}`,
|
||||
|
|
@ -514,14 +554,15 @@ onMounted(() => {
|
|||
dense
|
||||
outlined
|
||||
class="inputgreen"
|
||||
label="เป้าหมาย"
|
||||
label="ค่าเป้าหมาย"
|
||||
v-model="formIndicators.target"
|
||||
mask="#"
|
||||
reverse-fill-mask
|
||||
hide-bottom-space
|
||||
lazy-rules
|
||||
:rules="[
|
||||
(val:string) =>
|
||||
!!val || `${'กรุณากรอกเป้าหมาย'}`,
|
||||
!!val || `${'กรุณากรอกค่าเป้าหมาย'}`,
|
||||
|
||||
]"
|
||||
/>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue