update CustomerProfileComponent add details of last payment date, last payment amount, and created date

This commit is contained in:
edmondlang
2021-11-25 16:47:02 +08:00
parent cb8cbe6274
commit df3e60e3b0
@@ -38,7 +38,7 @@
<i class="fa fa-circle text-success m-r-5" :class="[{'text-success': item.status === 2}, {'text-danger-darker': item.status === 5}, {'text-danger': item.status !== 2 || item.status !== 5}]"></i>{{item.status === 2 ? 'Active' : item.status === 5 ? 'Suspended' : 'Inactive'}}
</div>
</div>
<div class="col m-l-50">
<div class="col-auto m-l-50">
<div class="row align-items-center parentContainer">
<div class="col-auto padding-5 b-a b-grey b-rad-lg pointer requestModal" data-type="assignSegment">
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
@@ -64,6 +64,23 @@
</modal-component>
</div>
</div>
<div class="col m-l-50">
<div class="row">
<div class="col">
<p class="m-b-0 fs-11 muted bold"><b>Last Payment: </b>{{item.last_payment}}</p>
</div>
</div>
<div class="row">
<div class="col">
<p class="m-b-0 fs-11 muted bold"><b>Payment Amount: </b>MYR {{(Math.round((item.total_payments + Number.EPSILON) * 100) / 100).toFixed(2).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")}}</p>
</div>
</div>
<div class="row">
<div class="col">
<p class="m-b-0 fs-11 muted bold"><b>Created at: </b>{{item.created_at}}</p>
</div>
</div>
</div>
</div>
</div>
</div>