From 6283d49b4861643db9eadb4da3d4ac53e0538583 Mon Sep 17 00:00:00 2001
From: wangxiaowei <1121133807@qq.com>
Date: Sat, 10 Jan 2026 19:00:57 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A4=87=E4=BB=BD=E4=B8=8B=E6=97=A7=E7=89=88?=
 =?UTF-8?q?=E7=9A=84=E5=A5=97=E9=A4=90=E5=85=85=E5=80=BC=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/bundle/wallet/recharge20260110_bck.vue | 210 +++++++++++++++++++++
 1 file changed, 210 insertions(+)
 create mode 100644 src/bundle/wallet/recharge20260110_bck.vue

diff --git a/src/bundle/wallet/recharge20260110_bck.vue b/src/bundle/wallet/recharge20260110_bck.vue
new file mode 100644
index 0000000..5a0f2eb
--- /dev/null
+++ b/src/bundle/wallet/recharge20260110_bck.vue
@@ -0,0 +1,210 @@
+<route lang="jsonc" type="page">
+{
+    "needLogin": true,
+    "layout": "default",
+    "style": {
+        "navigationStyle": "custom"
+    }
+}
+</route>
+
+<template>
+    <view class="bg">
+        <view>
+            <navbar title="充值" custom-class='!bg-[#F6F7F8]'></navbar>
+        </view>
+
+        <view class="mt-24rpx mx-30rpx">
+            <view class="ml-70rpx flex items-center">
+                <view class="mr-72rpx font-400 text-30rpx leading-42rpx text-[#303133]">
+                    转入方式
+                </view>
+                <view class="flex items-center">
+                    <view class="flex items-center mr-20rpx">
+                        <wd-img width="50rpx" height="50rpx" :src="`${OSS}icon/icon_weichat.png`"></wd-img>
+                    </view>
+                    <view class="font-bold text-32rpx leading-44rpx text-[#303133]">微信</view>
+                </view>
+            </view>
+
+            <view class="bg-white rounded-16rpx px-38rpx py-28rpx mt-28rpx">
+                <view class="font-400 text-28rpx leading-40rpx text-[#303133]">
+                    转入方式
+                </view>
+                <view class="flex items-center">
+                    <view class="font-400 text-36rpx leading-50rpx text-[#303133] mr-20rpx mt-40rpx">￥</view>
+                    <view class="mt-44rpx">
+                        <wd-input type="text" v-model="rechargeMoney" placeholder="请输入金额" no-border custom-input-class="!h-80rpx !text-48rpx !leading-66rpx" >
+                        </wd-input>
+                    </view>
+                </view>
+            </view>
+            
+            <!-- 推广方式 -->
+            <!-- <view class="mt-60rpx">
+                <view class="mx-30rpx text-32rpx leading-44rpx text-[#303133]">   
+                    <text class="mr-12rpx">推广方式</text>               
+                    <text class="text-26rpx leading-36rpx text-[#909399]">(选填)</text>
+                </view>
+                <view class="bg-white rounded-16rpx py-26rpx mt-28rpx pay-tabs">
+                    <wd-tabs v-model="tab" swipeable slidable="always"> 
+                        <wd-tab title="门店">
+                            <view>
+                                <wd-gap height="2rpx" bg-color="#F6F7F9"></wd-gap>
+                            </view>
+                            <view class="mx-30rpx mt-34rpx flex items-center">
+                                <view class="font-bold text-30rpx leading-42rpx text-[#303133] mr-28rpx">门店推广</view>
+                                <view class="bg-[#F8F9FA] px-28rpx p-20rpx text-30rpx text-[#C9C9C9] h-80rpx rounded-8rpx flex items-center flex-1" @click="showStorePopup = true">
+                                    <text class="mr-14rpx">请选择门店</text>
+                                    <wd-icon name="arrow-down" size="22rpx"></wd-icon>
+                                </view>
+                            </view>
+                        </wd-tab>
+                        <wd-tab title="茶艺师">
+                            <view>
+                                <wd-gap height="2rpx" bg-color="#F6F7F9"></wd-gap>
+                            </view>
+                            <view class="mx-30rpx mt-34rpx flex items-center">
+                                <view class="font-bold text-30rpx leading-42rpx text-[#303133] mr-28rpx">茶艺师推广</view>
+                                <view class="flex items-center flex-1">
+                                    <wd-input type="text" v-model="person" no-border custom-class="!bg-[#F6F7F8] !rounded-8rpx w-full" custom-input-class="!px-32rpx !h-80rpx">
+                                    </wd-input>
+                                </view>
+                            </view>
+                        </wd-tab>
+                    </wd-tabs>
+                </view>
+            </view> -->
+
+            <view class="fixed left-0 right-0 bottom-92rpx z-2 bg-[#4C9F44] text-[#fff] flex justify-center items-center h-90rpx rounded-8rpx mx-60rpx" @click="buy.handleRecharge">
+                确定转入
+            </view>
+        </view>
+
+        <!-- 推广方式 -->
+        <wd-popup v-model="showStorePopup" lock-scroll custom-style="border-radius: 32rpx 32rpx 0rpx 0rpx;" position="bottom">
+            <view class="relative">
+                <view class="absolute top-18rpx right-30rpx" @click="showStorePopup = false">
+                    <wd-img width="60rpx" height='60rpx' :src="`${OSS}icon/icon_close.png`"></wd-img>
+                </view>
+                <view class="text-36rpx text-[#121212] leading-50rpx text-center pt-50rpx pb-40rpx">推广方式 </view>
+                <scroll-view scroll-y class="h-500rpx  pb-20rpx">
+                    <view class="mx-56rpx" v-for="(item, index) in 5" :key="index">
+                        <view class="flex items-center justify-between mb-66rpx" @click="buy.handleChooseStore(item)">
+                            <view class="mr-32rpx">
+                                <wd-img width="80rpx" height='80rpx' :src="`${OSS}icon/icon_location3.png`"></wd-img>
+                            </view>
+                            <view class="flex-1">
+                                <view>这是茶馆名字</view>
+                                <view class="text-28rpx leading-40rpx text-[#909399] flex items-center mt-10rpx">
+                                    <view>距您5.3km</view>
+                                    <view>
+                                        <wd-divider vertical />
+                                    </view>
+                                    <view class="w-350rpx line-1">北京市海淀区宏福苑西区20号楼2单元30</view>
+                                </view>
+                            </view>
+                        </view>
+                    </view>
+                </scroll-view>
+            </view>
+        </wd-popup>
+    </view>
+</template>
+
+
+<script lang="ts" setup>
+    import { PayList, PayCategory, PayValue, PayOrderType, PayOrderSource } from '@/utils/pay'
+    import { teaRoomRecharge } from '@/api/tea-room'
+    import { wechatPay } from '@/hooks/usePay'
+    import { prePay, balancePay } from '@/api/pay'
+    import { toast } from '@/utils/toast'
+
+    const pay = ref<number>(PayValue.WeChatPay) // 默认微信支付方式
+	const OSS = inject('OSS')
+
+    // 推广方式
+    const tab = ref<number>(0)
+    const person = ref<string>('') // 个人推广码
+    const showStorePopup = ref<boolean>(false) // 显示门店列表弹窗
+    const rechargeMoney = ref<string>('')
+
+    onLoad(() => {
+
+    })
+
+    const buy = {
+        // 选择门店
+        handleChooseStore: (item: any) => {
+
+        },
+
+        // 确定转入
+        handleConfirmRecharge: () => {
+            uni.navigateTo({
+                url: '/pages/notice/pay?type=vip'
+            })
+        },
+
+        // 购买会员
+        handleRecharge: async () => {
+            if (!rechargeMoney.value) {
+                toast.info('请输入转入金额')
+                return
+            }
+
+            uni.showLoading({ title: '支付中...' })
+            try {
+                // 先请求充值接口
+                const res = await teaRoomRecharge(Number(rechargeMoney.value))
+
+                // 预支付
+                const pay = await prePay({
+                    from: 'recharge',
+                    order_id: res.order_id,
+                    pay_way: 2, 
+                    order_source: PayOrderSource.MINI, //订单来源：1-小程序; 2-h5; 3app
+                    order_type: PayOrderType.Recharge,
+                    store_id: 0
+                })
+
+                wechatPay(pay.pay.config).then((res) => {
+                    uni.hideLoading()
+                    if (res === 'success') {
+                        toast.success('支付成功')
+                        setTimeout(() => {
+                            uni.navigateBack()
+                        }, 800)
+                        return
+                    } else if (res === 'cancel') {
+                        toast.info('已取消支付')
+                        return
+                    } else {
+                        toast.info('支付失败，请重试')
+                        return
+                    }
+                }).catch(() => {
+                    uni.hideLoading()
+                    toast.info('支付失败，请重试')
+                })
+            } catch (error) {
+                uni.hideLoading()
+                toast.info('支付失败，请重试')
+            }
+        }
+    }
+</script>   
+
+<style lang="scss" scoped>
+    page {
+		background: $cz-page-background;
+    }
+
+    .pay-tabs {
+        :deep() {
+           .wd-tabs__line {
+                background-color: #4C9F44;
+           }
+        }
+    }
+</style>