406 lines
11 KiB
Vue
406 lines
11 KiB
Vue
|
<template>
|
|||
|
|
<view>
|
|||
|
|
<view class="balance">
|
|||
|
|
<view class="title">
|
|||
|
|
可领取{{ type == 7 ? '水果券':'货款' }}
|
|||
|
|
</view>
|
|||
|
|
<view class="balance-span site-flex">
|
|||
|
|
<text class="fuhao">¥</text>
|
|||
|
|
<text> {{ balance }}</text>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="main bg-w">
|
|||
|
|
|
|||
|
|
<view class="list">
|
|||
|
|
<view @click="jumpTo()" v-if="paymentInfo.account">
|
|||
|
|
<Card :data="paymentInfo" :index="paymentInfo"></Card>
|
|||
|
|
</view>
|
|||
|
|
<view class="list-item flex flex-between" v-else>
|
|||
|
|
<text class="font32">领取至</text>
|
|||
|
|
|
|||
|
|
<view class="flex flex-align-center color-b6" @click="jumpTo()">
|
|||
|
|
<text class="font28" v-if="paymentInfo.type === undefined">请选择</text>
|
|||
|
|
<text class="font28" v-if="paymentInfo.type === 0">支付宝({{ paymentInfo.account }})</text>
|
|||
|
|
<text class="font28" v-if="paymentInfo.type === 1">微信({{ paymentInfo.account }})</text>
|
|||
|
|
<text class="font28" v-if="paymentInfo.type === 3">{{ paymentInfo.bankName }}({{ paymentInfo.account |
|
|||
|
|
filtersCard }})</text>
|
|||
|
|
<text class="iconfont font38"></text>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="list-item">
|
|||
|
|
<text class="font32">领取金额</text>
|
|||
|
|
<view class="flex flex-align-end con ">
|
|||
|
|
<text class="blod font48">¥</text>
|
|||
|
|
<input type="text" class="font40 input" v-model="money" placeholder="0.00" />
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="flex flex-between">
|
|||
|
|
<view class="money flex flex-align-center font26">
|
|||
|
|
<text @tap="money = balance">全部领取</text>
|
|||
|
|
</view>
|
|||
|
|
<!-- #ifdef MP-WEIXIN -->
|
|||
|
|
<text class="color-b9 font30" @click="$navigateTo('creditCardRecord')">领取记录</text>
|
|||
|
|
<!-- #endif -->
|
|||
|
|
</view>
|
|||
|
|
<view v-if="type == 3" class="list-item flex" @click="selectImg">
|
|||
|
|
<text class="font32">发票上传</text>
|
|||
|
|
<view class="flex flex-align-end" style="margin-left: 100rpx;">
|
|||
|
|
<image style="width: 300rpx;height: 300rpx;" :src="voucher || uploadBgIMG" mode=""></image>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="btn">
|
|||
|
|
<u-button :circle="true" @click="onSave" :loading="loading" :disabled="loading"
|
|||
|
|
color="linear-gradient(to right, rgba(22, 104, 214, 1), rgba(88, 153, 235, 1))">立即领取</u-button>
|
|||
|
|
</view>
|
|||
|
|
<!-- <button type="primary" class="bg-base">确认提现</button> -->
|
|||
|
|
<view class="flex flex-column font32 tips color-red" >
|
|||
|
|
<text>*提示：</text>
|
|||
|
|
<block v-if="type == 3">
|
|||
|
|
<text>1.货款领取最低金额100，最大金额100000。</text>
|
|||
|
|
<text>2.货款在将在三个工作内到账，节假日顺延。</text>
|
|||
|
|
</block>
|
|||
|
|
<block v-if="type == 7">
|
|||
|
|
<text>1.领取最低金额100，最大金额100000。</text>
|
|||
|
|
<text>2.收益日结周提，领取手续费6%。</text>
|
|||
|
|
</block>
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
|
|||
|
|
import url from "@/common/http/url.js";
|
|||
|
|
import { mapState } from 'vuex';
|
|||
|
|
import Card from '@/pages/user/Fruit/component/Card.vue';
|
|||
|
|
import { calcFn } from '@/utils/calc.js';
|
|||
|
|
import upload from "@/common/http/upload.js";
|
|||
|
|
export default {
|
|||
|
|
components: {
|
|||
|
|
Card
|
|||
|
|
},
|
|||
|
|
data () {
|
|||
|
|
return {
|
|||
|
|
loading: false,
|
|||
|
|
money: "",
|
|||
|
|
balance: 0,
|
|||
|
|
paymentInfo: {},
|
|||
|
|
config: {},
|
|||
|
|
type: 1,// 1-用户， 2-配送员， 3-商家, 4-存托
|
|||
|
|
myAssetObj: {},
|
|||
|
|
uploadBgIMG: require('@/static/indexIMG/upload.png'),
|
|||
|
|
voucher: ''
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
filters: {
|
|||
|
|
filtersCard (val) {
|
|||
|
|
if (!val) return
|
|||
|
|
return val.substring(val.length - 4, val.length)
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
onLoad (opt) {
|
|||
|
|
if (opt.type) {
|
|||
|
|
this.type = parseInt(opt.type)
|
|||
|
|
}
|
|||
|
|
if (this.type === 4) {
|
|||
|
|
// 获取存托余额
|
|||
|
|
this.$http("GET", url.deposit.getUserWallet).then(res => {
|
|||
|
|
this.balance = res.data.balance
|
|||
|
|
})
|
|||
|
|
} else if (this.type === 3) {
|
|||
|
|
// 获取商家余额
|
|||
|
|
// this.$http("GET", url.user.getMyAsset).then(res =>{
|
|||
|
|
// let { code, data } = res;
|
|||
|
|
// console.log('res', res)
|
|||
|
|
// if (code == 200) {
|
|||
|
|
// data.forEach((item) => {
|
|||
|
|
// if (item.assetType == 6) {
|
|||
|
|
// this.balance = item.assetAccount || 0
|
|||
|
|
// }
|
|||
|
|
// })
|
|||
|
|
// }
|
|||
|
|
// })
|
|||
|
|
// this.$http("GET", url.store.getWalletInfo).then(res=>{
|
|||
|
|
|
|||
|
|
// })
|
|||
|
|
} else if (this.type === 7) {
|
|||
|
|
this.$http('GET', url.user.getMyAsset).then(res => {
|
|||
|
|
this.balance = res.data[5].assetAccount
|
|||
|
|
// if (this.type === 1) {
|
|||
|
|
// this.balance = res.data.balance
|
|||
|
|
// } else {
|
|||
|
|
// this.balance = res.data.distributorBalance
|
|||
|
|
// }
|
|||
|
|
})
|
|||
|
|
} else {
|
|||
|
|
// 获取用户余额
|
|||
|
|
this.$http('GET', url.user.getWalletInfo).then(res => {
|
|||
|
|
if (this.type === 1) {
|
|||
|
|
this.balance = res.data.balance
|
|||
|
|
} else {
|
|||
|
|
this.balance = res.data.distributorBalance
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
onShow () {
|
|||
|
|
if (this.paymentData) {
|
|||
|
|
this.paymentInfo = this.paymentData
|
|||
|
|
}
|
|||
|
|
let path = url.withdrawal.getConfigInfo
|
|||
|
|
let name = "user"
|
|||
|
|
if (this.type === 2) {
|
|||
|
|
name = "distribution"
|
|||
|
|
} else if (this.type === 3) {
|
|||
|
|
name = "store"
|
|||
|
|
this.myAsset.forEach((item) => {
|
|||
|
|
if (item.assetType == 6) {
|
|||
|
|
this.balance = item.assetAccount || 0
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
} else if (this.type === 4) {
|
|||
|
|
path = url.deposit.getWithdrawalInfo
|
|||
|
|
name = "deposit"
|
|||
|
|
}
|
|||
|
|
// 获取提现参数
|
|||
|
|
this.$http("GET", path, { type: this.type }).then(res => {
|
|||
|
|
this.config.status = res.data.keyValue
|
|||
|
|
let list = res.data.children
|
|||
|
|
list.forEach(v => {
|
|||
|
|
if (v.keyCode === `${name}_withdrawal_min_amount`) {
|
|||
|
|
this.config.minAmount = v.keyValue // 提现最低数额
|
|||
|
|
}
|
|||
|
|
if (v.keyCode === `${name}_withdrawal_max_amount`) {
|
|||
|
|
this.config.maxAmount = v.keyValue // 提现最大数额
|
|||
|
|
}
|
|||
|
|
if (v.keyCode === `${name}_withdrawal_multiple_amount`) {
|
|||
|
|
this.config.multiple = v.keyValue // 倍数
|
|||
|
|
}
|
|||
|
|
if (v.keyCode === `${name}_withdrawal_fixed_amount`) {
|
|||
|
|
this.config.fixed = v.keyValue // 固定金额范围
|
|||
|
|
}
|
|||
|
|
if (v.keyCode === `${name}_withdrawal_fixed_service_amount`) {
|
|||
|
|
this.config.fixedService = v.keyValue // 某个范围内扣除固定的手续费
|
|||
|
|
}
|
|||
|
|
if (v.keyCode === `${name}_withdrawal_fixed_service_percentage`) {
|
|||
|
|
this.config.percentage = v.keyValue // 超出固定范围外扣除固定的百分比手续费
|
|||
|
|
}
|
|||
|
|
if (v.keyCode === `${name}_withdrawal_collection_type`) {
|
|||
|
|
this.config.remarks = v.remarks // 支持的收款类型
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
this.$forceUpdate()
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
computed: {
|
|||
|
|
...mapState(["myAsset"])
|
|||
|
|
},
|
|||
|
|
onNavigationBarButtonTap () {
|
|||
|
|
this.$navigateTo("withdrawalRecord?type=" + this.type)
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
selectImg(type){
|
|||
|
|
// upload.showAvatarModal(this, 500, 500)
|
|||
|
|
uni.chooseImage({
|
|||
|
|
count: 1,
|
|||
|
|
success: (res) => {
|
|||
|
|
let tempFilePath = res.tempFilePaths[0]
|
|||
|
|
upload.getOssSignature(tempFilePath, 13, 1).then(data=>{
|
|||
|
|
upload.uploadImageOss(data).then(list=>{
|
|||
|
|
let successCallBackParamsList = [{
|
|||
|
|
resourceTemporaryUUID: list[0].resourceTemporaryUUID
|
|||
|
|
}]
|
|||
|
|
console.log('list=====', list)
|
|||
|
|
this.voucher = list[0].url
|
|||
|
|
// if (this.applicationType===0){ // 头像
|
|||
|
|
// this.examineAvatar = {
|
|||
|
|
// ossUrl: list[0].url,
|
|||
|
|
// status: 4
|
|||
|
|
// }
|
|||
|
|
// }
|
|||
|
|
|
|||
|
|
})
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
onSave () {
|
|||
|
|
if (!this.type) return
|
|||
|
|
if (!this.paymentInfo.id) return this.$msg("请选择提现到账信息")
|
|||
|
|
if (!this.money) return this.$msg("请输入提现金额")
|
|||
|
|
if (Number(this.money) > Number(this.balance)) return this.$msg("输入金额已超过可提现余额")
|
|||
|
|
this.loading = true
|
|||
|
|
let params = {
|
|||
|
|
wallet_type: this.type == 7 ? 7 : 6,
|
|||
|
|
type: this.paymentInfo.type,
|
|||
|
|
amount: this.money,
|
|||
|
|
collectionId: this.paymentInfo.id
|
|||
|
|
}
|
|||
|
|
let path = null
|
|||
|
|
if (this.type === 4) {
|
|||
|
|
path = url.deposit.withdrawal
|
|||
|
|
} else {
|
|||
|
|
path = url.withdrawal.apply
|
|||
|
|
params.userType = this.type
|
|||
|
|
}
|
|||
|
|
if (this.type == 3) params.voucher = this.voucher
|
|||
|
|
this.$http("POST", path, params).then(res => {
|
|||
|
|
// this.$msg(res.data)
|
|||
|
|
this.$msg("提现申请已提交")
|
|||
|
|
this.loading = false;
|
|||
|
|
this.$store.dispatch('getMyAsset');
|
|||
|
|
// setTimeout(() => {
|
|||
|
|
this.$navigateTo('withdrawalRecord?type=' + this.type)
|
|||
|
|
// }, 2000)
|
|||
|
|
}).catch(() => {
|
|||
|
|
this.loading = false
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
jumpTo () {
|
|||
|
|
this.$navigateTo("../payment/list?type=3&coupon=true")
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style scoped lang="scss">
|
|||
|
|
@import "@/font.css";
|
|||
|
|
|
|||
|
|
.tabs {
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: space-between;
|
|||
|
|
padding: 20upx;
|
|||
|
|
|
|||
|
|
view {
|
|||
|
|
flex: 1;
|
|||
|
|
text-align: center;
|
|||
|
|
color: #333;
|
|||
|
|
border-radius: 20upx;
|
|||
|
|
padding: 20upx;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.btn {
|
|||
|
|
padding: 40upx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
._input {
|
|||
|
|
padding: 40upx;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: flex-end;
|
|||
|
|
|
|||
|
|
text {
|
|||
|
|
color: #333 !important;
|
|||
|
|
font-size: 28upx;
|
|||
|
|
margin-left: 10upx;
|
|||
|
|
font-weight: 500;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
input {
|
|||
|
|
border-bottom: 2px solid #2963e2;
|
|||
|
|
// border-bottom: 2px solid #333;
|
|||
|
|
padding: 20upx;
|
|||
|
|
flex: 1;
|
|||
|
|
font-family: 'Product-Sans-Bold';
|
|||
|
|
font-weight: 600;
|
|||
|
|
font-size: 56upx;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
input::focus {
|
|||
|
|
border-bottom: 2px solid #2963e2 !important;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.activeTab {
|
|||
|
|
padding: 20upx;
|
|||
|
|
font-weight: 500;
|
|||
|
|
color: #fff !important;
|
|||
|
|
background: #2963e2;
|
|||
|
|
border-radius: 20upx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.balance-span {
|
|||
|
|
font-family: 'Product-Sans-Bold';
|
|||
|
|
font-weight: 700;
|
|||
|
|
font-size: 70upx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.fuhao {
|
|||
|
|
font-size: 38upx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.title {
|
|||
|
|
font-size: 30upx;
|
|||
|
|
font-weight: 400;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.card {
|
|||
|
|
padding: 40upx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.with {
|
|||
|
|
margin-top: -20px;
|
|||
|
|
background: #fff;
|
|||
|
|
border-top-left-radius: 50upx;
|
|||
|
|
border-top-right-radius: 50upx;
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.balance {
|
|||
|
|
padding: 15upx 20upx;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: center;
|
|||
|
|
flex-direction: column;
|
|||
|
|
|
|||
|
|
view {
|
|||
|
|
margin: 10upx;
|
|||
|
|
color: #fff;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
background: #2963e2;
|
|||
|
|
// border-bottom-left-radius: 20upx;
|
|||
|
|
// border-bottom-right-radius: 20upx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.main {
|
|||
|
|
min-height: 100vh;
|
|||
|
|
padding: 0 20rpx;
|
|||
|
|
|
|||
|
|
.list {
|
|||
|
|
&-item {
|
|||
|
|
padding: 30rpx 0;
|
|||
|
|
border-bottom: 2rpx solid #EEEEEE;
|
|||
|
|
|
|||
|
|
.con {
|
|||
|
|
margin-top: 30rpx;
|
|||
|
|
|
|||
|
|
.input {
|
|||
|
|
// border-bottom: 2px solid #2963e2;
|
|||
|
|
// border-bottom: 2px solid #333;
|
|||
|
|
padding: 0upx 20upx;
|
|||
|
|
flex: 1;
|
|||
|
|
font-family: 'Product-Sans-Bold';
|
|||
|
|
font-weight: 600;
|
|||
|
|
font-size: 56upx;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.money {
|
|||
|
|
margin: 30rpx 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.tips {
|
|||
|
|
margin-top: 80rpx;
|
|||
|
|
line-height: 50rpx;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</style>
|