หมายเหตุแนวนอน/ตั้ง

2023-10-08 13:55:16 +07:00 · 2023-10-08 13:55:16 +07:00 · acbec63df7
commit acbec63df7
parent 653cd846db
5 changed files with 802 additions and 286 deletions
--- a/src/modules/06_retirement/components/ExitInterview/EditQuestion.vue
+++ b/src/modules/06_retirement/components/ExitInterview/EditQuestion.vue
@ -19,8 +19,10 @@ const { messageError, showLoader, hideLoader } = mixin;
 const myForm = ref<QForm | null>(null);

 // set คำถามที่ 1
-const question1Desc = ref<string>("เหตุใดท่านจึงตัดสินใจร่วมงานกับกรุงเทพมหานคร (เลือกได้มากกว่า 1 ข้อ)")
-const question1Score = ref<number>(5)
+const question1Desc = ref<string>(
+  "เหตุใดท่านจึงตัดสินใจร่วมงานกับกรุงเทพมหานคร (เลือกได้มากกว่า 1 ข้อ)"
+);
+const question1Score = ref<number>(5);
 const question1Answer = ref<any>([
  "ความมั่นคงในการทำงาน",
  "สิทธิประโยชน์/สวัสดิการ",
@ -35,21 +37,25 @@ const question1Answer = ref<any>([
  "โอกาสความก้าวหน้า",
  "การได้รับการยอมรับจากสังคม",
  // "อื่น ๆ (ระบุ)",
-])
+]);

 // set คำถามที่ 2
-const question2Desc = ref<string>("สำหรับการลาออกในครั้งนี ท่านได้คิดทบทวนอย่างจริงจังเป็นระยะเวลานานเท่าใด")
-const question2Score = ref<number>(5)
+const question2Desc = ref<string>(
+  "สำหรับการลาออกในครั้งนี ท่านได้คิดทบทวนอย่างจริงจังเป็นระยะเวลานานเท่าใด"
+);
+const question2Score = ref<number>(5);
 const question2Answer = ref<any>([
  "น้อยกว่า 2 สัปดาห์",
  "1 เดือน - 3 เดือน",
  "3 เดือน - 6 เดือน",
  "6 เดือนขึ้นไป",
-])
+]);

 // set คำถามที่ 3
-const question3Desc = ref<string>("ปัจจัยใดที่ทำให้ท่านตัดสินใจลาออกจากราชการ (เลือกได้มากกว่า 1 ข้อ)")
-const question3Score = ref<number>(5)
+const question3Desc = ref<string>(
+  "ปัจจัยใดที่ทำให้ท่านตัดสินใจลาออกจากราชการ (เลือกได้มากกว่า 1 ข้อ)"
+);
+const question3Score = ref<number>(5);
 const question3Answer = ref<any>([
  "อัตราเงินเดือน",
  "สวัสดิการ",
@ -66,11 +72,13 @@ const question3Answer = ref<any>([
  "การดูแลและให้ความช่วยเหลือในช่วงเริ่มต้นปฏิบัติงาน",
  "การพัฒนาอย่างเป็นระบบและต่อเนื่อง",
  "โอกาสความก้าวหน้า",
-])
+]);

 // set คำถามที่ 4
-const question4Desc = ref<string>("อะไรคือสิ่งที่ท่านเห็นว่าควรปรับปรุง (เลือกได้มากกว่า 1 ข้อ)")
-const question4Score = ref<number>(5)
+const question4Desc = ref<string>(
+  "อะไรคือสิ่งที่ท่านเห็นว่าควรปรับปรุง (เลือกได้มากกว่า 1 ข้อ)"
+);
+const question4Score = ref<number>(5);
 const question4Answer = ref<any>([
  "อัตราเงินเดือน ",
  "สวัสดิการ",
@ -87,40 +95,41 @@ const question4Answer = ref<any>([
  "การดูแลและให้ความช่วยเหลือในช่วงเริ่มต้นปฏิบัติงาน",
  "การพัฒนาอย่างเป็นระบบและต่อเนื่อง",
  "โอกาสความก้าวหน้า",
-])
+]);

 // set คำถามที่ 5
