บรรจุ => ปรับ form

src/modules/05_placement/components/Other/Dialogbody.vue

@@ -2,7 +2,7 @@
 import { ref, computed, watchEffect } from "vue";
 import { useQuasar } from "quasar";
 import type { QTableProps } from "quasar";
-import DialogHeader from "@/modules/05_placement/components/Receive/DialogHeader.vue";
+import DialogHeader from "@/components/DialogHeader.vue";
 
 import { useTransferDataStore } from "@/modules/05_placement/store";
 import { useCounterMixin } from "@/stores/mixin";
@@ -193,9 +193,9 @@ function filterFnOptionsType(val: string, update: any) {
 <template>
   <q-dialog v-model="props.Modal">
     <q-card style="width: 1200px; max-width: 80vw">
-      <DialogHeader title="ส่งไปออกคำสั่งอื่นๆ" :close="props.clickClose" />
+      <DialogHeader :tittle="'ส่งไปออกคำสั่งอื่นๆ'" :close="props.clickClose" />
       <q-separator />
-      <q-card-section class="q-pt-none">
+      <q-card-section>
         <div class="row justify-between">
           <div class="col-5">
             <q-toolbar style="padding: 0">
@@ -308,14 +308,16 @@ function filterFnOptionsType(val: string, update: any) {
           </template>
         </d-table>
       </q-card-section>
-
-      <q-card-actions align="right" class="bg-white text-teal">
+      <q-separator />
+      <q-card-actions align="right">
         <q-btn
           label="ส่งไปออกคำสั่ง"
           @click="clickAddlist"
           :disable="checkSelected"
           color="public"
-        />
+        >
+          <q-tooltip>ส่งไปออกคำสั่ง</q-tooltip>
+        </q-btn>
       </q-card-actions>
     </q-card>
   </q-dialog>

src/modules/05_placement/components/Other/OtherModal.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { useQuasar, QForm } from "quasar";
 import { onMounted, reactive, ref, watch } from "vue";
-import DialogHeader from "@/modules/05_placement/components/PersonalList/DialogHeader.vue";
+import DialogHeader from "@/components/DialogHeader.vue";
 import DialogFooter from "@/modules/05_placement/components/PersonalList/DialogFooter.vue";
 import { useCounterMixin } from "@/stores/mixin";
 import http from "@/plugins/http";
@@ -419,7 +419,7 @@ function findByPerson(element: any): any {
   <q-dialog v-model="props.modal" persistent>
     <q-card style="width: 900px; max-width: 80vw">
       <q-form ref="myFormPosition">
-        <DialogHeader title="เลือกหน่วยงานที่รับโอน" :close="closeModal" />
+        <DialogHeader :tittle="'เลือกหน่วยงานที่รับโอน'" :close="closeModal" />
         <q-separator />
         <q-card-section class="q-pa-sm bg-grey-1">
           <div class="row col-12 q-col-gutter-sm">