แก้ popup

src/modules/11_discipline/components/1_Complaint/Popup.vue

@@ -1,15 +1,17 @@
 <script setup lang="ts">
 import { ref, watch } from "vue";
 import { useQuasar } from "quasar";
-import type { QTableProps } from "quasar";
+import DialogHeader from "@/components/DialogHeader.vue";
 
-const $q = useQuasar();
+import type { QTableProps } from "quasar";
 
 import { useCounterMixin } from "@/stores/mixin";
 import { useComplainstDataStore } from "@/modules/11_discipline/store/ComplaintsStore";
 const complainstStore = useComplainstDataStore();
 
 const mixin = useCounterMixin();
+const $q = useQuasar();
+
 const { dialogConfirm, success } = mixin;
 
 const props = defineProps({
@@ -149,18 +151,9 @@ watch([() => props.modal], () => {
 </script>
 <template>
   <q-dialog v-model="props.modal">
-    <q-card style="width: 700px; max-width: 80vw">
-      <q-toolbar class="q-py-md">
-        <q-toolbar-title class="header-text">มีมูลส่งไปสืบสวน </q-toolbar-title>
-        <q-btn
-          icon="close"
-          unelevated
-          round
-          dense
-          @click="onClickClose"
-          style="color: #ff8080; background-color: #ffdede"
-        />
-      </q-toolbar>
+    <q-card style="width: 800px; max-width: 80vw">
+      <DialogHeader tittle="มีมูลส่งไปสืบสวน" :close="onClickClose" />
+
       <q-separator />
 
       <q-card-section class="q-pt-none q-mt-md">
@@ -178,7 +171,6 @@ watch([() => props.modal], () => {
           selection="multiple"
           v-model:selected="selected"
           :pagination="initialPagination"
-          hide-bottom
         >
           <template v-slot:header="props">
             <q-tr :props="props">
@@ -221,7 +213,7 @@ watch([() => props.modal], () => {
             </q-tr>
           </template>
         </d-table>
-        <div class="col-xs-12 col-sm-12 q-mt-sm">
+        <!-- <div class="col-xs-12 col-sm-12 q-mt-sm">
           <q-input
             for="inputInspectionResults"
             ref="inputRef"
@@ -235,7 +227,7 @@ watch([() => props.modal], () => {
             type="textarea"
             rows="5"
           />
-        </div>
+        </div> -->
       </q-card-section>
       <q-separator />
       <q-card-actions align="right" class="bg-white text-teal">