Browse Source

feat(wallet): 完善提现功能并优化支付选项排序

- 在提现组件中添加银行卡号和开户行输入字段
- 实现银行卡信息的本地存储功能
- 调整支付页面中微信支付和余额支付的显示顺序
- 修复支付页面中距离计算的显示问题
- 为记录页面添加跳转到钱包页面的功能
- 移除部分不再使用的充值相关代码
master
主管理员 1 month ago
parent
commit
cfca5e8e0e
6 changed files with 80 additions and 24 deletions
  1. +7
    -7
      pages_subpack/pay/index.vue
  2. +6
    -6
      pages_subpack/payment/index.vue
  3. +11
    -3
      pages_subpack/record/index.vue
  4. +2
    -2
      pages_subpack/release/component/master.vue
  5. +50
    -3
      pages_subpack/wallet/component/withdrawal.vue
  6. +4
    -3
      pages_subpack/wallet/index.vue

+ 7
- 7
pages_subpack/pay/index.vue View File

@ -63,7 +63,7 @@
<text>公里</text>
</view>
<view class="se-p-20 se-fs-24 se-flex se-flex-ai-c" style="background-color:rgba(255,164,113,0.18);">
从师傅出发地到用工目的地总全程为5公里{{ distance }}公里x{{ farePerKm }}={{ fare }}
从师傅出发地到用工目的地总全程为{{ distance }}公里{{ distance }}公里x{{ farePerKm }}={{ fare }}
</view>
<view class="se-fs-22 se-lh-50 se-flex se-flex-v se-mt-10">
<text>1.公交/地铁出行费用每公里{{ trafficPrice.bus }}</text>
@ -75,6 +75,12 @@
<view class="se-mt-30 se-py-30 se-px-30 se-bs se-bgc-white se-br-20">
<u-radio-group size="18" v-model="payRadio" iconPlacement="right">
<view class="se-flex-v-sb se-w-p-100" style="align-items: unset;">
<u-radio name="2" activeColor="#ff7a31">
<view class="se-flex se-flex-ai-c se-pt-20">
<image class="se-w-35 se-h-30 se-mt-5" src="@/static/image/46662.png" mode="" onerror="this.src='@/static/image/wechat.png'"></image>
<text class="se-c-black se-fs-30 se-ml-15">微信支付</text>
</view>
</u-radio>
<u-radio name="1" activeColor="#ff7a31">
<view class="se-flex se-flex-ai-c se-pb-20">
<image class="se-w-30 se-h-25 se-mt-5" src="@/static/image/46518.png" mode="" onerror="this.src='@/static/image/user.png'"></image>
@ -82,12 +88,6 @@
<text class="se-c-text-third se-fs-28 se-ml-15">(余额{{ amount }})</text>
</view>
</u-radio>
<u-radio name="2" activeColor="#ff7a31">
<view class="se-flex se-flex-ai-c se-pt-20">
<image class="se-w-35 se-h-30 se-mt-5" src="@/static/image/46662.png" mode="" onerror="this.src='@/static/image/wechat.png'"></image>
<text class="se-c-black se-fs-30 se-ml-15">微信支付</text>
</view>
</u-radio>
</view>
</u-radio-group>
</view>


+ 6
- 6
pages_subpack/payment/index.vue View File

@ -40,6 +40,12 @@
v-model="payRadio"
iconPlacement="right">
<view class="se-flex-v-sb se-w-p-100" style="align-items: unset;">
<u-radio name="2" activeColor="#ff7a31">
<view class="se-flex se-flex-ai-c se-pt-20">
<image class="se-w-35 se-h-30 se-mt-5" src="@/static/image/46662.png" mode="" onerror="this.src='@/static/image/wechat.png'"></image>
<text class="se-c-black se-fs-30 se-ml-15">微信支付</text>
</view>
</u-radio>
<u-radio name="1" activeColor="#ff7a31">
<view class="se-flex se-flex-ai-c se-pb-20">
<image class="se-w-30 se-h-25 se-mt-5" src="@/static/image/46518.png" mode="" onerror="this.src='@/static/image/user.png'"></image>
@ -47,12 +53,6 @@
<text class="se-c-text-third se-fs-28 se-ml-15">(余额{{myMoney}})</text>
</view>
</u-radio>
<u-radio name="2" activeColor="#ff7a31">
<view class="se-flex se-flex-ai-c se-pt-20">
<image class="se-w-35 se-h-30 se-mt-5" src="@/static/image/46662.png" mode="" onerror="this.src='@/static/image/wechat.png'"></image>
<text class="se-c-black se-fs-30 se-ml-15">微信支付</text>
</view>
</u-radio>
</view>
</u-radio-group>
</view>


+ 11
- 3
pages_subpack/record/index.vue View File

