diff --git a/src/modules/15_development/components/ProjectDetail.vue b/src/modules/15_development/components/ProjectDetail.vue
index 39ebd9700..2fb32c2a3 100644
--- a/src/modules/15_development/components/ProjectDetail.vue
+++ b/src/modules/15_development/components/ProjectDetail.vue
@@ -17,8 +17,12 @@ import config from "@/app.config";
 
 const other1 = ref<boolean>(false);
 const other2 = ref<boolean>(false);
-const reasonPlanned = ref<string>("");
-const reasonActual = ref<string>("");
+const reasonPlanned70 = ref<string>("");
+const reasonPlanned20 = ref<string>("");
+const reasonPlanned10 = ref<string>("");
+const reasonActual70 = ref<string>("");
+const reasonActual20 = ref<string>("");
+const reasonActual10 = ref<string>("");
 
 const checkOtherBox11 = computed<boolean>(() => {
   return formData.developmentProjectTechniquePlanneds.includes("other1");
@@ -222,8 +226,12 @@ function fetchData() {
 
       expanded.value = arrayExpanded.filter((e) => e !== null).slice(0, -1);
       expanded2.value = arrayExpanded2.filter((e) => e !== null).slice(0, -1);
-      reasonPlanned.value = data.reasonPlanned ? data.reasonPlanned : "";
-      reasonActual.value = data.reasonActual ? data.reasonActual : "";
+      reasonPlanned70.value = data.reasonPlanned70 ? data.reasonPlanned70 : "";
+      reasonPlanned20.value = data.reasonPlanned20 ? data.reasonPlanned20 : "";
+      reasonPlanned10.value = data.reasonPlanned10 ? data.reasonPlanned10 : "";
+      reasonActual70.value = data.reasonActual70 ? data.reasonActual70 : "";
+      reasonActual20.value = data.reasonActual20 ? data.reasonActual20 : "";
+      reasonActual10.value = data.reasonActual10 ? data.reasonActual10 : "";
     })
     .catch((err) => {
       messageError($q, err);
@@ -280,8 +288,12 @@ async function onSubmit() {
         strategyChildPlannedNode: formData.strategyChildPlannedNode,
         strategyChildActualId: formData.strategyChildActualId,
         strategyChildActualNode: formData.strategyChildActualNode,
-        reasonPlanned: reasonPlanned.value,
-        reasonActual: reasonActual.value,
+        reasonPlanned70: reasonPlanned70.value,
+        reasonPlanned20: reasonPlanned20.value,
+        reasonPlanned10: reasonPlanned10.value,
+        reasonActual70: reasonActual70.value,
+        reasonActual20: reasonActual20.value,
+        reasonActual10: reasonActual10.value,
       })
       .then(() => {
         success($q, "บันทึกข้อมูลสำเร็จ");
@@ -555,8 +567,9 @@ onMounted(() => {
                   />
                   <div class="full-width q-mt-sm" v-if="checkOtherBox11">
                     <q-input
-                      v-model="reasonPlanned"
+                      v-model="reasonPlanned70"
                       dense
+                      :disable="store.projectStatus === 'FINISH'"
                       outlined
                       class="inputgreen"
                       label="กรุณาระบุ"
@@ -579,9 +592,10 @@ onMounted(() => {
                   />
                   <div class="full-width q-mt-sm" v-if="checkOtherBox12">
                     <q-input
-                      v-model="reasonPlanned"
+                      v-model="reasonPlanned20"
                       dense
                       outlined
+                      :disable="store.projectStatus === 'FINISH'"
                       class="inputgreen"
                       label="กรุณาระบุ"
                     ></q-input>
@@ -603,9 +617,10 @@ onMounted(() => {
                   />
                   <div class="full-width q-mt-sm" v-if="checkOtherBox13">
                     <q-input
-                      v-model="reasonPlanned"
+                      v-model="reasonPlanned10"
                       dense
                       outlined
+                      :disable="store.projectStatus === 'FINISH'"
                       class="inputgreen"
                       label="กรุณาระบุ"
                     ></q-input>
@@ -706,7 +721,7 @@ onMounted(() => {
                       />
                       <div class="full-width q-mt-sm" v-if="checkOtherBox21">
                         <q-input
-                          v-model="reasonActual"
+                          v-model="reasonActual70"
                           dense
                           outlined
                           class="inputgreen"
@@ -729,7 +744,7 @@ onMounted(() => {
                       />
                       <div class="full-width q-mt-sm" v-if="checkOtherBox22">
                         <q-input
-                          v-model="reasonActual"
+                          v-model="reasonActual20"
                           dense
                           outlined
                           class="inputgreen"
@@ -752,7 +767,7 @@ onMounted(() => {
                       />
                       <div class="full-width q-mt-sm" v-if="checkOtherBox23">
                         <q-input
-                          v-model="reasonActual"
+                          v-model="reasonActual10"
                           dense
                           outlined
                           class="inputgreen"