From d27641e221ddd3b145d92439b81f1bcffd9741de Mon Sep 17 00:00:00 2001
From: oat_dev <nattapon@frappet.com>
Date: Thu, 14 Mar 2024 16:51:09 +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=80=E0=B8=9E=E0=B8=B4=E0=B9=88?=
 =?UTF-8?q?=E0=B8=A1border+=E0=B9=81=E0=B8=81=E0=B9=89=E0=B8=84=E0=B8=B3?=
 =?UTF-8?q?=E0=B8=9C=E0=B8=B4=E0=B8=94+validate=E0=B9=82=E0=B8=9B=E0=B8=A3?=
 =?UTF-8?q?=E0=B9=84=E0=B8=9F=E0=B8=A5=E0=B9=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Achievement/01_ProfessionalLicense.vue    | 11 ++-
 .../detail/Achievement/02_Train.vue           |  9 +-
 .../detail/PersonalInformation/03_Address.vue |  8 +-
 .../detail/PersonalInformation/04_Family.vue  | 86 ++++++++++---------
 .../PersonalInformation/05_Education.vue      |  4 +-
 .../04_registryNew/views/detailView.vue       |  1 +
 6 files changed, 60 insertions(+), 59 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 ddf8b2574..b0c09720d 100644
--- a/src/modules/04_registryNew/components/detail/Achievement/01_ProfessionalLicense.vue
+++ b/src/modules/04_registryNew/components/detail/Achievement/01_ProfessionalLicense.vue
@@ -337,7 +337,7 @@ function closeHistoryDialog() {
               label="ชื่อใบอนุญาต"
               bg-color="white"
               dense
-              :rules="[(val) => !!val || `${'กรุณากรอกชื่นใบอนุญาต'}`]"
+              :rules="[(val) => !!val || `${'กรุณากรอกชื่อใบอนุญาต'}`]"
               hide-bottom-space
             />
           </div>
@@ -349,7 +349,7 @@ function closeHistoryDialog() {
               bg-color="white"
               dense
               :rules="[
-                (val) => !!val || `${'กรุณากรอกชื่อหน่วยงานผู้ออกใบอนุญาต'}`,
+                (val) => !!val || `${'กรุณากรอกหน่วยงานผู้ออกใบอนุญาต'}`,
               ]"
               hide-bottom-space
             />
@@ -394,9 +394,9 @@ function closeHistoryDialog() {
                       : ''
                   "
                   :rules="[
-                    (val) => !!val || `${'กรุณาเลือกปีที่เริ่มต้นศึกษา'}`,
+                    (val) => !!val || `${'กรุณาเลือกวันที่ออกใบอนุญาต'}`,
                   ]"
-                  :label="`${'วัน/เดือน/ปี ที่ออกใบอนุญาต'}`"
+                  :label="`${'วันที่ออกใบอนุญาต'}`"
                 >
                   <template v-slot:prepend>
                     <q-icon
@@ -428,7 +428,6 @@ function closeHistoryDialog() {
               <template #trigger>
                 <q-input
                   dense
-                  lazy-rules
                   outlined
                   bg-color="white"
                   hide-bottom-space
@@ -437,7 +436,7 @@ function closeHistoryDialog() {
                       ? date2Thai(profesLicenseData.expireDate)
                       : ''
                   "
-                  :label="`${'วัน/เดือน/ปี ที่หมดอายุ'}`"
+                  :label="`${'วันที่หมดอายุ'}`"
                 >
                   <template v-slot:prepend>
                     <q-icon
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 9204dc0ce..205f3339c 100644
--- a/src/modules/04_registryNew/components/detail/Achievement/02_Train.vue
+++ b/src/modules/04_registryNew/components/detail/Achievement/02_Train.vue
@@ -645,10 +645,10 @@ watch(
                       :rules="[
                         (val) =>
                           !!val ||
-                          `${'กรุณาเลือกวัน/เดือน/ปี ที่เริ่มต้นการฝึกอบรม/ดูงาน'}`,
+                          `${'กรุณาเลือกวันที่เริ่มต้นการฝึกอบรม/ดูงาน'}`,
                       ]"
                       hide-bottom-space
-                      :label="`${'วัน/เดือน/ปี ที่เริ่มต้นการฝึกอบรม/ดูงาน'}`"
+                      :label="`${'วันที่เริ่มต้นการฝึกอบรม/ดูงาน'}`"
                     >
                       <template v-slot:prepend>
                         <q-icon
@@ -683,11 +683,10 @@ watch(
                       :model-value="date2Thai(trainData.endDate)"
                       :rules="[
                         (val) =>
-                          !!val ||
-                          `${'กรุณาเลือกวัน/เดือน/ปี ที่จบการฝึกอบรม/ดูงาน'}`,
+                          !!val || `${'กรุณาเลือกวันที่จบการฝึกอบรม/ดูงาน'}`,
                       ]"
                       hide-bottom-space
-                      :label="`${'วัน/เดือน/ปี ที่จบการฝึกอบรม/ดูงาน'}`"
+                      :label="`${'วันที่จบการฝึกอบรม/ดูงาน'}`"
                     >
                       <template v-slot:prepend>
                         <q-icon
diff --git a/src/modules/04_registryNew/components/detail/PersonalInformation/03_Address.vue b/src/modules/04_registryNew/components/detail/PersonalInformation/03_Address.vue
index 01e224c38..ac9052d15 100644
--- a/src/modules/04_registryNew/components/detail/PersonalInformation/03_Address.vue
+++ b/src/modules/04_registryNew/components/detail/PersonalInformation/03_Address.vue
@@ -492,7 +492,7 @@ async function selectProvince(e: string | null, name: string) {
     myForm.value.resetValidation();
     await fetchDistrict(e, name);
   }
-};
+}
 
 async function selectDistrict(e: string | null, name: string) {
   if (e != null) {
@@ -506,7 +506,7 @@ async function selectDistrict(e: string | null, name: string) {
     myForm.value.resetValidation();
     await fetchSubDistrict(e, name);
   }
-};
+}
 
 function selectSubDistrict(e: string | null, name: string) {
   if (e != null) {
@@ -520,7 +520,7 @@ function selectSubDistrict(e: string | null, name: string) {
       addressData.value.codec = namecode;
     }
   }
-};
+}
 
 async function getNewData() {
   await fetchData();
@@ -640,7 +640,7 @@ onMounted(async () => {
     </div>
   </div>
 
-  <q-card bordered class="my-card bg-grey-1 q-pa-md">
+  <q-card class="my-card bg-grey-1 q-pa-md">
     <div :class="$q.screen.gt.xs ? 'row' : 'column'">
       <!-- column 1 -->
       <div class="col-md-6 col-12 row">
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 e941320c2..88719ae50 100644
--- a/src/modules/04_registryNew/components/detail/PersonalInformation/04_Family.vue
+++ b/src/modules/04_registryNew/components/detail/PersonalInformation/04_Family.vue
@@ -33,7 +33,7 @@ const fatherData = reactive({
   job: "ตำรวจ",
 });
 const motherData = reactive({
-  isHaveInfo: 0,
+  isHaveInfo: 1,
   isDead: 0,
   citizenId: "1-1345-67891-01-2",
   prefix: "นาง",
@@ -155,12 +155,12 @@ function deleteChildren(items: any) {
       </div>
     </div>
     <div v-if="fatherData.isHaveInfo">
-      <div class="col-12 row q-pb-sm q-pt-md">
+      <div class="col-12 row q-pb-sm">
         <div class="q-mr-md text-weight-bold text-primary text-subtitle1">
           • บิดา
         </div>
       </div>
-      <div class="bg-grey-1 q-gutter-md q-mb-lg">
+      <q-card bordered class="bg-grey-1 q-gutter-md q-ma-none q-pb-md">
         <div class="row items-center">
           <div class="col-2">
             <div>เลขบัตรประจำตัวประชาชน</div>
@@ -204,7 +204,7 @@ function deleteChildren(items: any) {
             <div v-else>ถึงแก่กรรม</div>
           </div>
         </div>
-      </div>
+      </q-card>
     </div>
     <div v-if="motherData.isHaveInfo">
       <div class="col-12 row q-pb-sm q-pt-md">
@@ -212,7 +212,7 @@ function deleteChildren(items: any) {
           • มารดา
         </div>
       </div>
-      <div class="bg-grey-1 q-gutter-md q-mb-lg">
+      <q-card bordered class="bg-grey-1 q-gutter-md q-ma-none q-pb-md">
         <div class="row items-center">
           <div class="col-2">
             <div>เลขบัตรประจำตัวประชาชน</div>
@@ -256,7 +256,7 @@ function deleteChildren(items: any) {
             <div v-else>ถึงแก่กรรม</div>
           </div>
         </div>
-      </div>
+      </q-card>
     </div>
     <div v-if="spouseData.isHave">
       <div class="col-12 row q-pb-sm q-pt-md">
@@ -264,7 +264,7 @@ function deleteChildren(items: any) {
           • คู่สมรส
         </div>
       </div>
-      <div class="bg-grey-1 q-gutter-md q-mb-lg">
+      <q-card bordered class="bg-grey-1 q-gutter-md q-ma-none q-pb-md">
         <div class="row items-center">
           <div class="col-2">
             <div>เลขบัตรประจำตัวประชาชน</div>
@@ -308,7 +308,7 @@ function deleteChildren(items: any) {
             <div v-else>ถึงแก่กรรม</div>
           </div>
         </div>
-      </div>
+      </q-card>
     </div>
     <div v-if="childrenData.childrens[0] !== undefined">
       <div class="col-12 row q-pb-sm q-pt-md">
@@ -320,7 +320,7 @@ function deleteChildren(items: any) {
         <div class="col-12 row q-gutter-sm q-pb-xs q-mt-xs">
           <div class="text-medium">บุตรคนที่ : {{ index + 1 }}</div>
         </div>
-        <div class="bg-grey-1 q-gutter-md q-mb-lg">
+        <q-card bordered class="bg-grey-1 q-gutter-md q-ma-none q-pb-md">
           <div class="row items-center">
             <div class="col-2">
               <div>เลขบัตรประจำตัวประชาชน</div>
@@ -364,7 +364,7 @@ function deleteChildren(items: any) {
               <div v-else>ถึงแก่กรรม</div>
             </div>
           </div>
-        </div>
+        </q-card>
       </div>
     </div>
   </div>
@@ -405,7 +405,7 @@ function deleteChildren(items: any) {
               />
             </div>
           </div>
-          <q-card-section class="bg-grey-1">
+          <q-card bordered class="bg-grey-1 q-pa-md">
             <div class="row q-col-gutter-md">
               <div class="col">
                 <q-input
@@ -470,9 +470,9 @@ function deleteChildren(items: any) {
                 />
               </div>
             </div>
-            <div class="row q-gutter-md">
-              <div>สถานภาพการมีชีวิต</div>
-              <div class>
+            <div class="row">
+              <div class="q-mr-sm">สถานภาพการมีชีวิต</div>
+              <div>
                 <q-radio
                   :disable="!fatherData.isHaveInfo"
                   class="q-mr-sm"
@@ -496,7 +496,7 @@ function deleteChildren(items: any) {
                 />
               </div>
             </div>
-          </q-card-section>
+          </q-card>
           <div class="col-12 row q-pb-sm q-pt-md q-mt-md">
             <div
               class="q-mr-md q-pl-md text-weight-bold text-primary text-subtitle1"
@@ -524,7 +524,7 @@ function deleteChildren(items: any) {
               />
             </div>
           </div>
-          <q-card-section class="bg-grey-1">
+          <q-card bordered class="bg-grey-1 q-pa-md">
             <div class="row q-col-gutter-md">
               <div class="col">
                 <q-input
@@ -573,7 +573,7 @@ function deleteChildren(items: any) {
                   dense
                   bg-color="white"
                   lazy-rules
-                  v-model="motherData.lastName"
+                  v-model="fatherData.lastName"
                   :rules="[(val) => !!val || 'กรุณากรอกนามสกุล']"
                   label="นามสกุล"
                 />
@@ -589,9 +589,9 @@ function deleteChildren(items: any) {
                 />
               </div>
             </div>
-            <div class="row q-gutter-md">
-              <div>สถานภาพการมีชีวิต</div>
-              <div class="">
+            <div class="row">
+              <div class="q-mr-sm">สถานภาพการมีชีวิต</div>
+              <div>
                 <q-radio
                   :disable="!motherData.isHaveInfo"
                   class="q-mr-sm"
@@ -599,7 +599,7 @@ function deleteChildren(items: any) {
                   checked-icon="task_alt"
                   unchecked-icon="panorama_fish_eye"
                   :val="1"
-                  label="ยังมีชัวิตอยู่"
+                  label="ยังมีชีวิตอยู่"
                   dense
                   :color="!motherData.isHaveInfo ? 'grey' : 'primary'"
                 />
@@ -615,7 +615,7 @@ function deleteChildren(items: any) {
                 />
               </div>
             </div>
-          </q-card-section>
+          </q-card>
           <div class="col-12 row q-pb-sm q-pt-md q-mt-md">
             <div
               class="q-mr-md q-pl-md text-weight-bold text-primary text-subtitle1"
@@ -643,7 +643,7 @@ function deleteChildren(items: any) {
               />
             </div>
           </div>
-          <q-card-section class="bg-grey-1">
+          <q-card bordered class="bg-grey-1 q-pa-md">
             <div class="row q-col-gutter-md">
               <div class="col">
                 <q-input
@@ -708,9 +708,9 @@ function deleteChildren(items: any) {
                 />
               </div>
             </div>
-            <div class="row q-gutter-md">
-              <div>สถานภาพการมีชีวิต</div>
-              <div class="">
+            <div class="row">
+              <div class="q-mr-sm">สถานภาพการมีชีวิต</div>
+              <div>
                 <q-radio
                   :disable="!spouseData.isHave"
                   class="q-mr-sm"
@@ -718,7 +718,7 @@ function deleteChildren(items: any) {
                   checked-icon="task_alt"
                   unchecked-icon="panorama_fish_eye"
                   :val="1"
-                  label="ยังมีชัวิตอยู่"
+                  label="ยังมีชีวิตอยู่"
                   dense
                   :color="!spouseData.isHave ? 'grey' : 'primary'"
                 />
@@ -728,13 +728,13 @@ function deleteChildren(items: any) {
                   checked-icon="task_alt"
                   unchecked-icon="panorama_fish_eye"
                   :val="0"
-                  :color="!spouseData.isHave ? 'grey' : 'red'"
+                  :color="!motherData.isHaveInfo ? 'grey' : 'red'"
                   label="ถึงแก่กรรม"
                   dense
                 />
               </div>
             </div>
-          </q-card-section>
+          </q-card>
           <div class="col-12 row q-pb-sm q-pt-md items-center">
             <div
               class="q-mr-md q-pl-md text-weight-bold text-primary text-subtitle1"
@@ -757,8 +757,8 @@ function deleteChildren(items: any) {
               <div class="text-medium q-pl-md">บุตรคนที่ : {{ index + 1 }}</div>
             </div>
             <div class="row items-center">
-              <q-card-section class="bg-grey-1 col-11 q-pb-sm">
-                <div class="row q-col-gutter-sm">
+              <q-card bordered class="bg-grey-1 q-pa-md col-11 q-mb-lg">
+                <div class="row q-col-gutter-md">
                   <div class="col">
                     <q-input
                       outlined
@@ -815,31 +815,33 @@ function deleteChildren(items: any) {
                     />
                   </div>
                 </div>
-                <div class="row q-gutter-md">
-                  <div>สถานภาพการมีชีวิต</div>
-                  <div class="">
+                <div class="row">
+                  <div class="q-mr-sm">สถานภาพการมีชีวิต</div>
+                  <div>
                     <q-radio
+                      :disable="!spouseData.isHave"
                       class="q-mr-sm"
-                      v-model="items.isDead"
+                      v-model="spouseData.isDead"
                       checked-icon="task_alt"
                       unchecked-icon="panorama_fish_eye"
                       :val="1"
-                      label="ยังมีชัวิตอยู่"
+                      label="ยังมีชีวิตอยู่"
                       dense
-                      color="primary"
+                      :color="!spouseData.isHave ? 'grey' : 'primary'"
                     />
                     <q-radio
-                      v-model="items.isDead"
+                      :disable="!spouseData.isHave"
+                      v-model="spouseData.isDead"
                       checked-icon="task_alt"
                       unchecked-icon="panorama_fish_eye"
                       :val="0"
-                      color="red"
+                      :color="!motherData.isHaveInfo ? 'grey' : 'red'"
                       label="ถึงแก่กรรม"
                       dense
                     />
                   </div>
                 </div>
-              </q-card-section>
+              </q-card>
               <div class="col-1">
                 <div class="row justify-center">
                   <q-btn
@@ -858,8 +860,8 @@ function deleteChildren(items: any) {
             </div>
           </div>
         </q-card-section>
-
-        <q-card-actions align="right">
+        <q-separator />
+        <q-card-actions class="q-mt-md" align="right">
           <q-btn
             id="onSubmit"
             type="submit"
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 e377befbb..73f95b296 100644
--- a/src/modules/04_registryNew/components/detail/PersonalInformation/05_Education.vue
+++ b/src/modules/04_registryNew/components/detail/PersonalInformation/05_Education.vue
@@ -696,7 +696,7 @@ watch(
                         (val) => !!val || `${'กรุณาเลือกวันที่เริ่มต้นศึกษา'}`,
                       ]"
                       hide-bottom-space
-                      :label="`${'วัน/เดือน/ปี ที่เริ่มต้นศึกษา'}`"
+                      :label="`${'วันที่เริ่มต้นศึกษา'}`"
                     >
                       <template v-slot:prepend>
                         <q-icon
@@ -733,7 +733,7 @@ watch(
                         (val) => !!val || `${'กรุณาเลือกวันที่จบการศึกษา'}`,
                       ]"
                       hide-bottom-space
-                      :label="`${'วัน/เดือน/ปี ที่จบการศึกษา'}`"
+                      :label="`${'วันที่จบการศึกษา'}`"
                     >
                       <template v-slot:prepend>
                         <q-icon
diff --git a/src/modules/04_registryNew/views/detailView.vue b/src/modules/04_registryNew/views/detailView.vue
index 468b62b05..a898e0dc0 100644
--- a/src/modules/04_registryNew/views/detailView.vue
+++ b/src/modules/04_registryNew/views/detailView.vue
@@ -41,6 +41,7 @@ const itemsMenu = ref<DataOption[]>([
 ]);
 const input = document.createElement("input");
 input.type = "file";
+input.accept = ".jpg,.png,.tif,.pic";
 
 function selectFile() {
   input.click();