diff --git a/src/modules/05_placement/components/probation/FormAssign.vue b/src/modules/05_placement/components/probation/FormAssign.vue
index 3146c96b2..895acb766 100644
--- a/src/modules/05_placement/components/probation/FormAssign.vue
+++ b/src/modules/05_placement/components/probation/FormAssign.vue
@@ -99,6 +99,7 @@
                         "
                         :label="`${'ตั้งเเต่วันที่'}`"
                         clearable
+                        outlined
                         @clear="clearDateExam"
                       >
                       </q-input>
@@ -125,6 +126,7 @@
                     <template #trigger>
                       <q-input
                         dense
+                        outlined
                         readonly
                         class="full-width datepicker q-mb-md"
                         :model-value="
@@ -133,7 +135,7 @@
                         :label="`${'ถึงวันที่'}`"
                         clearable
                         @clear="clearDateExam2"
-                        >
+                      >
                       </q-input>
                     </template>
                   </datepicker>
@@ -338,106 +340,139 @@
                       style="max-height: 500px; overflow-y: scroll"
                     >
                       <div class="example-row-column-width">
-                        <div
-                          v-for="item in val1"
-                          :key="item.id"
-                          class="row bg-grey-3 q-py-xs"
-                        >
-                          <div class="col-1 text-center">
-                            <q-checkbox
-                              v-model="item.checked"
-                              dense
-                              :disable="routeName != 'probationWorkAdd'"
-                            />
-                          </div>
-                          <div class="col-9">1. รัฐธรรมนูญ</div>
-                        </div>
-
-                        <div class="row q-mt-xs bg-grey-3 q-py-xs">
-                          <div class="col-1"></div>
-                          <div class="col-2">2.กฎหมายปกครอง</div>
-                        </div>
-                        <div class="row bg-grey-2 q-py-xs borderCheck">
-                          <div class="col-1"></div>
-                          <div class="col-10 q-pl-md">2.1 ทำงานได้</div>
-                        </div>
-                        <div
-                          v-for="item in checkList21"
-                          :key="item.id"
-                          class="row q-py-xs borderCheck border_y"
-                        >
-                          <div class="col-1 text-center">
-                            <q-checkbox
-                              v-model="item.checked"
-                              dense
-                              :disable="routeName != 'probationWorkAdd'"
-                            />
-                          </div>
-
-                          <div class="col-9 q-pl-xl">{{ item.text }}</div>
-                        </div>
-                        <div class="row bg-grey-2 q-py-xs borderCheck">
-                          <div class="col-1"></div>
-                          <div class="col-10 q-pl-md">
-                            2.2 ด้านการปฏิบัติราชการ
+                        <div class="bg-grey-3 q-py-xs">
+                          <div
+                            class="row"
+                            v-for="(item, index) in checkRule"
+                            :key="item.id"
+                          >
+                            <div v-if="index == 0" class="col-1 text-center">
+                              <q-checkbox
+                                v-show="item.status_select === 1"
+                                v-model="item.checked"
+                                dense
+                                :disable="routeName != 'probationWorkAdd'"
+                              />
+                            </div>
+                            <div v-if="index == 0" class="col-11">
+                              {{ item.description }}
+                            </div>
                           </div>
                         </div>
-                        <div
-                          v-for="item in checkList22"
-                          :key="item.id"
-                          class="row q-py-xs borderCheck border_y"
-                        >
-                          <div class="col-1 text-center">
-                            <q-checkbox
-                              v-model="item.checked"
-                              dense
-                              :disable="routeName != 'probationWorkAdd'"
-                            />
+                        <div v-for="(item, index) in checkRule" :key="item.id">
+                          <div
+                            v-if="index === 1"
+                            class="row bg-grey-2 q-py-xs borderCheck"
+                          >
+                            <div class="col-1"></div>
+                            <div class="col-10 ">
+                              {{ item.description }}
+                            </div>
                           </div>
-
-                          <div class="col-9 q-pl-xl">{{ item.text }}</div>
-                        </div>
-                        <div class="row bg-grey-2 q-py-xs borderCheck">
-                          <div class="col-1"></div>
-                          <div class="col-10 q-pl-md">
-                            2.3 ด้านการบริหารทรัพยากรบุคคล
+                          </div>
+                        <div v-for="(item, index) in checkRule" :key="item.id">
+                          <div
+                            v-if="index === 2"
+                            class="row bg-grey-2 q-py-xs borderCheck"
+                          >
+                            <div class="col-1"></div>
+                            <div class="col-10 q-pl-md">
+                              {{ item.description }}
+                            </div>
+                          </div>
+                          <div
+                            v-else-if="index > 2 && index < 9"
+                            class="row borderCheck border_y q-py-xs"
+                          >
+                            <div class="col-1 text-center">
+                              <q-checkbox
+                                v-model="item.checked"
+                                dense
+                                :disable="routeName != 'probationWorkAdd'"
+                              />
+                            </div>
+                            <div class="col-9 q-pl-xl">
+                              {{ item.description }}
+                            </div>
                           </div>
                         </div>
