update

src/pages/danh-sach-booking/index.vue

@@ -144,7 +144,27 @@
       <div class="q-ml-sm" style="font-size: 14px">
         <span style="font-weight: bold"></span>
         <span
-          >Đặt cọc:
+          >Booking:
+          <span style="color: red; padding-right: 5px">{{
+            TotalRecords
+          }}</span></span
+        >
+
+        <span
+          >Chi phí dự kiến:
+          <span style="color: red; padding-right: 5px">{{
+            TotalExpectedFee
+          }}</span></span
+        >
+
+        <span
+          >Tiền cần đặt cọc:
+          <span style="color: red; padding-right: 5px">{{
+            DepositRequiredTotal
+          }}</span></span
+        >
+        <span
+          >Tiền đã đặt cọc:
           <span style="color: red; padding-right: 5px">{{
             TotalDeposit
           }}</span></span
@@ -177,8 +197,11 @@
         class="sticky-header-table"
       >
         <template v-slot:body-cell-action="rowData">
-          <q-td  style="padding: 0; text-align: center">
-            <div v-if="rowData.row.status !==  1 && rowData.row.status !==  2"  style="display: flex">
+          <q-td style="padding: 0; text-align: center">
+            <div
+              v-if="rowData.row.status !== 1 && rowData.row.status !== 2"
+              style="display: flex"
+            >
               <q-btn
                 flat
                 round
@@ -256,8 +279,8 @@
                 size="sm"
                 label
                 :color="data.color"
-                >{{ data.name }} </q-chip
-              >
+                >{{ data.name }}
+              </q-chip>
             </template>
           </q-td>
         </template>
@@ -360,7 +383,7 @@ import {
   ListArrayArtist,
   ListArrayCust,
 } from 'src/assets/type';
-import { formatMoney } from '../../boot/functions';
+import { formatMoney, formatMoneyv2 } from '../../boot/functions';
 import detailBooking from '../../components/detailBooking/index.vue';
 
 import moment from 'moment';
@@ -700,25 +723,27 @@ export default defineComponent({
         if (response.data.error.code === config.API_RES_CODE.OK.code) {
           listBooking.value = response.data.data.data;
           totalPage.value = response.data.data.totalPages;
-          TotalDeposit.value = formatMoney({
+          TotalDeposit.value = formatMoneyv2({
             amount: response.data.data.deposit,
           });
-          TotalFineFee.value = formatMoney({
+          TotalFineFee.value = formatMoneyv2({
             amount: response.data.data.fineFee,
           });
-          TotalRefundAmount.value = formatMoney({
+          TotalRefundAmount.value = formatMoneyv2({
             amount: response.data.data.refundAmount,
           });
 
-          // DepositRequiredTotal = formatMoney({
-          //   amount: response.data.data.totalDepositRequired,
-          // });
+          DepositRequiredTotal.value = formatMoneyv2({
+            amount: response.data.data.totalDepositRequired,
+          });
 
-          // TotalExpectedFee = formatMoney({
-          //   amount: response.data.data.totalExpectedFee,
-          // });
+          TotalExpectedFee.value = formatMoneyv2({
+            amount: response.data.data.totalExpectedFee,
+          });
 
-          // TotalRecords = formatMoney({amount: response.data.data.totalRecords } ) 
+          TotalRecords.value = formatMoneyv2({
+            amount: response.data.data.totalRecords,
+          });
         }
       } catch (error) {}
     };