diff --git a/src/modules/14_KPI/interface/request/Main.ts b/src/modules/14_KPI/interface/request/Main.ts index 4fd86ae77..ff17529bc 100644 --- a/src/modules/14_KPI/interface/request/Main.ts +++ b/src/modules/14_KPI/interface/request/Main.ts @@ -7,6 +7,7 @@ interface FormQueryRound { interface FormRound { durationKPI: string; + year: number | null; startDate: Date | null; endDate: Date | null; } diff --git a/src/modules/14_KPI/views/round.vue b/src/modules/14_KPI/views/round.vue index 75bd34406..5e9c22505 100644 --- a/src/modules/14_KPI/views/round.vue +++ b/src/modules/14_KPI/views/round.vue @@ -70,17 +70,32 @@ const columns = ref([ headerStyle: "font-size: 14px", style: "font-size: 14px", }, + { + name: "isActive", + align: "left", + label: "สะถานะ", + sortable: true, + field: "isActive", + format: (val) => (val ? "เปืดรอบ" : "ปิดรอบ"), + headerStyle: "font-size: 14px", + style: "font-size: 14px", + }, +]); +const visibleColumns = ref([ + "durationKPI", + "startDate", + "endDate", + "isActive", ]); -const visibleColumns = ref(["durationKPI", "startDate", "endDate"]); /** itemMenu*/ const itemMenu = ref([ - { - label: "เปิดรอบ", - value: "open", - icon: "mdi-check", - color: "primary", - }, + // { + // label: "เปิดรอบ", + // value: "open", + // icon: "mdi-check", + // color: "primary", + // }, { label: "ปิดรอบ", value: "close", @@ -113,6 +128,7 @@ const formQuery = reactive({ const totalList = ref(1); const formData = reactive({ durationKPI: "", + year: null, startDate: null, endDate: null, }); @@ -172,6 +188,7 @@ function clearFormData() { formData.durationKPI = ""; formData.startDate = null; formData.endDate = null; + formData.year = null; } /** function บันทึกข้อมูลเพิ่มรอบการประเมิน*/ @@ -244,6 +261,7 @@ function onCloseRounde(id: string) { dialogConfirm( $q, () => { + showLoader() http .get(config.API.kpiPeriod + `/close/${id}`) .then(() => { @@ -336,7 +354,9 @@ onMounted(() => { dense lazy-rules outlined - :model-value="Number(formQuery.year) + 543" + :model-value=" + formQuery.year === 0 ? 'ทั้งหมด' : Number(formQuery.year) + 543 + " :label="`${'ปีงบประมาณ'}`" > + @@ -462,7 +491,9 @@ onMounted(() => { @@ -526,6 +557,49 @@ onMounted(() => { ]" /> +
+ + + + + +
+