feat(收入操作页): 新增确认弹窗

src/views/BDCenter/availableIncome.vue

@@ -401,6 +401,62 @@
         </div>
       </div>
     </div>
+
+    <!-- 弹窗遮罩层 -->
+    <maskLayer :maskLayerShow="maskLayerShow" @click="maskLayerShow = false">
+      <!-- 输入邀请码模块 -->
+      <div
+        style="
+          width: 100vw;
+          height: 100vh;
+          display: flex;
+          justify-content: center;
+          align-items: center;
+        "
+        @click="maskLayerShow = false"
+      >
+        <div
+          style="
+            width: 80%;
+            border-radius: 12px;
+            background: #fff;
+            padding: 12px;
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            gap: 4px;
+          "
+          @click.stop
+        >
+          <div style="color: rgba(0, 0, 0, 0.8); font-weight: 800">Tips</div>
+          <div style="color: rgba(0, 0, 0, 0.4); font-weight: 600; font-size: 0.7em">
+            Cash withdrawals require review. Pleasewait patiently for the cash to arrive afterthe
+            review is passed.
+          </div>
+          <div
+            style="
+              display: flex;
+              justify-content: center;
+              align-items: center;
+              border-radius: 12px;
+              background: linear-gradient(
+                152deg,
+                rgba(198, 112, 255, 0.8) 7.01%,
+                rgba(119, 38, 255, 0.8) 92.99%
+              );
+
+              color: #fff;
+              font-weight: 800;
+              padding: 8px 12px;
+              width: 50%;
+            "
+            @click="Receive"
+          >
+            Receive
+          </div>
+        </div>
+      </div>
+    </maskLayer>
   </div>
 </template>
 
@@ -412,6 +468,7 @@ import { getBankBalance, userBankTransfer } from '@/api/wallet.js'
 import { getSelectedPayee, clearSelectedPayee } from '@/utils/payeeStore.js'
 import { showError, showSuccess } from '@/utils/toast.js'
 import { setApplyInfo, getApplyInfo } from '@/utils/applyStore.js'
+import maskLayer from '@/components/MaskLayer.vue'
 
 const router = useRouter()
 
@@ -422,6 +479,8 @@ const selectedCashOutOption = ref(null)
 const activeAction = ref('Transfer')
 const loading = ref(false)
 
+const maskLayerShow = ref(false)
+
 // 操作按钮
 const actions = ref([{ name: 'Exchange' }, { name: 'Transfer' }, { name: 'Cash out' }])
 
@@ -434,19 +493,19 @@ const gotoKYC = () => {
 const CashOut = () => {
   if (hasBankCard.value) {
     try {
-      const resApply = withdrawApply({ ...getApplyInfo(), activityId: activityId })
-      if (resApply.status) {
-        setApplyInfo()
-        router.go(-1)
-      }
+      maskLayerShow.value = true
     } catch (error) {
       showError(error.errorMsg)
     }
-  } else {
-    maskLayerShow.value = true
   }
 }
 
+// 确认提现
+const Receive = () => {
+  setApplyInfo()
+  maskLayerShow.value = false
+}
+
 // 选中的收款人
 const selectedPayee = reactive({
   id: null,