Refactoring code module 08_KPI

src/modules/08_KPI/components/Tab/Dialog/DialogGovernment.vue

@@ -1,20 +1,19 @@
 <script setup lang="ts">
-import DialogHeader from "@/components/DialogHeader.vue";
-import type { QTableProps } from "quasar";
 import { ref, watch } from "vue";
-import { useCounterMixin } from "@/stores/mixin";
+import type { QTableProps } from "quasar";
 import { useQuasar } from "quasar";
-import { useRouter, useRoute } from "vue-router";
+
 import http from "@/plugins/http";
 import config from "@/app.config";
 import { useKpiDataStore } from "@/modules/08_KPI/store";
+import { useCounterMixin } from "@/stores/mixin";
+
+import DialogHeader from "@/components/DialogHeader.vue";
 
-const store = useKpiDataStore();
 const $q = useQuasar();
+const store = useKpiDataStore();
 const mixin = useCounterMixin();
 const {
-  dialogConfirm,
-  success,
   showLoader,
   hideLoader,
   messageError,
@@ -23,13 +22,25 @@ const {
   date2Thai,
 } = mixin;
 
-const route = useRoute();
-const router = useRouter();
-const id = ref<string>(route.params.id as string);
 const modal = defineModel<boolean>("modal", { required: true });
 const filterKeyword = ref<string>("");
 const rows = ref<any[]>([]);
 
+const visibleColumns = ref<string[]>([
+  "no",
+  "name",
+  "posMasterNoOld",
+  "positionOld",
+  "positionLevel",
+  "organizationPositionOld",
+  "organization",
+  "dateStart",
+  "dateEnd",
+  "createdAt",
+  "status",
+  "commandNo",
+]);
+
 //หัวตาราง
 const columns = ref<QTableProps["columns"]>([
   {
@@ -164,22 +175,9 @@ const columns = ref<QTableProps["columns"]>([
     format: (val) => statusText(val),
   },
 ]);
-const visibleColumns = ref<string[]>([
-  "no",
-  "name",
-  "posMasterNoOld",
-  "positionOld",
-  "positionLevel",
-  "organizationPositionOld",
-  "organization",
-  "dateStart",
-  "dateEnd",
-  "createdAt",
-  "status",
-  "commandNo",
-]);
 
-const statusText = (val: string) => {
+/** เเปลง status เป็น text */
+function statusText(val: string) {
   switch (val) {
     case "WAITTING":
       return "รอดำเนินการ";
@@ -197,12 +195,14 @@ const statusText = (val: string) => {
     default:
       return "-";
   }
-};
+}
 
+/** ปิด dialog */
 function close() {
   modal.value = false;
 }
 
+/** ดึงข้อมูล */
 function getData() {
   showLoader();
   http
@@ -218,6 +218,7 @@ function getData() {
       hideLoader();
     });
 }
+
 watch(
   () => modal.value,
   (n) => {
@@ -271,20 +272,6 @@ watch(
                   </q-td>
                 </q-tr>
               </template>
-              <!-- <template v-slot:pagination="scope">
-                ทั้งหมด {{ total }} รายการ
-                <q-pagination
-                  v-model="formQuery.page"
-                  active-color="primary"
-                  color="dark"
-                  :max="Number(totalList)"
-                  size="sm"
-                  boundary-links
-                  direction-links
-                  :max-pages="5"
-                  @update:model-value="fetchList"
-                ></q-pagination>
-              </template> -->
             </d-table>
           </div>
         </div>