123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466 |
- <template>
- <view class="content">
- <!-- <uni-notice-bar single="true" text="实际到账98%"></uni-notice-bar> -->
- <view class="content-money">
- <view class="flex " style="width: 750rpx;justify-content: space-around;margin-left: 0;">
- <view class="buttom">
- <view class="icon">{{ money }}</view>
- <text class="text">可提现佣金</text>
- </view>
- </view>
- </view>
- <view class="row-box">
- <view class="title">提现金额</view>
- <view class="row">
- <text class="tit">¥</text>
- <input class="input" type="number" v-model="withdrawal" :placeholder="'最低提现金额' + minPrice + '元'"
- placeholder-class="placeholder" />
- <view class="buttom" @click="withdrawal = money">全部提现</view>
- </view>
- </view>
- <view class="list" v-if="isSh == 0">
- <radio-group @change="tabRadio">
- <!-- <label>
- <view class="box">
- <view class="icon iconfont iconweixin1"></view>
- <view class="title-box">
- <view class="title"><text>提现至微信</text></view>
- </view>
- <view class="right"><radio value="weixin" color="#ff2d2d" :checked="type == 'weixin'" /></view>
- </view>
- </label> -->
- <template>
- <!-- <label>
- <view class="box">
- <view class="icon iconfont iconzhifubao"></view>
- <view class="title-box">
- <view class="title"><text>提现至支付宝</text></view>
- </view>
- <view class="right"><radio value="alipay" color="#ff2d2d" :checked="type == 'alipay'" /></view>
- </view>
- </label> -->
- <label>
- <view class="box">
- <view class="icon iconfont">
- <image class="icon-img" src="/static/icon/i8.png" mode="aspectFit"></image>
- </view>
- <view class="title-box">
- <view class="title"><text>提现银行账号</text></view>
- </view>
- <view class="right">
- <radio value="bank" color="#ff2d2d" :checked="type == 'bank'" />
- </view>
- </view>
- </label>
- </template>
- </radio-group>
- </view>
- <template v-if="isSh == 0">
- <view class="row b-b" v-if="type == 'alipay'">
- <text class="tit">姓名</text>
- <input class="input" type="text" v-model="ali_people" placeholder="请输入支付宝姓名"
- placeholder-class="placeholder" />
- </view>
- <view class="row b-b" v-if="type == 'alipay'">
- <text class="tit">支付宝账号</text>
- <input class="input" type="text" v-model="alipay_code" placeholder="请输入支付宝账号"
- placeholder-class="placeholder" />
- </view>
- <view class="row b-b" v-if="type == 'bank'">
- <text class="tit">姓名</text>
- <input class="input" type="text" v-model="bank_people" placeholder="请输入银行卡姓名"
- placeholder-class="placeholder" />
- </view>
- <view class="row b-b" v-if="type == 'bank'">
- <text class="tit">银行卡号</text>
- <input class="input" type="text" v-model="bank_code" placeholder="请输入银行卡号"
- placeholder-class="placeholder" />
- </view>
- <view class="row b-b" v-if="type == 'bank'">
- <text class="tit">手机号</text>
- <input class="input" type="text" v-model="phone" placeholder="请输入手机号" placeholder-class="placeholder" />
- </view>
- <view class="row b-b" v-if="type == 'bank'">
- <text class="tit">所属银行</text>
- <input class="input" type="text" v-model="bank_name" placeholder="请输入所属银行"
- placeholder-class="placeholder" />
- </view>
- </template>
- <!-- <view class="row b-b" v-if="type == 'bank'">
- <text class="tit">所属支行</text>
- <input class="input" type="text" v-model="bank_belonging" placeholder="请输入所属支行"
- placeholder-class="placeholder" />
- </view> -->
- <button class="add-btn up" @click="confirm">提交申请</button>
- </view>
- </template>
- <script>
- import {
- getMoneyStyle
- } from '@/utils/rocessor.js';
- import {
- extractCash,
- extractBank,
- aliInfo,
- bankInfo,
- setBank,
- getBank
- } from '@/api/wallet.js';
- import {
- orderData,
- getUserInfo,
- version
- } from '@/api/user.js';
- import {
- mapState,
- mapMutations
- } from 'vuex';
- import uniNoticeBar from '@/components/uni-notice-bar/uni-notice-bar.vue';
- export default {
- filters: {
- getMoneyStyle
- },
- components: {
- uniNoticeBar
- },
- computed: {
- ...mapState('user', ['userInfo', 'orderInfo', 'hasLogin'])
- },
- data() {
- return {
- ali_people: '',
- loading: false,
- phone: '',
- weixin_no: '',
- type: 'bank', //提现方式
- money: '0.00', //可提现金额
- freeze: '0.0', //冻结金额
- withdrawal: '', //提现金额
- minPrice: '', //最少提现金额
- weixin: {},
- alipay_code: '',
- alipay_name: '',
- bank_code: '',
- bank_people: '',
- bank_name: '',
- bank_belonging: '',
- jftype: 0,
- isSh: 1
- };
- },
- onLoad(options) {
- //加载提现信息
- this.loadData();
- },
- methods: {
- ...mapMutations('user', ['setUserInfo', 'setOrderInfo']),
- async loadData() {
- extractBank({}).then(({
- data
- }) => {
- console.log(data, 'data+++++++++');
- this.minPrice = data.minPrice;
- this.money = data.brokerage_price;
- if (data.extractInfo != null) {
- this.bank_people = data.extractInfo.real_name;
- this.bank_name = data.extractInfo.bank_address;
- this.bank_code = data.extractInfo.bank_code;
- this.phone = this.userInfo.phone;
- }
- });
- version({}).then(({
- data
- }) => {
- this.isSh = data.status;
- console.log(data, '123456');
- });
- },
- // 跳转
- navTo(url) {
- uni.navigateTo({
- url: url
- });
- },
- // 切换选中对象
- tabRadio(e) {
- this.type = e.detail.value;
- },
- // 提交
- confirm() {
- let obj = this;
- if (obj.loading) {
- return;
- }
- let data = {
- extract_type: this.type, //bank -银行卡 alipay-支付宝 weixin-微信
- money: this.withdrawal, //金额
- type: 0 //0佣金1余额
- };
- if (this.withdrawal < this.minPrice) {
- uni.showToast({
- title: '提现金额不可少于' + this.minPrice,
- duration: 2000,
- mask: false,
- icon: 'none'
- });
- return;
- }
- if (obj.type == 'alipay') {
- if (obj.ali_people == '') {
- return obj.$api.msg('请输入姓名');
- }
- if (obj.alipay_code == '') {
- return obj.$api.msg('请输入支付宝账号');
- }
- data.name = obj.ali_people;
- data.alipay_code = obj.alipay_code;
- }
- // if (this.type == 'alipay') {
- // console.log('alipay');
- // data.name = this.aliData.name;
- // data.alipay_code = this.aliData.payment;
- // }
- if (obj.type == 'bank') {
- if (obj.bank_people == '') {
- return obj.$api.msg('请输入姓名');
- }
- if (obj.phone == '') {
- return obj.$api.msg('请输入手机号码');
- }
- if (obj.bank_name == '') {
- return obj.$api.msg('请输入所属银行');
- }
- if (obj.bank_code == '') {
- return obj.$api.msg('请输入银行卡号');
- }
- data.name = obj.bank_people;
- data.phone = obj.phone;
- data.bankname = obj.bank_name;
- data.cardnum = obj.bank_code;
- }
- // if (this.type == 'bank') {
- // console.log('bank');
- // data.name = this.bankData.name;
- // data.bankname = this.bankData.bank;
- // data.cardnum = this.bankData.payment;
- // // data.bank_belonging = this.bankData.bank_name
- // }
- if (this.type == 'weixin') {
- console.log('weixin');
- data.weixin = '123456';
- }
- obj.loading = true;
- extractCash(data)
- .then(e => {
- obj.loadData();
- obj.withdrawal = '';
- obj.loading = false;
- uni.showToast({
- title: '提交成功',
- duration: 2000,
- position: 'top'
- });
- })
- .catch(e => {
- obj.loading = false;
- });
- }
- }
- };
- </script>
- <style lang="scss">
- page {
- height: 100%;
- }
- .content-money {
- padding: 30rpx 0;
- background: #ffffff;
- }
- .flex {
- background-color: #ffffff;
- text-align: center;
- margin: 0 30rpx;
- border-radius: $border-radius-sm;
- .buttom {
- font-size: $font-lg;
- width: 50%;
- }
- .interval {
- width: 2px;
- height: 60rpx;
- background-color: #eeeeee;
- }
- .icon {
- background-size: 100%;
- font-size: 42rpx;
- color: $font-color-dark;
- font-weight: bold;
- background-repeat: no-repeat;
- background-position: center;
- }
- .text {
- color: $font-color-light;
- }
- }
- .row-box {
- margin-top: 30rpx;
- padding: 20rpx 30rpx;
- background: #fff;
- .title {
- font-size: $font-base + 2rpx;
- color: $font-color-dark;
- }
- .row {
- display: flex;
- align-items: center;
- position: relative;
- height: 80rpx;
- .tit {
- flex-shrink: 0;
- width: 40rpx;
- font-size: 30rpx;
- color: $font-color-dark;
- }
- .input {
- flex: 1;
- font-size: 30rpx;
- color: $font-color-dark;
- }
- .iconlocation {
- font-size: 36rpx;
- color: $font-color-light;
- }
- .buttom {
- color: #ff2d2d;
- font-size: $font-base;
- }
- }
- }
- .add-btn {
- &.modified {
- // color: #ffffff;
- border: 1px solid #ff4072;
- // background-color: #fff;
- color: #ff4072;
- }
- &.up {
- background: linear-gradient(270deg, #ff2d2e, #ff3883);
- color: #fff;
- }
- display: flex;
- align-items: center;
- justify-content: center;
- width: 690rpx;
- height: 80rpx;
- margin: 0 auto;
- margin-top: 30rpx;
- font-size: $font-lg;
- border-radius: 10rpx;
- // box-shadow: 1px 2px 5px rgba(219, 63, 96, 0.4);
- }
- .list {
- padding-left: 30rpx;
- margin-top: 30rpx;
- background-color: #ffffff;
- .box {
- display: flex;
- align-items: center;
- width: 100%;
- height: 120rpx;
- border-bottom: 1px solid $border-color-light;
- .icon {
- font-size: 48rpx;
- padding-right: 20rpx;
- .icon-img {
- height: 50rpx;
- width: 50rpx;
- }
- }
- .iconweixin1 {
- color: #18bf16;
- }
- .iconzhifubao {
- color: #08aaec;
- }
- .title-box {
- flex-grow: 1;
- text-align: left;
- .title {
- font-size: $font-base + 2rpx;
- color: $font-color-base;
- }
- .node {
- font-size: $font-sm;
- color: $font-color-light;
- }
- }
- }
- }
- /deep/ .uni-radio-input {
- width: 45rpx;
- height: 45rpx;
- }
- .row {
- display: flex;
- align-items: center;
- position: relative;
- padding: 0 30upx;
- height: 110upx;
- background: #fff;
- .tit {
- flex-shrink: 0;
- width: 250upx;
- font-size: 30upx;
- color: $font-color-dark;
- }
- .input {
- flex: 1;
- font-size: 30upx;
- color: $font-color-dark;
- }
- .iconlocation {
- font-size: 36upx;
- color: $font-color-light;
- }
- }
- .tip {
- padding: 20rpx;
- color: #fd3b39;
- }
- </style>
|