cief/shipping-portal
1
0
Fork 0
mirror of https://gitlab.com/CIEFWorldwideSdnBhd/shipping-portal.git synced 2026-09-01 19:04:08 +00:00
Code Issues Packages Projects Releases Wiki Activity

update design for approve payment

Browse Source
This commit is contained in:
edmondlang
2023-10-20 16:02:04 +08:00
parent 4176e09ea3
commit 487d07e28c
1 changed files with 28 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/assets/vue/components/paymentsBilling/elements/PaymentVerificationComponent.vue
+28 -24
View File
@@ -2,7 +2,7 @@
<div class="row m-b-10 parentContainer">
<div class="col">
<loading-component style="height: 200px; top: 0;" key="1" color="success" v-show="isLoading"></loading-component>
<div class="row p-1 b-b b-grey" :class="{'b-primary': expanded, 'b-danger': expanded, 'b-a': expanded}" v-show="!isLoading">
<div class="row p-1 b-b b-grey" v-show="!isLoading">
<div class="col">
<div class="row">
<div class="col">
@@ -156,32 +156,36 @@
<div class="row b-t b-grey p-t-10" v-show="expanded" v-if="item.group_transactions">
<div class="col">
<div class="row p-b-10 b-b b-grey" v-for="(invoice, index) in item.group_transactions">
<div class="col-1">
<p class="no-margin fs-10 all-caps">{{ index + 1 }}.</p>
</div>
<div class="col-6">
<p class="no-margin fs-10 all-caps bold">Invoice No</p>
<div class="fs-10">{{ invoice.bill_no }}</div>
</div>
<div class="col-4">
<p class="no-margin fs-10 all-caps bold">Order</p>
<div class="fs-10"><a :href="route('order.show', invoice.order.reference)">{{invoice.order.reference}}</a></div>
</div>
<div class="col-1">
<p class="no-margin fs-10 all-caps bold"></p>
</div>
<div class="col-6">
<p class="no-margin fs-10 all-caps bold">Invoice Date</p>
<div class="fs-10">{{ invoice.created_at }}</div>
</div>
<div class="col-4">
<p class="no-margin fs-10 all-caps bold">Amount</p>
<div class="font-heading fs-14 text-success bold">{{ invoice.amount.toFixed(2) }}</div>
<div class="col">
<div class="row">
<div class="col-1">
<p class="no-margin fs-10 all-caps">{{ index + 1 }}.</p>
</div>
<div class="col">
<p class="no-margin fs-10 all-caps bold">Invoice No</p>
<div class="fs-10">{{ invoice.bill_no }}</div>
</div>
<div class="col">
<p class="no-margin fs-10 all-caps bold">Order</p>
<div class="fs-10"><a :href="route('order.show', invoice.order.reference)">{{invoice.order.reference}}</a></div>
</div>
</div>
<div class="row">
<div class="col-1">
<p class="no-margin fs-10 all-caps bold"></p>
</div>
<div class="col">
<p class="no-margin fs-10 all-caps bold">Invoice Date</p>
<div class="fs-10">{{ invoice.created_at }}</div>
</div>
<div class="col">
<p class="no-margin fs-10 all-caps bold">Amount</p>
<div class="font-heading fs-14 text-success bold">{{ invoice.amount.toFixed(2) }}</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>