From 3bbbe8347a9c794c36c5ebf296602f3901d79c47 Mon Sep 17 00:00:00 2001
From: oat_dev <nattapon@frappet.com>
Date: Fri, 29 Mar 2024 17:29:11 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B8=97=E0=B8=B0=E0=B9=80=E0=B8=9A=E0=B8=B5?=
 =?UTF-8?q?=E0=B8=A2=E0=B8=99=E0=B8=9B=E0=B8=A3=E0=B8=B0=E0=B8=A7=E0=B8=B1?=
 =?UTF-8?q?=E0=B8=95=E0=B8=B4:=20=E0=B9=81=E0=B8=81=E0=B9=89=E0=B8=AA?=
 =?UTF-8?q?=E0=B8=B5input?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Achievement/01_ProfessionalLicense.vue    |  5 +++
 .../detail/Achievement/02_Train.vue           | 12 +++++++
 .../02_NameChangeHistory.vue                  | 32 +++++++++++++++++++
 .../detail/PersonalInformation/04_Family.vue  | 32 +++++++++++++++++++
 .../PersonalInformation/05_Education.vue      | 19 +++++++++++
 .../PersonalInformation/06_SpecialSkill.vue   |  6 ++--
 6 files changed, 104 insertions(+), 2 deletions(-)