-const question5Desc = ref<string>("โปรดระบุสาเหตุที่แท้จริง ที่ทำให้ท่านตัดสินใจลาออกจากการปฏิบัติราชการกับกรุงเทพมหานคร ?")
-const question5Score = ref<number>(5)
+const question5Desc = ref<string>(
+  "โปรดระบุสาเหตุที่แท้จริง ที่ทำให้ท่านตัดสินใจลาออกจากการปฏิบัติราชการกับกรุงเทพมหานคร ?"
+);
+const question5Score = ref<number>(5);
 // set คำถามที่ 6
-const question6Desc = ref<string>("ปัจจัยใดที่จะช่วยทำให้ท่านเปลี่ยนใจ ไม่อยากลาออกจากการปฏิบัติราชการกับกรุงเทพมหานคร")
-const question6Score = ref<number>(5)
+const question6Desc = ref<string>(
+  "ปัจจัยใดที่จะช่วยทำให้ท่านเปลี่ยนใจ ไม่อยากลาออกจากการปฏิบัติราชการกับกรุงเทพมหานคร"
+);
+const question6Score = ref<number>(5);
 // set คำถามที่ 7
-const question7Desc = ref<string>("ท่านมีงานใหม่หรือไม่ ถ้ามี (โปรดระบุ ชื่อบริษัทเอกชน/หน่วยงานภาครัฐ) และอะไรคือสิ่งที่ที่ทำงานใหม่ให้กับท่าน ซึ่งท่านรู้สึกว่าเป็นที่น่าพอใจมากกว่าการปฏิบัติราชการกับกรุงเทพมหานคร")
-const question7Score = ref<number>(5)
-const question7Answer = ref<any>([
-  "มี (ระบุ)",
-  "ไม่มี",
-])
+const question7Desc = ref<string>(
+  "ท่านมีงานใหม่หรือไม่ ถ้ามี (โปรดระบุ ชื่อบริษัทเอกชน/หน่วยงานภาครัฐ) และอะไรคือสิ่งที่ที่ทำงานใหม่ให้กับท่าน ซึ่งท่านรู้สึกว่าเป็นที่น่าพอใจมากกว่าการปฏิบัติราชการกับกรุงเทพมหานคร"
+);
+const question7Score = ref<number>(5);
+const question7Answer = ref<any>(["มี (ระบุ)", "ไม่มี"]);

 // set คำถามที่ 8
-const question8Desc = ref<string>("ท่านจะแนะนำเพื่อนให้มาร่วมงานกับกรุงเทพมหานครหรือไม่ (ถ้าไม่ โปรดระบุเหตุผล)")
-const question8Score = ref<number>(5)
-const question8Answer = ref<any>([
-  "แนะนำ",
-  "ไม่แนะนำ (ระบุ)",
-])
+const question8Desc = ref<string>(
+  "ท่านจะแนะนำเพื่อนให้มาร่วมงานกับกรุงเทพมหานครหรือไม่ (ถ้าไม่ โปรดระบุเหตุผล)"
+);
+const question8Score = ref<number>(5);
+const question8Answer = ref<any>(["แนะนำ", "ไม่แนะนำ (ระบุ)"]);

 // set คำถามที่ 9
-const question9Desc = ref<string>("หากท่านมีโอกาสในอนาคต ท่านอยากกลับมาร่วมงานกับกรุงเทพมหานครหรือไม่ (ถ้าไม่ โปรดระบุเหตุผล)")
-const question9Score = ref<number>(5)
-const question9Answer = ref<any>([
-  "อยาก",
-  "ไม่อยาก (ระบุ)",
-])
+const question9Desc = ref<string>(
+  "หากท่านมีโอกาสในอนาคต ท่านอยากกลับมาร่วมงานกับกรุงเทพมหานครหรือไม่ (ถ้าไม่ โปรดระบุเหตุผล)"
+);
+const question9Score = ref<number>(5);
+const question9Answer = ref<any>(["อยาก", "ไม่อยาก (ระบุ)"]);
 // set คำถามที่ 10
