โครงสร้าง => refactor code

src/modules/02_organizationalNew/components/DialogMovePos.vue

@@ -4,6 +4,9 @@ import { useQuasar } from "quasar";
 import http from "@/plugins/http";
 import config from "@/app.config";
 
+/**
+ * importType
+ */
 import type { QTableProps } from "quasar";
 import type {
   OrgTree,
@@ -16,11 +19,20 @@ import type {
 } from "@/modules/02_organizationalNew/interface/request/organizational";
 import type { DataTree } from "@/modules/02_organizationalNew/interface/index/organizational";
 
+/**
+ * importComponents
+ */
 import HeaderDialog from "@/components/DialogHeader.vue";
 
+/**
+ * importStore
+ */
 import { useCounterMixin } from "@/stores/mixin";
 import { useOrganizational } from "@/modules/02_organizationalNew/store/organizational";
 
+/**
+ * use
+ */
 const $q = useQuasar();
 const store = useOrganizational();
 const {
@@ -32,13 +44,15 @@ const {
   success,
 } = useCounterMixin();
 
+/**
+ * props
+ */
 const modal = defineModel<boolean>("modal", { required: true });
 const reqMaster = defineModel<FilterMaster>("reqMaster", { required: true });
 const totalPage = defineModel<number>("totalPage", { required: true });
 const nodeTree = defineModel<OrgTree[]>("nodeTree", { required: true });
 const columns = defineModel<QTableProps[]>("columns", {});
 const rows = defineModel<PosMaster2[]>("rows", { required: true });
-
 const props = defineProps({
   fetchDataTree: {
     type: Function,
@@ -63,19 +77,13 @@ const filterTree = ref<string>("");
 const filterRef = ref();
 const selectedTree = ref<string>("");
 const levelTree = ref<number>(0);
-
 const filterTable = ref<string>("");
 const selectedFilter = ref<PosMaster2[]>([]);
 
-function resetFilter() {
-  filterTree.value = "";
-  filterRef.value.focus();
-}
-
-function updateSelected(data: DataTree) {
-  levelTree.value = data.orgLevel;
-  selectedTree.value = data.orgTreeId;
-}
+const pagination = ref({
+  page: reqMaster.value.page,
+  rowsPerPage: reqMaster.value.pageSize,
+});
 
 const isDisable = computed(() => {
   if (selectedTree.value === "" && selectedFilter.value.length === 0) {
@@ -83,12 +91,29 @@ const isDisable = computed(() => {
   } else return false;
 });
 
+/**
+ * function รีเช็ด filter
+ */
+function resetFilter() {
+  filterTree.value = "";
+  filterRef.value.focus();
+}
+
+/**
+ * function เลือกข้อมูลหน่วยงาน
+ */
+function updateSelected(data: DataTree) {
+  levelTree.value = data.orgLevel;
+  selectedTree.value = data.orgTreeId;
+}
+
+/**
+ * function ยืนยันการย้ายแหน่งจากหน่วยงาน/ส่วนราชการปัจจุบัน
+ */
 function onClickMovePos() {
   if (selectedTree.value === "" || selectedTree.value === null) {
-    console.log("เลือกหน่วยงาน");
     dialogMessageNotify($q, "กรุณาเลือกหน่วยงานที่จะย้ายไป");
   } else if (selectedFilter.value.length === 0) {
-    console.log("เลือกตำแห่นง");
     dialogMessageNotify($q, "กรุณาเลือกตำแห่นงที่จะย้าย");
   } else {
     dialogConfirm(
@@ -148,11 +173,6 @@ function updatePagination(newPagination: NewPagination) {
   reqMaster.value.pageSize = newPagination.rowsPerPage;
   reqMaster.value.page = 1;
 }
-
-const pagination = ref({
-  page: reqMaster.value.page,
-  rowsPerPage: reqMaster.value.pageSize,
-});
 </script>
 
 <template>