fix(05): slip file display

src/pages/05_quotation/ReceiptDialog.vue

@@ -1,7 +1,12 @@
 <script setup lang="ts">
 import { storeToRefs } from 'pinia';
 import { useConfigStore } from 'stores/config';
-import { formatNumberDecimal, commaInput, deleteItem } from 'stores/utils';
+import {
+  formatNumberDecimal,
+  commaInput,
+  deleteItem,
+  convertFileSize,
+} from 'stores/utils';
 import DialogForm from 'src/components/DialogForm.vue';
 import { reactive, ref, watch } from 'vue';
 import { useQuotationPayment } from 'src/stores/quotations';
@@ -61,9 +66,9 @@ watch(
           paymentId: v.id,
           file: [],
         }));
-        console.log(ret);
-        console.log(paymentData.value);
-        console.log(slipFile.value);
+        // console.log(ret);
+        // console.log(paymentData.value);
+        // console.log(slipFile.value);
       }
     }
   },
@@ -470,12 +475,11 @@ watch(
                     class="app-text-muted"
                   />
                   <article class="col column q-pl-md">
-                    {{ console.log(file) }}
                     <span>{{ file.name }}</span>
                     <span class="text-caption app-text-muted-2">
-                      {{ file.size }} •
+                      {{ convertFileSize(file.size) }} •
                       <q-spinner-ios
-                        v-if="i % 2 === 0"
+                        v-if="false"
                         class="q-mx-xs"
                         color="primary"
                         size="1.5em"
@@ -486,7 +490,7 @@ watch(
                         color="positive"
                         size="1rem"
                       />
-                      Uploading...
+                      {{ false ? `Uploading...` : 'Completed' }}
                     </span>
                   </article>
                   <q-btn