-const question10Desc = ref<string>("ความคิดเห็นและข้อเสนอแนะอื่น ๆ")
-const question10Score = ref<number>(5)
+const question10Desc = ref<string>("ความคิดเห็นและข้อเสนอแนะอื่น ๆ");
+const question10Score = ref<number>(5);

 const exitFactor = ref<any>([]);
 const reasonWork = ref<any>([]);
@ -212,14 +221,22 @@ const getData = async () => {
 </script>
 <template>
  <div class="toptitle text-dark col-12 row items-center">
-    <q-btn icon="mdi-arrow-left" unelevated round dense flat color="primary" class="q-mr-sm" @click="router.go(-1)" />
+    <q-btn
+      icon="mdi-arrow-left"
+      unelevated
+      round
+      dense
+      flat
+      color="primary"
+      class="q-mr-sm"
+      @click="router.go(-1)"
+    />
    แก้ไขคำถาม
  </div>

  <q-card bordered class="row col-12 text-dark q-mt-sm">
    <div class="col-12"><q-separator /></div>
    <q-form ref="myForm">
-
      <div class="col-12 row q-col-gutter-md q-pa-md">
        <div class="col-xs-12 col-sm-12">
          <q-card bordered flat>
@ -229,24 +246,59 @@ const getData = async () => {
            <q-separator />
            <div class="col-12 row q-pa-sm q-col-gutter-sm">
              <div class="col-10 text-top0">
-                <q-input v-model="question1Desc" label="คำถามข้อที่ 1" dense lazy-rules type="text" autogrow
-                  hide-bottom-space outlined class="bg-white" :rules="[
-                    (val) => (val && val.length > 0) || 'กรุณากรอกคำถามข้อที่ 1',
-                  ]" />
+                <q-input
+                  v-model="question1Desc"
+                  label="คำถามข้อที่ 1"
+                  dense
+                  lazy-rules
+                  type="text"
+                  autogrow
+                  hide-bottom-space
+                  outlined
+                  class="bg-white"
+                  :rules="[
+                    (val) =>
+                      (val && val.length > 0) || 'กรุณากรอกคำถามข้อที่ 1',
+                  ]"
+                />
              </div>
              <div class="col-2 text-top0">
-                <q-input v-model="question1Score" label="กรอกคะแนน" dense lazy-rules type="text" autogrow
-                  hide-bottom-space outlined class="bg-white" :rules="[
+                <q-input
+                  v-model="question1Score"
+                  label="กรอกคะแนน"
+                  dense
+                  lazy-rules
+                  type="text"
+                  autogrow
+                  hide-bottom-space
+                  outlined
+                  class="bg-white"
+                  :rules="[
                    (val) => (val && val.length > 0) || 'กรุณากรอกคะแนน',
-                  ]" />
+                  ]"
+                />
              </div>

-              <div v-for="(data, index) in question1Answer" :key="index" class="row col-12">
+              <div
+                v-for="(data, index) in question1Answer"
+                :key="index"
+                class="row col-12"
+              >
                <div class="col-6">
-                  <q-input v-model="question1Answer[index]" :label="`คำตอบที่ ${index + 1}`" dense lazy-rules type="text"
-                    autogrow hide-bottom-space outlined class="bg-white" :rules="[
+                  <q-input
+                    v-model="question1Answer[index]"
+                    :label="`คำตอบที่ ${index + 1}`"
+                    dense
+                    lazy-rules
+                    type="text"
+                    autogrow
+                    hide-bottom-space
+                    outlined
+                    class="bg-white"
+                    :rules="[
                      (val) => (val && val.length > 0) || 'กรุณากรอกคำตอบ',
-                    ]" />
+                    ]"
+                  />
                </div>
              </div>
            </div>
@ -263,24 +315,59 @@ const getData = async () => {
            <q-separator />
            <div class="col-12 row q-pa-sm q-col-gutter-sm">
              <div class="col-10 text-top0">
-                <q-input v-model="question2Desc" label="คำถามข้อที่ 2" dense lazy-rules type="text" autogrow
-                  hide-bottom-space outlined class="bg-white" :rules="[
-                    (val) => (val && val.length > 0) || 'กรุณากรอกคำถามข้อที่ 2',
-                  ]" />
+                <q-input
+                  v-model="question2Desc"
+                  label="คำถามข้อที่ 2"
+                  dense
+                  lazy-rules
+                  type="text"
+                  autogrow
+                  hide-bottom-space
+                  outlined
+                  class="bg-white"
+                  :rules="[
+                    (val) =>
+                      (val && val.length > 0) || 'กรุณากรอกคำถามข้อที่ 2',
+                  ]"
+                />
              </div>
              <div class="col-2 text-top0">