@ -9,7 +9,7 @@
<view class="se-c-orange se-fs-26 se-c-orange se-mt-20">
{{money || 0}}
</view>
<view class="se-fs-24 se-mt-10 se-px-30 se-py-10 se-b-orange se-c-orange se-br-10 se-fw-6">
<view @click="goToWallet" class="se-fs-24 se-mt-10 se-px-30 se-py-10 se-b-orange se-c-orange se-br-10 se-fw-6">
提现
</view>
</view>
@ -20,9 +20,9 @@
<view class="se-c-orange se-fs-26 se-c-orange se-mt-20">
{{moneyLog || 0}}
</view>
<view class="se-fs-24 se-mt-10 se-px-30 se-py-10 se-b-orange se-c-orange se-br-10 se-fw-6">
<!-- <view class="se-fs-24 se-mt-10 se-px-30 se-py-10 se-b-orange se-c-orange se-br-10 se-fw-6">
提现记录
</view>
</view> -->
</view>
</view>
</view>
@ -107,6 +107,8 @@
this.startDate = this.$dayjs().subtract(1, 'day').format('YYYY-MM-DD')
this.endTime = this.$dayjs().valueOf();
this.endDate = this.$dayjs().format('YYYY-MM-DD')
},
onShow() {
this.onPayLog();
this.onCountCashOut()
this.onQueryBalance()
@ -117,6 +119,12 @@
that.onPayLog()
},
methods:{
//
goToWallet() {
uni.navigateTo({
url: '/pages_subpack/wallet/index'
})
},
onCountCashOut(){
let that = this
let params={}


+ 2
- 2
pages_subpack/release/component/master.vue View File

@ -60,9 +60,9 @@
<u-form-item label="联系电话" prop="mobile">
<u--input v-model="form.mobile" placeholder="请输入联系方式"></u--input>
</u-form-item> -->
<u-form-item label="工作内容" prop="introduce">
<u-form-item label="期望工作" prop="introduce">
<u--textarea v-model="form.introduce" count
placeholder="请选择工作内容"></u--textarea>
placeholder="请选择期望工作"></u--textarea>
</u-form-item>
</view>
</view>


+ 50
- 3
pages_subpack/wallet/component/withdrawal.vue View File

@ -2,6 +2,10 @@
<view class="se-m-40">
<u--input v-model="realName" type="text" class="se-bgc-f5 se-fs-32" placeholder="请输入真实姓名">
</u--input>
<u--input v-model="bankCard" type="text" class="se-bgc-f5 se-mt-20 se-fs-32" placeholder="请输入银行卡号">
</u--input>
<u--input v-model="bankName" type="text" class="se-bgc-f5 se-mt-20 se-fs-32" placeholder="请输入开户行">
</u--input>
<u--input v-model="money" type="number" class="se-bgc-f5 se-mt-20 se-fs-32" placeholder="请输入提现金额">
</u--input>
<view class="se-flex se-flex-v se-pb-20 se-mt-80">
@ -36,32 +40,75 @@
data(){
return{
realName:"",
bankCard:"",
bankName:"",
money:"",
sysList:[]
}
},
mounted() {
this.sysList = uni.getStorageSync('sysList')
this.loadBankInfo()
},
methods:{
//
loadBankInfo() {
const bankInfo = uni.getStorageSync('bankInfo')
if (bankInfo) {
this.realName = bankInfo.realName || ''
this.bankCard = bankInfo.bankCard || ''
this.bankName = bankInfo.bankName || ''
}
},
//
saveBankInfo() {
const bankInfo = {
realName: this.realName,
bankCard: this.bankCard,
bankName: this.bankName
}
uni.setStorageSync('bankInfo', bankInfo)
},
getValueByName(name) {
const item = this.sysList.find((item) => item.name == name);
return item ? item.value : "";
},
onWithdrawal(){
let that = this
let params = {
realName:that.realName,
money:that.money
//
if(!that.realName){
return that.$u.toast("请填写真实姓名!")
}
if(!that.bankCard){
return that.$u.toast("请填写银行卡号!")
}
if(!that.bankName){
return that.$u.toast("请填写开户行!")
}
if(!that.money){
return that.$u.toast("请填写金额!")
}
//
that.saveBankInfo()
let params = {
realName: that.realName,
bankCard: that.bankCard,
bankName: that.bankName,
money: that.money
}
withdrawal(params).then(response=>{
console.info("response",response)
that.money=""
that.$u.toast("申请成功!")
that.$emit("onParent")
//
uni.navigateBack({
delta: 1
})
}).catch(error=>{
})


+ 4
- 3
pages_subpack/wallet/index.vue View File

@ -47,9 +47,10 @@
nav: [
{
name: '提现',
}, {
name: '充值',
}
},
// {
// name: '',
// }
],
money:null,


Loading…
Cancel
Save