ย้ายชื่อเอกสารกับไฟล์

ย้ายชื่อ เอกสารกับไฟล์ ไปข้างบนของอัปโหลด ลิส

src/modules/01_exam/components/Form/Document.vue

@@ -10,39 +10,7 @@
       :cancel="cancelData"
     />
     <div class="row col-12 q-gutter-sm q-pt-sm">
-      <q-card bordered flat class="full-width">
-        <q-list separator>
-          <q-item v-for="file in files" :key="file.key" class="q-my-xs">
-            <q-item-section>
-              <q-item-label class="full-width ellipsis">
-                {{ file.name }}
-              </q-item-label>
-
-              <q-item-label caption> สถานะ: {{ file.status }} / {{ file.sizeLabel }} </q-item-label>
-            </q-item-section>
-            <q-item-section top side>
-              <div class="q-gutter-sm">
-                <q-btn size="12px" flat dense round color="blue" icon="mdi-download-outline">
-                  <q-tooltip>ดาวน์โหลด</q-tooltip>
-                </q-btn>
-                <q-btn
-                  size="12px"
-                  flat
-                  dense
-                  round
-                  color="red"
-                  icon="mdi-delete-outline"
-                  v-if="edit"
-                >
-                  <q-tooltip>ลบไฟล์</q-tooltip>
-                </q-btn>
-              </div>
-            </q-item-section>
-          </q-item>
-        </q-list>
-      </q-card>
       <div v-if="edit" class="col-12 q-ma-none">
-        <q-separator class="q-mt-sm" />
         <q-input
           class="q-my-sm"
           hide-bottom-space
@@ -68,6 +36,30 @@
         />
       </div>
     </div>
+    <q-separator class="q-mt-sm" />
+    <q-card bordered flat class="full-width">
+      <q-list separator>
+        <q-item v-for="file in files" :key="file.key" class="q-my-xs">
+          <q-item-section>
+            <q-item-label class="full-width ellipsis">
+              {{ file.name }}
+            </q-item-label>
+
+            <q-item-label caption> สถานะ: {{ file.status }} / {{ file.sizeLabel }} </q-item-label>
+          </q-item-section>
+          <q-item-section top side>
+            <div class="q-gutter-sm">
+              <q-btn size="12px" flat dense round color="blue" icon="mdi-download-outline">
+                <q-tooltip>ดาวน์โหลด</q-tooltip>
+              </q-btn>
+              <q-btn size="12px" flat dense round color="red" icon="mdi-delete-outline" v-if="edit">
+                <q-tooltip>ลบไฟล์</q-tooltip>
+              </q-btn>
+            </div>
+          </q-item-section>
+        </q-item>
+      </q-list>
+    </q-card>
   </q-card>
 </template>
 <script setup lang="ts">