feat: display company name footer

src/pages/05_quotation/peview/ViewForm.vue

@@ -14,7 +14,7 @@ import { baseUrl } from 'stores/utils';
 import { commaInput } from 'stores/utils';
 
 // NOTE  Import Types
-import { BankBook } from 'stores/branch/types';
+import { BankBook, Branch } from 'stores/branch/types';
 import { QuotationPayload } from 'src/stores/quotations/types';
 
 // NOTE: Import Components
@@ -49,7 +49,7 @@ type SummaryPrice = {
   finalPrice: number;
 };
 
-const note = ref<string>('');
+const branch = ref<Branch>();
 const productList = ref<Product[]>([]);
 const bankList = ref<BankBook[]>([]);
 
@@ -121,6 +121,8 @@ onMounted(async () => {
     const res = await branchStore.fetchById(data.value?.registeredBranchId);
 
     if (res) {
+      branch.value = res;
+
       bankList.value = res.bank.map((v) => ({
         ...v,
         bankUrl: `${baseUrl}/branch/${res.id}/bank-qr/${v.id}?ts=${Date.now()}`,
@@ -385,7 +387,16 @@ function print() {
         />
       </article>
 
-      <ViewFooter />
+      <ViewFooter
+        :data="{
+          name: '',
+          company: branch?.name || '',
+          buyer: '',
+          buyDate: '',
+          approveDate: '',
+          approver: '',
+        }"
+      />
     </section>
   </div>
 </template>