-                <q-input v-model="question2Score" label="กรอกคะแนน" dense lazy-rules type="text" autogrow
-                  hide-bottom-space outlined class="bg-white" :rules="[
+                <q-input
+                  v-model="question2Score"
+                  label="กรอกคะแนน"
+                  dense
+                  lazy-rules
+                  type="text"
+                  autogrow
+                  hide-bottom-space
+                  outlined
+                  class="bg-white"
+                  :rules="[
                    (val) => (val && val.length > 0) || 'กรุณากรอกคะแนน',
-                  ]" />
+                  ]"
+                />
              </div>

-              <div v-for="(data, index) in question2Answer" :key="index" class="row col-12">
+              <div
+                v-for="(data, index) in question2Answer"
+                :key="index"
+                class="row col-12"
+              >
                <div class="col-6">
-                  <q-input v-model="question2Answer[index]" :label="`คำตอบที่ ${index + 1}`" dense lazy-rules type="text"
-                    autogrow hide-bottom-space outlined class="bg-white" :rules="[
+                  <q-input
+                    v-model="question2Answer[index]"
+                    :label="`คำตอบที่ ${index + 1}`"
+                    dense
+                    lazy-rules
+                    type="text"
+                    autogrow
+                    hide-bottom-space
+                    outlined
+                    class="bg-white"
+                    :rules="[
                      (val) => (val && val.length > 0) || 'กรุณากรอกคำตอบ',
-                    ]" />
+                    ]"
+                  />
                </div>
              </div>
            </div>
@ -297,24 +384,59 @@ const getData = async () => {
            <q-separator />
            <div class="col-12 row q-pa-sm q-col-gutter-sm">
              <div class="col-10 text-top0">
-                <q-input v-model="question3Desc" label="คำถามข้อที่ 3" dense lazy-rules type="text" autogrow
-                  hide-bottom-space outlined class="bg-white" :rules="[
-                    (val) => (val && val.length > 0) || 'กรุณากรอกคำถามข้อที่ 3',
-                  ]" />
+                <q-input
+                  v-model="question3Desc"
+                  label="คำถามข้อที่ 3"
+                  dense
+                  lazy-rules
+                  type="text"
+                  autogrow
+                  hide-bottom-space
+                  outlined
+                  class="bg-white"
+                  :rules="[
+                    (val) =>
+                      (val && val.length > 0) || 'กรุณากรอกคำถามข้อที่ 3',
+                  ]"
+                />
              </div>
              <div class="col-2 text-top0">
-                <q-input v-model="question3Score" label="กรอกคะแนน" dense lazy-rules type="text" autogrow
-                  hide-bottom-space outlined class="bg-white" :rules="[
+                <q-input
+                  v-model="question3Score"
+                  label="กรอกคะแนน"
+                  dense
+                  lazy-rules
+                  type="text"
+                  autogrow
+                  hide-bottom-space
+                  outlined
+                  class="bg-white"
+                  :rules="[
                    (val) => (val && val.length > 0) || 'กรุณากรอกคะแนน',
-                  ]" />
+                  ]"
+                />
              </div>

-              <div v-for="(data, index) in question3Answer" :key="index" class="row col-12">
+              <div
+                v-for="(data, index) in question3Answer"
+                :key="index"
+                class="row col-12"
+              >
                <div class="col-6">
-                  <q-input v-model="question3Answer[index]" :label="`คำตอบที่ ${index + 1}`" dense lazy-rules type="text"
-                    autogrow hide-bottom-space outlined class="bg-white" :rules="[
+                  <q-input
+                    v-model="question3Answer[index]"
+                    :label="`คำตอบที่ ${index + 1}`"
+                    dense
+                    lazy-rules
+                    type="text"
+                    autogrow
+                    hide-bottom-space
+                    outlined
+                    class="bg-white"
+                    :rules="[
                      (val) => (val && val.length > 0) || 'กรุณากรอกคำตอบ',
