From 434295e6bc2cc09075084dbf0f2b12e63ba6520b Mon Sep 17 00:00:00 2001
From: Tanyalak <tanyalak@frappet.com>
Date: Mon, 4 Sep 2023 11:28:14 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B8=9B=E0=B8=A3=E0=B8=B1=E0=B8=9A=20css=20?=
 =?UTF-8?q?=E0=B8=97=E0=B8=B0=E0=B9=80=E0=B8=9A=E0=B8=B5=E0=B8=A2=E0=B8=99?=
 =?UTF-8?q?=E0=B8=A5=E0=B8=B9=E0=B8=81=E0=B8=88=E0=B9=89=E0=B8=B2=E0=B8=87?=
 =?UTF-8?q?,=E0=B9=80=E0=B8=84=E0=B8=A3=E0=B8=B7=E0=B9=88=E0=B8=AD?=
 =?UTF-8?q?=E0=B8=87=E0=B8=A3=E0=B8=B2=E0=B8=8A=20=E0=B9=80=E0=B8=AD?=
 =?UTF-8?q?=E0=B8=81=E0=B8=AA=E0=B8=B2=E0=B8=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/3_result/fileUpload.vue        | 92 ++++++++++---------
 src/modules/07_insignia/views/ResultPage.vue  |  4 +-
 .../views/Information/Tempinformation.vue     |  2 -
 3 files changed, 50 insertions(+), 48 deletions(-)

diff --git a/src/modules/07_insignia/components/3_result/fileUpload.vue b/src/modules/07_insignia/components/3_result/fileUpload.vue
index 973c15464..d427aeed8 100644
--- a/src/modules/07_insignia/components/3_result/fileUpload.vue
+++ b/src/modules/07_insignia/components/3_result/fileUpload.vue
@@ -127,50 +127,54 @@ const save = () => {
 </script>
 <template>
   <Transition>
-    <div class="bg-base rounded-borders q-pa-md q-mb-md">
-      <div class="row col-12 q-col-gutter-x-lg q-col-gutter-y-md">
-        <div class="col-xs-6 col-md-4">
-          <q-file
-            class="bg-white"
-            outlined
-            dense
-            v-model="fileUpload"
-            label="ไฟล์เอกสาร"
-            hide-bottom-space
-            lazy-rules
-          >
-            <template v-slot:prepend>
-              <q-icon name="attach_file" color="primary" />
-            </template>
-          </q-file>
-        </div>
-        <div class="col-xs-6 col-md-3">
-          <q-input
-            class="bg-white"
-            outlined
-            dense
-            lazy-rules
-            v-model="documentTitle"
-            :label="`${'ชื่อเอกสาร'}`"
-            hide-bottom-space
-          />
-        </div>
-        <div class="col-xs-12 col-md-5">
-          <q-input
-            class="bg-white"
-            outlined
-            dense
-            lazy-rules
-            v-model="reason"
-            :label="`${'หมายเหตุ'}`"
-            hide-bottom-space
-          />
-        </div>
-        <div class="col-12 flex justify-end">
-          <q-btn label="บันทึก" @click="save" color="public">
-            <q-tooltip>บันทึก</q-tooltip></q-btn
-          >
-        </div>
+    <div class="rounded-borders q-pa-md q-mb-md">
+      <div class="row col-12">
+        <q-card bordered class="col-12 q-pa-md q-mb-sm">
+          <div class="row col-12 q-col-gutter-x-sm">
+            <div class="col-xs-6 col-md-3">
+              <q-file
+                class="bg-white"
+                outlined
+                dense
+                v-model="fileUpload"
+                label="ไฟล์เอกสาร"
+                hide-bottom-space
+                lazy-rules
+              >
+                <template v-slot:prepend>
+                  <q-icon name="attach_file" color="primary" />
+                </template>
+              </q-file>
+            </div>
+            <div class="col-xs-6 col-md-3">
+              <q-input
+                class="bg-white"
+                outlined
+                dense
+                lazy-rules
+                v-model="documentTitle"
+                :label="`${'ชื่อเอกสาร'}`"
+                hide-bottom-space
+              />
+            </div>
+            <div class="col-xs-12 col-md-5">
+              <q-input
+                class="bg-white"
+                outlined
+                dense
+                lazy-rules
+                v-model="reason"
+                :label="`${'หมายเหตุ'}`"
+                hide-bottom-space
+              />
+            </div>
+            <div class="col-xs-12 col-sm-1 flex justify-end">
+              <q-btn dense class="full-width" label="บันทึก" @click="save" color="public">
+                <q-tooltip>บันทึก</q-tooltip></q-btn
+              >
+            </div>
+          </div>
+        </q-card>
         <div class="row col-12">
           <q-space />
           <q-input
diff --git a/src/modules/07_insignia/views/ResultPage.vue b/src/modules/07_insignia/views/ResultPage.vue
index 7c042af8a..32c169b03 100644
--- a/src/modules/07_insignia/views/ResultPage.vue
+++ b/src/modules/07_insignia/views/ResultPage.vue
@@ -431,7 +431,7 @@ const paginationLabel = (start: number, end: number, total: number) => {
                 outlined
                 v-model="fileResult"
                 label="บันทึกผลการได้รับพระราชทานเครื่องราชอิสริยาภรณ์"
-                style="min-width: auto"
+                style="min-width: 300px"
                 accept=".xlsx"
               >
                 <template v-slot:prepend>
@@ -463,7 +463,7 @@ const paginationLabel = (start: number, end: number, total: number) => {
                 outlined
                 v-model="fileinvoice"
                 label="บันทึกผลการจ่ายใบกำกับ"
-                style="min-width: auto"
+                style="min-width: 300px"
                 accept=".xlsx"
               >
                 <template v-slot:prepend>
diff --git a/src/modules/08_registryEmployee/views/Information/Tempinformation.vue b/src/modules/08_registryEmployee/views/Information/Tempinformation.vue
index fdf3dcc25..464a29614 100644
--- a/src/modules/08_registryEmployee/views/Information/Tempinformation.vue
+++ b/src/modules/08_registryEmployee/views/Information/Tempinformation.vue
@@ -90,7 +90,6 @@
             :readonly="!edit"
             :borderless="!edit"
             v-model="informaTempData.employeeOc"
-            :style="!edit ? '' : 'padding:0 12px;'"
             :label="`${'สังกัด'}`"
           />
         </div>
@@ -105,7 +104,6 @@
             :readonly="!edit"
             :borderless="!edit"
             v-model="informaTempData.employeeTypeIndividual"
-            :style="!edit ? '' : 'padding:0 12px;'"
             :label="`${'ประเภทบุคคล'}`"
           />
         </div>