Refactoring code module 06_retirement

src/modules/06_retirement/components/ExitInterview/EditQuestion.vue

@@ -2,9 +2,10 @@
 import { onMounted, reactive, ref } from "vue";
 import { useQuasar } from "quasar";
 import { useRouter } from "vue-router";
-import { useCounterMixin } from "@/stores/mixin";
+
 import http from "@/plugins/http";
 import config from "@/app.config";
+import { useCounterMixin } from "@/stores/mixin";
 
 import type { QForm } from "quasar";
 
@@ -116,64 +117,8 @@ const question10Desc = ref<string>("ความคิดเห็นและ
 const question10Answer = ref<any>([]);
 const question10Score = ref<number>(0);
 
-/**
- * ตัวเลือกแบบสอบถาม(จำลอง)
- */
-const exitFactor = ref<any>([]);
-const reasonWork = ref<any>([]);
-const adjust = ref<any>([]);
-const timeThink = ref<any>();
-const realReason = ref<any>("");
-const notExitFactor = ref<any>("");
-const haveJob = ref<any>();
-const suggestFriends = ref<any>();
-const futureWork = ref<any>();
-const suggestion = ref<any>("");
-
-const suggestFriendsReason = ref("");
-const suggestFriends_option = ref<any>([
-  { label: "แนะนำ  ", value: true },
-  { label: "ไม่แนะนำ (ระบุ)", value: false },
-]);
-const haveJobReason = ref<any>("");
-const haveJob_option = ref<any>([
-  { label: "มี  (ระบุ) ", value: true },
-  { label: "ไม่มี", value: false },
-]);
-const futureWorkReason = ref<any>("");
-const futureWork_option = ref<any>([
-  { label: "อยาก  ", value: true },
-  { label: "ไม่อยาก (ระบุ)", value: false },
-]);
-const adjustOther = ref("");
-const adjust_option = ref<any>([
-  { label: "อัตราเงินเดือน ", value: 0 },
-  { label: "สวัสดิการ", value: 1 },
-  { label: "ลักษณะงาน ", value: 2 },
-  { label: "ระบบการทำงาน ", value: 3 },
-  { label: "ระบบสนับสนุนการปฏิบัติงาน ", value: 4 },
-  { label: "การมอบหมายงานที่ชัดเจนและเหมาะสม ", value: 5 },
-  { label: "การบริหารงานของผู้บังคับบัญชา", value: 6 },
-  { label: "การทำงานเป็นทีมกับเพื่อนร่วมงาน ", value: 7 },
-  { label: "ระบบบริหารงานภายในหน่วยงาน  ", value: 8 },
-  { label: "บรรยากาศในการทำงาน  ", value: 9 },
-  { label: "การปฏิบัติอย่างเป็นธรรม  ", value: 10 },
-  { label: "การยอมรับความแตกต่างหลากหลาย  ", value: 11 },
-  { label: "การดูแลและให้ความช่วยเหลือในช่วงเริ่มต้นปฏิบัติงาน  ", value: 12 },
-  { label: "การพัฒนาอย่างเป็นระบบและต่อเนื่อง ", value: 13 },
-  { label: "โอกาสความก้าวหน้า  ", value: 14 },
-  // { label: "อื่น ๆ (ระบุ)  ", value: 15 },
-]);
-
-/**
- * HOOK
- */
-onMounted(async () => {
-  await getData();
-});
-
 //นำข้อมูลมาแสดง
-const getData = async () => {
+async function getData() {
   showLoader();
   await http
     .get(config.API.questionExitInterview())
@@ -216,15 +161,15 @@ const getData = async () => {
     .finally(() => {
       hideLoader();
     });
-};
+}
 
 /**
  * ฟังก์ชั่นเช็คข้อมูลก่อนคอนเฟริม
  */
-const confirmClick = () => {
+function confirmClick() {
   dialogConfirm($q, () => putData());
-};
-const putData = () => {
+}
+function putData() {
   const body = {
     question1Desc: question1Desc.value,
     question1Score: question1Score.value,
@@ -279,7 +224,14 @@ const putData = () => {
     .finally(() => {
       hideLoader();
     });
-};
+}
+
+/**
+ * HOOK
+ */
+onMounted(async () => {
+  await getData();
+});
 </script>
 <template>
   <div class="toptitle text-dark col-12 row items-center">