src/pages/Customer/Defaulter/CustomerDefaulter.vue

@@ -11,6 +11,7 @@ import VnInput from 'src/components/common/VnInput.vue';
 import CustomerDefaulterAddObservation from './CustomerDefaulterAddObservation.vue';
 import DepartmentDescriptorProxy from 'src/pages/Department/Card/DepartmentDescriptorProxy.vue';
 import VnTable from 'src/components/VnTable/VnTable.vue';
+import FetchData from 'components/FetchData.vue';
 
 const { t } = useI18n();
 const quasar = useQuasar();
@@ -190,9 +191,15 @@ function exprBuilder(param, value) {
 </script>
 
 <template>
+    <FetchData
+    :url="`Defaulters/filter?sumAmount=true`"
+    auto-load
+    @on-fetch="({ sumAmount }) => (totalAmount = sumAmount)"
+  
+    ></FetchData>
     <VnSubToolbar>
         <template #st-data>
-            <CustomerBalanceDueTotal :amount="balanceDueTotal" />
+            <CustomerBalanceDueTotal :amount="totalAmount" />
         </template>
         <template #st-actions>
             <QBtn