diff --git a/src/modules/04_registryNew/components/detail/Achievement/01_ProfessionalLicense.vue b/src/modules/04_registryNew/components/detail/Achievement/01_ProfessionalLicense.vue
index c7d10d1c8..34ea0f55f 100644
--- a/src/modules/04_registryNew/components/detail/Achievement/01_ProfessionalLicense.vue
+++ b/src/modules/04_registryNew/components/detail/Achievement/01_ProfessionalLicense.vue
@@ -550,6 +550,7 @@ onMounted(async () => {
               label="ชื่อใบอนุญาต"
               bg-color="white"
               dense
+              class="inputgreen"
               :rules="[(val) => !!val || `${'กรุณากรอกชื่อใบอนุญาต'}`]"
               hide-bottom-space
             />
@@ -561,6 +562,7 @@ onMounted(async () => {
               label="หน่วยงานผู้ออกใบอนุญาต"
               bg-color="white"
               dense
+              class="inputgreen"
               :rules="[
                 (val) => !!val || `${'กรุณากรอกหน่วยงานผู้ออกใบอนุญาต'}`,
               ]"
@@ -575,6 +577,7 @@ onMounted(async () => {
               v-model="profesLicenseData.certificateNo"
               label="เลขที่ใบอนุญาต"
               bg-color="white"
+              class="inputgreen"
               dense
               :rules="[(val) => !!val || `${'กรุณากรอกเลขที่ใบอนุญาต'}`]"
               hide-bottom-space
@@ -598,6 +601,7 @@ onMounted(async () => {
                 <q-input
                   dense
                   lazy-rules
+                  class="inputgreen"
                   outlined
                   bg-color="white"
                   hide-bottom-space
@@ -643,6 +647,7 @@ onMounted(async () => {
                   dense
                   outlined
                   bg-color="white"
+                  class="inputgreen"
                   clearable
                   @clear="() => (profesLicenseData.expireDate = null)"
                   hide-bottom-space
diff --git a/src/modules/04_registryNew/components/detail/Achievement/02_Train.vue b/src/modules/04_registryNew/components/detail/Achievement/02_Train.vue
index 5e031a364..60287a1ac 100644
--- a/src/modules/04_registryNew/components/detail/Achievement/02_Train.vue
+++ b/src/modules/04_registryNew/components/detail/Achievement/02_Train.vue
@@ -711,6 +711,7 @@ onMounted(async () => {
                 label="ชื่อโครงการ/หลักสูตรการฝึกอบรม"
                 bg-color="white"
                 dense
+                class="inputgreen"
                 :rules="[
                   (val) =>
                     !!val || `${'กรุณากรอกชื่อโครงการ/หลักสูตรการฝึกอบรม'}`,
@@ -721,6 +722,7 @@ onMounted(async () => {
             <div class="col">
               <q-input
                 outlined
+                class="inputgreen"
                 v-model="trainData.topic"
                 label="หัวข้อการฝึกอบรม/ดูงาน"
                 bg-color="white"
@@ -780,6 +782,7 @@ onMounted(async () => {
                       dense
                       lazy-rules
                       outlined
+                      class="inputgreen"
                       hide-bottom-space
                       :model-value="trainData.startYear + 543"
                       :rules="[
@@ -824,6 +827,7 @@ onMounted(async () => {
                     <q-input
                       dense
                       lazy-rules
+                      class="inputgreen"
                       outlined
                       hide-bottom-space
                       :model-value="trainData.finishYear + 543"
@@ -871,6 +875,7 @@ onMounted(async () => {
                       outlined
                       dense
                       lazy-rules
+                      class="inputgreen"
                       :model-value="date2Thai(trainData.startDate)"
                       :rules="[
                         (val) =>
@@ -916,6 +921,7 @@ onMounted(async () => {
                       outlined
                       dense
                       lazy-rules
+                      class="inputgreen"
                       :model-value="date2Thai(trainData.endDate)"
                       :rules="[
                         (val) =>
@@ -958,6 +964,7 @@ onMounted(async () => {
                     dense
                     lazy-rules
                     outlined
+                    class="inputgreen"
                     hide-bottom-space
                     :model-value="
                       !!trainData.yearly ? trainData.yearly + 543 : null
@@ -982,6 +989,7 @@ onMounted(async () => {
                 v-model="trainData.place"
                 label="สถานที่ฝึกอบรม/ดูงาน"
                 bg-color="white"
+                class="inputgreen"
                 dense
                 :rules="[
                   (val) => !!val || `${'กรุณากรอกสถานที่ฝึกอบรม/ดูงาน'}`,
@@ -994,6 +1002,7 @@ onMounted(async () => {
             <div class="col">
               <q-input
                 outlined
+                class="inputgreen"
                 v-model="trainData.duration"
                 label="รวมระยะเวลาในการฝึกอบรม/ดูงาน"
                 bg-color="white"
@@ -1003,6 +1012,7 @@ onMounted(async () => {
             <div class="col">
               <q-input
                 outlined
+                class="inputgreen"
                 v-model="trainData.department"
                 label="หน่วยงานที่รับผิดชอบจัดการฝึกอบรม/ดูงาน"
                 bg-color="white"
@@ -1013,6 +1023,7 @@ onMounted(async () => {
           <div class="row q-px-md q-mb-sm q-gutter-sm">
             <div class="col">
               <q-input
+                class="inputgreen"
                 outlined
                 v-model="trainData.numberOrder"
                 label="เลขที่คำสั่ง/เลขที่หนังสืออนุมัติ"
@@ -1037,6 +1048,7 @@ onMounted(async () => {
                   <q-input
                     outlined
                     dense
+                    class="inputgreen"
                     lazy-rules
                     :model-value="date2Thai(trainData.dateOrder)"
                     hide-bottom-space
diff --git a/src/modules/04_registryNew/components/detail/PersonalInformation/02_NameChangeHistory.vue b/src/modules/04_registryNew/components/detail/PersonalInformation/02_NameChangeHistory.vue
index 16b89582d..9c775b504 100644
--- a/src/modules/04_registryNew/components/detail/PersonalInformation/02_NameChangeHistory.vue
+++ b/src/modules/04_registryNew/components/detail/PersonalInformation/02_NameChangeHistory.vue
@@ -676,6 +676,17 @@ function filterSelector(val: string, update: Function, refData: string) {
                 :options="store.Ops.prefixOps"
                 label="คำนำหน้าชื่อ"
                 dense
+                :class="
+                  !changeNameData.status ||
+                  (changeNameData.status !== 'เปลี่ยนคำนำหน้าชื่อ' &&
+                    changeNameData.status !== 'เปลี่ยนคำนำหน้าชื่อ และชื่อ' &&
+                    changeNameData.status !==
+                      'เปลี่ยนคำนำหน้าชื่อ และนามสกุล' &&
+                    changeNameData.status !==
+                      'เปลี่ยนคำนำหน้าชื่อ และชื่อ-นามสกุล')
+                    ? ''
+                    : 'inputgreen'
+                "
                 outlined
                 use-input
                 lazy-rules
@@ -706,6 +717,16 @@ function filterSelector(val: string, update: Function, refData: string) {
                 label="ชื่อ"
                 bg-color="white"
                 dense
+                :class="
+                  !changeNameData.status ||
+                  (changeNameData.status !== 'เปลี่ยนชื่อ' &&
+                    changeNameData.status !== 'เปลี่ยนคำนำหน้าชื่อ และชื่อ' &&
+                    changeNameData.status !== 'เปลี่ยนชื่อ-นามสกุล' &&
+                    changeNameData.status !==
+                      'เปลี่ยนคำนำหน้าชื่อ และชื่อ-นามสกุล')
+                    ? ''
+                    : 'inputgreen'
+                "
                 :rules="[(val) => !!val || `${'กรุณากรอกชื่อ'}`]"
                 hide-bottom-space
               />
@@ -726,6 +747,17 @@ function filterSelector(val: string, update: Function, refData: string) {
                 label="นามสกุล"
                 bg-color="white"
                 dense
+                :class="
+                  !changeNameData.status ||
+                  (changeNameData.status !== 'เปลี่ยนนามสกุล' &&
+                    changeNameData.status !== 'เปลี่ยนชื่อ-นามสกุล' &&
+                    changeNameData.status !==
+                      'เปลี่ยนคำนำหน้าชื่อ และนามสกุล' &&
+                    changeNameData.status !==
+                      'เปลี่ยนคำนำหน้าชื่อ และชื่อ-นามสกุล')
+                    ? ''
+                    : 'inputgreen'
+                "
                 :rules="[(val) => !!val || `${'กรุณากรอกนามสกุล'}`]"
                 hide-bottom-space
               />
diff --git a/src/modules/04_registryNew/components/detail/PersonalInformation/04_Family.vue b/src/modules/04_registryNew/components/detail/PersonalInformation/04_Family.vue
index 6954b5d26..96b2b6b48 100644
--- a/src/modules/04_registryNew/components/detail/PersonalInformation/04_Family.vue
+++ b/src/modules/04_registryNew/components/detail/PersonalInformation/04_Family.vue
@@ -505,6 +505,10 @@ onMounted(async () => {
                   v-model="fatherData.citizenId"
                   :label="`${'เลขประจำตัวประชาชน'}`"
                   maxlength="13"
+                  :rules="[
+                    (val) => val.length === 13 || 'กรุณากรอกเลขบัตรประชาชน',
+                  ]"
+                  class="inputgreen"
                   mask="#############"
                 />
               </div>
@@ -516,6 +520,7 @@ onMounted(async () => {
                   lazy-rules
                   hidden-space
                   dense
+                  class="inputgreen"
                   :rules="[(val) => !!val || 'กรุณาเลือกคำนำหน้าชื่อ']"
                   label="คำนำหน้าชื่อ"
                   v-model="fatherData.prefix"
@@ -537,6 +542,7 @@ onMounted(async () => {
                   outlined
                   dense
                   bg-color="white"
+                  class="inputgreen"
                   lazy-rules
                   v-model="fatherData.firstName"
                   :rules="[(val) => !!val || 'กรุณากรอกชื่อ']"
@@ -549,6 +555,7 @@ onMounted(async () => {
                   :disable="!fatherData.isHaveInfo"
                   outlined
                   dense
+                  class="inputgreen"
                   bg-color="white"
                   lazy-rules
                   v-model="fatherData.lastName"
@@ -561,6 +568,7 @@ onMounted(async () => {
                   :disable="!fatherData.isHaveInfo"
                   outlined
                   dense
+                  class="inputgreen"
                   bg-color="white"
                   v-model="fatherData.job"
                   label="อาชีพ"
@@ -633,6 +641,10 @@ onMounted(async () => {
                   v-model="motherData.citizenId"
                   :label="`${'เลขประจำตัวประชาชน'}`"
                   maxlength="13"
+                  :rules="[
+                    (val) => val.length === 13 || 'กรุณากรอกเลขบัตรประชาชน',
+                  ]"
+                  class="inputgreen"
                   mask="#############"
                 />
               </div>
@@ -647,6 +659,7 @@ onMounted(async () => {
                   :rules="[(val) => !!val || 'กรุณาเลือกคำนำหน้าชื่อ']"
                   label="คำนำหน้าชื่อ"
                   hidden-space
+                  class="inputgreen"
                   use-input
                   input-debounce="0"
                   emit-value
@@ -664,6 +677,7 @@ onMounted(async () => {
                   :disable="!motherData.isHaveInfo"
                   outlined
                   dense
+                  class="inputgreen"
                   bg-color="white"
                   lazy-rules
                   v-model="motherData.firstName"
@@ -676,6 +690,7 @@ onMounted(async () => {
                 <q-input
                   :disable="!motherData.isHaveInfo"
                   outlined
+                  class="inputgreen"
                   dense
                   bg-color="white"
                   lazy-rules
@@ -688,6 +703,7 @@ onMounted(async () => {
                 <q-input
                   :disable="!motherData.isHaveInfo"
                   outlined
+                  class="inputgreen"
                   dense
                   bg-color="white"
                   v-model="motherData.job"
@@ -758,9 +774,13 @@ onMounted(async () => {
                   hide-bottom-space
                   bg-color="white"
                   dense
+                  class="inputgreen"
                   v-model="spouseData.citizenId"
                   :label="`${'เลขประจำตัวประชาชน'}`"
                   maxlength="13"
+                  :rules="[
+                    (val) => val.length === 13 || 'กรุณากรอกเลขบัตรประชาชน',
+                  ]"
                   mask="#############"
                 />
               </div>
@@ -768,6 +788,7 @@ onMounted(async () => {
                 <q-select
                   :disable="!spouseData.isHave"
                   outlined
+                  class="inputgreen"
                   bg-color="white"
                   lazy-rules
                   dense
@@ -791,6 +812,7 @@ onMounted(async () => {
                 <q-input
                   :disable="!spouseData.isHave"
                   outlined
+                  class="inputgreen"
                   dense
                   bg-color="white"
                   lazy-rules
@@ -805,6 +827,7 @@ onMounted(async () => {
                   :disable="!spouseData.isHave"
                   outlined
                   dense
+                  class="inputgreen"
                   bg-color="white"
                   lazy-rules
                   v-model="spouseData.lastName"
@@ -817,6 +840,7 @@ onMounted(async () => {
                   :disable="!spouseData.isHave"
                   outlined
                   dense
+                  class="inputgreen"
                   bg-color="white"
                   v-model="spouseData.job"
                   label="อาชีพ"
@@ -882,6 +906,10 @@ onMounted(async () => {
                       v-model="items.childrenCitizenId"
                       :label="`${'เลขประจำตัวประชาชน'}`"
                       bg-color="white"
+                      class="inputgreen"
+                      :rules="[
+                        (val) => val.length === 13 || 'กรุณากรอกเลขบัตรประชาชน',
+                      ]"
                       maxlength="13"
                       mask="#############"
                     />
@@ -896,6 +924,7 @@ onMounted(async () => {
                       :rules="[(val) => !!val || 'กรุณาเลือกคำนำหน้าชื่อ']"
                       label="คำนำหน้าชื่อ"
                       use-input
+                      class="inputgreen"
                       input-debounce="0"
                       emit-value
                       map-options
@@ -912,6 +941,7 @@ onMounted(async () => {
                       outlined
                       dense
                       lazy-rules
+                      class="inputgreen"
                       bg-color="white"
                       v-model="items.childrenFirstName"
                       :rules="[(val) => !!val || 'กรุณากรอกชื่อ']"
@@ -922,6 +952,7 @@ onMounted(async () => {
                     <q-input
                       outlined
                       lazy-rules
+                      class="inputgreen"
                       bg-color="white"
                       dense
                       v-model="items.childrenLastName"
@@ -934,6 +965,7 @@ onMounted(async () => {
                       outlined
                       bg-color="white"
                       dense
+                      class="inputgreen"
                       v-model="items.childrenCareer"
                       label="อาชีพ"
                     />
diff --git a/src/modules/04_registryNew/components/detail/PersonalInformation/05_Education.vue b/src/modules/04_registryNew/components/detail/PersonalInformation/05_Education.vue
index f4187fa96..1238e5941 100644
--- a/src/modules/04_registryNew/components/detail/PersonalInformation/05_Education.vue
+++ b/src/modules/04_registryNew/components/detail/PersonalInformation/05_Education.vue
@@ -977,6 +977,7 @@ onMounted(async () => {
                       ) "
                 :rules="[(val) => !!val || `${'กรุณาเลือกระดับการศึกษา'}`]"
                 label="ระดับการศึกษา"
+                class="inputgreen"
               />
             </div>
             <div class="col-6">
@@ -986,6 +987,7 @@ onMounted(async () => {
                 label="สถานศึกษา"
                 bg-color="white"
                 dense
+                class="inputgreen"
                 :rules="[(val) => !!val || `${'กรุณากรอกสถานศึกษา'}`]"
                 hide-bottom-space
               />
@@ -1003,6 +1005,7 @@ onMounted(async () => {
                 unchecked-icon="panorama_fish_eye"
                 val="false"
                 label="ปี"
+                class="inputgreen"
                 dense
               />
               <q-radio
@@ -1010,6 +1013,7 @@ onMounted(async () => {
                 checked-icon="task_alt"
                 unchecked-icon="panorama_fish_eye"
                 val="true"
+                class="inputgreen"
                 label="วัน/เดือน/ปี"
                 dense
               />
@@ -1039,6 +1043,7 @@ onMounted(async () => {
                       dense
                       lazy-rules
                       outlined
+                      class="inputgreen"
                       hide-bottom-space
                       :model-value="educationData.startYear + 543"
                       :rules="[
@@ -1080,6 +1085,7 @@ onMounted(async () => {
                   <template #trigger>
                     <q-input
                       dense
+                      class="inputgreen"
                       lazy-rules
                       outlined
                       hide-bottom-space
@@ -1125,6 +1131,7 @@ onMounted(async () => {
                   <template #trigger>
                     <q-input
                       outlined
+                      class="inputgreen"
                       dense
                       lazy-rules
                       :model-value="date2Thai(educationData.startDate)"
@@ -1169,6 +1176,7 @@ onMounted(async () => {
                     <q-input
                       outlined
                       dense
+                      class="inputgreen"
                       lazy-rules
                       :model-value="date2Thai(educationData.endDate)"
                       :rules="[
@@ -1210,6 +1218,7 @@ onMounted(async () => {
                     outlined
                     bg-color="white"
                     dense
+                    class="inputgreen"
                     lazy-rules
                     :model-value="date2Thai(educationData.finishDate)"
                     :rules="[
@@ -1240,6 +1249,7 @@ onMounted(async () => {
                 v-model="educationData.isEducation"
                 :options="educationOption"
                 option-value="value"
+                class="inputgreen"
                 option-label="label"
                 input-debounce="0"
                 use-input
@@ -1260,6 +1270,7 @@ onMounted(async () => {
                 outlined
                 v-model="educationData.degree"
                 label="วุฒิการศึกษา"
+                class="inputgreen"
                 bg-color="white"
                 dense
                 :rules="[(val) => !!val || `${'กรุณากรอกวุฒิการศึกษา'}`]"
@@ -1269,6 +1280,7 @@ onMounted(async () => {
             <div class="col">
               <q-input
                 outlined
+                class="inputgreen"
                 v-model="educationData.field"
                 label="สาขาวิชา/ทาง"
                 bg-color="white"
@@ -1282,6 +1294,7 @@ onMounted(async () => {
                 outlined
                 v-model="educationData.fundName"
                 label="ทุน"
+                class="inputgreen"
                 bg-color="white"
                 dense
               />
@@ -1289,6 +1302,7 @@ onMounted(async () => {
             <div class="col">
               <q-input
                 outlined
+                class="inputgreen"
                 v-model="educationData.gpa"
                 label="เกรดเฉลี่ย"
                 bg-color="white"
@@ -1301,6 +1315,7 @@ onMounted(async () => {
             <div class="col">
               <q-input
                 outlined
+                class="inputgreen"
                 v-model="educationData.country"
                 label="ประเทศ"
                 bg-color="white"
@@ -1310,6 +1325,7 @@ onMounted(async () => {
             <div class="col">
               <q-input
                 outlined
+                class="inputgreen"
                 v-model="educationData.other"
                 label="ข้อมูลติดต่อ"
                 bg-color="white"
@@ -1321,6 +1337,7 @@ onMounted(async () => {
             <div class="col">
               <q-input
                 outlined
+                class="inputgreen"
                 v-model="educationData.duration"
                 label="ระยะเวลา"
                 :rules="[(val) => !!val || `${'กรุณากรอกระยะเวลา'}`]"
@@ -1331,6 +1348,7 @@ onMounted(async () => {
             <div class="col">
               <q-input
                 outlined
+                class="inputgreen"
                 v-model="educationData.durationYear"
                 label="ระยะเวลาหลักสูตร (ปี)"
                 :rules="[
@@ -1346,6 +1364,7 @@ onMounted(async () => {
             <div class="col">
               <q-input
                 outlined
+                class="inputgreen"
                 v-model="educationData.note"
                 label="หมายเหตุ"
                 bg-color="white"
diff --git a/src/modules/04_registryNew/components/detail/PersonalInformation/06_SpecialSkill.vue b/src/modules/04_registryNew/components/detail/PersonalInformation/06_SpecialSkill.vue
index 5d5de6633..56460121b 100644
--- a/src/modules/04_registryNew/components/detail/PersonalInformation/06_SpecialSkill.vue
+++ b/src/modules/04_registryNew/components/detail/PersonalInformation/06_SpecialSkill.vue
@@ -518,6 +518,7 @@ onMounted(async () => {
             <div class="col">
               <q-input
                 outlined
+                class="inputgreen"
                 dense
                 bg-color="white"
                 v-model="specialSkill.field"
@@ -530,6 +531,7 @@ onMounted(async () => {
               <q-input
                 outlined
                 dense
+                class="inputgreen"
                 bg-color="white"
                 v-model="specialSkill.detail"
                 label="รายละเอียด"
@@ -539,7 +541,7 @@ onMounted(async () => {
             </div>
           </div>
           <q-input
-            class="col-12"
+            class="col-12 inputgreen"
             outlined
             dense
             bg-color="white"
@@ -547,9 +549,9 @@ onMounted(async () => {
             label="หมายเหตุ"
           />
           <q-input
+            class="col-12 inputgreen"
             outlined
             dense
-            class="col-12"
             bg-color="white"
             v-model="specialSkill.reference"
             label="เอกสารอ้างอิง"