-                        <div
-                          v-for="item in checkList23"
-                          :key="item.id"
-                          class="row q-py-xs borderCheck border_y"
-                        >
-                          <div class="col-1 text-center">
-                            <q-checkbox
-                              v-model="item.checked"
-                              dense
-                              :disable="routeName != 'probationWorkAdd'"
-                            />
+                        <div v-for="(item, index) in checkRule" :key="item.id">
+                          <div
+                            v-if="index === 9"
+                            class="row bg-grey-2 q-py-xs borderCheck"
+                          >
+                            <div class="col-1"></div>
+                            <div class="col-10 q-pl-md">
+                              {{ item.description }}
+                            </div>
                           </div>
-
-                          <div class="col-9 q-pl-xl">{{ item.text }}</div>
-                        </div>
-                        <div class="row bg-grey-2 q-py-xs borderCheck">
-                          <div class="col-1"></div>
-                          <div class="col-10 q-pl-md">
-                            2.4 ด้านการบริหารงบประมาณและการคลัง
+                          <div
+                            v-else-if="index > 9 && index < 16"
+                            class="row borderCheck border_y q-py-xs"
+                          >
+                            <div class="col-1 text-center">
+                              <q-checkbox
+                                v-model="item.checked"
+                                dense
+                                :disable="routeName != 'probationWorkAdd'"
+                              />
+                            </div>
+                            <div class="col-9 q-pl-xl">
+                              {{ item.description }}
+                            </div>
                           </div>
                         </div>
-                        <div
-                          v-for="item in checkList24"
-                          :key="item.id"
-                          class="row q-py-xs borderCheck border_y"
-                        >
-                          <div class="col-1 text-center">
-                            <q-checkbox
-                              v-model="item.checked"
-                              dense
-                              :disable="routeName != 'probationWorkAdd'"
-                            />
+                        <div v-for="(item, index) in checkRule" :key="item.id">
+                          <div
+                            v-if="index === 16"
+                            class="row bg-grey-2 q-py-xs borderCheck"
+                          >
+                            <div class="col-1"></div>
+                            <div class="col-10 q-pl-md">
+                              {{ item.description }}
+                            </div>
+                          </div>
+                          <div
+                            v-else-if="index > 16 && index < 19"
+                            class="row borderCheck border_y q-py-xs"
+                          >
+                            <div class="col-1 text-center">
+                              <q-checkbox
+                                v-model="item.checked"
+                                dense
+                                :disable="routeName != 'probationWorkAdd'"
+                              />
+                            </div>
+                            <div class="col-9 q-pl-xl">
+                              {{ item.description }}
+                            </div>
+                          </div>
+                        </div>
+                        <div v-for="(item, index) in checkRule" :key="item.id">
+                          <div
+                            v-if="index === 19"
+                            class="row bg-grey-2 q-py-xs borderCheck"
+                          >
+                            <div class="col-1"></div>
+                            <div class="col-10 q-pl-md">
+                              {{ item.description }}
+                            </div>
+                          </div>
+                          <div
+                            v-else-if="index > 19 && index < 30"
+                            class="row borderCheck border_y q-py-xs"
+                          >
+                            <div class="col-1 text-center">
+                              <q-checkbox
+                                v-model="item.checked"
+                                dense
+                                :disable="routeName != 'probationWorkAdd'"
+                              />
+                            </div>
+                            <div class="col-9 q-pl-xl">
+                              {{ item.description }}
+                            </div>
                           </div>
-
-                          <div class="col-9 q-pl-xl">{{ item.text }}</div>
                         </div>
                         <!-- <div class="row q-mt-xs bg-grey-3 q-py-xs">
                         <div class="col-1 text-center"></div>
@@ -485,8 +520,10 @@
                     <div class="col-12 row q-col-gutter-sm">
                       <div class="col-xs-12 col-sm-6">
                         <q-select
-                        hide-bottom-space
-                        :rules="[(val) => !!val || 'กรุณาเลือกความรู้ความสามารถ']"
+                          hide-bottom-space
+                          :rules="[
+                            (val) => !!val || 'กรุณาเลือกความรู้ความสามารถ',
+                          ]"
                           :options="OPskill"
                           class="bg-white"
                           :readonly="routeName != 'probationWorkAdd'"
@@ -499,8 +536,10 @@
                       </div>
                       <div class="col-xs-12 col-sm-6">
                         <q-select
-                        hide-bottom-space
-                        :rules="[(val) => !!val || 'กรุณาเลือกความรู้ความสามารถ']"
+                          hide-bottom-space
+                          :rules="[
+                            (val) => !!val || 'กรุณาเลือกความรู้ความสามารถ',
+                          ]"
                           :options="OPskill"
                           class="bg-white"
                           :readonly="routeName != 'probationWorkAdd'"
