refactor(05): receipt dialog

src/pages/05_quotation/MainPage.vue

@@ -16,6 +16,7 @@ import { CustomerBranchCreate } from 'stores/customer/types';
 import { Employee } from 'src/stores/employee/types';
 
 // NOTE: Import Components
+import ReceiptDialog from './ReceiptDialog.vue';
 import QuotationCard from 'src/components/05_quotation/QuotationCard.vue';
 import PaginationComponent from 'src/components/PaginationComponent.vue';
 import StatCardComponent from 'src/components/StatCardComponent.vue';
@@ -76,6 +77,7 @@ const pageState = reactive({
   addModal: false,
   quotationModal: false,
   employeeModal: false,
+  receiptModal: false,
 });
 
 const CUSTOMER_BRANCH_DEFAULT: CustomerBranchCreate & {
@@ -208,6 +210,10 @@ function triggerQuotationDialog(opts: {
   window.open(url.toString(), '_blank');
 }
 
+function triggerReceiptDialog() {
+  pageState.receiptModal = true;
+}
+
 const quotationStore = useQuotationStore();
 const {
   data: quotationData,
@@ -544,7 +550,7 @@ watch(() => pageState.currentTab, fetchQuotationList);
                     branchId: v.customerBranch.customer.registeredBranchId,
                   })
                 "
-                @link="console.log('link')"
+                @link="triggerReceiptDialog()"
                 @upload="console.log('upload')"
                 @delete="triggerDialogDeleteQuottaion(v.id)"
                 @change-status="console.log('change')"
@@ -911,6 +917,8 @@ watch(() => pageState.currentTab, fetchQuotationList);
       </div>
     </div>
   </DialogForm>
+
+  <ReceiptDialog v-model="pageState.receiptModal"></ReceiptDialog>
 </template>
 
 <style scoped></style>