From 4f5683bed77b4a1af93e488f3ae210d3b2214748 Mon Sep 17 00:00:00 2001
From: "STW_TTTY\\stwtt" <trx.setthawut@gmail.com>
Date: Mon, 9 Sep 2024 11:01:02 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B9=81=E0=B8=81=E0=B9=89=20=E0=B8=97?=
 =?UTF-8?q?=E0=B8=94=E0=B8=A5=E0=B8=AD=E0=B8=87=20=E0=B8=87=E0=B8=B2?=
 =?UTF-8?q?=E0=B8=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/probation/FormAssign.vue       | 180 +++++++++++++-----
 1 file changed, 129 insertions(+), 51 deletions(-)

diff --git a/src/modules/05_placement/components/probation/FormAssign.vue b/src/modules/05_placement/components/probation/FormAssign.vue
index 222bf3110..3a0dd2969 100644
--- a/src/modules/05_placement/components/probation/FormAssign.vue
+++ b/src/modules/05_placement/components/probation/FormAssign.vue
@@ -1224,7 +1224,7 @@ onMounted(async () => {
                         hide-bottom-space
                         :options="monthOp"
                         class="col-xs-12 col-sm-6"
-                        :readonly="isEdit != true"
+                        :readonly="!isEdit && routeName !== 'probationWorkAdd'"
                         dense
                         borderless
                         option-label="label"
@@ -1244,7 +1244,7 @@ onMounted(async () => {
                         borderless
                         :enableTimePicker="false"
                         week-start="0"
-                        :readonly="isEdit != true"
+                        :readonly="!isEdit && routeName !== 'probationWorkAdd'"
                       >
                         <template #year="{ year }">
                           {{ year + 543 }}
@@ -1257,7 +1257,9 @@ onMounted(async () => {
                             dense
                             borderless
                             outlined
-                            :readonly="isEdit != true"
+                            :readonly="
+                              !isEdit && routeName !== 'probationWorkAdd'
+                            "
                             :rules="[(val) => !!val || 'กรุณาเลือกวันที่']"
                             hide-bottom-space
                             class="full-width datepicker"
@@ -1384,8 +1386,9 @@ onMounted(async () => {
                   option-value="id"
                   :options="filtermantor(OPcaretaker, [caretaker2])"
                   class="col-xs-12 col-sm-6"
-                  :readonly="!isEdit"
+                  :readonly="!isEdit && routeName !== 'probationWorkAdd'"
                   dense
+                  bg-color="white"
                   hide-bottom-space
                   borderless
                   outlined
@@ -1401,7 +1404,8 @@ onMounted(async () => {
                   option-label="label"
                   hide-bottom-space
                   class="col-xs-12 col-sm-6"
-                  :readonly="!isEdit"
+                  :readonly="!isEdit && routeName !== 'probationWorkAdd'"
+                  bg-color="white"
                   dense
                   borderless
                   outlined
@@ -1423,7 +1427,7 @@ onMounted(async () => {
                 <q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
                 3.1 ชื่องาน / ภารกิจงานที่มอบหมาย (ควรมีมากกว่า 1 ภารกิจงาน)
                 <q-btn
-                  v-if="isEdit == true"
+                  v-if="isEdit == true || routeName == 'probationWorkAdd'"
                   round
                   color="primary"
                   dense
@@ -1448,7 +1452,7 @@ onMounted(async () => {
                           index < 2 ? [(val) => !!val || 'กรุณากรอกข้อมูล'] : []
                         "
                         hide-bottom-space
-                        :readonly="isEdit != true"
+                        :readonly="!isEdit && routeName !== 'probationWorkAdd'"
                         dense
                         borderless
                         outlined
@@ -1464,7 +1468,7 @@ onMounted(async () => {
                           index < 2 ? [(val) => !!val || 'กรุณากรอกข้อมูล'] : []
                         "
                         hide-bottom-space
-                        :readonly="isEdit != true"
+                        :readonly="!isEdit && routeName !== 'probationWorkAdd'"
                         dense
                         borderless
                         outlined
@@ -1485,7 +1489,7 @@ onMounted(async () => {
                         color="red"
                         icon="mdi-trash-can-outline"
                         @click="deleteactivity(index)"
-                        v-if="isEdit == true"
+                        v-if="isEdit == true || routeName == 'probationWorkAdd'"
                       />
                     </div>
                   </div>
@@ -1504,7 +1508,7 @@ onMounted(async () => {
                     <div class="col-12 text-top2 row items-center">
                       ความรู้ความสามารถในการปฏิบัติงาน
                       <q-btn
-                        v-if="isEdit == true"
+                        v-if="isEdit == true || routeName == 'probationWorkAdd'"
                         round
                         color="primary"
                         dense
@@ -1534,7 +1538,9 @@ onMounted(async () => {
                           hide-bottom-space
                           :options="OPknowledgeMain"
                           class="bg-white"
-                          :readonly="isEdit != true"
+                          :readonly="
+                            isEdit != true && routeName !== 'probationWorkAdd'
+                          "
                           dense
                           borderless
                           outlined
@@ -1550,7 +1556,9 @@ onMounted(async () => {
                         class="col-xs-12 col-sm-1 flex justify-center items-center"
                       >
                         <q-btn
-                          v-if="isEdit == true"
+                          v-if="
+                            isEdit == true || routeName == 'probationWorkAdd'
+                          "
                           flat
                           round
                           color="red"
@@ -1579,12 +1587,15 @@ onMounted(async () => {
                           >
                             <div v-if="index === 0" class="col-1 text-center">
                               <q-checkbox
+                                v-if="item.status_select === 1"
                                 :true-value="1"
                                 :false-value="0"
-                                v-if="item.status_select === 1"
                                 v-model="item.checked"
                                 dense
-                                :disable="isEdit != true"
+                                :disable="
+                                  isEdit != true &&
+                                  routeName !== 'probationWorkAdd'
+                                "
                               />
                             </div>
                             <div v-if="index === 0" class="col-11">
@@ -1623,7 +1634,10 @@ onMounted(async () => {
                                 :false-value="0"
                                 v-model="item.checked"
                                 dense
-                                :disable="isEdit != true"
+                                :disable="
+                                  isEdit != true &&
+                                  routeName !== 'probationWorkAdd'
+                                "
                               />
                             </div>
 
@@ -1652,7 +1666,10 @@ onMounted(async () => {
                                 :false-value="0"
                                 v-model="item.checked"
                                 dense
-                                :disable="isEdit != true"
+                                :disable="
+                                  isEdit != true &&
+                                  routeName !== 'probationWorkAdd'
+                                "
                               />
                             </div>
                             <div class="col-9 q-pl-xl">
@@ -1682,7 +1699,10 @@ onMounted(async () => {
                                 :false-value="0"
                                 v-model="item.checked"
                                 dense
-                                :disable="isEdit != true"
+                                :disable="
+                                  isEdit != true &&
+                                  routeName !== 'probationWorkAdd'
+                                "
                               />
                             </div>
                             <div class="col-9 q-pl-xl">
@@ -1711,7 +1731,10 @@ onMounted(async () => {
                                 :false-value="0"
                                 v-model="item.checked"
                                 dense
-                                :disable="isEdit != true"
+                                :disable="
+                                  isEdit != true &&
+                                  routeName !== 'probationWorkAdd'
+                                "
                               />
                             </div>
                             <div class="col-9 q-pl-xl">
@@ -1731,7 +1754,9 @@ onMounted(async () => {
                       <div class="col-12">
                         <q-input
                           class="bg-white"
-                          :readonly="isEdit != true"
+                          :readonly="
+                            isEdit != true && routeName !== 'probationWorkAdd'
+                          "
                           dense
                           borderless
                           outlined
@@ -1758,7 +1783,9 @@ onMounted(async () => {
                           ]"
                           :options="OPcomputer"
                           class="bg-white"
-                          :readonly="isEdit != true"
+                          :readonly="
+                            isEdit != true && routeName !== 'probationWorkAdd'
+                          "
                           dense
                           borderless
                           map-options
@@ -1790,7 +1817,9 @@ onMounted(async () => {
                           ]"
                           :options="OPenglish"
                           class="bg-white"
-                          :readonly="isEdit != true"
+                          :readonly="
+                            isEdit != true && routeName !== 'probationWorkAdd'
+                          "
                           dense
                           borderless
                           outlined
@@ -1819,7 +1848,9 @@ onMounted(async () => {
                           ]"
                           :options="OPinfomation"
                           class="bg-white"
-                          :readonly="isEdit != true"
+                          :readonly="
+                            isEdit != true && routeName !== 'probationWorkAdd'
+                          "
                           dense
                           map-options
                           borderless
@@ -1849,7 +1880,9 @@ onMounted(async () => {
                           ]"
                           :options="OPresourse"
                           class="bg-white"
-                          :readonly="isEdit != true"
+                          :readonly="
+                            isEdit != true && routeName !== 'probationWorkAdd'
+                          "
                           dense
                           map-options
                           borderless
@@ -1895,7 +1928,9 @@ onMounted(async () => {
                             filterMain(OPmain, [main2, main3, main4, main5])
                           "
                           class="bg-white"
-                          :readonly="isEdit != true"
+                          :readonly="
+                            isEdit != true && routeName !== 'probationWorkAdd'
+                          "
                           dense
                           borderless
                           map-options
@@ -1926,7 +1961,9 @@ onMounted(async () => {
                             filterMain(OPmain, [main, main3, main4, main5])
                           "
                           class="bg-white"
-                          :readonly="isEdit != true"
+                          :readonly="
+                            isEdit != true && routeName !== 'probationWorkAdd'
+                          "
                           dense
                           borderless
                           map-options
@@ -1957,7 +1994,9 @@ onMounted(async () => {
                             filterMain(OPmain, [main, main2, main4, main5])
                           "
                           class="bg-white"
-                          :readonly="isEdit != true"
+                          :readonly="
+                            isEdit != true && routeName !== 'probationWorkAdd'
+                          "
                           dense
                           map-options
                           borderless
@@ -1988,7 +2027,9 @@ onMounted(async () => {
                             filterMain(OPmain, [main, main2, main3, main5])
                           "
                           class="bg-white"
-                          :readonly="isEdit != true"
+                          :readonly="
+                            isEdit != true && routeName !== 'probationWorkAdd'
+                          "
                           dense
                           borderless
                           map-options
@@ -2019,7 +2060,9 @@ onMounted(async () => {
                           "
                           option-value="id"
                           class="bg-white"
-                          :readonly="isEdit != true"
+                          :readonly="
+                            isEdit != true && routeName !== 'probationWorkAdd'
+                          "
                           dense
                           map-options
                           borderless
@@ -2055,7 +2098,9 @@ onMounted(async () => {
                           ]"
                           :options="filterData(OPgroup, [group2, group3])"
                           class="bg-white"
-                          :readonly="isEdit != true"
+                          :readonly="
+                            isEdit != true && routeName !== 'probationWorkAdd'
+                          "
                           dense
                           borderless
                           map-options
@@ -2086,7 +2131,9 @@ onMounted(async () => {
                           ]"
                           :options="filterData(OPgroup, [group, group3])"
                           class="bg-white"
-                          :readonly="isEdit != true"
+                          :readonly="
+                            isEdit != true && routeName !== 'probationWorkAdd'
+                          "
                           dense
                           borderless
                           map-options
@@ -2118,7 +2165,9 @@ onMounted(async () => {
                           ]"
                           :options="filterData(OPgroup, [group, group2])"
                           class="bg-white"
-                          :readonly="isEdit != true"
+                          :readonly="
+                            isEdit != true && routeName !== 'probationWorkAdd'
+                          "
                           dense
                           borderless
                           outlined
@@ -2222,7 +2271,9 @@ onMounted(async () => {
               <div class="col-12 row q-col-gutter-md">
                 <div class="col-12">
                   <q-input
-                    :readonly="isEdit != true"
+                    :readonly="
+                      isEdit != true && routeName !== 'probationWorkAdd'
+                    "
                     dense
                     borderless
                     outlined
@@ -2237,7 +2288,7 @@ onMounted(async () => {
                 <q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
                 3.6 ผลผลิตของงานที่คาดหวังและตัวชี้วัดความสําเร็จของงาน
                 <q-btn
-                  v-if="isEdit == true"
+                  v-if="isEdit == true || routeName == 'probationWorkAdd'"
                   round
                   color="primary"
                   dense
@@ -2263,7 +2314,9 @@ onMounted(async () => {
                           index < 1 ? [(val) => !!val || 'กรุณากรอกข้อมูล'] : []
                         "
                         type="textarea"
-                        :readonly="isEdit != true"
+                        :readonly="
+                          isEdit != true && routeName !== 'probationWorkAdd'
+                        "
                         dense
                         borderless
                         outlined
@@ -2281,7 +2334,9 @@ onMounted(async () => {
                         hide-bottom-space
                         bg-color="white"
                         type="textarea"
-                        :readonly="isEdit != true"
+                        :readonly="
+                          isEdit != true && routeName !== 'probationWorkAdd'
+                        "
                         dense
                         borderless
                         outlined
@@ -2296,7 +2351,7 @@ onMounted(async () => {
                     >
                       <q-btn
                         flat
-                        v-if="isEdit == true"
+                        v-if="isEdit == true || routeName == 'probationWorkAdd'"
                         round
                         color="red"
                         icon="mdi-trash-can-outline"
@@ -2372,7 +2427,9 @@ onMounted(async () => {
                       <li>
                         อื่นๆ (ถ้ามี)
                         <q-input
-                          :readonly="isEdit != true"
+                          :readonly="
+                            isEdit != true && routeName !== 'probationWorkAdd'
+                          "
                           dense
                           borderless
                           outlined
@@ -2463,7 +2520,7 @@ onMounted(async () => {
               <div class="col-12 row q-col-gutter-md">
                 <div class="col-xs-12 col-sm-4">
                   <q-input
-                    :readonly="isEdit != true"
+                    readonly
                     dense
                     borderless
                     outlined
@@ -2475,7 +2532,7 @@ onMounted(async () => {
 
                 <div class="col-xs-12 col-sm-4">
                   <q-input
-                    :readonly="isEdit != true"
+                    readonly
                     dense
                     borderless
                     outlined
@@ -2490,7 +2547,9 @@ onMounted(async () => {
                     v-model="date1"
                     :locale="'th'"
                     autoApply
-                    :readonly="isEdit != true"
+                    :readonly="
+                      isEdit != true && routeName !== 'probationWorkAdd'
+                    "
                     :enableTimePicker="false"
                     week-start="0"
                   >
@@ -2504,7 +2563,9 @@ onMounted(async () => {
                       <q-input
                         hide-bottom-space
                         :rules="[(val) => !!val || 'กรุณาเลือกวันที่']"
-                        :readonly="isEdit != true"
+                        :readonly="
+                          isEdit != true && routeName !== 'probationWorkAdd'
+                        "
                         dense
                         outlined
                         :model-value="date1 != null ? date2Thai(date1) : null"
@@ -2564,7 +2625,7 @@ onMounted(async () => {
                   option-value="id"
                   option-label="label"
                   class="col-xs-12 col-sm-8"
-                  :readonly="!isEdit"
+                  :readonly="!isEdit && routeName !== 'probationWorkAdd'"
                   dense
                   borderless
                   outlined
@@ -2590,7 +2651,9 @@ onMounted(async () => {
                     :locale="'th'"
                     autoApply
                     :enableTimePicker="false"
-                    :readonly="isEdit != true"
+                    :readonly="
+                      isEdit != true && routeName !== 'probationWorkAdd'
+                    "
                     week-start="0"
                   >
                     <template #year="{ year }">
@@ -2603,7 +2666,9 @@ onMounted(async () => {
                       <q-input
                         hide-bottom-space
                         :rules="[(val) => !!val || 'กรุณาเลือกวันที่']"
-                        :readonly="isEdit != true"
+                        :readonly="
+                          isEdit != true && routeName !== 'probationWorkAdd'
+                        "
                         dense
                         outlined
                         :model-value="date2 != null ? date2Thai(date2) : null"
@@ -2655,7 +2720,9 @@ onMounted(async () => {
                   option-value="id"
                   option-label="label"
                   class="col-xs-12 col-sm-8"
-                  :readonly="!isEdit"
+                  :readonly="
+                    (!isEdit && routeName !== 'probationWorkAdd') || caretaker1
+                  "
                   dense
                   borderless
                   outlined
@@ -2682,7 +2749,10 @@ onMounted(async () => {
                     autoApply
                     :enableTimePicker="false"
                     week-start="0"
-                    :readonly="isEdit != true || !caretaker2"
+                    :readonly="
+                      (isEdit != true && routeName !== 'probationWorkAdd') ||
+                      !caretaker2
+                    "
                   >
                     <template #year="{ year }">
                       {{ year + 543 }}
@@ -2693,7 +2763,11 @@ onMounted(async () => {
                     <template #trigger>
                       <q-input
                         hide-bottom-space
-                        :readonly="isEdit != true || !caretaker2"
+                        :readonly="
+                          (isEdit != true &&
+                            routeName !== 'probationWorkAdd') ||
+                          !caretaker2
+                        "
                         dense
                         :rules="
                           caretaker2
@@ -2760,7 +2834,7 @@ onMounted(async () => {
                   option-value="id"
                   option-label="label"
                   class="col-xs-12 col-sm-8"
-                  :readonly="!isEdit"
+                  :readonly="!isEdit && routeName !== 'probationWorkAdd'"
                   dense
                   :rules="[(val) => !!val || 'กรุณาเลือกผู้บังคับบัญชา']"
                   borderless
@@ -2787,7 +2861,9 @@ onMounted(async () => {
                     :locale="'th'"
                     autoApply
                     borderless
-                    :readonly="isEdit != true"
+                    :readonly="
+                      isEdit != true && routeName !== 'probationWorkAdd'
+                    "
                     :enableTimePicker="false"
                     week-start="0"
                   >
@@ -2801,7 +2877,9 @@ onMounted(async () => {
                       <q-input
                         hide-bottom-space
                         :rules="[(val) => !!val || 'กรุณาเลือกวันที่']"
-                        :readonly="isEdit != true"
+                        :readonly="
+                          isEdit != true && routeName !== 'probationWorkAdd'
+                        "
                         dense
                         outlined
                         :model-value="date4 != null ? date2Thai(date4) : null"
@@ -2861,7 +2939,7 @@ onMounted(async () => {
                   option-value="id"
                   option-label="label"
                   class="col-xs-12 col-sm-8"
-                  :readonly="!isEdit"
+                  :readonly="!isEdit && routeName !== 'probationWorkAdd'"
                   dense
                   borderless
                   outlined