From 117d6644467550cecfaa4c1682d6da39705c13ef Mon Sep 17 00:00:00 2001
From: Tanyalak <tanyalak@frappet.com>
Date: Mon, 2 Oct 2023 13:10:47 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B8=9B=E0=B8=A3=E0=B8=B1=E0=B8=9A=E0=B8=AB?=
 =?UTF-8?q?=E0=B8=99=E0=B9=89=E0=B8=B2=E0=B8=95=E0=B8=A3=E0=B8=A7=E0=B8=88?=
 =?UTF-8?q?=E0=B8=AA=E0=B8=AD=E0=B8=9A=E0=B8=84=E0=B8=B8=E0=B8=93=E0=B8=AA?=
 =?UTF-8?q?=E0=B8=A1=E0=B8=9A=E0=B8=B1=E0=B8=95=E0=B8=B4=E0=B8=9C=E0=B8=B9?=
 =?UTF-8?q?=E0=B9=89=E0=B8=AA=E0=B8=A1=E0=B8=B1=E0=B8=84=E0=B8=A3=E0=B8=AA?=
 =?UTF-8?q?=E0=B8=AD=E0=B8=9A=E0=B8=A3=E0=B8=AD=E0=B8=9A=E0=B8=84=E0=B8=B1?=
 =?UTF-8?q?=E0=B8=94=E0=B9=80=E0=B8=A5=E0=B8=B7=E0=B8=AD=E0=B8=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../03_recruiting/components/Occupation.vue   | 25 ++++++++-----------
 src/views/Dashboard.vue                       |  2 +-
 src/views/MainLayout.vue                      |  2 +-
 3 files changed, 12 insertions(+), 17 deletions(-)

diff --git a/src/modules/03_recruiting/components/Occupation.vue b/src/modules/03_recruiting/components/Occupation.vue
index a80a6788a..2e99c977d 100644
--- a/src/modules/03_recruiting/components/Occupation.vue
+++ b/src/modules/03_recruiting/components/Occupation.vue
@@ -9,8 +9,8 @@
     :editData="false"
   />
   <q-form ref="myform">
-    <div class="row col-12 items-center q-col-gutter-x-sm q-col-gutter-y-xs">
-      <div class="col-12">
+    <div class="row col-12 items-center">
+      <div class="col-12 q-pb-sm">
         <q-radio
           v-model="defaultOccupation.positionType"
           label="ลูกจ้างประจำ"
@@ -33,8 +33,8 @@
           :disable="!(status == 'checkRegister' || status == 'payment')"
         />
       </div>
-      <div class="col-12 row">
-        <div class="col-3">
+      <div class="col-12 row q-col-gutter-sm">
+        <div class="col-4">
           <q-input
             :class="getClass(status == 'checkRegister' || status == 'payment')"
             :outlined="status == 'checkRegister' || status == 'payment'"
@@ -48,9 +48,8 @@
             :label="`${'ชื่อตำแหน่ง'}`"
           />
         </div>
-        <div class="col-3">
+        <div class="col-4">
           <q-input
-            class="q-pl-sm"
             :class="getClass(status == 'checkRegister' || status == 'payment')"
             :outlined="status == 'checkRegister' || status == 'payment'"
             dense
@@ -64,9 +63,8 @@
             :label="`${'เงินเดือน'}`"
           />
         </div>
-      </div>
-      <div class="col-12 row">
-        <div class="col-3">
+      
+        <div class="col-4">
           <q-input
             :class="getClass(status == 'checkRegister' || status == 'payment')"
             :outlined="status == 'checkRegister' || status == 'payment'"
@@ -80,9 +78,8 @@
             :label="`${'กลุ่ม/ฝ่าย'}`"
           />
         </div>
-        <div class="col-3">
+        <div class="col-4">
           <q-input
-            class="q-pl-sm"
             :class="getClass(status == 'checkRegister' || status == 'payment')"
             :outlined="status == 'checkRegister' || status == 'payment'"
             dense
@@ -95,9 +92,8 @@
             :label="`${'กอง'}`"
           />
         </div>
-        <div class="col-3">
+        <div class="col-4">
           <q-input
-            class="q-pl-sm"
             :class="getClass(status == 'checkRegister' || status == 'payment')"
             :outlined="status == 'checkRegister' || status == 'payment'"
             dense
@@ -110,9 +106,8 @@
             :label="`${'สังกัด'}`"
           />
         </div>
-        <div class="col-3">
+        <div class="col-4">
           <q-input
-            class="q-pl-sm"
             :class="getClass(status == 'checkRegister' || status == 'payment')"
             :outlined="status == 'checkRegister' || status == 'payment'"
             dense
diff --git a/src/views/Dashboard.vue b/src/views/Dashboard.vue
index c70deb340..dce973290 100644
--- a/src/views/Dashboard.vue
+++ b/src/views/Dashboard.vue
@@ -197,7 +197,7 @@ const fileOpen = (url: string) => {
         bordered
         :style="$q.screen.gt.xs ? 'height: 80vh' : 'height: auto;'"
       >
-        <div class="eow col-12" v-for="(d, index) in data" :key="d.no">
+        <div class=" col-12" v-for="(d, index) in data" :key="index">
           <div class="col-12 q-pa-xs">
             <q-item>
               <q-item-section top avatar>
diff --git a/src/views/MainLayout.vue b/src/views/MainLayout.vue
index bba46f1ee..a67c7985e 100644
--- a/src/views/MainLayout.vue
+++ b/src/views/MainLayout.vue
@@ -468,7 +468,7 @@ const clickDelete = (id: string) => {
             </div>
 
             <q-list style="min-width: 300px" v-for="n in notiList" :key="n.id">
-              <q-item v-ripple class="mytry" dense>
+              <q-item v-ripple class="mytry q-py-xs" dense>
                 <q-item-section avatar top style="min-width: 40px">
                   <q-avatar color="primary" size="22px" text-color="white">
                     <span class="text-weight-medium text-uppercase">{{