ปรับ ประเมินบุคคล

src/modules/06_evaluate/components/step/step6.vue

@@ -307,77 +307,6 @@ watch(
       </q-card>
     </div>
 
-    <!-- อัปไฟล์ -->
-    <div class="col-6" v-if="store.statusUpload && store.currentStep === 6">
-      <q-card bordered style="border: 1px solid #d6dee1">
-        <div class="text-weight-medium bg-grey-1 q-py-sm q-px-md">
-          เอกสารเล่ม 2
-        </div>
-        <div class="col-12"><q-separator /></div>
-        <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">
-                <q-btn
-                  v-if="downloadUrl"
-                  :href="downloadUrl"
-                  target="_blank"
-                  class="col-12"
-                  outline
-                  icon="visibility"
-                  label="ดูไฟล์เอกสาร"
-                  color="primary"
-                >
-                  <q-tooltip> ดูไฟล์เอกสาร </q-tooltip></q-btn
-                >
-              </div>
-              <div class="col-xs-12 col-sm-10 row">
-                <!-- :rules="[(val) => !!val || 'เลือกไฟล']" -->
-
-                <q-file
-                  ref="fileEvaluation1Ref"
-                  v-model="fileEvaluation1"
-                  class="col-12"
-                  outlined
-                  dense
-                  hide-bottom-space
-                  lazy-rules
-                  accept=".pdf"
-                  :rules="
-                    downloadUrl === ''
-                      ? [(val) => !!val || 'กรุณาเลือกไฟล์']
-                      : []
-                  "
-                >
-                  <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="
-                    fetchPathUpload(
-                      'เล่ม 2',
-                      evaluateId,
-                      '1-เอกสารเล่ม 2',
-                      fileEvaluation1
-                    )
-                  "
-                  ><q-tooltip>อัปโหลดไฟล์</q-tooltip></q-btn
-                >
-              </div>
-            </div>
-          </div>
-        </div>
-      </q-card>
-    </div>
-
     <!-- เลือกผู้เซ็นเอกสาร -->
     <div class="col-12">
       <q-card bordered style="border: 1px solid #d6dee1">
@@ -458,6 +387,78 @@ watch(
         </div>
       </q-card>
     </div>
+
+    <!-- อัปไฟล์ -->
+    <div class="col-6" v-if="store.currentStep === 6">
+      <q-card bordered style="border: 1px solid #d6dee1">
+        <div class="text-weight-medium bg-grey-1 q-py-sm q-px-md">
+          เอกสารเล่ม 2
+        </div>
+        <div class="col-12"><q-separator /></div>
+        <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">
+                <q-btn
+                  v-if="downloadUrl"
+                  :href="downloadUrl"
+                  target="_blank"
+                  class="col-12"
+                  outline
+                  icon="visibility"
+                  label="ดูไฟล์เอกสาร"
+                  color="primary"
+                >
+                  <q-tooltip> ดูไฟล์เอกสาร </q-tooltip></q-btn
+                >
+              </div>
+              <div class="col-xs-12 col-sm-10 row">
+                <!-- :rules="[(val) => !!val || 'เลือกไฟล']" -->
+
+                <q-file
+                  :disable="!store.statusUpload"
+                  ref="fileEvaluation1Ref"
+                  v-model="fileEvaluation1"
+                  class="col-12"
+                  outlined
+                  dense
+                  lazy-rules
+                  accept=".pdf"
+                  :rules="
+                    downloadUrl === ''
+                      ? [(val) => !!val || 'กรุณาเลือกไฟล์']
+                      : []
+                  "
+                >
+                  <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
+                  :disable="!store.statusUpload"
+                  flat
+                  round
+                  dense
+                  color="primary"
+                  icon="mdi-upload"
+                  @click="
+                    fetchPathUpload(
+                      'เล่ม 2',
+                      evaluateId,
+                      '1-เอกสารเล่ม 2',
+                      fileEvaluation1
+                    )
+                  "
+                  ><q-tooltip>อัปโหลดไฟล์</q-tooltip></q-btn
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+      </q-card>
+    </div>
   </div>
 
   <!-- Dialog Full Screen -->