Refactoring code module 11_discipline

src/modules/11_discipline/components/8_AppealComplain/AddPage.vue

@@ -1,11 +1,13 @@
 <script setup lang="ts">
-import Form from "@/modules/11_discipline/components/8_AppealComplain/Form.vue";
 import config from "@/app.config";
 import http from "@/plugins/http";
-import { useRoute, useRouter } from "vue-router";
-import { useQuasar } from "quasar";
 
+import { useRouter } from "vue-router";
+import { useQuasar } from "quasar";
 import { useCounterMixin } from "@/stores/mixin";
+
+import Form from "@/modules/11_discipline/components/8_AppealComplain/Form.vue";
+
 const mixin = useCounterMixin();
 
 const { showLoader, messageError, hideLoader, dialogConfirm, success } = mixin;

src/modules/11_discipline/components/8_AppealComplain/EditPage.vue

@@ -1,7 +1,10 @@
 <script setup lang="ts">
 import { ref, onMounted, reactive } from "vue";
-import Form from "@/modules/11_discipline/components/8_AppealComplain/Form.vue";
 import { useRoute, useRouter } from "vue-router";
+
+import http from "@/plugins/http";
+import config from "@/app.config";
+import { useQuasar } from "quasar";
 import { useCounterMixin } from "@/stores/mixin";
 
 import type {
@@ -9,15 +12,15 @@ import type {
   HistoryStatusType,
   FileObType,
 } from "@/modules/11_discipline/interface/response/appealComplain";
-import config from "@/app.config";
-import http from "@/plugins/http";
-import { useQuasar } from "quasar";
+
+import Form from "@/modules/11_discipline/components/8_AppealComplain/Form.vue";
+
 const $q = useQuasar();
 const mixin = useCounterMixin();
-
-const { showLoader, messageError, hideLoader, dialogConfirm, success } = mixin;
 const route = useRoute();
 const router = useRouter();
+const { showLoader, messageError, hideLoader, success } = mixin;
+
 const id = ref<string>(route.params.id as string);
 const checkRoutePermission = ref<boolean>(route.name == "appealComplainDetail");
 const historyStatusOb = reactive<HistoryStatusType>({

src/modules/11_discipline/components/8_AppealComplain/Form.vue

@@ -3,21 +3,21 @@ import { ref, reactive, watch, onMounted } from "vue";
 import { useQuasar } from "quasar";
 import { useRoute, useRouter } from "vue-router";
 import type { QTableProps } from "quasar";
-import DialogAddPersonal from "@/components/Dialogs/AddPersonal.vue";
 
+import http from "@/plugins/http";
+import config from "@/app.config";
 import { useCounterMixin } from "@/stores/mixin";
 import { useAppealComplainStore } from "@/modules/11_discipline/store/AppealComplainStore";
 import { useDisciplineMainStore } from "@/modules/11_discipline/store/main";
-import DialogHistory from "@/modules/11_discipline/components/8_AppealComplain/dialog/DialogEditStatus.vue";
-
-import config from "@/app.config";
-import http from "@/plugins/http";
 
 import type {
   MyObjectAppealRef,
   HistoryStatusType,
 } from "@/modules/11_discipline/interface/response/appealComplain";
-import { checkPermission } from "@/utils/permissions";
+
+import DialogAddPersonal from "@/components/Dialogs/AddPersonal.vue";
+import DialogHistory from "@/modules/11_discipline/components/8_AppealComplain/dialog/DialogEditStatus.vue";
+
 const isReadonly = ref<boolean>(false); // อ่านได้อย่างเดียว
 const mainStore = useDisciplineMainStore();
 const router = useRouter();

src/modules/11_discipline/components/8_AppealComplain/MainPage.vue

@@ -1,26 +1,25 @@
 <script setup lang="ts">
 import { ref, onMounted, watch, reactive } from "vue";
+
+import http from "@/plugins/http";
+import config from "@/app.config";
 import { useRouter } from "vue-router";
 import { useQuasar } from "quasar";
+import { useCounterMixin } from "@/stores/mixin";
+import { useAppealComplainStore } from "@/modules/11_discipline/store/AppealComplainStore";
+import { checkPermission } from "@/utils/permissions";
+
 import type { QTableProps } from "quasar";
 import type { RowList } from "@/modules/11_discipline/interface/response/appealComplain";
 import type { DataOption } from "@/modules/11_discipline/interface/index/Main";
-// importStroe
-import { useCounterMixin } from "@/stores/mixin";
-import { useAppealComplainStore } from "@/modules/11_discipline/store/AppealComplainStore";
 
-// impoet Components
 import DialogStatus from "@/modules/11_discipline/components/8_AppealComplain/dialog/DialogEditStatus.vue";
-import config from "@/app.config";
-import http from "@/plugins/http";
-
-import { checkPermission } from "@/utils/permissions";
 
 const $q = useQuasar();
-const mixin = useCounterMixin();
-
-const { showLoader, messageError, hideLoader, dialogConfirm } = mixin;
 const router = useRouter();
+const mixin = useCounterMixin();
+const { showLoader, messageError, hideLoader, dialogConfirm } = mixin;
+
 const modalStatusEdit = ref<boolean>(false);
 /** stoer */
 const dataStore = useAppealComplainStore();
@@ -29,9 +28,8 @@ const type = ref<DataOption[]>([
   { id: "ALL", name: "ทั้งหมด" },
   ...dataStore.typeOptions,
 ]);
-const filterTable = ref<string>("");
-const filterKeyword = ref<string>("");
 
+const filterKeyword = ref<string>("");
 const dataRow = ref<RowList[]>([]);
 const currentPage = ref<number>(1);
 const maxPage = ref<number>(1);

src/modules/11_discipline/components/8_AppealComplain/dialog/DialogEditStatus.vue

@@ -1,20 +1,19 @@
 <script setup lang="ts">
 import { ref, watch, reactive } from "vue";
+
 import { useAppealComplainStore } from "@/modules/11_discipline/store/AppealComplainStore";
-import { useQuasar } from "quasar";
 
 import type { HistoryStatusType } from "@/modules/11_discipline/interface/response/appealComplain";
 import type { QTableProps } from "quasar";
 
 import { useCounterMixin } from "@/stores/mixin";
 
-const $q = useQuasar();
-
 const mixin = useCounterMixin();
-const { dialogConfirm, date2Thai } = mixin;
+const { date2Thai } = mixin;
 const dataStore = useAppealComplainStore();
 
 const rows = ref<HistoryStatusType[]>([]);
+
 /** หัวข้อที่เเสดงในตารางผู้ถูกร้องเรียน */
 const visibleColumns = ref<string[]>([
   "no",
@@ -22,6 +21,7 @@ const visibleColumns = ref<string[]>([
   "createdFullName",
   "createdAt",
 ]);
+
 /** หัวตารางผู้ถูกร้องเรียน */
 const columns = ref<QTableProps["columns"]>([
   {
@@ -61,6 +61,7 @@ const columns = ref<QTableProps["columns"]>([
     style: "font-size: 14px",
   },
 ]);
+
 const props = defineProps({
   modal: {
     type: Boolean,