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

src/modules/05_placement/components/AppointMent/AppointmentModal.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";
@@ -403,7 +403,7 @@ onMounted(async () => {
     <q-card style="width: 900px; max-width: 80vw">
       <q-form ref="myFormPosition">
         <DialogHeader
-          title="เลือกหน่วยงานที่แต่งตั้ง - เลื่อน"
+          :tittle="'เลือกหน่วยงานที่แต่งตั้ง - เลื่อน'"
           :close="closeModal"
         />
         <q-separator />

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

@@ -4,8 +4,8 @@ import { useQuasar } from "quasar";
 import { useCounterMixin } from "@/stores/mixin";
 import type { QTableProps } from "quasar";
 import type { UserDataNew } from "@/modules/05_placement/interface/response/AppointMent";
+import DialogHeader from "@/components/DialogHeader.vue";
 
-import DialogHeader from "@/modules/05_placement/components/AppointMent/DialogHeader.vue";
 import { useTransferDataStore } from "@/modules/05_placement/store";
 
 import http from "@/plugins/http";
@@ -175,9 +175,9 @@ watchEffect(() => {
 <template>
   <q-dialog v-model="props.Modal">
     <q-card style="width: 1200px; max-width: 80vw">
-      <DialogHeader title="ส่งไปออกคำสั่ง" :close="clickClose" />
+      <DialogHeader :tittle="'ส่งไปออกคำสั่ง'" :close="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">
@@ -329,14 +329,16 @@ watchEffect(() => {
           </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="sendToCommand"
           color="public"
           :disable="checkSelected"
-        />
+        >
+          <q-tooltip>ส่งไปออกคำสั่ง</q-tooltip>
+        </q-btn>
       </q-card-actions>
     </q-card>
   </q-dialog>