changes of boursecu

src/views/base/wallet/mobile/MobileWalletView.vue

@@ -26,9 +26,17 @@
     </div>
     <div
       class="px-5 mpage-content mpage-content--with-subheader"
-      :class="isDeposit ? 'pb-2' : 'pb-[calc(var(--app-bottom-chrome-height)+var(--app-add-card-height)+1rem)]'"
+      :class="isDeposit ? 'pb-2' : isBoursecu ? 'pb-[calc(var(--app-bottom-chrome-height)+1rem)]' : 'pb-[calc(var(--app-bottom-chrome-height)+var(--app-add-card-height)+1rem)]'"
     >
       <a-form :model="form" class="!mt-5" name="basic" @finish="ok()">
+        <BoursecuBankAccountPicker
+          v-if="!isDeposit && isBoursecu"
+          v-model:id="form.card_id"
+          :items="cardItems"
+          class="mb-4"
+          @add-account="showAddCard = true"
+        />
+
         <div class="border-gray-200 border-1 rounded-xl p-5 trans h-40 relative">
           <bg_main />
           <div class="z-100 relative">
@@ -45,7 +53,9 @@
             </a-form-item>
             <Transition mode="out-in" name="fade">
               <div v-if="!isDeposit">
-                <div class="text-red text-xs font-bold mb-2">حداقل مبلغ برداشتی 100 هزار تومان می باشد.</div>
+                <div v-if="!isBoursecu" class="text-red text-xs font-bold mb-2">
+                  حداقل مبلغ برداشتی 100 هزار تومان می باشد.
+                </div>
                 <div class="font-bold text-xs">
                   {{ formatCashWalletBalanceText(usePriceWithoutType(walletStore?.walletInfo?.cash ?? 0)) }}
                 </div>
@@ -94,6 +104,14 @@
           </BasicButton>
         </a-form-item>
       </a-form>
+
+      <div
+        v-if="!isDeposit && isBoursecu"
+        class="wallet-withdraw-guide-panel relative z-10"
+      >
+        <BoursecuWithdrawGuide />
+      </div>
+
       <div
         v-if="isDeposit"
         :ref="(node) => { mobileDepositScrollEl = (node as HTMLElement | null) }"
@@ -110,7 +128,7 @@
       <Transition mode="out-in" name="fade">
         <template v-if="!isDeposit">
           <div
-            v-if="!loading && cardItems.length === 0"
+            v-if="!loading && cardItems.length === 0 && !isBoursecu"
             class="h-30 flex items-center justify-center"
           >
             هیچ کارتی یافت نشد
@@ -121,7 +139,7 @@
 
     <Teleport to="body">
       <CardSlider
-        v-if="!isDeposit && cardItems.length > 0 && !showAddCard"
+        v-if="!isDeposit && !isBoursecu && cardItems.length > 0 && !showAddCard"
         v-model:id="form.card_id"
         :items="cardItems"
         class="card-slider-wrap wallet-card-slider"
@@ -131,7 +149,7 @@
 
     <Teleport to="body">
       <div
-        v-if="!isDeposit && !showAddCard"
+        v-if="!isDeposit && !isBoursecu && !showAddCard"
         class="add-card app-dock-add-bar"
         @click="showAddCard = true"
       >
@@ -154,9 +172,14 @@ import { useConfigStore } from '@/store/configStore'
 import { required } from '@/utils/inputRules'
 import img from '@/assets/img/user_ly1.svg'
 import CardSlider from '../components/UISlider/index.vue'
+import BoursecuBankAccountPicker from '../components/BoursecuBankAccountPicker.vue'
+import BoursecuWithdrawGuide from '../components/BoursecuWithdrawGuide.vue'
 import Item from '../components/Item.vue'
+import { isBoursecuProject } from '@/utils/config'
 import { useWalletPageContext } from '../composables/useWalletPage'
 
+const isBoursecu = isBoursecuProject()
+
 const {
   isDeposit,
   walletStore,
@@ -185,6 +208,11 @@ const {
   right: 0;
 }
 
+.wallet-withdraw-guide-panel {
+  margin-top: 1.25rem;
+  padding-bottom: 1rem;
+}
+
 @media screen and (min-width: 426px) {
   .card-slider-wrap {
     width: 426px;