เพิ่ม tabMenu วินัย

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

@@ -12,7 +12,7 @@ const router = useRouter();
 const filter = ref<string>(""); //search data table
 const mixin = useCounterMixin();
 const dataInvestigateDis = useInvestigateDisStore();
-const { hideLoader } = mixin;
+const { showLoader, hideLoader } = mixin;
 const { fecthList } = dataInvestigateDis;
 
 const initialPagination = ref<Pagination>({
@@ -23,18 +23,19 @@ const initialPagination = ref<Pagination>({
  * ไปหน้าแก้ไข
  * @param id ไอดีเฉพาะ รายบุคคล
  */
-function openEdit(id:string) {
-  console.log(id)
-  router.push(`/discipline/disciplinary/${id}`)
+function openEdit(id: string) {
+  console.log(id);
+  router.push(`/discipline/disciplinary/${id}`);
 }
 
-/**เมื่อเริ่มโหลดหน้า 
+/**เมื่อเริ่มโหลดหน้า
  * ส่งข้อมูลจำลองไปยัง store
  */
 onMounted(async () => {
+  showLoader();
   fecthList([
     {
-      id:'001',
+      id: "001",
       subject: "ทุจริตในหน้าที่",
       interrogated: "ศิรินภา คงน้อยี่",
       fault: "1",
@@ -45,7 +46,7 @@ onMounted(async () => {
       active: "2",
     },
     {
-      id:'002',
+      id: "002",
       subject: "ทุจริตในหน้าที่",
       interrogated: "ภัทรานุช คงน้อย",
       fault: "1",
@@ -56,7 +57,7 @@ onMounted(async () => {
       active: "0",
     },
     {
-      id:'003',
+      id: "003",
       subject: "กระทำทุจริตเงินกองทุน",
       interrogated: "ปรมาพร ศรีมี",
       fault: "2",
@@ -67,7 +68,7 @@ onMounted(async () => {
       active: "1",
     },
     {
-      id:'004',
+      id: "004",
       subject: "พูดจาไม่สุภาพ",
       interrogated: "สมรัก ใจอารีย์",
       fault: "2",
@@ -103,7 +104,12 @@ onMounted(async () => {
       >
         <template #columns="props">
           <q-tr :props="props" class="cursor-pointer">
-            <q-td v-for="col in props.cols" :key="col.name" :props="props" @click="openEdit(props.row.id)">
+            <q-td
+              v-for="col in props.cols"
+              :key="col.name"
+              :props="props"
+              @click="openEdit(props.row.id)"
+            >
               <div v-if="col.name == 'no'">
                 {{ props.rowIndex + 1 }}
               </div>