ปรับ Layout สืบสวนข้อเท็จจริง,สอบสวนความผิดทางวินัย

src/modules/11_discipline/components/3_InvestigateDisciplinary/Dialogbody.vue

@@ -22,6 +22,7 @@ const visibleColumns2 = ref<string[]>([
   "duty",
   "email",
   "telephone",
+  "role"
 ]);
 const columns2 = ref<QTableProps["columns"]>([
   {
@@ -90,6 +91,17 @@ const columns2 = ref<QTableProps["columns"]>([
     sort: (a: string, b: string) =>
       a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
   },
+  {
+    name: "role",
+    align: "left",
+    label: "จำนวนเรื่องสืบสวน",
+    sortable: true,
+    field: "role",
+    headerStyle: "font-size: 14px",
+    style: "font-size: 14px",
+    sort: (a: string, b: string) =>
+      a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
+  },
 ]);
 
 const props = defineProps({
@@ -138,35 +150,28 @@ watchEffect(() => {
     <q-card style="width: 1200px; max-width: 80vw">
       <DialogHeader title="เลือกรายชื่อกรรมการ" :close="clickClose" />
       <q-separator />
-      <q-card-section class="q-pt-none">
-        <div>
-          <div>
-            <q-toolbar style="padding: 0">
-              <q-input
-                borderless
-                outlined
-                dense
-                class="col-12"
-                debounce="300"
-                :model-value="filterKeyword2"
-                @update:model-value="updateInput"
-                placeholder="ค้นหารายชื่อ"
-                style="max-width: 100%"
-              >
-                <template v-slot:append>
-                  <q-icon v-if="filterKeyword2 == ''" name="search" />
-                  <q-icon
-                    v-if="filterKeyword2 !== ''"
-                    name="clear"
-                    class="cursor-pointer"
-                    @click="Reset"
-                  />
-                </template>
-              </q-input>
-            </q-toolbar>
-          </div>
-        </div>
-
+      <q-card-section >
+        <q-input
+          borderless
+          outlined
+          dense
+          class="col-12 q-mb-sm"
+          debounce="300"
+          :model-value="filterKeyword2"
+          @update:model-value="updateInput"
+          placeholder="ค้นหารายชื่อ"
+          style="max-width: 100%"
+        >
+          <template v-slot:append>
+            <q-icon v-if="filterKeyword2 == ''" name="search" />
+            <q-icon
+              v-if="filterKeyword2 !== ''"
+              name="clear"
+              class="cursor-pointer"
+              @click="Reset"
+            />
+          </template>
+        </q-input>
         <d-table
           :columns="columns2"
           :rows="rows2"
@@ -208,6 +213,8 @@ watchEffect(() => {
         </d-table>
       </q-card-section>
 
+      <q-separator />
+
       <q-card-actions align="right" class="bg-white text-teal">
         <q-btn
           label="เพิ่มรายชื่อกรรมการ"