-                    ]" />
+                    ]"
+                  />
                </div>
              </div>
            </div>
@ -331,24 +453,59 @@ const getData = async () => {
            <q-separator />
            <div class="col-12 row q-pa-sm q-col-gutter-sm">
              <div class="col-10 text-top0">
-                <q-input v-model="question4Desc" label="คำถามข้อที่ 4" dense lazy-rules type="text" autogrow
-                  hide-bottom-space outlined class="bg-white" :rules="[
-                    (val) => (val && val.length > 0) || 'กรุณากรอกคำถามข้อที่ 4',
-                  ]" />
+                <q-input
+                  v-model="question4Desc"
+                  label="คำถามข้อที่ 4"
+                  dense
+                  lazy-rules
+                  type="text"
+                  autogrow
+                  hide-bottom-space
+                  outlined
+                  class="bg-white"
+                  :rules="[
+                    (val) =>
+                      (val && val.length > 0) || 'กรุณากรอกคำถามข้อที่ 4',
+                  ]"
+                />
              </div>
              <div class="col-2 text-top0">
-                <q-input v-model="question4Score" label="กรอกคะแนน" dense lazy-rules type="text" autogrow
-                  hide-bottom-space outlined class="bg-white" :rules="[
+                <q-input
+                  v-model="question4Score"
+                  label="กรอกคะแนน"
+                  dense
+                  lazy-rules
+                  type="text"
+                  autogrow
+                  hide-bottom-space
+                  outlined
+                  class="bg-white"
+                  :rules="[
                    (val) => (val && val.length > 0) || 'กรุณากรอกคะแนน',
-                  ]" />
+                  ]"
+                />
              </div>

-              <div v-for="(data, index) in question4Answer" :key="index" class="row col-12">
+              <div
+                v-for="(data, index) in question4Answer"
+                :key="index"
+                class="row col-12"
+              >
                <div class="col-6">
-                  <q-input v-model="question4Answer[index]" :label="`คำตอบที่ ${index + 1}`" dense lazy-rules type="text"
-                    autogrow hide-bottom-space outlined class="bg-white" :rules="[
+                  <q-input
+                    v-model="question4Answer[index]"
+                    :label="`คำตอบที่ ${index + 1}`"
+                    dense
+                    lazy-rules
+                    type="text"
+                    autogrow
+                    hide-bottom-space
+                    outlined
+                    class="bg-white"
+                    :rules="[
                      (val) => (val && val.length > 0) || 'กรุณากรอกคำตอบ',
-                    ]" />
+                    ]"
+                  />
                </div>
              </div>
            </div>
@ -365,17 +522,38 @@ const getData = async () => {
            <q-separator />
            <div class="col-12 row q-pa-sm q-col-gutter-sm">
              <div class="col-10 text-top0">
-                <q-input v-model="question5Desc" label="คำถามข้อที่ 5" dense lazy-rules type="text" autogrow
-                  hide-bottom-space outlined class="bg-white" :rules="[
-                    (val) => (val && val.length > 0) || 'กรุณากรอกคำถามข้อที่ 5',
-                  ]" />
+                <q-input
+                  v-model="question5Desc"
+                  label="คำถามข้อที่ 5"
+                  dense
+                  lazy-rules
+                  type="text"
+                  autogrow
+                  hide-bottom-space
+                  outlined
+                  class="bg-white"
+                  :rules="[
+                    (val) =>
+                      (val && val.length > 0) || 'กรุณากรอกคำถามข้อที่ 5',
+                  ]"
+                />
              </div>

              <div class="col-2 text-top0">
-                <q-input v-model="question5Score" label="กรอกคะแนน" dense lazy-rules type="text" autogrow
-                  hide-bottom-space outlined class="bg-white" :rules="[
+                <q-input
+                  v-model="question5Score"
+                  label="กรอกคะแนน"
+                  dense
+                  lazy-rules
+                  type="text"
+                  autogrow
+                  hide-bottom-space
+                  outlined
+                  class="bg-white"
+                  :rules="[
                    (val) => (val && val.length > 0) || 'กรุณากรอกคะแนน',