@@ -513,8 +552,10 @@
                       </div>
                       <div class="col-xs-12 col-sm-6">
                         <q-select
-                        hide-bottom-space
-                        :rules="[(val) => !!val || 'กรุณาเลือกความรู้ความสามารถ']"
+                          hide-bottom-space
+                          :rules="[
+                            (val) => !!val || 'กรุณาเลือกความรู้ความสามารถ',
+                          ]"
                           :options="OPskill"
                           class="bg-white"
                           :readonly="routeName != 'probationWorkAdd'"
@@ -527,8 +568,10 @@
                       </div>
                       <div class="col-xs-12 col-sm-6">
                         <q-select
-                        hide-bottom-space
-                        :rules="[(val) => !!val || 'กรุณาเลือกความรู้ความสามารถ']"
+                          hide-bottom-space
+                          :rules="[
+                            (val) => !!val || 'กรุณาเลือกความรู้ความสามารถ',
+                          ]"
                           :options="OPskill"
                           class="bg-white"
                           :readonly="routeName != 'probationWorkAdd'"
@@ -557,8 +600,8 @@
                     <div class="col-12 row q-col-gutter-sm">
                       <div class="col-xs-12 col-sm-6">
                         <q-select
-                        hide-bottom-space
-                        :rules="[(val) => !!val || 'กรุณาเลือกสมรรถนะ']"
+                          hide-bottom-space
+                          :rules="[(val) => !!val || 'กรุณาเลือกสมรรถนะ']"
                           :options="OPmain"
                           class="bg-white"
                           :readonly="routeName != 'probationWorkAdd'"
@@ -571,8 +614,8 @@
                       </div>
                       <div class="col-xs-12 col-sm-6">
                         <q-select
-                        hide-bottom-space
-                        :rules="[(val) => !!val || 'กรุณาเลือกสมรรถนะ']"
+                          hide-bottom-space
+                          :rules="[(val) => !!val || 'กรุณาเลือกสมรรถนะ']"
                           :options="OPmain"
                           class="bg-white"
                           :readonly="routeName != 'probationWorkAdd'"
@@ -585,8 +628,8 @@
                       </div>
                       <div class="col-xs-12 col-sm-6">
                         <q-select
-                        hide-bottom-space
-                        :rules="[(val) => !!val || 'กรุณาเลือกสมรรถนะ']"
+                          hide-bottom-space
+                          :rules="[(val) => !!val || 'กรุณาเลือกสมรรถนะ']"
                           :options="OPmain"
                           class="bg-white"
                           :readonly="routeName != 'probationWorkAdd'"
@@ -599,8 +642,8 @@
                       </div>
                       <div class="col-xs-12 col-sm-6">
                         <q-select
-                        hide-bottom-space
-                        :rules="[(val) => !!val || 'กรุณาเลือกสมรรถนะ']"
+                          hide-bottom-space
+                          :rules="[(val) => !!val || 'กรุณาเลือกสมรรถนะ']"
                           :options="OPmain"
                           class="bg-white"
                           :readonly="routeName != 'probationWorkAdd'"
@@ -613,8 +656,8 @@
                       </div>
                       <div class="col-xs-12 col-sm-6">
                         <q-select
-                        hide-bottom-space
-                        :rules="[(val) => !!val || 'กรุณาเลือกสมรรถนะ']"
+                          hide-bottom-space
+                          :rules="[(val) => !!val || 'กรุณาเลือกสมรรถนะ']"
                           :options="OPmain"
                           class="bg-white"
                           :readonly="routeName != 'probationWorkAdd'"
@@ -622,7 +665,7 @@
                           borderless
                           :outlined="routeName == 'probationWorkAdd'"
                           v-model="main5"
-                          label="ตัวที่ 4"
+                          label="ตัวที่ 5"
                         />
                       </div>
                     </div>
@@ -632,8 +675,10 @@
                     <div class="col-12 row q-col-gutter-sm">
                       <div class="col-xs-12 col-sm-6">
                         <q-select
-                        hide-bottom-space
-                        :rules="[(val) => !!val || 'กรุณาเลือกสมรรถนะประจํากลุ่มงาน']"
+                          hide-bottom-space
+                          :rules="[
+                            (val) => !!val || 'กรุณาเลือกสมรรถนะประจํากลุ่มงาน',
+                          ]"
                           :options="OPgroup"
                           class="bg-white"
                           :readonly="routeName != 'probationWorkAdd'"
@@ -646,8 +691,10 @@
                       </div>
                       <div class="col-xs-12 col-sm-6">
                         <q-select
