From 076cd8cc4adf981de78fedac2a3ec9d16f1caeeb Mon Sep 17 00:00:00 2001
From: waruneeta <warunee.auy@gmail.com>
Date: Mon, 25 Dec 2023 17:19:26 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B9=81=E0=B8=81=E0=B9=89=20step=208=20?=
 =?UTF-8?q?=E0=B8=A3=E0=B8=B0=E0=B8=9A=E0=B8=9A=E0=B8=9B=E0=B8=A3=E0=B8=B0?=
 =?UTF-8?q?=E0=B9=80=E0=B8=A1=E0=B8=B4=E0=B8=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/Detail/step/step8.vue          | 426 ++++++++++--------
 1 file changed, 232 insertions(+), 194 deletions(-)

diff --git a/src/modules/12_evaluatePersonal/components/Detail/step/step8.vue b/src/modules/12_evaluatePersonal/components/Detail/step/step8.vue
index 5608e81ae..6830fbf73 100644
--- a/src/modules/12_evaluatePersonal/components/Detail/step/step8.vue
+++ b/src/modules/12_evaluatePersonal/components/Detail/step/step8.vue
@@ -341,7 +341,10 @@ onMounted(() => {
                   <div class="row">
                     <div class="col-12 q-pa-sm">
                       <div class="row q-col-gutter-md col-12">
-                        <div class="col-xs-12 col-sm-6 row">
+                        <div
+                          v-if="store.currentStep == 8"
+                          class="col-xs-12 col-sm-6 row"
+                        >
                           <q-btn
                             class="col-12"
                             outline
@@ -373,37 +376,39 @@ onMounted(() => {
                             <q-tooltip> ดูไฟล์เอกสาร </q-tooltip></q-btn
                           >
                         </div>
-                        <div class="col-xs-12 col-sm-10 row">
-                          <q-file
-                            v-model="fileEvaluation81"
-                            class="col-12"
-                            outlined
-                            dense
-                            hide-bottom-space
-                            lazy-rules
-                            label="อัปโหลดไฟล์"
-                            accept=".pdf"
-                          >
-                            <template v-slot:prepend>
-                              <q-icon name="attach_file" />
-                            </template>
-                          </q-file>
-                        </div>
-                        <div class="col-2 self-center text-center q-pl-none">
-                          <q-btn
-                            flat
-                            round
-                            dense
-                            color="primary"
-                            icon="mdi-upload"
-                            @click="
-                              upLoadFile(
-                                'แบบตรวจสอบความถูกต้องครบถ้วนของข้อมูลประกอบการประเมินผลงาน (เอกสารแบบ ค)',
-                                fileEvaluation81
-                              )
-                            "
-                            ><q-tooltip>อัปโหลดไฟล์</q-tooltip></q-btn
-                          >
+                        <div v-if="store.currentStep == 8" class="row col-12">
+                          <div class="col-xs-12 col-sm-10 row">
+                            <q-file
+                              v-model="fileEvaluation81"
+                              class="col-12"
+                              outlined
+                              dense
+                              hide-bottom-space
+                              lazy-rules
+                              label="อัปโหลดไฟล์"
+                              accept=".pdf"
+                            >
+                              <template v-slot:prepend>
+                                <q-icon name="attach_file" />
+                              </template>
+                            </q-file>
+                          </div>
+                          <div class="col-2 self-center text-center q-pl-none">
+                            <q-btn
+                              flat
+                              round
+                              dense
+                              color="primary"
+                              icon="mdi-upload"
+                              @click="
+                                upLoadFile(
+                                  'แบบตรวจสอบความถูกต้องครบถ้วนของข้อมูลประกอบการประเมินผลงาน (เอกสารแบบ ค)',
+                                  fileEvaluation81
+                                )
+                              "
+                              ><q-tooltip>อัปโหลดไฟล์</q-tooltip></q-btn
+                            >
+                          </div>
                         </div>
                       </div>
                     </div>
@@ -419,7 +424,10 @@ onMounted(() => {
                   <div class="row">
                     <div class="col-12 q-pa-sm">
                       <div class="row q-col-gutter-md col-12">
-                        <div class="col-xs-12 col-sm-6 row">
+                        <div
+                          v-if="store.currentStep == 8"
+                          class="col-xs-12 col-sm-6 row"
+                        >
                           <q-btn
                             class="col-12"
                             outline
@@ -451,37 +459,40 @@ onMounted(() => {
                             <q-tooltip> ดูไฟล์เอกสาร </q-tooltip></q-btn
                           >
                         </div>
-                        <div class="col-xs-12 col-sm-10 row">
-                          <q-file
-                            v-model="fileEvaluation82"
-                            class="col-12"
-                            outlined
-                            dense
-                            hide-bottom-space
-                            lazy-rules
-                            label="อัปโหลดไฟล์"
-                            accept=".pdf"
-                          >
-                            <template v-slot:prepend>
-                              <q-icon name="attach_file" />
-                            </template>
-                          </q-file>
-                        </div>
-                        <div class="col-2 self-center text-center q-pl-none">
-                          <q-btn
-                            flat
-                            round
-                            dense
-                            color="primary"
-                            icon="mdi-upload"
-                            @click="
-                              upLoadFile(
-                                'บัญชีแสดงการรับ-ส่งผลงาน (เอกสารหมายเลข 15)',
-                                fileEvaluation82
-                              )
-                            "
-                            ><q-tooltip>อัปโหลดไฟล์</q-tooltip></q-btn
-                          >
+
+                        <div v-if="store.currentStep == 8" class="row col-12">
+                          <div class="col-xs-12 col-sm-10 row">
+                            <q-file
+                              v-model="fileEvaluation82"
+                              class="col-12"
+                              outlined
+                              dense
+                              hide-bottom-space
+                              lazy-rules
+                              label="อัปโหลดไฟล์"
+                              accept=".pdf"
+                            >
+                              <template v-slot:prepend>
+                                <q-icon name="attach_file" />
+                              </template>
+                            </q-file>
+                          </div>
+                          <div class="col-2 self-center text-center q-pl-none">
+                            <q-btn
+                              flat
+                              round
+                              dense
+                              color="primary"
+                              icon="mdi-upload"
+                              @click="
+                                upLoadFile(
+                                  'บัญชีแสดงการรับ-ส่งผลงาน (เอกสารหมายเลข 15)',
+                                  fileEvaluation82
+                                )
+                              "
+                              ><q-tooltip>อัปโหลดไฟล์</q-tooltip></q-btn
+                            >
+                          </div>
                         </div>
                       </div>
                     </div>
@@ -497,7 +508,10 @@ onMounted(() => {
                   <div class="row">
                     <div class="col-12 q-pa-sm">
                       <div class="row q-col-gutter-md col-12">
-                        <div class="col-xs-12 col-sm-6 row">
+                        <div
+                          v-if="store.currentStep == 8"
+                          class="col-xs-12 col-sm-6 row"
+                        >
                           <q-btn
                             class="col-12"
                             outline
@@ -529,37 +543,40 @@ onMounted(() => {
                             <q-tooltip> ดูไฟล์เอกสาร </q-tooltip></q-btn
                           >
                         </div>
-                        <div class="col-xs-12 col-sm-10 row">
-                          <q-file
-                            v-model="fileEvaluation83"
-                            class="col-12"
-                            outlined
-                            dense
-                            hide-bottom-space
-                            lazy-rules
-                            label="อัปโหลดไฟล์"
-                            accept=".pdf"
-                          >
-                            <template v-slot:prepend>
-                              <q-icon name="attach_file" />
-                            </template>
-                          </q-file>
-                        </div>
-                        <div class="col-2 self-center text-center q-pl-none">
-                          <q-btn
-                            flat
-                            round
-                            dense
-                            color="primary"
-                            icon="mdi-upload"
-                            @click="
-                              upLoadFile(
-                                'แบบประเมินผลงาน (เอกสารหมายเลข 16)',
-                                fileEvaluation83
-                              )
-                            "
-                            ><q-tooltip>อัปโหลดไฟล์</q-tooltip></q-btn
-                          >
+
+                        <div v-if="store.currentStep == 8" class="row col-12">
+                          <div class="col-xs-12 col-sm-10 row">
+                            <q-file
+                              v-model="fileEvaluation83"
+                              class="col-12"
+                              outlined
+                              dense
+                              hide-bottom-space
+                              lazy-rules
+                              label="อัปโหลดไฟล์"
+                              accept=".pdf"
+                            >
+                              <template v-slot:prepend>
+                                <q-icon name="attach_file" />
+                              </template>
+                            </q-file>
+                          </div>
+                          <div class="col-2 self-center text-center q-pl-none">
+                            <q-btn
+                              flat
+                              round
+                              dense
+                              color="primary"
+                              icon="mdi-upload"
+                              @click="
+                                upLoadFile(
+                                  'แบบประเมินผลงาน (เอกสารหมายเลข 16)',
+                                  fileEvaluation83
+                                )
+                              "
+                              ><q-tooltip>อัปโหลดไฟล์</q-tooltip></q-btn
+                            >
+                          </div>
                         </div>
                       </div>
                     </div>
@@ -575,7 +592,10 @@ onMounted(() => {
                   <div class="row">
                     <div class="col-12 q-pa-sm">
                       <div class="row q-col-gutter-md col-12">
-                        <div class="col-xs-12 col-sm-6 row">
+                        <div
+                          v-if="store.currentStep == 8"
+                          class="col-xs-12 col-sm-6 row"
+                        >
                           <q-btn
                             class="col-12"
                             outline
@@ -607,37 +627,40 @@ onMounted(() => {
                             <q-tooltip> ดูไฟล์เอกสาร </q-tooltip></q-btn
                           >
                         </div>
-                        <div class="col-xs-12 col-sm-10 row">
-                          <q-file
-                            v-model="fileEvaluation84"
-                            class="col-12"
-                            outlined
-                            dense
-                            hide-bottom-space
-                            lazy-rules
-                            label="อัปโหลดไฟล์"
-                            accept=".pdf"
-                          >
-                            <template v-slot:prepend>
-                              <q-icon name="attach_file" />
-                            </template>
-                          </q-file>
-                        </div>
-                        <div class="col-2 self-center text-center q-pl-none">
-                          <q-btn
-                            flat
-                            round
-                            dense
-                            color="primary"
-                            icon="mdi-upload"
-                            @click="
-                              upLoadFile(
-                                'แบบแสดงการประเมินผลงาน (เอกสารหมายเลข 17)',
-                                fileEvaluation84
-                              )
-                            "
-                            ><q-tooltip>อัปโหลดไฟล์</q-tooltip></q-btn
-                          >
+
+                        <div v-if="store.currentStep == 8" class="row col-12">
+                          <div class="col-xs-12 col-sm-10 row">
+                            <q-file
+                              v-model="fileEvaluation84"
+                              class="col-12"
+                              outlined
+                              dense
+                              hide-bottom-space
+                              lazy-rules
+                              label="อัปโหลดไฟล์"
+                              accept=".pdf"
+                            >
+                              <template v-slot:prepend>
+                                <q-icon name="attach_file" />
+                              </template>
+                            </q-file>
+                          </div>
+                          <div class="col-2 self-center text-center q-pl-none">
+                            <q-btn
+                              flat
+                              round
+                              dense
+                              color="primary"
+                              icon="mdi-upload"
+                              @click="
+                                upLoadFile(
+                                  'แบบแสดงการประเมินผลงาน (เอกสารหมายเลข 17)',
+                                  fileEvaluation84
+                                )
+                              "
+                              ><q-tooltip>อัปโหลดไฟล์</q-tooltip></q-btn
+                            >
+                          </div>
                         </div>
                       </div>
                     </div>
@@ -653,7 +676,10 @@ onMounted(() => {
                   <div class="row">
                     <div class="col-12 q-pa-sm">
                       <div class="row q-col-gutter-md col-12">
-                        <div class="col-xs-12 col-sm-6 row">
+                        <div
+                          v-if="store.currentStep == 8"
+                          class="col-xs-12 col-sm-6 row"
+                        >
                           <q-btn
                             class="col-12"
                             outline
@@ -685,37 +711,40 @@ onMounted(() => {
                             <q-tooltip> ดูไฟล์เอกสาร </q-tooltip></q-btn
                           >
                         </div>
-                        <div class="col-xs-12 col-sm-10 row">
-                          <q-file
-                            v-model="fileEvaluation85"
-                            class="col-12"
-                            outlined
-                            dense
-                            hide-bottom-space
-                            lazy-rules
-                            label="อัปโหลดไฟล์"
-                            accept=".pdf"
-                          >
-                            <template v-slot:prepend>
-                              <q-icon name="attach_file" />
-                            </template>
-                          </q-file>
-                        </div>
-                        <div class="col-2 self-center text-center q-pl-none">
-                          <q-btn
-                            flat
-                            round
-                            dense
-                            color="primary"
-                            icon="mdi-upload"
-                            @click="
-                              upLoadFile(
-                                'แบบรายงานผลการประเมินบุคคล (เอกสารหมายเลข 18)',
-                                fileEvaluation85
-                              )
-                            "
-                            ><q-tooltip>อัปโหลดไฟล์</q-tooltip></q-btn
-                          >
+
+                        <div v-if="store.currentStep == 8" class="row col-12">
+                          <div class="col-xs-12 col-sm-10 row">
+                            <q-file
+                              v-model="fileEvaluation85"
+                              class="col-12"
+                              outlined
+                              dense
+                              hide-bottom-space
+                              lazy-rules
+                              label="อัปโหลดไฟล์"
+                              accept=".pdf"
+                            >
+                              <template v-slot:prepend>
+                                <q-icon name="attach_file" />
+                              </template>
+                            </q-file>
+                          </div>
+                          <div class="col-2 self-center text-center q-pl-none">
+                            <q-btn
+                              flat
+                              round
+                              dense
+                              color="primary"
+                              icon="mdi-upload"
+                              @click="
+                                upLoadFile(
+                                  'แบบรายงานผลการประเมินบุคคล (เอกสารหมายเลข 18)',
+                                  fileEvaluation85
+                                )
+                              "
+                              ><q-tooltip>อัปโหลดไฟล์</q-tooltip></q-btn
+                            >
+                          </div>
                         </div>
                       </div>
                     </div>
@@ -731,7 +760,10 @@ onMounted(() => {
                   <div class="row">
                     <div class="col-12 q-pa-sm">
                       <div class="row q-col-gutter-md col-12">
-                        <div class="col-xs-12 col-sm-6 row">
+                        <div
+                          v-if="store.currentStep == 8"
+                          class="col-xs-12 col-sm-6 row"
+                        >
                           <q-btn
                             class="col-12"
                             outline
@@ -763,37 +795,40 @@ onMounted(() => {
                             <q-tooltip> ดูไฟล์เอกสาร </q-tooltip></q-btn
                           >
                         </div>
-                        <div class="col-xs-12 col-sm-10 row">
-                          <q-file
-                            v-model="fileEvaluation86"
-                            class="col-12"
-                            outlined
-                            dense
-                            hide-bottom-space
-                            lazy-rules
-                            label="อัปโหลดไฟล์"
-                            accept=".pdf"
-                          >
-                            <template v-slot:prepend>
-                              <q-icon name="attach_file" />
-                            </template>
-                          </q-file>
-                        </div>
-                        <div class="col-2 self-center text-center q-pl-none">
-                          <q-btn
-                            flat
-                            round
-                            dense
-                            color="primary"
-                            icon="mdi-upload"
-                            @click="
-                              upLoadFile(
-                                'แบบสรุปผลการประเมิน (เอกสารแบบ ง)',
-                                fileEvaluation86
-                              )
-                            "
-                            ><q-tooltip>อัปโหลดไฟล์</q-tooltip></q-btn
-                          >
+
+                        <div v-if="store.currentStep == 8" class="row col-12">
+                          <div class="col-xs-12 col-sm-10 row">
+                            <q-file
+                              v-model="fileEvaluation86"
+                              class="col-12"
+                              outlined
+                              dense
+                              hide-bottom-space
+                              lazy-rules
+                              label="อัปโหลดไฟล์"
+                              accept=".pdf"
+                            >
+                              <template v-slot:prepend>
+                                <q-icon name="attach_file" />
+                              </template>
+                            </q-file>
+                          </div>
+                          <div class="col-2 self-center text-center q-pl-none">
+                            <q-btn
+                              flat
+                              round
+                              dense
+                              color="primary"
+                              icon="mdi-upload"
+                              @click="
+                                upLoadFile(
+                                  'แบบสรุปผลการประเมิน (เอกสารแบบ ง)',
+                                  fileEvaluation86
+                                )
+                              "
+                              ><q-tooltip>อัปโหลดไฟล์</q-tooltip></q-btn
+                            >
+                          </div>
                         </div>
                       </div>
                     </div>
@@ -814,7 +849,10 @@ onMounted(() => {
         <div class="row">
           <div class="col-12 q-pa-sm">
             <div class="row q-col-gutter-md col-12">
-              <div class="col-xs-12 col-sm-12 row">
+              <div
+                v-if="store.currentStep == 8"
+                class="col-xs-12 col-sm-12 row"
+              >
                 <q-btn
                   :href="downloadDocEditUrl"
                   target="_blank"
@@ -832,7 +870,7 @@ onMounted(() => {
       </q-card>
     </div>
 
-    <div class="col-12">
+    <div v-if="store.currentStep == 8" class="col-12">
       <div class="q-mt-xs q-gutter-md" align="right">
         <q-btn
           unelevated