diff --git a/src/modules/15_development/components/ProjectDetail.vue b/src/modules/15_development/components/ProjectDetail.vue
index 3049f8b1e..837b8ceca 100644
--- a/src/modules/15_development/components/ProjectDetail.vue
+++ b/src/modules/15_development/components/ProjectDetail.vue
@@ -156,7 +156,30 @@ async function onSubmit() {
   dialogConfirm($q, async () => {
     showLoader();
     await http
-      .put(config.API.developmentMainTab("tab3", projectId.value), formData)
+      .put(config.API.developmentMainTab("tab3", projectId.value), {
+        developmentProjectTypes: formData.developmentProjectTypes,
+        projectModal: formData.projectModal,
+        isBackPlanned: formData.isBackPlanned,
+        isHoldPlanned: formData.isHoldPlanned,
+        projectDayBackPlanned: formData.isBackPlanned ? formData.projectDayBackPlanned:null,
+        projectDayHoldPlanned: formData.projectDayHoldPlanned,
+        projectNigthHoldPlanned: formData.projectNigthHoldPlanned,
+        developmentProjectTechniquePlanneds:
+          formData.developmentProjectTechniquePlanneds,
+        isBackActual: formData.isBackActual,
+        isHoldActual: formData.isHoldActual,
+        projectDayBackActual: formData.projectDayBackActual,
+        projectDayHoldActual: formData.projectDayHoldActual,
+        projectNigthHoldActual: formData.projectNigthHoldActual,
+        developmentProjectTechniqueActuals:
+          formData.developmentProjectTechniqueActuals,
+        projectModalActual: formData.projectModalActual,
+        projectModalPlanned: formData.projectModalPlanned,
+        strategyChildPlannedId: formData.strategyChildPlannedId,
+        strategyChildPlannedNode: formData.strategyChildPlannedNode,
+        strategyChildActualId: formData.strategyChildActualId,
+        strategyChildActualNode: formData.strategyChildActualNode,
+      })
       .then(() => {
         success($q, "บันทึกข้อมูลสำเร็จ");
         fetchData();
@@ -210,322 +233,322 @@ onMounted(() => {
       </div>
 
 
-    <q-card bordered class="col-12 q-my-sm">
-      <div
-        class="col-xs-12 col-sm-12 text-weight-medium bg-grey-3 q-py-xs q-px-md"
-      >
-        ความสอดคล้องหรือเชื่อมโยงกับยุทธศาสตร์/แผน
-      </div>
-      <q-separator />
+      <q-card bordered class="col-12 q-my-sm">
+        <div
+          class="col-xs-12 col-sm-12 text-weight-medium bg-grey-3 q-py-xs q-px-md"
+        >
+          ความสอดคล้องหรือเชื่อมโยงกับยุทธศาสตร์/แผน
+        </div>
+        <q-separator />
 
-      <q-card-section>
-        <div class="row col-12 q-col-gutter-sm">
-          <div class="col-6">
-            <q-card bordered class="col-12">
-              <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-6">
+              <q-card bordered class="col-12">
+                <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 class="q-pa-sm">
-                <q-input
-                  dense
-                  outlined
-                  v-model="filter"
-                  label="ค้นหา"
-                  class="inputgreen"
-                >
-                  <template v-slot:append>
-                    <q-icon
-                      v-if="filter !== ''"
-                      name="clear"
-                      class="cursor-pointer"
-                      @click="filter = ''"
-                    />
-                    <q-icon v-else name="search" color="grey-5" />
-                  </template>
-                </q-input>
-                <q-tree
-                  dense
-                  :nodes="nodes"
-                  selected-color="primary"
-                  node-key="id"
-                  label-key="name"
-                  :filter="filter"
-                  :no-results-label="notFound"
-                  :no-nodes-label="noData"
-                  v-model:expanded="expanded"
-                >
-                  <template v-slot:default-header="prop">
-                    <q-item
-                      clickable
-                      @click.stop="updateSelected(prop.node, '1')"
+                <q-card-section class="q-pa-sm">
+                  <q-input
+                    dense
+                    outlined
+                    v-model="filter"
+                    label="ค้นหา"
+                    class="inputgreen"
+                  >
+                    <template v-slot:append>
+                      <q-icon
+                        v-if="filter !== ''"
+                        name="clear"
+                        class="cursor-pointer"
+                        @click="filter = ''"
+                      />
+                      <q-icon v-else name="search" color="grey-5" />
+                    </template>
+                  </q-input>
+                  <q-tree
+                    dense
+                    :nodes="nodes"
+                    selected-color="primary"
+                    node-key="id"
+                    label-key="name"
+                    :filter="filter"
+                    :no-results-label="notFound"
+                    :no-nodes-label="noData"
+                    v-model:expanded="expanded"
+                  >
+                    <template v-slot:default-header="prop">
+                      <q-item
+                        clickable
+                        @click.stop="updateSelected(prop.node, '1')"
                       :active="formData.strategyChildPlannedId == prop.node.id"
-                      active-class="my-list-link text-primary text-weight-medium"
-                      class="row col-12 items-center text-dark q-py-xs q-pl-sm rounded-borders my-list"
-                    >
-                      <div>
-                        <div class="text-weight-medium">
-                          {{ prop.node.name }}
+                        active-class="my-list-link text-primary text-weight-medium"
+                        class="row col-12 items-center text-dark q-py-xs q-pl-sm rounded-borders my-list"
+                      >
+                        <div>
+                          <div class="text-weight-medium">
+                            {{ prop.node.name }}
+                          </div>
                         </div>
-                      </div>
-                    </q-item>
-                  </template>
-                </q-tree>
-              </q-card-section>
-            </q-card>
-          </div>
-          <div class="col-6">
-            <q-card bordered class="col-12">
-              <div
-                class="col-xs-12 col-sm-12 text-weight-medium bg-grey-1 q-py-xs q-px-md"
-              >
-                ยุทธศาสตร์/แผน
-              </div>
-              <q-separator />
+                      </q-item>
+                    </template>
+                  </q-tree>
+                </q-card-section>
+              </q-card>
+            </div>
+            <div class="col-6">
+              <q-card bordered class="col-12">
+                <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 class="q-pa-sm">
-                <q-input
-                  dense
-                  outlined
-                  v-model="filter2"
-                  label="ค้นหา"
-                  class="inputgreen"
-                >
-                  <template v-slot:append>
-                    <q-icon
-                      v-if="filter2 !== ''"
-                      name="clear"
-                      class="cursor-pointer"
-                      @click="filter2 = ''"
-                    />
-                    <q-icon v-else name="search" color="grey-5" />
-                  </template>
-                </q-input>
-                <q-tree
-                  dense
-                  :nodes="nodes"
-                  node-key="id"
-                  label-key="name"
-                  :filter="filter2"
-                  :no-results-label="notFound"
-                  :no-nodes-label="noData"
-                  v-model:expanded="expanded2"
-                >
-                  <template v-slot:default-header="prop">
-                    <q-item
-                      clickable
-                      @click.stop="updateSelected(prop.node, '2')"
-                      :active="formData.strategyChildActualId == prop.node.id"
-                      active-class="my-list-link text-primary text-weight-medium"
-                      class="row col-12 items-center text-dark q-py-xs q-pl-sm rounded-borders my-list"
-                    >
-                      <div>
-                        <div class="text-weight-medium">
-                          {{ prop.node.name }}
+                <q-card-section class="q-pa-sm">
+                  <q-input
+                    dense
+                    outlined
+                    v-model="filter2"
+                    label="ค้นหา"
+                    class="inputgreen"
+                  >
+                    <template v-slot:append>
+                      <q-icon
+                        v-if="filter2 !== ''"
+                        name="clear"
+                        class="cursor-pointer"
+                        @click="filter2 = ''"
+                      />
+                      <q-icon v-else name="search" color="grey-5" />
+                    </template>
+                  </q-input>
+                  <q-tree
+                    dense
+                    :nodes="nodes"
+                    node-key="id"
+                    label-key="name"
+                    :filter="filter2"
+                    :no-results-label="notFound"
+                    :no-nodes-label="noData"
+                    v-model:expanded="expanded2"
+                  >
+                    <template v-slot:default-header="prop">
+                      <q-item
+                        clickable
+                        @click.stop="updateSelected(prop.node, '2')"
+                        :active="formData.strategyChildActualId == prop.node.id"
+                        active-class="my-list-link text-primary text-weight-medium"
+                        class="row col-12 items-center text-dark q-py-xs q-pl-sm rounded-borders my-list"
+                      >
+                        <div>
+                          <div class="text-weight-medium">
+                            {{ prop.node.name }}
+                          </div>
                         </div>
-                      </div>
-                    </q-item>
-                  </template>
-                </q-tree>
-              </q-card-section>
-            </q-card>
+                      </q-item>
+                    </template>
+                  </q-tree>
+                </q-card-section>
+              </q-card>
+            </div>
           </div>
+        </q-card-section>
+      </q-card>
+
+      <q-card bordered class="col-12 q-my-sm">
+        <div
+          class="col-xs-12 col-sm-12 text-weight-medium bg-grey-3 q-py-xs q-px-md"
+        >
+          รูปแบบโครงการ
         </div>
-      </q-card-section>
-    </q-card>
+        <q-separator />
 
-    <q-card bordered class="col-12 q-my-sm">
-      <div
-        class="col-xs-12 col-sm-12 text-weight-medium bg-grey-3 q-py-xs q-px-md"
-      >
-        รูปแบบโครงการ
-      </div>
-      <q-separator />
+        <q-card-section>
+          <div class="row col-12 q-col-gutter-sm">
+            <div class="col-6 q-col-gutter-sm">
+              <div class="col-12 text-bold">รูปแบบโครงการตามแผน</div>
 
-      <q-card-section>
-        <div class="row col-12 q-col-gutter-sm">
-          <div class="col-6 q-col-gutter-sm">
-            <div class="col-12 text-bold">รูปแบบโครงการตามแผน</div>
+              <div class="row col-12 q-col-gutter-sm">
+                <div class="col-12 col-md-3">
+                  <q-checkbox
+                    :disable="store.projectStatus === 'FINISH'"
+                    keep-color
+                    color="primary"
+                    dense
+                    value="GO_BLACK"
+                    label="ไป-กลับ"
+                    v-model="formData.isBackPlanned"
+                  ></q-checkbox>
+                </div>
+                <div class="col-12 col-md-4">
+                  <q-input
+                    :readonly="store.projectStatus === 'FINISH'"
+                    dense
+                    outlined
+                    v-model="formData.projectDayBackPlanned"
+                    label="จำนวน (วัน)"
+                    mask="#"
+                    reverse-fill-mask
+                    class="inputgreen"
+                  />
+                </div>
+              </div>
+              <div class="row col-12 q-col-gutter-sm">
+                <div class="col-12 col-md-3">
+                  <q-checkbox
+                    :disable="store.projectStatus === 'FINISH'"
+                    keep-color
+                    color="primary"
+                    dense
+                    value="HOLD"
+                    label="พักค้าง"
+                    v-model="formData.isHoldPlanned"
+                  ></q-checkbox>
+                </div>
+                <div class="col-12 col-md-4">
+                  <q-input
+                    :readonly="store.projectStatus === 'FINISH'"
+                    dense
+                    outlined
+                    v-model="formData.projectDayHoldPlanned"
+                    label="จำนวน (วัน)"
+                    mask="#"
+                    reverse-fill-mask
+                    class="inputgreen"
+                  />
+                </div>
+                <div class="col-12 col-md-4">
+                  <q-input
+                    :readonly="store.projectStatus === 'FINISH'"
+                    dense
+                    outlined
+                    v-model="formData.projectNigthHoldPlanned"
+                    label="จำนวน (คืน)"
+                    mask="#"
+                    class="inputgreen"
+                    reverse-fill-mask
+                  />
+                </div>
+              </div>
 
-            <div class="row col-12 q-col-gutter-sm">
-              <div class="col-12 col-md-3">
-                <q-checkbox
+              <div class="col-12 q-py-md">
+                <q-label class="q-mb-sm">เทคนิควิธีการที่ใช้ในการพัฒนา</q-label>
+                <q-option-group
                   :disable="store.projectStatus === 'FINISH'"
                   keep-color
                   color="primary"
                   dense
-                  value="GO_BLACK"
-                  label="ไป-กลับ"
-                  v-model="formData.isBackPlanned"
-                ></q-checkbox>
-              </div>
-              <div class="col-12 col-md-4">
-                <q-input
-                  :readonly="store.projectStatus === 'FINISH'"
-                  dense
-                  outlined
-                  v-model="formData.projectDayBackPlanned"
-                  label="จำนวน (วัน)"
-                  mask="#"
-                  reverse-fill-mask
-                  class="inputgreen"
+                  v-model="formData.developmentProjectTechniquePlanneds"
+                  :options="projectTechniquesOp"
+                  type="checkbox"
                 />
               </div>
-            </div>
-            <div class="row col-12 q-col-gutter-sm">
-              <div class="col-12 col-md-3">
-                <q-checkbox
+
+              <div class="col-12 col-sm-6 col-md-4">
+                <q-input
                   :disable="store.projectStatus === 'FINISH'"
-                  keep-color
-                  color="primary"
-                  dense
-                  value="HOLD"
-                  label="พักค้าง"
-                  v-model="formData.isHoldPlanned"
-                ></q-checkbox>
-              </div>
-              <div class="col-12 col-md-4">
-                <q-input
-                  :readonly="store.projectStatus === 'FINISH'"
                   dense
                   outlined
-                  v-model="formData.projectDayHoldPlanned"
-                  label="จำนวน (วัน)"
+                  v-model="formData.projectModalPlanned"
+                  label="จำนวน (รุ่น)"
                   mask="#"
                   reverse-fill-mask
                   class="inputgreen"
                 />
               </div>
-              <div class="col-12 col-md-4">
-                <q-input
-                  :readonly="store.projectStatus === 'FINISH'"
-                  dense
-                  outlined
-                  v-model="formData.projectNigthHoldPlanned"
-                  label="จำนวน (คืน)"
-                  mask="#"
-                  class="inputgreen"
-                  reverse-fill-mask
-                />
+            </div>
+
+            <div
+              v-if="store.projectStatus === 'FINISH'"
+              class="col-6 q-col-gutter-sm"
+            >
+              <div class="col-12 text-bold">รูปแบบโครงการตามจริง</div>
+
+              <div class="row col-12 q-col-gutter-sm">
+                <div class="col-md-3">
+                  <q-checkbox
+                    keep-color
+                    color="primary"
+                    dense
+                    value="GO_BLACK"
+                    label="ไป-กลับ"
+                    v-model="formData.isBackActual"
+                  ></q-checkbox>
+                </div>
+                <div class="col-12 col-md-4">
+                  <q-input
+                    dense
+                    outlined
+                    v-model="formData.projectDayBackActual"
+                    label="จำนวน (วัน)"
+                    mask="#"
+                    reverse-fill-mask
+                  />
+                </div>
               </div>
-            </div>
-
-            <div class="col-12 q-py-md">
-              <q-label class="q-mb-sm">เทคนิควิธีการที่ใช้ในการพัฒนา</q-label>
-              <q-option-group
-                :disable="store.projectStatus === 'FINISH'"
-                keep-color
-                color="primary"
-                dense
-                v-model="formData.developmentProjectTechniquePlanneds"
-                :options="projectTechniquesOp"
-                type="checkbox"
-              />
-            </div>
-
-            <div class="col-12 col-sm-6 col-md-4">
-              <q-input
-                :disable="store.projectStatus === 'FINISH'"
-                dense
-                outlined
-                v-model="formData.projectModalPlanned"
-                label="จำนวน (รุ่น)"
-                mask="#"
-                reverse-fill-mask
-                class="inputgreen"
-              />
-            </div>
-          </div>
-
-          <div
-            v-if="store.projectStatus === 'FINISH'"
-            class="col-6 q-col-gutter-sm"
-          >
-            <div class="col-12 text-bold">รูปแบบโครงการตามจริง</div>
-
-            <div class="row col-12 q-col-gutter-sm">
-              <div class="col-md-3">
-                <q-checkbox
+              <div class="row col-12 q-col-gutter-sm">
+                <div class="col-12 col-md-3">
+                  <q-checkbox
+                    keep-color
+                    color="primary"
+                    dense
+                    value="HOLD"
+                    label="พักค้าง"
+                    v-model="formData.isHoldActual"
+                  ></q-checkbox>
+                </div>
+                <div class="col-12 col-md-4">
+                  <q-input
+                    dense
+                    outlined
+                    v-model="formData.projectDayHoldActual"
+                    label="จำนวน (วัน)"
+                    mask="#"
+                    reverse-fill-mask
+                  />
+                </div>
+                <div class="col-12 col-md-4">
+                  <q-input
+                    dense
+                    outlined
+                    v-model="formData.projectNigthHoldActual"
+                    label="จำนวน (คืน)"
+                    mask="#"
+                    reverse-fill-mask
+                  />
+                </div>
+              </div>
+              <div class="col-12 q-py-md">
+                <q-label class="q-mb-sm">เทคนิควิธีการที่ใช้ในการพัฒนา</q-label>
+                <q-option-group
                   keep-color
                   color="primary"
                   dense
-                  value="GO_BLACK"
-                  label="ไป-กลับ"
-                  v-model="formData.isBackActual"
-                ></q-checkbox>
+                  v-model="formData.developmentProjectTechniqueActuals"
+                  :options="projectTechniquesOp"
+                  type="checkbox"
+                />
               </div>
-              <div class="col-12 col-md-4">
+              <div class="col-12 col-sm-6 col-md-4">
                 <q-input
                   dense
                   outlined
-                  v-model="formData.projectDayBackActual"
-                  label="จำนวน (วัน)"
+                  v-model="formData.projectModalActual"
+                  label="จำนวน (รุ่น)"
                   mask="#"
                   reverse-fill-mask
                 />
               </div>
             </div>
-            <div class="row col-12 q-col-gutter-sm">
-              <div class="col-12 col-md-3">
-                <q-checkbox
-                  keep-color
-                  color="primary"
-                  dense
-                  value="HOLD"
-                  label="พักค้าง"
-                  v-model="formData.isHoldActual"
-                ></q-checkbox>
-              </div>
-              <div class="col-12 col-md-4">
-                <q-input
-                  dense
-                  outlined
-                  v-model="formData.projectDayHoldActual"
-                  label="จำนวน (วัน)"
-                  mask="#"
-                  reverse-fill-mask
-                />
-              </div>
-              <div class="col-12 col-md-4">
-                <q-input
-                  dense
-                  outlined
-                  v-model="formData.projectNigthHoldActual"
-                  label="จำนวน (คืน)"
-                  mask="#"
-                  reverse-fill-mask
-                />
-              </div>
-            </div>
-            <div class="col-12 q-py-md">
-              <q-label class="q-mb-sm">เทคนิควิธีการที่ใช้ในการพัฒนา</q-label>
-              <q-option-group
-                keep-color
-                color="primary"
-                dense
-                v-model="formData.developmentProjectTechniqueActuals"
-                :options="projectTechniquesOp"
-                type="checkbox"
-              />
-            </div>
-            <div class="col-12 col-sm-6 col-md-4">
-              <q-input
-                dense
-                outlined
-                v-model="formData.projectModalActual"
-                label="จำนวน (รุ่น)"
-                mask="#"
-                reverse-fill-mask
-              />
-            </div>
           </div>
-        </div>
-      </q-card-section>
-    </q-card>
-  </div>
+        </q-card-section>
+      </q-card>
+    </div>
     <q-separator />
     <div class="text-right q-pa-sm">
       <q-btn