จัดโค้ด รายการการสอบสวนความผิดทางวินัย

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

@@ -2,6 +2,8 @@
 import { ref, useAttrs } from "vue";
 import type { Pagination } from "@/modules/04_registry/interface/index/Main";
 
+const table = ref<any>(null);
+const filterRef = ref<any>(null);
 const attrs = ref<any>(useAttrs());
 const paging = ref<boolean>(true);
 const pagination = ref({
@@ -10,21 +12,12 @@ const pagination = ref({
   page: 1,
   rowsPerPage: 10,
 });
-const paginationLabel = (start: string, end: string, total: string) => {
-  if (paging.value == true) return " " + start + "-" + end + " ใน " + total;
-  else return start + "-" + end + " ใน " + total;
-};
-const table = ref<any>(null);
-const filterRef = ref<any>(null);
-const initialPagination = ref<Pagination>({
-  rowsPerPage: 0,
-});
 
+/** รับ props มาจากหน้าหลัก */
 const props = defineProps({
   count: Number,
   pass: Number,
   notpass: Number,
-
   inputfilter: String,
   name: String,
   icon: String,
@@ -49,23 +42,29 @@ const emit = defineEmits([
   "update:inputvisible",
   "update:editvisible",
 ]);
-const updateInput = (value: string | number | null) => {
-  emit("update:inputfilter", value);
-};
-const updateVisible = (value: []) => {
-  emit("update:inputvisible", value);
-};
 
-const resetFilter = () => {
+function paginationLabel(start: string, end: string, total: string) {
+  if (paging.value == true) return " " + start + "-" + end + " ใน " + total;
+  else return start + "-" + end + " ใน " + total;
+}
+
+function updateInput(value: string | number | null) {
+  emit("update:inputfilter", value);
+}
+
+function updateVisible(value: []) {
+  emit("update:inputvisible", value);
+}
+
+function resetFilter() {
   // reset ค่าที่ค้นหาเมื่อกดปุ่ม X ในกล่องค้นหา
   emit("update:inputfilter", "");
   filterRef.value.focus();
-};
+}
 </script>
 
 <template>
   <div class="q-pb-sm row q-col-gutter-sm">
-    <!--  -->
     <div class="q-gutter-sm" v-if="nornmalData == true">
       <q-btn
         to="/discipline/investigate-disciplinary/add"
@@ -117,7 +116,6 @@ const resetFilter = () => {
       emit-value
       class="col-xs-12 col-sm-3 col-md-2 gt-xs"
     >
-      <template> </template>
     </q-select>
   </div>
   <d-table
@@ -141,18 +139,6 @@ const resetFilter = () => {
     <template #body="props">
       <slot v-bind="props" name="columns"></slot>
     </template>
-    <!-- <template v-slot:pagination="scope">
-      <q-pagination
-        v-model="pagination.page"
-        active-color="primary"
-        color="dark"
-        :max="scope.pagesNumber"
-        :max-pages="5"
-        size="sm"
-        boundary-links
-        direction-links
-      ></q-pagination>
-    </template> -->
   </d-table>
 </template>