-                  ]" />
+                  ]"
+                />
              </div>
            </div>
          </q-card>
@ -391,17 +569,38 @@ const getData = async () => {
            <q-separator />
            <div class="col-12 row q-pa-sm q-col-gutter-sm">
              <div class="col-10 text-top0">
-                <q-input v-model="question6Desc" label="คำถามข้อที่ 6" dense lazy-rules type="text" autogrow
-                  hide-bottom-space outlined class="bg-white" :rules="[
-                    (val) => (val && val.length > 0) || 'กรุณากรอกคำถามข้อที่ 6',
-                  ]" />
+                <q-input
+                  v-model="question6Desc"
+                  label="คำถามข้อที่ 6"
+                  dense
+                  lazy-rules
+                  type="text"
+                  autogrow
+                  hide-bottom-space
+                  outlined
+                  class="bg-white"
+                  :rules="[
+                    (val) =>
+                      (val && val.length > 0) || 'กรุณากรอกคำถามข้อที่ 6',
+                  ]"
+                />
              </div>

              <div class="col-2 text-top0">
-                <q-input v-model="question6Score" label="กรอกคะแนน" dense lazy-rules type="text" autogrow
-                  hide-bottom-space outlined class="bg-white" :rules="[
+                <q-input
+                  v-model="question6Score"
+                  label="กรอกคะแนน"
+                  dense
+                  lazy-rules
+                  type="text"
+                  autogrow
+                  hide-bottom-space
+                  outlined
+                  class="bg-white"
+                  :rules="[
                    (val) => (val && val.length > 0) || 'กรุณากรอกคะแนน',
-                  ]" />
+                  ]"
+                />
              </div>
            </div>
          </q-card>
@ -417,24 +616,59 @@ const getData = async () => {
            <q-separator />
            <div class="col-12 row q-pa-sm q-col-gutter-sm">
              <div class="col-10 text-top0">
-                <q-input v-model="question7Desc" label="คำถามข้อที่ 7" dense lazy-rules type="text" autogrow
-                  hide-bottom-space outlined class="bg-white" :rules="[
-                    (val) => (val && val.length > 0) || 'กรุณากรอกคำถามข้อที่ 7',
-                  ]" />
+                <q-input
+                  v-model="question7Desc"
+                  label="คำถามข้อที่ 7"
+                  dense
+                  lazy-rules
+                  type="text"
+                  autogrow
+                  hide-bottom-space
+                  outlined
+                  class="bg-white"
+                  :rules="[
+                    (val) =>
+                      (val && val.length > 0) || 'กรุณากรอกคำถามข้อที่ 7',
+                  ]"
+                />
              </div>
              <div class="col-2 text-top0">
-                <q-input v-model="question7Score" label="กรอกคะแนน" dense lazy-rules type="text" autogrow
-                  hide-bottom-space outlined class="bg-white" :rules="[
+                <q-input
+                  v-model="question7Score"
+                  label="กรอกคะแนน"
+                  dense
+                  lazy-rules
+                  type="text"
+                  autogrow
+                  hide-bottom-space
+                  outlined
+                  class="bg-white"
+                  :rules="[
                    (val) => (val && val.length > 0) || 'กรุณากรอกคะแนน',
-                  ]" />
+                  ]"
+                />
              </div>

-              <div v-for="(data, index) in question7Answer" :key="index" class="row col-12">
+              <div
+                v-for="(data, index) in question7Answer"
+                :key="index"
+                class="row col-12"
+              >
                <div class="col-6">
-                  <q-input v-model="question7Answer[index]" :label="`คำตอบที่ ${index + 1}`" dense lazy-rules type="text"
-                    autogrow hide-bottom-space outlined class="bg-white" :rules="[
+                  <q-input
+                    v-model="question7Answer[index]"
+                    :label="`คำตอบที่ ${index + 1}`"
+                    dense
+                    lazy-rules
+                    type="text"
+                    autogrow
+                    hide-bottom-space
+                    outlined
+                    class="bg-white"
+                    :rules="[
                      (val) => (val && val.length > 0) || 'กรุณากรอกคำตอบ',