-                        hide-bottom-space
-                        :rules="[(val) => !!val || 'กรุณาเลือกสมรรถนะประจํากลุ่มงาน']"
+                          hide-bottom-space
+                          :rules="[
+                            (val) => !!val || 'กรุณาเลือกสมรรถนะประจํากลุ่มงาน',
+                          ]"
                           :options="OPgroup"
                           class="bg-white"
                           :readonly="routeName != 'probationWorkAdd'"
@@ -660,8 +707,10 @@
                       </div>
                       <div class="col-xs-12 col-sm-6">
                         <q-select
-                        hide-bottom-space
-                        :rules="[(val) => !!val || 'กรุณาเลือกสมรรถนะประจํากลุ่มงาน']"
+                          hide-bottom-space
+                          :rules="[
+                            (val) => !!val || 'กรุณาเลือกสมรรถนะประจํากลุ่มงาน',
+                          ]"
                           :options="OPgroup"
                           class="bg-white"
                           :readonly="routeName != 'probationWorkAdd'"
@@ -787,7 +836,7 @@
               </div>
               <div class="col-12 row q-gutter-md">
                 <q-card
-                  v-for="(item, index) in productivityCount"
+                  v-for="(item, index) in ProductivityArray"
                   flat
                   bordered
                   class="col-12 q-pa-sm bg-grey-1"
@@ -805,7 +854,7 @@
                         dense
                         borderless
                         :outlined="routeName == 'probationWorkAdd'"
-                        v-model="Productivitys[index]"
+                        v-model="output_desc[index]"
                         label="ผลผลิตของงานที่คาดหวัง (ไม่เกิน 10 บรรทัด)"
                       />
                     </div>
@@ -821,7 +870,7 @@
                         dense
                         borderless
                         :outlined="routeName == 'probationWorkAdd'"
-                        v-model="goals1[index]"
+                        v-model="indicator_desc[index]"
                         label="ตัวชี้วัดความสําเร็จของงาน (ไม่เกิน 10 บรรทัด)"
                       />
                     </div>
@@ -907,7 +956,7 @@
                         <q-input
                           dense
                           outlined
-                          v-model="Other"
+                          v-model="Other5"
                           label="กรอกอื่นๆ"
                         />
                       </li>
@@ -997,7 +1046,7 @@
                     dense
                     borderless
                     :outlined="routeName == 'probationWorkAdd'"
-                    v-model="name"
+                    v-model="fullnameFoot"
                     label="ชื่อ-สกุล"
                   />
                 </div>
@@ -1007,7 +1056,7 @@
                     dense
                     borderless
                     :outlined="routeName == 'probationWorkAdd'"
-                    v-model="position"
+                    v-model="positionFoot"
                     label="ตำแหน่ง"
                   />
                 </div>
@@ -1060,13 +1109,13 @@
               </div>
               <div class="col-12 row q-col-gutter-md">
                 <q-select
-                  :options="OPcaretaker1"
+                  :options="OPcaretaker"
                   class="col-xs-12 col-sm-8"
                   :readonly="routeName != 'probationWorkAdd'"
                   dense
                   borderless
                   :outlined="routeName == 'probationWorkAdd'"
-                  v-model="caretaker"
+                  v-model="caretakerFoot"
                   label="ผู้ดูแลคนที่ 1"
                 />
                 <div class="col-xs-12 col-sm-4">
@@ -1116,7 +1165,7 @@
                   dense
                   borderless
                   :outlined="routeName == 'probationWorkAdd'"
-                  v-model="caretaker2"
+                  v-model="caretakerFoot2"
                   label="ผู้ดูแลคนที่ 2"
                 />
                 <div class="col-xs-12 col-sm-4">
@@ -1169,7 +1218,7 @@
               </div>
               <div class="col-12 row q-col-gutter-md">
                 <q-select
-                  :options="OPcaretaker1"
+                  :options="OPcaretaker"
                   class="col-xs-12 col-sm-8"
                   :readonly="routeName != 'probationWorkAdd'"
                   dense
@@ -1239,7 +1288,6 @@ import { ref, computed, watch } from "vue";
 import { useCounterMixin } from "@/stores/mixin";
 import { useQuasar } from "quasar";
 
