mock download bill payment

src/modules/01_exam/components/ExamPayment.vue

@@ -134,6 +134,7 @@
                       outline
                       dense
                       label="พิมพ์ใบแจ้งการชำระเงิน"
+                      @click="downloadBillPayment"
                     />
                   </q-card>
                   <div class="q-pt-md q-pb-xs text-bold">ธนาคารกรุงไทย</div>
@@ -329,6 +330,12 @@ const clickPayment = async () => {
   }
 }
 
+const downloadBillPayment = (val: string) => {
+  window.open(
+    'https://s3.frappet.com/bma-recruit/%E0%B9%83%E0%B8%9A%E0%B8%88%E0%B9%88%E0%B8%B2%E0%B8%A2%E0%B9%80%E0%B8%87%E0%B8%B4%E0%B8%99.pdf?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=XYM5279XMEH7PWU0HX7W%2F20230409%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20230409T141409Z&X-Amz-Expires=604800&X-Amz-Security-Token=eyJhbGciOiJIUzUxMiIsInR5cCI6IkpXVCJ9.eyJhY2Nlc3NLZXkiOiJYWU01Mjc5WE1FSDdQV1UwSFg3VyIsImV4cCI6MzYwMDAwMDAwMDAwMCwicG9saWN5IjoiY29uc29sZUFkbWluIn0.-zazJEG9fdsNDqP9x20--Id8fZz02SbAJPifcjIWrXaudwfSym0zfB3iCVaFKy5fHH9u1NLcq6RIjrloozO8JA&X-Amz-SignedHeaders=host&versionId=null&X-Amz-Signature=11c2d786029e2153cd89154654b84d12f5d0eae2d9b0e6d8e3189c4097e3eb15'
+  )
+}
+
 const getClass = (val: string) => {
   switch (val) {
     case 'checkPayment':

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

@@ -30,7 +30,7 @@
       color="gray"
       type="file"
       flat
-      :factory="uploadData"
+      @factory="uploadData"
       ref="uploader"
       class="full-width"
       text-color="dark"
@@ -206,7 +206,7 @@ const deleteData = async (id: string) => {
     })
 }
 
-const uploadData = async (file: any) => {
+const uploadData = async (file: File[]) => {
   loader.value = true
   const blob = file.slice(0, file[0].size)
   const newFile = new File(blob, name.value, {