-                    ]" />
+                    ]"
+                  />
                </div>
              </div>
            </div>
@ -451,28 +685,62 @@ const getData = async () => {
            <q-separator />
            <div class="col-12 row q-pa-sm q-col-gutter-sm">
              <div class="col-10 text-top0">
-                <q-input v-model="question8Desc" label="คำถามข้อที่ 8" dense lazy-rules type="text" autogrow
-                  hide-bottom-space outlined class="bg-white" :rules="[
-                    (val) => (val && val.length > 0) || 'กรุณากรอกคำถามข้อที่ 8',
-                  ]" />
+                <q-input
+                  v-model="question8Desc"
+                  label="คำถามข้อที่ 8"
+                  dense
+                  lazy-rules
+                  type="text"
+                  autogrow
+                  hide-bottom-space
+                  outlined
+                  class="bg-white"
+                  :rules="[
+                    (val) =>
+                      (val && val.length > 0) || 'กรุณากรอกคำถามข้อที่ 8',
+                  ]"
+                />
              </div>

              <div class="col-2 text-top0">
-                <q-input v-model="question8Score" label="กรอกคะแนน" dense lazy-rules type="text" autogrow
-                  hide-bottom-space outlined class="bg-white" :rules="[
+                <q-input
+                  v-model="question8Score"
+                  label="กรอกคะแนน"
+                  dense
+                  lazy-rules
+                  type="text"
+                  autogrow
+                  hide-bottom-space
+                  outlined
+                  class="bg-white"
+                  :rules="[
                    (val) => (val && val.length > 0) || 'กรุณากรอกคะแนน',
-                  ]" />
+                  ]"
+                />
              </div>

-              <div v-for="(data, index) in question8Answer" :key="index" class="row col-12">
+              <div
+                v-for="(data, index) in question8Answer"
+                :key="index"
+                class="row col-12"
+              >
                <div class="col-6">
-                  <q-input v-model="question8Answer[index]" :label="`คำตอบที่ ${index + 1}`" dense lazy-rules type="text"
-                    autogrow hide-bottom-space outlined class="bg-white" :rules="[
+                  <q-input
+                    v-model="question8Answer[index]"
+                    :label="`คำตอบที่ ${index + 1}`"
+                    dense
+                    lazy-rules
+                    type="text"
+                    autogrow
+                    hide-bottom-space
+                    outlined
+                    class="bg-white"
+                    :rules="[
                      (val) => (val && val.length > 0) || 'กรุณากรอกคำตอบ',
-                    ]" />
+                    ]"
+                  />
                </div>
              </div>
-
            </div>
          </q-card>
        </div>
@ -487,28 +755,62 @@ const getData = async () => {
            <q-separator />
            <div class="col-12 row q-pa-sm q-col-gutter-sm">
              <div class="col-10 text-top0">
-                <q-input v-model="question9Desc" label="คำถามข้อที่ 9" dense lazy-rules type="text" autogrow
-                  hide-bottom-space outlined class="bg-white" :rules="[
-                    (val) => (val && val.length > 0) || 'กรุณากรอกคำถามข้อที่ 9',
-                  ]" />
+                <q-input
+                  v-model="question9Desc"
+                  label="คำถามข้อที่ 9"
+                  dense
+                  lazy-rules
+                  type="text"
+                  autogrow
+                  hide-bottom-space
+                  outlined
+                  class="bg-white"
+                  :rules="[
+                    (val) =>
+                      (val && val.length > 0) || 'กรุณากรอกคำถามข้อที่ 9',
+                  ]"
+                />
              </div>

              <div class="col-2 text-top0">
-                <q-input v-model="question9Score" label="กรอกคะแนน" dense lazy-rules type="text" autogrow
-                  hide-bottom-space outlined class="bg-white" :rules="[
+                <q-input
+                  v-model="question9Score"
+                  label="กรอกคะแนน"
+                  dense
+                  lazy-rules
+                  type="text"
+                  autogrow
+                  hide-bottom-space
+                  outlined
+                  class="bg-white"
+                  :rules="[
                    (val) => (val && val.length > 0) || 'กรุณากรอกคะแนน',
