ปรับ กล่องข้อความ

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

@@ -116,7 +116,7 @@ function checkDoc() {
     .get(
       config.API.loadFileDocument(
         "เล่ม 2",
-        store.evaluateId,
+        evaluateId.value,
         "2-เอกสารเล่ม 2 (ฉบับแก้ไข)"
       )
     )
@@ -157,7 +157,7 @@ async function fetcheSigner(id: string) {
 
 /** lifecycleHook*/
 onMounted(async () => {
-  await checkDoc(); 
+  await checkDoc();
   await fetcheSigner(evaluateId.value);
 });
 </script>
@@ -207,25 +207,25 @@ onMounted(async () => {
       </div> -->
 
       <div class="col-12">
-        <q-card class=" shadow-0" bordered style="border: 1px solid #d6dee1">
+        <q-card class="shadow-0" bordered style="border: 1px solid #d6dee1">
           <div class="row col-12 bg-grey-1">
             <div class="text-weight-medium q-py-sm q-px-md">
               เอกสารเล่ม 2 (ฉบับแก้ไข)
             </div>
-            <q-space/>
-            <div v-if="downloadUrl != ''">
-              <q-btn
-                :href="downloadUrl"
-                target="_blank"
-                class="col-12"
-                outline
-                icon="visibility"
-                label="ดูไฟล์เอกสาร"
-                color="primary"
-              >
-                <q-tooltip> ดูไฟล์เอกสาร </q-tooltip></q-btn
-              >
-            </div>
+            <q-space />
+
+            <q-btn
+              v-if="downloadUrl != ''"
+              :href="downloadUrl"
+              target="_blank"
+              class="q-ml-sm"
+              color="blue"
+              flat
+              dense
+              icon="visibility"
+            >
+              <q-tooltip> ดูไฟล์เอกสาร </q-tooltip></q-btn
+            >
           </div>
           <div class="col-12"><q-separator /></div>
           <div class="row">