display withdrawInfModal

src/views/base/wallet/index.vue

@@ -331,6 +331,24 @@
         </a-button>
       </template>
     </BasicModal>
+    <BasicModal
+        v-model:visible="withdrawInfModal"
+        custom-footer
+        :closable="false"
+    >
+      <div class="text-center">
+        <div class=" font-bold text-red-600">مشتری گرامی</div>
+        <div class="mt-2">
+          <div>واریز مبلغ مورد نظر نهایتاً ظرف مدت ۲۴ ساعت آینده انجام می‌پذیرد.</div>
+        </div>
+      </div>
+
+      <template #footer>
+        <a-button type="primary" class="w-full" @click="withdrawInfModal = false">
+          متوجه شدم
+        </a-button>
+      </template>
+    </BasicModal>
   </div>
 </template>
 
@@ -374,6 +392,7 @@ const showAddCard = ref<boolean>(false)
 const chargeAccountModal = ref<boolean>(false)
 const showConfirmCode = ref<boolean>(false)
 const refOtpInput = ref<InstanceType<typeof VOtpInput> | null>(null)
+const withdrawInfModal = ref<boolean>(false)
 
 const config = useConfigStore()
 onMounted(() => {
@@ -635,6 +654,7 @@ async function handleOnComplete(value: string) {
     await withdraw({...form.value, otp: value})
     await walletStore.getMyWallet()
     await message.success('عملیات با موفقیت انجام شد')
+    withdrawInfModal.value = true
     resetData()
   } catch (e) {
     console.log(e)