feat: refs #7134 use VnAccountNumber

src/pages/Supplier/Card/SupplierBalance.vue

@@ -201,7 +201,6 @@ async function onFetch(data) {
 }
 
 const showNewPaymentDialog = () => {
-    debugger;
     quasar.dialog({
         component: SupplierNewPayment,
         componentProps: {

src/pages/Supplier/Card/SupplierNewPayment.vue

@@ -15,6 +15,7 @@ import VnInputDate from 'components/common/VnInputDate.vue';
 import VnInputNumber from 'components/common/VnInputNumber.vue';
 import VnSelect from 'src/components/common/VnSelect.vue';
 import VnInput from 'src/components/common/VnInput.vue';
+import VnAccountNumber from 'src/components/common/VnAccountNumber.vue';
 
 const { t } = useI18n();
 const route = useRoute();
@@ -180,12 +181,7 @@ async function getAmountPaid() {
             auto-load
             url="Companies"
         />
-        <FetchData
-            :filter="filterBanks"
-            @on-fetch="(data) => (bankOptions = data)"
-            auto-load
-            url="Accountings"
-        />
+
         <FetchData
             :filter="filterRecordFindOne"
             url="Suppliers/findOne"
@@ -268,9 +264,10 @@ async function getAmountPaid() {
                         {{ t('Compensation') }}
                     </div>
                     <VnRow>
-                        <VnInputNumber
+                        <VnAccountNumber
                             :label="t('Compensation account')"
                             clearable
+                            required
                             v-model="data.compensationAccount"
                             @blur="accountShortToStandard"
                         />