feat: quotation payment method

src/components/upload-file/UploadFileCard.vue

@@ -54,10 +54,11 @@ onMounted(() => {
     @click="$emit('click')"
   >
     <q-icon :name="icon" size="lg" :style="`color: ${color}`" />
-    <article class="col column q-pl-md">
-      <span class="ellipsis full-width">
+    <div class="col column q-pl-md">
+      <div class="ellipsis full-width" style="max-width: 65vw !important">
         {{ name }}
-      </span>
+      </div>
+
       <span class="text-caption app-text-muted-2">
         {{
           uploading.loaded
@@ -79,7 +80,7 @@ onMounted(() => {
         />
         {{ idle ? `Pending` : progress !== 1 ? `Uploading...` : 'Completed' }}
       </span>
-    </article>
+    </div>
     <q-btn
       v-if="closeable"
       icon="mdi-close"

src/i18n/eng.ts

@@ -777,6 +777,8 @@ export default {
     seller: 'Seller',
     paymentChannels: 'Payment Channels',
     channelsThat: 'Channels That',
+    refNo: 'Reference Number',
+    bankAccount: 'Bank Account',
     bankAccountNumber: 'Bank Account Number',
     bankAccountName: 'Bank Account Name',
     inTheNameOf: 'In The Name Of',

src/i18n/tha.ts

@@ -775,6 +775,8 @@ export default {
     seller: 'ผู้ขาย',
     paymentChannels: 'ช่องทางชำระเงิน',
     channelsThat: 'ช่องทางที่',
+    refNo: 'เลขที่อ้างอิง',
+    bankAccount: 'บัญชีธนาคาร',
     bankAccountNumber: 'เลขบัญชีธนาคาร',
     bankAccountName: 'ชื่อบัญชี',
     inTheNameOf: 'ในนาม',

src/stores/quotations/types.ts

@@ -417,6 +417,9 @@ export type QuotationPaymentData = {
   date: string;
   id: string;
   code: string;
+  account?: string;
+  channel?: string;
+  reference?: string;
 };
 
 export type Details = {
@@ -435,6 +438,9 @@ export type PaymentPayload = {
   paymentStatus: string;
   date: Date;
   amount: number;
+  account?: string;
+  channel?: string;
+  reference?: string;
 };
 
 export type ProductServiceList = {