-
 const $q = useQuasar();
 const val1 = ref([
   {
@@ -1255,7 +1303,10 @@ const { date2Thai, notifyError } = mixin;
 
 const checkValidate = ref<boolean>(false);
 const myForm = ref<any>(null);
-
+const fullnameFoot = ref<string>("");
+const positionFoot = ref<string>("");
+const caretakerFoot = ref<string>("");
+const caretakerFoot2 = ref<string>("");
 const id = ref<number>();
 const personal_id = ref<string>();
 const fullname = ref<string>();
@@ -1266,6 +1317,7 @@ const date_finish = ref<Date | null>(null);
 const behavior_desc = ref<string>();
 const other_desc = ref<object>({});
 const other4_desc = ref<string>();
+const Other5 = ref<string>();
 const other5_no1_desc = ref<object>({});
 const other5_no2_desc = ref<object>({});
 const experimenter_dated = ref<Date>();
@@ -1299,9 +1351,9 @@ const OPcaretaker = [
 const monthOp = [{ value: "6", label: "6 เดือน" }];
 //-----------------(3.1)-----------//
 const activityCount = ref<number>(2);
+const activityDataArray = ref<any[]>([]);
 const activity_desc = ref<string[]>(Array(activityCount.value).fill(""));
 const goal_desc = ref<string[]>(Array(activityCount.value).fill(""));
-  const activityDataArray = ref<any[]>([]);
 const addActivity = () => {
   activityCount.value++;
 };
@@ -1321,6 +1373,7 @@ const resetActivity = () => {
   goal_desc.value = Array(activityCount.value).fill("");
 };
 //-----------------(3.2)-----------//
+
 const knowledgeCount = ref<number>(3);
 const knowledge = ref<string[]>(Array(knowledgeCount.value).fill(""));
 const OPknowledge = ["1", "2", "3", "4"];
@@ -1343,13 +1396,13 @@ const deleteknowledge = (item: number) => {
     knowledgeCount.value--;
   }
 };
-
+const checked = ref<boolean>(false);
 const productivityCount = ref<number>(1);
-const Productivitys = ref<string[]>(Array(productivityCount.value).fill(""));
-const goals1 = ref<string[]>(Array(productivityCount.value).fill(""));
+const output_desc = ref<string[]>(Array(productivityCount.value).fill(""));
+const indicator_desc = ref<string[]>(Array(productivityCount.value).fill(""));
 const deleteProductivitys = (item: number) => {
-  Productivitys.value.splice(item, 1);
-  goals1.value.splice(item, 1);
+  output_desc.value.splice(item, 1);
+  indicator_desc.value.splice(item, 1);
   if (productivityCount.value > 1) {
     productivityCount.value--;
   }
@@ -1357,7 +1410,313 @@ const deleteProductivitys = (item: number) => {
 const addProductivity = () => {
   productivityCount.value++;
 };
+const ProductivityArray = computed(() => {
+  return Array(productivityCount.value).fill("");
+});
 
+const checkRule = ref([
+  {
+    id: 1,
+    parent_id: 0,
+    description: "๑. รัฐธรรมนูญ",
+    status_select: 1,
+    active: 1,
+    createdAt: "2023-07-24T10:39:59.000Z",
+    updatedAt: "2023-07-24T10:39:59.000Z",
+    checked: false,
+  },
+  {
+    id: 2,
+    parent_id: 0,
+    description: "๒. กฎหมายปกครอง",
+    status_select: 0,
+    active: 1,
+    createdAt: "2023-07-24T10:39:59.000Z",
+    updatedAt: "2023-07-24T10:39:59.000Z",
+    checked: false,
+  },
+  {
+    id: 3,
+    parent_id: 2,
+    description: "๒.๑. ด้านการบริหารราชการ เช่น",
+    status_select: 0,
+    active: 1,
+    createdAt: "2023-07-24T10:39:59.000Z",
+    updatedAt: "2023-07-24T10:39:59.000Z",
+    checked: false,
+  },
+  {
+    id: 4,
+    parent_id: 3,
+    description: "๑) กฎหมายว่าด้วยระเบียบบริหารราชการกรุงเทพมหานคร",
+    status_select: 1,
+    active: 1,
+    createdAt: "2023-07-24T10:39:59.000Z",
+    updatedAt: "2023-07-24T10:39:59.000Z",
+    checked: false,
+  },
+  {
+    id: 5,
+    parent_id: 3,
+    description: "๒) กฎหมายว่าด้วยระเบียบบริหารราชการแผ่นดิน",
+    status_select: 1,
+    active: 1,
+    createdAt: "2023-07-24T10:39:59.000Z",
+    updatedAt: "2023-07-24T10:39:59.000Z",
+    checked: false,
+  },
+  {
+    id: 6,
+    parent_id: 3,
+    description: "๓) กฎหมายว่าด้วยลักษณะปกครองท้องที่",
+    status_select: 1,
+    active: 1,
+    createdAt: "2023-07-24T10:39:59.000Z",
+    updatedAt: "2023-07-24T10:39:59.000Z",
+    checked: false,
+  },
+  {
+    id: 7,
+    parent_id: 3,
+    description:
+      "๔) ระเบียบสำนักนายกรัฐมนตรี ว่าด้วยการรับฟังความคิดเห็นสาธารณะโดยวิธีประชาพิจารณ์พ.ศ.๒๕๓๙",
+    status_select: 1,
+    active: 1,
+    createdAt: "2023-07-24T10:39:59.000Z",
+    updatedAt: "2023-07-24T10:39:59.000Z",
+    checked: false,
+  },
+  {
+    id: 8,
+    parent_id: 3,
+    description:
+      "๕) ระเบียบสำนักนายกรัฐมนตรี ว่าด้วยการสร้างระบบบริหารกิจการบ้านเมืองและสังคมที่ดีพ.ศ.๒๕๔๒",
+    status_select: 1,
+    active: 1,
+    createdAt: "2023-07-24T10:40:00.000Z",
+    updatedAt: "2023-07-24T10:40:00.000Z",
+    checked: false,
+  },
+  {
+    id: 9,
+    parent_id: 3,
+    description:
+      "๖) พระราชกฤษฎีกาว่าด้วยหลักเกณฑ์และวิธีการบริหารกิจการบ้านเมืองที่ดี พ.ศ.๒๕๔๖",
+    status_select: 1,
+    active: 1,
+    createdAt: "2023-07-24T10:40:00.000Z",
+    updatedAt: "2023-07-24T10:40:00.000Z",
+    checked: false,  
+  },
+  {
+    id: 10,
+    parent_id: 2,
+    description: "๒.๒. ด้านการปฏิบัติราชการ เช่น",
+    status_select: 0,
+    active: 1,
+    createdAt: "2023-07-24T10:40:00.000Z",
+    updatedAt: "2023-07-24T10:40:00.000Z",
+    checked: false,
+  },
+  {
+    id: 11,
+    parent_id: 10,
+    description: "๑) ระเบียบกรุงเทพมหานครว่าด้วยวิธีปฏิบัติงานสารบรรณ พ.ศ.๒๕๔๖",
+    status_select: 1,
+    active: 1,
+    createdAt: "2023-07-24T10:40:00.000Z",
+    updatedAt: "2023-07-24T10:40:00.000Z",
+    checked: false,
+  },
+  {
+    id: 12,
+    parent_id: 10,
+    description: "๒) กฎหมายว่าด้วยวิธีปฏิบัติราชการทางปกครอง",
+    status_select: 1,
+    active: 1,
+    createdAt: "2023-07-24T10:40:00.000Z",
+    updatedAt: "2023-07-24T10:40:00.000Z",
+    checked: false,
+  },
+  {
+    id: 13,
+    parent_id: 10,
+    description: "๓) กฎหมายว่าด้วยความรับผิดทางละเมิดของเจ้าหน้าที่",
+    status_select: 1,
+    active: 1,
+    createdAt: "2023-07-24T10:40:00.000Z",
+    updatedAt: "2023-07-24T10:40:00.000Z",
+    checked: false,
+  },
+  {
+    id: 14,
+    parent_id: 10,
+    description: "๔) กฎหมายว่าด้วยการข้อมูลข่าวสารของทางราชการ",
+    status_select: 1,
+    active: 1,
+    createdAt: "2023-07-24T10:40:00.000Z",
+    updatedAt: "2023-07-24T10:40:00.000Z",
+    checked: false,
+  },
+  {
+    id: 15,
+    parent_id: 10,
+    description: "๕) ระเบียบสำนักนายกรัฐมนตรีว่าด้วยงานสารบรรณ พ.ศ.๒๕๒๖",
+    status_select: 1,
+    active: 1,
+    createdAt: "2023-07-24T10:40:00.000Z",
+    updatedAt: "2023-07-24T10:40:00.000Z",
+    checked: false,
+  },
+  {
+    id: 16,
+    parent_id: 10,
+    description: "๖) ระเบียบว่าด้วยการรักษาความลับของทางราชการ พ.ศ.๒๕๔๔",
+    status_select: 1,
+    active: 1,
+    createdAt: "2023-07-24T10:40:00.000Z",
+    updatedAt: "2023-07-24T10:40:00.000Z",
+    checked: false,
+  },
+  {
+    id: 17,
+    parent_id: 2,
+    description: "๒.๓ ด้านการบริหารทรัพยากรบุคคล เช่น",
+    status_select: 0,
+    active: 1,
+    createdAt: "2023-07-24T10:40:00.000Z",
+    updatedAt: "2023-07-24T10:40:00.000Z",
+    checked: false,
+  },
+  {
+    id: 18,
+    parent_id: 17,
+    description:
+      "๑) กฎหมายว่าด้วยระเบียบข้าราชการกรุงเทพมหานครและบุคลากรกรุงเทพมหานคร/กฎ ก.ก./หลักเกณฑ์ วิธีการ/มติ ก.ก. ที่เกี่ยวข้อง",
+    status_select: 1,
+    active: 1,
+    createdAt: "2023-07-24T10:40:00.000Z",
+    updatedAt: "2023-07-24T10:40:00.000Z",
+    checked: false,
+  },
+  {
+    id: 19,
+    parent_id: 17,
+    description:
+      "๒) กฎหมายว่าด้วยระเบียบข้าราชการพลเรือนและกฎ ก.พ. ที่เกี่ยวข้อง",
+    status_select: 1,
+    active: 1,
+    createdAt: "2023-07-24T10:40:00.000Z",
+    updatedAt: "2023-07-24T10:40:00.000Z",
+    checked: false,
+  },
+  {
+    id: 20,
+    parent_id: 2,
+    description: "๒.๔. ด้านการบริหารงบประมาณและการคลัง เช่น",
+    status_select: 0,
+    active: 1,
+    createdAt: "2023-07-24T10:40:00.000Z",
+    updatedAt: "2023-07-24T10:40:00.000Z",
+    checked: false,
+  },
+  {
+    id: 21,
+    parent_id: 20,
+    description:
+      "๑) ข้อบัญญัติกรุงเทพมหานคร เรื่อง วิธีการงบประมาณ พ.ศ.๒๕๒๙ ซึ่งแก้ไขเพิ่มเติมโดย(ฉบับที่๒)พ.ศ.๒๕๓๓ และ(ฉบับที่๓)พ.ศ.๒๕๓๖",
+    status_select: 1,
+    active: 1,
+    createdAt: "2023-07-24T10:40:00.000Z",
+    updatedAt: "2023-07-24T10:40:00.000Z",
+    checked: false,
+  },
+  {
+    id: 22,
+    parent_id: 20,
+    description:
+      "๒) ระเบียบกรุงเทพมหานครว่าด้วยการรับเงิน การเบิกจ่ายเงิน การเก็บรักษาเงิน การนำส่งเงินและการตรวจเงิน(ฉบับที่๘) พ.ศ.๒๕๔๔ (ฉบับที่๙)พ.ศ.๒๕๔๘",
+    status_select: 1,
+    active: 1,
+    createdAt: "2023-07-24T10:40:00.000Z",
+    updatedAt: "2023-07-24T10:40:00.000Z",
+    checked: false,
+  },
+  {
+    id: 23,
+    parent_id: 20,
+    description:
+      "๓) ระเบียบกรุงเทพมหานครว่าด้วยค่าใช้จ่ายในการฝึกอบรบ พ.ศ.๒๕๔๑",
+    status_select: 1,
+    active: 1,
+    createdAt: "2023-07-24T10:40:00.000Z",
+    updatedAt: "2023-07-24T10:40:00.000Z",
+    checked: false,
+  },
+  {
+    id: 24,
+    parent_id: 20,
+    description: "๔) พระราชบัญญัติวิธีการงบประมาณ พ.ศ.๒๕๐๒",
+    status_select: 1,
+    active: 1,
+    createdAt: "2023-07-24T10:40:00.000Z",
+    updatedAt: "2023-07-24T10:40:00.000Z",
+    checked: false,
+  },
+  {
+    id: 25,
+    parent_id: 20,
+    description:
+      "๕) ระเบียบคณะกรรมการการตรวจเงินแผ่นดินว่าด้วยวินัยทางงบประมาณและการคลัง พ.ศ.๒๕๔๔",
+    status_select: 1,
+    active: 1,
+    createdAt: "2023-07-24T10:40:00.000Z",
+    updatedAt: "2023-07-24T10:40:00.000Z",
+    checked: false,
+  },
+  {
+    id: 26,
+    parent_id: 20,
+    description: "๖) กฎหมายว่าด้วยความผิดเกี่ยวกับการเสนอราคาต่อหน่วยของรัฐ",
+    status_select: 1,
+    active: 1,
+    createdAt: "2023-07-24T10:40:00.000Z",
+    updatedAt: "2023-07-24T10:40:00.000Z",
+    checked: false,
+  },
+  {
+    id: 27,
+    parent_id: 20,
+    description:
+      "๗) พระราชกฤษฎีกาการจ่ายเงินเดือน เงินปี บำเหน็จ บำนาญ และเงินอื่นในลักษณะเดียวกัน พ.ศ.๒๕๓๕",
+    status_select: 1,
+    active: 1,
+    createdAt: "2023-07-24T10:40:00.000Z",
+    updatedAt: "2023-07-24T10:40:00.000Z",
+    checked: false,
+  },
+  {
+    id: 28,
+    parent_id: 20,
+    description: "๘) พระราชกฤษฎีกาค่าใช้จ่ายในการเดินทางไปราชการ พ.ศ.๒๕๒๖",
+    status_select: 1,
+    active: 1,
+    createdAt: "2023-07-24T10:40:00.000Z",
+    updatedAt: "2023-07-24T10:40:00.000Z",
+    checked: false,
+  },
+  {
+    id: 29,
+    parent_id: 20,
+    description:
+      "๙) ระเบียบกระทรวงการคลังว่าด้วยการเบิกจ่ายเบี้ยเลี้ยงเดินทาง และค่าเช่าที่พักในการเดินทางไปราชการ พ.ศ.๒๕๓๔ (ฉบับที่๙) พ.ศ.๒๕๔๔",
+    status_select: 1,
+    active: 1,
+    createdAt: "2023-07-24T10:40:00.000Z",
+    updatedAt: "2023-07-24T10:40:00.000Z",
+    checked: false,
+  },
+]);
 const checkList21 = ref([
   {
     id: 1,
@@ -1537,22 +1896,64 @@ interface CheckboxItem {
 // const caregiverRef1 = ref()
 // const caregiverRef2 = ref()
 
-// const workInfopRef = ref()
-const putData = () =>{
+const putData = () => {
+  const checkboxData: Record<string, CheckboxItem[]> = {
+    checkRule: checkRule.value.filter((item) => item.checked),
+  };
+
+  const assign_job = activityArray.value.map((item, index) => ({
+    id: index + 1,
+    activity_desc: activity_desc.value[index],
+    goal_desc: goal_desc.value[index],
+  }));
+  const know_ledge = knowledgeArray.value.map((item, index) => ({
+    id: index + 1,
+    knowledge: knowledge.value[index],
+  }));
+  const Productivity_assign = ProductivityArray.value.map((item, index) => ({
+    id: index + 1,
+    output_desc: output_desc.value[index],
+    indicator_desc: indicator_desc.value[index],
+  }));
   const data = {
-    fullname:fullname.value,
-    position:position.value,
-    monthSelect:monthSelect.value,
-    date_start:date_start.value,
-    date_finish:date_finish.value,
-    caretaker1:caretaker1.value,
-    caretaker2:caretaker2.value,
-    activity_desc:activity_desc.value,
-    goal_desc:goal_desc.value,
-    knowledge:knowledge.value,
-  }
-  console.log("test",data)
-}
+    fullname: fullname.value,
+    position: position.value,
+    monthSelect: monthSelect.value,
+    date_start: date_start.value,
+    date_finish: date_finish.value,
+    caretaker_1: caretaker1.value,
+    caretaker_2: caretaker2.value,
+    knowledge: know_ledge,
+    assign_job: assign_job,
+    otherlaw: OtherLaw.value,
+    skill: skill.value,
+    skill_2: skill2.value,
+    skill_3: skill3.value,
+    skill_4: skill4.value,
+    main: main.value,
+    main_2: main2.value,
+    main_3: main3.value,
+    main_4: main4.value,
+    main_5: main5.value,
+    group: group.value,
+    group_2: group2.value,
+    group_3: group3.value,
+    other: Other.value,
+    other_5: Other5.value,
+    productivity_assign: Productivity_assign,
+    commander: commander.value,
+    date_1: date1.value,
+    date_2: date2.value,
+    date_3: date3.value,
+    date_4: date4.value,
+    fullname_foot: fullnameFoot.value,
+    position_foot: positionFoot.value,
+    caretaker_foot: caretakerFoot.value,
+    caretaker_foot2: caretakerFoot2.value,
+    checkarray: checkboxData,
+  };
+  console.log("test", data);
+};
 
 const saveData = async () => {
   // myForm.value.resetValidation();
@@ -1565,7 +1966,6 @@ const saveData = async () => {
   // workInfopRef.value.validate();
   myForm.value.validate().then(async (result: boolean) => {
     if (result) {
-
       // แสดงข้อมูลใน Console
 
       $q.dialog({
@@ -1577,34 +1977,16 @@ const saveData = async () => {
         },
       })
         .onOk(async () => {
-          const checkboxData: Record<string, CheckboxItem[]> = {
-            val1: val1.value.filter((item) => item.checked),
-            checkList21: checkList21.value.filter((item) => item.checked),
-            checkList22: checkList22.value.filter((item) => item.checked),
-            checkList23: checkList23.value.filter((item) => item.checked),
-            checkList24: checkList24.value.filter((item) => item.checked),
-          };
-          console.log("3.2 ข้อมูลติ๊ก", checkboxData);
+          putData();
         })
         .onCancel(() => {})
         .onDismiss(() => {});
     } else {
-      putData()
-    // ลองดูlog
-      activityDataArray.value = activity_desc.value.map((activity, index) => ({
-        id: index + 1,
-        activity_desc: activity,
-        goal_desc: goal_desc.value[index],
-      }));
-      // showLoader();
-      console.log("activity_desc:", activity_desc.value);
-  console.log("goal_desc:", goal_desc.value);
-  console.log(activityDataArray.value);
-      // Validation ไม่ผ่าน
+      // ลอง
+      // putData();
       notifyError($q, "กรุณากรอกข้อมูลให้ครบ");
     }
   });
-  // สร้าง Object ที่เก็บข้อมูล Checkbox
 };
 const OtherLaw = ref<string>("");