From 39b34c36a4f75f343b9def2828d642b41e1f1281 Mon Sep 17 00:00:00 2001
From: setthawutttty <trx.setthawut@gmail.com>
Date: Fri, 25 Oct 2024 17:47:04 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B9=81=E0=B8=81=E0=B9=89=20ui?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../probation/FormAppoint/FormAppoint.vue     | 35 +++++++++----------
 1 file changed, 17 insertions(+), 18 deletions(-)

diff --git a/src/modules/05_placement/components/probation/FormAppoint/FormAppoint.vue b/src/modules/05_placement/components/probation/FormAppoint/FormAppoint.vue
index 6b7b311cb..5015e9c32 100644
--- a/src/modules/05_placement/components/probation/FormAppoint/FormAppoint.vue
+++ b/src/modules/05_placement/components/probation/FormAppoint/FormAppoint.vue
@@ -541,6 +541,21 @@ onMounted(async () => {
           <div class="row q-col-gutter-sm">
             <div class="col-12">
               <div class="row">
+                <div class="col-2">
+                  <q-select
+                    v-model="member"
+                    outlined
+                    dense
+                    label="บทบาท"
+                    :options="optionsTypeMain"
+                    option-value="id"
+                    option-label="value"
+                    map-options
+                    emit-value
+                    @update:model-value="selected = []"
+                  >
+                  </q-select>
+                </div>
                 <q-checkbox
                   keep-color
                   v-model="isDirector"
@@ -668,33 +683,17 @@ onMounted(async () => {
                 </template>
               </d-table>
             </div>
-            <div class="col-4">
-              {{ member }}
-              <q-select
-                v-model="member"
-                outlined
-                dense
-                label="ประธาน/กรรมการ"
-                :options="optionsTypeMain"
-                option-value="id"
-                option-label="value"
-                map-options
-                emit-value
-                @update:model-value="selected = []"
-              >
-              </q-select>
-            </div>
           </div>
         </q-card-section>
         <q-separator />
 
         <q-card-actions align="right">
           <q-btn
-            label="เพิ่มรายชื่อประธาน/กรรมการ"
+            label="เพิ่มรายชื่อ"
             color="secondary"
             type="submit"
             :disable="selected.length == 0"
-            ><q-tooltip>เพิ่มรายชื่อประธาน/กรรมการ</q-tooltip></q-btn
+            ><q-tooltip>เพิ่มรายชื่อ</q-tooltip></q-btn
           >
         </q-card-actions>
       </q-form>