Refactoring code module 06_evaluate

src/modules/06_evaluate/views/EvaluateMain.vue

@@ -2,27 +2,25 @@
 import { ref, computed, onMounted, watch } from "vue";
 import { useQuasar } from "quasar";
 import { useRouter } from "vue-router";
+
 import http from "@/plugins/http";
 import config from "@/app.config";
-
-/** import Type*/
-import type { ListMenu } from "@/modules/06_evaluate/interface/evalute";
-import type { OptionStatus } from "@/modules/06_evaluate/interface/main";
+import { useEvaluateStore } from "@/modules/06_evaluate/store";
+import { useCounterMixin } from "@/stores/mixin";
 
 /** import Components*/
 import TableListEvaluate from "@/modules/06_evaluate/components/TableListEvaluate.vue"; // ตารางประเมิน
 import DialogMain from "@/modules/06_evaluate/components/DialogMain.vue"; // popup การเพิ่มประเมิน
 
-/** import Store*/
-import { useEvaluateStore } from "@/modules/06_evaluate/store";
-import { useCounterMixin } from "@/stores/mixin";
+/** import Type*/
+import type { ListMenu } from "@/modules/06_evaluate/interface/evalute";
+import type { OptionStatus } from "@/modules/06_evaluate/interface/main";
 
 /** use*/
+const $q = useQuasar();
 const mixin = useCounterMixin();
 const store = useEvaluateStore();
 const router = useRouter();
-const $q = useQuasar();
-
 const { showLoader, hideLoader, messageError } = mixin;
 
 /** ตัวแปร*/
@@ -98,11 +96,6 @@ async function getProfileCheck() {
     .get(config.API.profilePosition())
     .then(async (res: any) => {
       const data = res.data.result;
-      // data.posTypeRank = await 2;
-      // data.posLevelRank = await 4;
-      // console.log("posTypeRank===>",data.posTypeRank);
-      // console.log("posLevelRank===>",data.posLevelRank);
-
       if (
         data.posTypeRank != 2 ||
         (data.posTypeRank == 2 && data.posLevelRank >= 4)
@@ -187,17 +180,17 @@ function filterOption(val: any, update: Function) {
   });
 }
 
-/** hook lifecycle*/
-onMounted(async () => {
-  await fetchEvaluteList();
-});
-
 watch(
   () => store.filterKeyword,
   async () => {
     store.filterKeyword === "" && (await fetchEvaluteList());
   }
 );
+
+/** hook lifecycle*/
+onMounted(async () => {
+  await fetchEvaluteList();
+});
 </script>
 
 <template>
@@ -253,35 +246,6 @@ watch(
               </q-btn>
             </div>
             <q-space />
-            <!-- <div class="col-xs-12 col-sm-3 col-md-2">
-              <q-input
-                dense
-                outlined
-                v-model="store.filterKeyword"
-                label="ค้นหา"
-                debounce="300"
-                @keydown.enter.prevent="filterFn"
-              >
-                <template v-slot:append>
-                  <q-icon name="search" />
-                </template>
-              </q-input>
-            </div> -->
-            <!-- <div class="col-xs-12 col-sm-3 col-md-2">
-              <q-select
-                v-model="store.visibleColumns"
-                multiple
-                outlined
-                dense
-                options-dense
-                :display-value="$q.lang.table.columns"
-                emit-value
-                map-options
-                :options="store.columns"
-                option-value="name"
-                options-cover
-              />
-            </div> -->
           </div>
           <div class="row col-12 q-mb-sm q-col-gutter-sm">
             <div class="col-xs-12 col-sm-3 col-md-2">
@@ -313,23 +277,6 @@ watch(
                   </q-item>
                 </template>
               </q-select>
-              <!-- <q-btn size="12px" flat round color="primary" icon="mdi-plus">
-                <q-menu>
-                  <q-list style="min-width: auto">
-                    <q-item
-                      v-for="(item, index) in listMenu"
-                      :key="index"
-                      clickable
-                      v-close-popup
-                      @click.stop="onclickAddEvaluate(item)"
-                    >
-                      <q-item-section>{{ item.label }}</q-item-section>
-                      <q-tooltip>{{ item.label }}</q-tooltip>
-                    </q-item>
-                  </q-list>
-                </q-menu>
-                <q-tooltip>เพิ่มการประเมินบุคคล</q-tooltip>
-              </q-btn> -->
             </div>
             <q-space />
             <div class="col-xs-12 col-sm-3 col-md-2">