ปรับฟิลด์บันทึกทุนการศึกษา

This commit is contained in:
Warunee Tamkoo 2024-04-11 10:52:26 +07:00
parent f24057413e
commit 78f32d79c3
4 changed files with 48 additions and 6 deletions

View file

@ -267,7 +267,7 @@ onUnmounted(() => {
<q-tooltip>นทกขอม</q-tooltip> <q-tooltip>นทกขอม</q-tooltip>
</q-btn> --> </q-btn> -->
<q-btn <q-btn
v-if="status === 'FINISH'" v-if="status === 'ONGOING'"
unelevated unelevated
label="เสร็จสิ้นโครงการ" label="เสร็จสิ้นโครงการ"
color="green" color="green"

View file

@ -37,9 +37,13 @@ const isStatus = ref<string>("");
const modalDialogGov = ref<boolean>(false); const modalDialogGov = ref<boolean>(false);
const budgetSourceOp = ref<DataOption[]>([ const budgetSourceOp = ref<DataOption[]>([
{ id: "BKK", name: "แหล่งงบประมาณกทม" }, { id: "BKK", name: "งบประมาณ กทม." },
{ id: "OTHER", name: "แหล่งงบประมาณอื่นๆ" }, { id: "HOSPITAL", name: "เงินบำรุงโรงพยาบาล" },
{ id: "FUND", name: "เงินกองทุน" },
{ id: "SUBSIDY", name: "เงินอุดหนุน" },
{ id: "OTHER", name: "เงินอื่น ๆ" },
]); ]);
const scholarshipTypeOp = ref<DataOption[]>([ const scholarshipTypeOp = ref<DataOption[]>([
{ id: "DOMESTICE", name: "การศึกษาในประเทศ" }, { id: "DOMESTICE", name: "การศึกษาในประเทศ" },
{ {
@ -56,8 +60,11 @@ const scholarshipTypeOp = ref<DataOption[]>([
}, },
]); ]);
const fundTypeOp = ref<DataOption[]>([ const fundTypeOp = ref<DataOption[]>([
{ id: "FUND1", name: "ทุน 1 (ก)(ข)(ค)" }, { id: "FUND1", name: "ทุน 1 (ก)" },
{ id: "FUND2", name: "ทุน 2 (ก)(ข)" }, { id: "FUND2", name: "ทุน 1 (ข)" },
{ id: "FUND3", name: "ทุน 1 (ค)" },
{ id: "FUND4", name: "ทุน 2" },
{ id: "FUND5", name: "ทุนส่วนตัว" },
]); ]);
const isGov = ref<boolean>(false); const isGov = ref<boolean>(false);
@ -135,6 +142,8 @@ const formBody = reactive<FormsSholarship>({
studyAbroadStartDate: null, // studyAbroadStartDate: null, //
studyAbroadEndDate: null, // studyAbroadEndDate: null, //
totalPeriod: "", /// totalPeriod: "", ///
planType: "",
isNoUseBudget: false,
}); });
function fetchDataDetail(id: string) { function fetchDataDetail(id: string) {
@ -195,6 +204,8 @@ function fetchDataDetail(id: string) {
formBody.studyAbroadStartDate = data.studyAbroadStartDate; formBody.studyAbroadStartDate = data.studyAbroadStartDate;
formBody.studyAbroadEndDate = data.studyAbroadEndDate; formBody.studyAbroadEndDate = data.studyAbroadEndDate;
formBody.totalPeriod = data.totalPeriod; formBody.totalPeriod = data.totalPeriod;
formBody.planType = data.planType ? data.planType : "";
formBody.isNoUseBudget = data.isNoUseBudget ? data.isNoUseBudget : false;
dataPerson.citizenId = data.citizenId ? data.citizenId : "-"; dataPerson.citizenId = data.citizenId ? data.citizenId : "-";
dataPerson.name = `${data.prefix}${data.firstName} ${data.lastName}`; dataPerson.name = `${data.prefix}${data.firstName} ${data.lastName}`;
@ -501,6 +512,25 @@ onMounted(() => {
</q-card> </q-card>
</div> </div>
<div class="row q-col-gutter-md q-pa-md" v-if="isGov"> <div class="row q-col-gutter-md q-pa-md" v-if="isGov">
<div class="col-12">
<q-radio
v-model="formBody.planType"
checked-icon="task_alt"
unchecked-icon="panorama_fish_eye"
val="INPLAN"
label="ในแผนฯ"
dense
/>
<q-radio
v-model="formBody.planType"
checked-icon="task_alt"
unchecked-icon="panorama_fish_eye"
val="OUTPLAN"
label="นอกแผนฯ"
dense
class="q-pl-sm"
/>
</div>
<div class="col-3"> <div class="col-3">
<datepicker <datepicker
menu-class-name="modalfix" menu-class-name="modalfix"
@ -561,7 +591,7 @@ onMounted(() => {
]" ]"
/> />
</div> </div>
<div class="col-6"> <div class="col-3">
<q-input <q-input
dense dense
outlined outlined
@ -577,6 +607,14 @@ onMounted(() => {
]" ]"
/> />
</div> </div>
<div class="col-3">
<q-checkbox
keep-color
color="primary"
v-model="formBody.isNoUseBudget"
label="ไม่ใช้งบประมาณ"
/>
</div>
<div class="col-3"> <div class="col-3">
<q-input <q-input
dense dense

View file

@ -49,6 +49,8 @@ interface FormsSholarship {
studyAbroadStartDate: Date | null; //วันเริ่มต้นการศึกษาดูงานต่างประเทศ studyAbroadStartDate: Date | null; //วันเริ่มต้นการศึกษาดูงานต่างประเทศ
studyAbroadEndDate: Date | null; //วันสิ้นสุดการศึกษาดูงานต่างประเทศ studyAbroadEndDate: Date | null; //วันสิ้นสุดการศึกษาดูงานต่างประเทศ
totalPeriod: string; //รวมระยะเวลาในการศึกษา/รวมระยะเวลาในการฝึกอบรม totalPeriod: string; //รวมระยะเวลาในการศึกษา/รวมระยะเวลาในการฝึกอบรม
planType: string; // INPLAN ในแผนฯ, OUTPLAN นอกแผนฯ
isNoUseBudget: boolean; //
} }
export type { FormsSholarship }; export type { FormsSholarship };

View file

@ -63,6 +63,8 @@ interface DataSholarship {
studyAbroadEndDate: Date | null; //วันสิ้นสุดการศึกษาดูงานต่างประเทศ studyAbroadEndDate: Date | null; //วันสิ้นสุดการศึกษาดูงานต่างประเทศ
totalPeriod: string; //รวมระยะเวลาในการศึกษา/รวมระยะเวลาในการฝึกอบรม totalPeriod: string; //รวมระยะเวลาในการศึกษา/รวมระยะเวลาในการฝึกอบรม
status: string; status: string;
planType: string; // INPLAN ในแผนฯ, OUTPLAN นอกแผนฯ
isNoUseBudget: boolean; // ไม่ใช้งบประมาณ
} }
export type { DataSholarship, ListSholarship }; export type { DataSholarship, ListSholarship };