|
@@ -29,7 +29,7 @@
|
|
|
|
|
|
|
|
<div v-if="info.consumption">
|
|
<div v-if="info.consumption">
|
|
|
<div class="summary-view">
|
|
<div class="summary-view">
|
|
|
- <div class="summary-text">Total Consumption 2023</div>
|
|
|
|
|
|
|
+ <div class="summary-text">Total Consumption {{year}}</div>
|
|
|
<div class="summary-text">{{info.consumption.thisYearTotalConsumption}}</div>
|
|
<div class="summary-text">{{info.consumption.thisYearTotalConsumption}}</div>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="summary-sub-view">
|
|
<div class="summary-sub-view">
|
|
@@ -48,28 +48,28 @@
|
|
|
|
|
|
|
|
<div v-if="info.revenue">
|
|
<div v-if="info.revenue">
|
|
|
<div class="summary-view">
|
|
<div class="summary-view">
|
|
|
- <div class="summary-text">Total Revenue 2023</div>
|
|
|
|
|
- <div class="summary-text">{{currency}}1900</div>
|
|
|
|
|
|
|
+ <div class="summary-text">Total Revenue {{year}}</div>
|
|
|
|
|
+ <div class="summary-text">{{currency}}{{info.revenue.thisYearTotalRevenue}}</div>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="summary-sub-view">
|
|
<div class="summary-sub-view">
|
|
|
<div class="summary-text">Transaction Completed</div>
|
|
<div class="summary-text">Transaction Completed</div>
|
|
|
- <div class="summary-text">12</div>
|
|
|
|
|
|
|
+ <div class="summary-text">{{info.revenue.thisDayTransactionsCompleted}}</div>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="summary-sub-view">
|
|
<div class="summary-sub-view">
|
|
|
<div class="summary-text">Transactions Ongoing</div>
|
|
<div class="summary-text">Transactions Ongoing</div>
|
|
|
- <div class="summary-text">12</div>
|
|
|
|
|
|
|
+ <div class="summary-text">{{info.revenue.thisDayTransactionsOngoing}}</div>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="summary-sub-view">
|
|
<div class="summary-sub-view">
|
|
|
<div class="summary-text">Highest transaction</div>
|
|
<div class="summary-text">Highest transaction</div>
|
|
|
- <div class="summary-text">{{currency}}20</div>
|
|
|
|
|
|
|
+ <div class="summary-text">{{currency}}{{info.revenue.thisDayHighestTransaction}}</div>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="summary-sub-view">
|
|
<div class="summary-sub-view">
|
|
|
<div class="summary-text">Lowest Transaction</div>
|
|
<div class="summary-text">Lowest Transaction</div>
|
|
|
- <div class="summary-text">{{currency}}65</div>
|
|
|
|
|
|
|
+ <div class="summary-text">{{currency}}{{info.revenue.thisDayLowestTransaction}}</div>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="summary-sub-view">
|
|
<div class="summary-sub-view">
|
|
|
<div class="summary-text">Average Transaction</div>
|
|
<div class="summary-text">Average Transaction</div>
|
|
|
- <div class="summary-text">{{currency}}20</div>
|
|
|
|
|
|
|
+ <div class="summary-text">{{currency}}{{info.revenue.thisDayAverageTransaction}}</div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
@@ -90,11 +90,11 @@
|
|
|
},
|
|
},
|
|
|
data() {
|
|
data() {
|
|
|
return {
|
|
return {
|
|
|
-
|
|
|
|
|
|
|
+ year: "2023"
|
|
|
};
|
|
};
|
|
|
},
|
|
},
|
|
|
mounted() {
|
|
mounted() {
|
|
|
-
|
|
|
|
|
|
|
+ this.year = ("" + new Date().getFullYear());
|
|
|
},
|
|
},
|
|
|
methods: {
|
|
methods: {
|
|
|
|
|
|