ปรับประเมิน step ที่เหลือ

src/modules/12_evaluatePersonal/components/Detail/step/step4.vue

@@ -433,7 +433,7 @@ onMounted(async () => {
           <div v-if="store.currentStep == 4" >
             <q-btn
               icon="download"
-              color="primary"
+              color="indigo"
               flat
               dense
               round
@@ -455,7 +455,7 @@ onMounted(async () => {
               target="_blank"
               class="col-12"
               icon="visibility"
-              color="primary"
+              color="blue"
               flat
               dense
               round

src/modules/12_evaluatePersonal/components/Detail/step/step5.vue

@@ -315,7 +315,7 @@ onMounted(async () => {
               target="_blank"
               class="col-12"
               icon="visibility"
-              color="primary"
+              color="blue"
               flat
               dense
               round
@@ -325,44 +325,38 @@ onMounted(async () => {
           </div>
         </div>
         <div class="col-12" v-if="store.currentStep == 5"><q-separator /></div>
-        <div class="row">
-          <div class="col-12 q-pa-sm" v-if="store.currentStep == 5">
-            <div class="row col-12">
-              <div class="col-xs-12 col-sm-10 row">
-                <q-file
-                  ref="fileEvaluation5Ref"
-                  v-model="fileEvaluation5"
-                  class="col-12"
-                  outlined
-                  dense
-                  label="อัปโหลดไฟล์"
-                  hide-bottom-space
-                  lazy-rules
-                  accept=".pdf"
-                  :rules="
-                    download10Url === ''
-                      ? [(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="upLoadFile(fileEvaluation5)"
-                  ><q-tooltip>อัปโหลดไฟล์</q-tooltip></q-btn
-                >
-              </div>
-            </div>
-          </div>
+        <div class="col-12 q-pa-sm" v-if="store.currentStep == 5">
+          <q-file
+            ref="fileEvaluation5Ref"
+            v-model="fileEvaluation5"
+            class="col-12"
+            outlined
+            dense
+            label="อัปโหลดไฟล์"
+            hide-bottom-space
+            lazy-rules
+            accept=".pdf"
+            :rules="
+              download10Url === ''
+                ? [(val) => !!val || 'กรุณาเลือกไฟล์']
+                : []
+            "
+          >
+            <template v-slot:prepend>
+              <q-icon name="attach_file" />
+            </template>
+            <template v-slot:after>
+              <q-btn
+                flat
+                round
+                dense
+                color="primary"
+                icon="mdi-upload"
+                @click="upLoadFile(fileEvaluation5)"
+                ><q-tooltip>อัปโหลดไฟล์</q-tooltip></q-btn
+              >
+            </template>
+          </q-file>
         </div>
       </q-card>
     </div>