From c73e8d5d23d7407a3e9cd9a5c2aba0b5fa4e1074 Mon Sep 17 00:00:00 2001
From: waruneeta <warunee.auy@gmail.com>
Date: Thu, 1 Feb 2024 10:54:52 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B8=9B=E0=B8=A3=E0=B8=B1=E0=B8=9A=20layout?=
 =?UTF-8?q?=20=E0=B9=81=E0=B8=A5=E0=B8=B0=20validate=20=E0=B9=80=E0=B8=9E?=
 =?UTF-8?q?=E0=B8=B4=E0=B9=88=E0=B8=A1=E0=B8=AB=E0=B8=99=E0=B9=88=E0=B8=A7?=
 =?UTF-8?q?=E0=B8=A2=E0=B8=87=E0=B8=B2=E0=B8=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/DialogFormAgency.vue               | 15 +++++++++++++++
 .../02_organizationalNew/components/mainTree.vue  |  4 ++--
 2 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/src/modules/02_organizationalNew/components/DialogFormAgency.vue b/src/modules/02_organizationalNew/components/DialogFormAgency.vue
index 31513260f..69b955c82 100644
--- a/src/modules/02_organizationalNew/components/DialogFormAgency.vue
+++ b/src/modules/02_organizationalNew/components/DialogFormAgency.vue
@@ -288,6 +288,9 @@ const tittleName = computed(() => {
                   for="#ocNo"
                   :label="level == 0 ? 'รหัสหน่วยงาน' : 'รหัสส่วนราชการ'"
                   hide-bottom-space
+                  maxlength="2"
+                  type="number"
+                  class="inputNumber"
                   :rules="[
                     (val) =>
                       !!val ||
@@ -372,3 +375,15 @@ const tittleName = computed(() => {
     </q-dialog>
   </template>
 </template>
+
+<style scoped>
+.inputNumber >>> input[type="number"] {
+  -moz-appearance: textfield;
+}
+.inputNumber >>> input::-webkit-outer-spin-button,
+.inputNumber >>> input::-webkit-inner-spin-button {
+  appearance: none;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+}
+</style>
diff --git a/src/modules/02_organizationalNew/components/mainTree.vue b/src/modules/02_organizationalNew/components/mainTree.vue
index 8c422bbdb..0e56865bd 100644
--- a/src/modules/02_organizationalNew/components/mainTree.vue
+++ b/src/modules/02_organizationalNew/components/mainTree.vue
@@ -292,8 +292,8 @@ onMounted(async () => {});
 <template>
   <div class="col-12 q-py-md q-px-sm">
     <div class="q-gutter-sm">
-      <div class="row q-col-gutter-sm">
-        <div class="q-pl-md col-2" v-if="store.typeOrganizational === 'draft'">
+      <div class="row q-col-gutter-sm q-pl-sm">
+        <div class="col-2" v-if="store.typeOrganizational === 'draft'">
           <q-btn
             dense
             flat