แก้ ui

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>