-                  ]" />
+                  ]"
+                />
              </div>

-              <div v-for="(data, index) in question9Answer" :key="index" class="row col-12">
+              <div
+                v-for="(data, index) in question9Answer"
+                :key="index"
+                class="row col-12"
+              >
                <div class="col-6">
-                  <q-input v-model="question9Answer[index]" :label="`คำตอบที่ ${index + 1}`" dense lazy-rules type="text"
-                    autogrow hide-bottom-space outlined class="bg-white" :rules="[
+                  <q-input
+                    v-model="question9Answer[index]"
+                    :label="`คำตอบที่ ${index + 1}`"
+                    dense
+                    lazy-rules
+                    type="text"
+                    autogrow
+                    hide-bottom-space
+                    outlined
+                    class="bg-white"
+                    :rules="[
                      (val) => (val && val.length > 0) || 'กรุณากรอกคำตอบ',
-                    ]" />
+                    ]"
+                  />
                </div>
              </div>
-
            </div>
          </q-card>
        </div>
@ -523,17 +825,38 @@ const getData = async () => {
            <q-separator />
            <div class="col-12 row q-pa-sm q-col-gutter-sm">
              <div class="col-10 text-top0">
-                <q-input v-model="question10Desc" label="คำถามข้อที่ 10" dense lazy-rules type="text" autogrow
-                  hide-bottom-space outlined class="bg-white" :rules="[
-                    (val) => (val && val.length > 0) || 'กรุณากรอกคำถามข้อที่ 10',
-                  ]" />
+                <q-input
+                  v-model="question10Desc"
+                  label="คำถามข้อที่ 10"
+                  dense
+                  lazy-rules
+                  type="text"
+                  autogrow
+                  hide-bottom-space
+                  outlined
+                  class="bg-white"
+                  :rules="[
+                    (val) =>
+                      (val && val.length > 0) || 'กรุณากรอกคำถามข้อที่ 10',
+                  ]"
+                />
              </div>

              <div class="col-2 text-top0">
-                <q-input v-model="question10Score" label="กรอกคะแนน" dense lazy-rules type="text" autogrow
-                  hide-bottom-space outlined class="bg-white" :rules="[
+                <q-input
+                  v-model="question10Score"
+                  label="กรอกคะแนน"
+                  dense
+                  lazy-rules
+                  type="text"
+                  autogrow
+                  hide-bottom-space
+                  outlined
+                  class="bg-white"
+                  :rules="[
                    (val) => (val && val.length > 0) || 'กรุณากรอกคะแนน',
-                  ]" />
+                  ]"
+                />
              </div>
            </div>
          </q-card>
@ -544,11 +867,8 @@ const getData = async () => {

      <q-card-actions class="text-primary q-pa-md">
        <q-space />
-        <q-btn unelevated label="บันทึก" color="public" @click="">
-        </q-btn>
-
+        <q-btn unelevated label="บันทึก" color="public" @click=""> </q-btn>
      </q-card-actions>
-
    </q-form>
  </q-card>
 </template>
--- a/src/modules/06_retirement/components/ListRetirement/TableList.vue
+++ b/src/modules/06_retirement/components/ListRetirement/TableList.vue
@ -22,6 +22,7 @@ const {
  dialogConfirm,
  dialogRemove,
  date2Thai,
+  dateToISO,
 } = mixin;
 const myForm = ref<QForm | null>(null);

@ -322,7 +323,8 @@ const uploadFile = async (event: any, signDate: any) => {
            const selectedFile = event;
            const formdata = new FormData();
            formdata.append("file", selectedFile);
-            formdata.append("signDate", signDate);
+            if (signDate != null)
+              formdata.append("signDate", dateToISO(signDate));
            await http
              .put(
                config.API.fileRetirement(retireld.value.toString()),
@ -459,7 +461,9 @@ const paginationLabel = (start: number, end: number, total: number) => {
                  clickable
                  v-close-popup
                  type="a"
-                  @click="modalUpload = true,signDate = null,fileUpload = null"
+                  @click="
+                    (modalUpload = true), (signDate = null), (fileUpload = null)
+                  "
                  target="_blank"
                  v-if="statusUpload !== true"
                >