135 lines
3.8 KiB
Plaintext
135 lines
3.8 KiB
Plaintext
<template>
|
||
<view class="container">
|
||
<view class="input-group">
|
||
<text>提现金额</text>
|
||
<input type="number" v-model="amount" placeholder="请输入提现金额" />
|
||
</view>
|
||
<button type="primary" @click="handleWithdraw" :disabled="loading">
|
||
{{ loading ? '处理中...' : '提现到微信' }}
|
||
</button>
|
||
|
||
<!-- 确认弹窗 -->
|
||
<uni-popup ref="popup" type="center">
|
||
<view class="popup-content">
|
||
<text>请在微信中完成提现确认</text>
|
||
<button @click="openWechatConfirm">立即前往微信</button>
|
||
<button @click="copyConfirmLink" type="default">复制确认链接</button>
|
||
</view>
|
||
</uni-popup>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
export default {
|
||
data() {
|
||
return {
|
||
amount: '',
|
||
loading: false,
|
||
confirmData: null,
|
||
confirmUrl: ''
|
||
}
|
||
},
|
||
methods: {
|
||
async handleWithdraw() {
|
||
if (!this.amount || this.amount <= 0) {
|
||
uni.showToast({ title: '请输入有效金额', icon: 'none' });
|
||
return;
|
||
}
|
||
|
||
this.loading = true;
|
||
|
||
try {
|
||
// const res = await this.$http.post('/api/withdraw', {
|
||
// amount: this.amount * 100 // 转为分
|
||
// });
|
||
let res = {
|
||
"status": 1,
|
||
"data": "{\"create_time\":\"2025-05-23T12:01:40+08:00\",\"out_bill_no\":\"202505231126000002\",\"package_info\":\"ABBQO+oYAAABAAAAAACYSTcDBCM+7RZzJPMvaBAAAADnGpepZahT9IkJjn90+1qg4zDQwD3P8jHzAsKItXzHZ9bVt0U6Iij9P3cUmhIlhy0wyH+RIr+WsvjmT1l8wnpCFjaHG19hQMsvHQDeKrYk+qQQeaE=\",\"state\":\"WAIT_USER_CONFIRM\",\"transfer_bill_no\":\"1330007506535022505230016728873933\"}"
|
||
}
|
||
if (res.status === 1) {
|
||
// 解析data字段
|
||
const data = JSON.parse(res.data);
|
||
this.confirmData = data;
|
||
|
||
// 生成微信确认链接
|
||
this.confirmUrl = this.generateWechatConfirmUrl(data);
|
||
uni.requestMerchantTransfer({
|
||
mchId: '1710280179',
|
||
package: data.package_info,
|
||
appId: 'wx5b1c0c8d01ded35d',
|
||
openId: 'orh_Q600WOMuQiu9uBGJr2MLL4-g'
|
||
})
|
||
|
||
// 显示确认弹窗
|
||
// this.$refs.popup.open();
|
||
console.log(this.confirmUrl)
|
||
} else {
|
||
uni.showToast({ title: '提现申请失败', icon: 'none' });
|
||
}
|
||
} catch (error) {
|
||
uni.showToast({ title: error.message || '网络错误', icon: 'none' });
|
||
} finally {
|
||
this.loading = false;
|
||
}
|
||
},
|
||
|
||
generateWechatConfirmUrl(data) {
|
||
// 实际项目中这里应该使用后端提供的专门接口生成确认链接
|
||
// 以下是示例逻辑：
|
||
return `https://pay.weixin.qq.com/confirm-transfer?package=${encodeURIComponent(data.package_info)}`;
|
||
},
|
||
|
||
openWechatConfirm() {
|
||
// 尝试直接调起微信
|
||
if (plus.os.name === 'Android') {
|
||
plus.runtime.openURL(this.confirmUrl, (err) => {
|
||
// 调起失败显示备用方案
|
||
this.showAlternativeOptions();
|
||
});
|
||
} else {
|
||
// iOS使用通用链接
|
||
uni.navigateTo({
|
||
url: `/pages/webview/webview?url=${encodeURIComponent(this.confirmUrl)}`
|
||
});
|
||
}
|
||
},
|
||
|
||
copyConfirmLink() {
|
||
uni.setClipboardData({
|
||
data: this.confirmUrl,
|
||
success: () => {
|
||
uni.showToast({ title: '链接已复制', icon: 'success' });
|
||
}
|
||
});
|
||
},
|
||
|
||
showAlternativeOptions() {
|
||
uni.showActionSheet({
|
||
itemList: ['在浏览器打开', '复制链接'],
|
||
success: (res) => {
|
||
if (res.tapIndex === 0) {
|
||
plus.runtime.openURL(this.confirmUrl);
|
||
} else {
|
||
this.copyConfirmLink();
|
||
}
|
||
}
|
||
});
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style>
|
||
.container {
|
||
padding: 20px;
|
||
}
|
||
.input-group {
|
||
margin-bottom: 20px;
|
||
}
|
||
.popup-content {
|
||
background: #fff;
|
||
padding: 20px;
|
||
border-radius: 10px;
|
||
text-align: center;
|
||
}
|
||
</style> |