feat: payment view

src/pages/05_quotation/QuotationForm.vue

@@ -67,6 +67,7 @@ import { precisionRound } from 'src/utils/arithmetic';
 import { useConfigStore } from 'src/stores/config';
 import QuotationFormMetadata from './QuotationFormMetadata.vue';
 import BadgeComponent from 'src/components/BadgeComponent.vue';
+import PaymentForm from './PaymentForm.vue';
 
 // defineProps<{
 //   readonly?: boolean;
@@ -905,7 +906,15 @@ const view = ref<View>(View.Quotation);
               />
             </div>
           </div>
-          <template v-if="true">
+          <template
+            v-if="
+              view === View.Quotation ||
+              view === View.Accepted ||
+              view === View.Invoice ||
+              view === View.Payment ||
+              view === View.Receipt
+            "
+          >
             <q-expansion-item
               for="item-up"
               id="item-up"
@@ -1204,6 +1213,9 @@ const view = ref<View>(View.Quotation);
               </div>
             </q-expansion-item>
           </template>
+          <template v-else>
+            <PaymentForm :data="quotationFormState.source" />
+          </template>
         </div>
       </section>
     </article>