提现详情页

This commit is contained in:
THK3121 2023-06-13 17:32:35 +08:00
parent 847181c7d1
commit 036a06b05c
6 changed files with 1228 additions and 959 deletions

View File

@ -380,6 +380,12 @@
"navigationBarTitleText": "提现" "navigationBarTitleText": "提现"
} }
}, },
{
"path": "gather_list/index" ,
"style": {
"navigationBarTitleText": "提现流水"
}
},
{ {
"path": "user_address_list/index", "path": "user_address_list/index",
"style": { "style": {

View File

@ -12,16 +12,19 @@
<image class="icon_img" :src="`${prefix}zsgl.png`" mode="aspectFill"></image> <image class="icon_img" :src="`${prefix}zsgl.png`" mode="aspectFill"></image>
<text class="text">在售管理</text> <text class="text">在售管理</text>
</view> </view>
<view class="examine" @click="navigator(`/pages/admin/order/index?mer_id=${mer_id}&product_type=98`)"> <view class="examine"
@click="navigator(`/pages/admin/order/index?mer_id=${mer_id}&product_type=98`)">
<image class="icon_img" :src="`${prefix}cwgl.png`" mode="aspectFill"></image> <image class="icon_img" :src="`${prefix}cwgl.png`" mode="aspectFill"></image>
<text class="text">财务管理</text> <text class="text">财务管理</text>
</view> </view>
<view class="examine" @click="navigator(`/pages/nongKe/gather/select_warehouse?mer_id=${mer_id}&stype=1`)"> <view class="examine"
@click="navigator(`/pages/nongKe/gather/select_warehouse?mer_id=${mer_id}&stype=1`)">
<image class="icon_img" :src="`${prefix}rkgl.png`" mode="aspectFill"> <image class="icon_img" :src="`${prefix}rkgl.png`" mode="aspectFill">
</image> </image>
<text class="text">入库管理</text> <text class="text">入库管理</text>
</view> </view>
<view class="examine" @click="navigator(`/pages/product/basicSet?mer_id=${mer_id}&product_type=98`, '商户设置')"> <view class="examine"
@click="navigator(`/pages/product/basicSet?mer_id=${mer_id}&product_type=98`, '商户设置')">
<image class="icon_img" :src="`${prefix}shsz.png`" mode="aspectFill"></image> <image class="icon_img" :src="`${prefix}shsz.png`" mode="aspectFill"></image>
<text class="text">商户设置</text> <text class="text">商户设置</text>
</view> </view>
@ -30,7 +33,7 @@
</image> </image>
<text class="text">商品管理</text> <text class="text">商品管理</text>
</view> </view>
<view class="examine" @click="navigator(`/pages/users/embody/embody?mer_id=${mer_id}`)"> <view class="examine" @click="navigator(`/pages/users/gather_list/index?mer_id=${mer_id}`)">
<image class="icon_img" :src="`${prefix}txgl.png`" mode="aspectFill"> <image class="icon_img" :src="`${prefix}txgl.png`" mode="aspectFill">
</image> </image>
<text class="text">提现管理</text> <text class="text">提现管理</text>
@ -41,6 +44,11 @@
</image> </image>
<text class="text">视频教学</text> <text class="text">视频教学</text>
</view> </view>
<view class="examine" @click="navigator(`/pages/admin/order/index?mer_id=${mer_id}`)">
<image class="icon_img" :src="`${prefix}ddgl.png`" mode="aspectFill">
</image>
<text class="text">订单管理</text>
</view>
</view> </view>
</view> </view>
@ -63,23 +71,26 @@
</image> </image>
<text class="text">扫码出库</text> <text class="text">扫码出库</text>
</view> </view>
<view class="examine" @click="navigator(`/pages/nongKe/gather/select_warehouse?mer_id=${mer_id}&stype=2`)"> <view class="examine"
@click="navigator(`/pages/nongKe/gather/select_warehouse?mer_id=${mer_id}&stype=2`)">
<image class="icon_img" :src="`${prefix}rkgl.png`" mode="aspectFill"> <image class="icon_img" :src="`${prefix}rkgl.png`" mode="aspectFill">
</image> </image>
<text class="text">入库管理</text> <text class="text">入库管理</text>
</view> </view>
<view class="examine" @click="navigator(`/pages/users/embody/embody?mer_id=${mer_id}`)"> <view class="examine" @click="navigator(`/pages/users/gather_list/index?mer_id=${mer_id}`)">
<image class="icon_img" :src="`${prefix}txgl.png`" mode="aspectFill"> <image class="icon_img" :src="`${prefix}txgl.png`" mode="aspectFill">
</image> </image>
<text class="text">提现管理</text> <text class="text">提现管理</text>
</view> </view>
<view class="examine" @click="navigator(`/pages/chat/customer_list/index?type=1&mer_id=${mer_id}`)"> <view class="examine"
@click="navigator(`/pages/chat/customer_list/index?type=1&mer_id=${mer_id}`)">
<image class="icon_img" :src="`${prefix}kfjl.png`" mode="aspectFill"> <image class="icon_img" :src="`${prefix}kfjl.png`" mode="aspectFill">
</image> </image>
<text class="text">客服记录</text> <text class="text">客服记录</text>
</view> </view>
<view class="examine" @click="navigator(`/pages/admin/order_cancellation/index?mer_id=${mer_id}`)"> <view class="examine"
@click="navigator(`/pages/admin/order_cancellation/index?mer_id=${mer_id}`)">
<image class="icon_img" :src="`${prefix}ddhx.png`" mode="aspectFill"> <image class="icon_img" :src="`${prefix}ddhx.png`" mode="aspectFill">
</image> </image>
<text class="text">订单核销</text> <text class="text">订单核销</text>
@ -125,23 +136,26 @@
</image> </image>
<text class="text">扫码出库</text> <text class="text">扫码出库</text>
</view> </view>
<view class="examine" @click="navigator(`/pages/nongKe/gather/select_warehouse?mer_id=${mer_id}&stype=2`)"> <view class="examine"
@click="navigator(`/pages/nongKe/gather/select_warehouse?mer_id=${mer_id}&stype=2`)">
<image class="icon_img" :src="`${prefix}rkgl.png`" mode="aspectFill"> <image class="icon_img" :src="`${prefix}rkgl.png`" mode="aspectFill">
</image> </image>
<text class="text">入库管理</text> <text class="text">入库管理</text>
</view> </view>
<view class="examine" @click="navigator(`/pages/users/embody/embody?mer_id=${mer_id}`)"> <view class="examine" @click="navigator(`/pages/users/gather_list/index?mer_id=${mer_id}`)">
<image class="icon_img" :src="`${prefix}txgl.png`" mode="aspectFill"> <image class="icon_img" :src="`${prefix}txgl.png`" mode="aspectFill">
</image> </image>
<text class="text">提现管理</text> <text class="text">提现管理</text>
</view> </view>
<view class="examine" @click="navigator(`/pages/chat/customer_list/index?type=1&mer_id=${mer_id}`)"> <view class="examine"
@click="navigator(`/pages/chat/customer_list/index?type=1&mer_id=${mer_id}`)">
<image class="icon_img" :src="`${prefix}kfjl.png`" mode="aspectFill"> <image class="icon_img" :src="`${prefix}kfjl.png`" mode="aspectFill">
</image> </image>
<text class="text">客服记录</text> <text class="text">客服记录</text>
</view> </view>
<view class="examine" @click="navigator(`/pages/admin/order_cancellation/index?mer_id=${mer_id}`)"> <view class="examine"
@click="navigator(`/pages/admin/order_cancellation/index?mer_id=${mer_id}`)">
<image class="icon_img" :src="`${prefix}ddhx.png`" mode="aspectFill"> <image class="icon_img" :src="`${prefix}ddhx.png`" mode="aspectFill">
</image> </image>
<text class="text">订单核销</text> <text class="text">订单核销</text>
@ -179,12 +193,28 @@
<script> <script>
import mTabbar from '@/components/m-tabbar/m-tabbar.vue' import mTabbar from '@/components/m-tabbar/m-tabbar.vue'
import zbpSwiper from '@/components/zbpSwiper' import zbpSwiper from '@/components/zbpSwiper'
import { mapState, mapGetters } from 'vuex' import {
import { getWorkArticleCount, getSlideAPI } from '@/api/article.js' mapState,
import { getStoreList, getUserInfo } from '@/api/user.js' mapGetters
import { microSeachBarCode, microEadtProduct } from '@/api/store.js' } from 'vuex'
import { Toast } from '@/libs/uniApi'; import {
import { getDiy } from '@/api/api.js' getWorkArticleCount,
getSlideAPI
} from '@/api/article.js'
import {
getStoreList,
getUserInfo
} from '@/api/user.js'
import {
microSeachBarCode,
microEadtProduct
} from '@/api/store.js'
import {
Toast
} from '@/libs/uniApi';
import {
getDiy
} from '@/api/api.js'
export default { export default {
components: { components: {
mTabbar, mTabbar,
@ -195,9 +225,13 @@
emptyText: '暂无可用应用', emptyText: '暂无可用应用',
jurisdiction: false, // jurisdiction: false, //
mer_id: '', mer_id: '',
userInfoData: { mer_info: { type_id: 0 } }, userInfoData: {
mer_info: {
type_id: 0
}
},
prefix: 'https://lihai001.oss-cn-chengdu.aliyuncs.com/public/kk/luzhou/static4/11/', prefix: 'https://lihai001.oss-cn-chengdu.aliyuncs.com/public/kk/luzhou/static4/11/',
isShow:false isShow: false
}; };
}, },
computed: { computed: {
@ -231,11 +265,11 @@
getUserInfo().then(res => { getUserInfo().then(res => {
that.userInfoData = res.data; that.userInfoData = res.data;
// console.log(res.data.service); // console.log(res.data.service);
if(res.data.service == null){ if (res.data.service == null) {
// console.log('123'); // console.log('123');
this.isShow=false this.isShow = false
}else{ } else {
this.isShow=true this.isShow = true
this.mer_id = res.data.service.mer_id this.mer_id = res.data.service.mer_id
} }
if (!res.data.mer_info) { if (!res.data.mer_info) {

View File

@ -217,6 +217,7 @@
Modal('提交成功', '点击确定,返回商品管理', { Modal('提交成功', '点击确定,返回商品管理', {
showCancel: false showCancel: false
}).then(() => { }).then(() => {
uni.removeStorageSync('singleSpecification')
uni.redirectTo({ uni.redirectTo({
url: '/pages/product/goodsOnSale/index?mer_id=' + this.merId url: '/pages/product/goodsOnSale/index?mer_id=' + this.merId
}) })

View File

@ -22,8 +22,8 @@
<form @submit="subCash" report-submit='true'> <form @submit="subCash" report-submit='true'>
<view class='item acea-row row-between-wrapper'> <view class='item acea-row row-between-wrapper'>
<view class='name'>持卡人</view> <view class='name'>持卡人</view>
<view class='input'><input v-model="mode.real_name" placeholder='请输入持卡人姓名' placeholder-class='placeholder' <view class='input'><input v-model="mode.real_name" placeholder='请输入持卡人姓名'
name="real_name"></input></view> placeholder-class='placeholder' name="real_name"></input></view>
</view> </view>
<view class='item acea-row row-between-wrapper'> <view class='item acea-row row-between-wrapper'>
<view class='name'>卡号</view> <view class='name'>卡号</view>
@ -41,8 +41,8 @@
</view> </view>
<view class='item acea-row row-between-wrapper'> <view class='item acea-row row-between-wrapper'>
<view class='name'>支行信息</view> <view class='name'>支行信息</view>
<view class='input'><input placeholder='请输入支行信息' placeholder-class='placeholder' <view class='input'><input placeholder='请输入支行信息' v-model="mode.bank_address"
name="bank_address"></input></view> placeholder-class='placeholder' name="bank_address"></input></view>
</view> </view>
<view class='item acea-row row-between-wrapper'> <view class='item acea-row row-between-wrapper'>
<view class='name'>提现</view> <view class='name'>提现</view>
@ -50,13 +50,14 @@
name="extract_price" type='digit' v-model="extract_price"></input></view> name="extract_price" type='digit' v-model="extract_price"></input></view>
</view> </view>
<view class='tip mt25'> <view class='tip mt25'>
当前可提现金额: <text class="price">{{userInfo.brokerage_price}},</text>冻结佣金{{userInfo.lock_brokerage}} 当前可提现金额: <text
class="price">{{userInfo.brokerage_price}},</text>冻结佣金{{userInfo.lock_brokerage}}
</view> </view>
<view class='tip'> <view class='tip'>
说明: 每笔佣金的冻结期为{{userInfo.broken_day}}到期后可提现 说明: 每笔佣金的冻结期为{{userInfo.broken_day}}到期后可提现
</view> </view>
<view class="btn-submit"> <view class="btn-submit">
<button formType="submit" :disabled="load" class='bnt b-color' :class="load ? 'disabled' : ''">提现</button> <button formType="submit" class='bnt b-color'>提现</button>
</view> </view>
</form> </form>
</view> </view>
@ -70,8 +71,9 @@
</view> </view>
<view class='item acea-row row-between-wrapper'> <view class='item acea-row row-between-wrapper'>
<view class='name'>提现</view> <view class='name'>提现</view>
<view class='input'><input :placeholder='"最低提现金额"+minPrice' placeholder-class='placeholder' <view class='input'><input :placeholder='"最低提现金额"+minPrice'
name="extract_price" type='digit' v-model="extract_price"></input></view> placeholder-class='placeholder' name="extract_price" type='digit'
v-model="extract_price"></input></view>
</view> </view>
<view class='item acea-row row-between-wrapper uploadItem'> <view class='item acea-row row-between-wrapper uploadItem'>
<view class='name'>收款码</view> <view class='name'>收款码</view>
@ -89,22 +91,23 @@
</view> </view>
<view class='tip mt25'> <view class='tip mt25'>
当前可提现金额: <text class="price">{{userInfo.brokerage_price}},</text>冻结佣金{{userInfo.lock_brokerage}} 当前可提现金额: <text
class="price">{{userInfo.brokerage_price}},</text>冻结佣金{{userInfo.lock_brokerage}}
</view> </view>
<view class='tip'> <view class='tip'>
说明: 每笔佣金的冻结期为{{userInfo.broken_day}}到期后可提现 说明: 每笔佣金的冻结期为{{userInfo.broken_day}}到期后可提现
</view> </view>
<button formType="submit" :disabled="load" class='bnt b-color' :class="load ? 'disabled' : ''">提现</button> <button formType="submit" class='bnt b-color'>提现</button>
</view> </view>
<view v-else class="auto_arrival"> <view v-else class="auto_arrival">
<view class='tip'>当前可提现金额: <text class="price">{{userInfo.brokerage_price}}</text> <view class='tip'>当前可提现金额: <text class="price">{{userInfo.brokerage_price}}</text>
</view> </view>
<view class='input'><input placeholder-class='placeholder1' name="extract_price" type='digit' <view class='input'><input placeholder-class='placeholder1' name="extract_price"
:placeholder="placeholderValue" @focus="placeholderValue = ''" v-model="extract_price"></input> type='digit' :placeholder="placeholderValue" @focus="placeholderValue = ''"
v-model="extract_price"></input>
</view> </view>
<view class="btn-submit"> <view class="btn-submit">
<button formType="submit" :disabled="load" class='bnt b-color' <button formType="submit" class='bnt b-color'>提现</button>
:class="load ? 'disabled' : ''">提现</button>
</view> </view>
</view> </view>
@ -129,20 +132,22 @@
<image :src='item'></image> <image :src='item'></image>
<text class='iconfont icon-guanbi1' @click='DelPic(index)'></text> <text class='iconfont icon-guanbi1' @click='DelPic(index)'></text>
</view> </view>
<view class='picture acea-row row-center-wrapper row-column' @click='uploadpic' v-if="pics.length < 1"> <view class='picture acea-row row-center-wrapper row-column' @click='uploadpic'
v-if="pics.length < 1">
<text class='iconfont icon-icon25201'></text> <text class='iconfont icon-icon25201'></text>
<view>上传图片</view> <view>上传图片</view>
</view> </view>
</view> </view>
</view> </view>
<view class='tip mb25'> <view class='tip mb25'>
当前可提现金额: <text class="price">{{userInfo.brokerage_price}},</text>冻结佣金{{userInfo.lock_brokerage}} 当前可提现金额: <text
class="price">{{userInfo.brokerage_price}},</text>冻结佣金{{userInfo.lock_brokerage}}
</view> </view>
<view class='tip' v-if="userInfo.broken_day>0"> <view class='tip' v-if="userInfo.broken_day>0">
说明: 每笔佣金的冻结期为{{userInfo.broken_day}}到期后可提现 说明: 每笔佣金的冻结期为{{userInfo.broken_day}}到期后可提现
</view> </view>
<view class="btn-submit"> <view class="btn-submit">
<button formType="submit" :disabled="load" class='bnt b-color' :class="load ? 'disabled' : ''">提现</button> <button formType="submit" class='bnt b-color'>提现</button>
</view> </view>
</form> </form>
</view> </view>
@ -176,7 +181,9 @@
import { import {
configMap configMap
} from '@/utils'; } from '@/utils';
import { Toast } from '../../../libs/uniApi'; import {
Toast
} from '../../../libs/uniApi';
export default { export default {
components: { components: {
cash, cash,
@ -250,7 +257,7 @@
onLoad(options) { onLoad(options) {
this.merId = options.mer_id this.merId = options.mer_id
this.source = options.source this.source = options.source
// console.log(this.source) this.getApply()
if (this.isLogin) { if (this.isLogin) {
this.getUserInfo(); this.getUserInfo();
this.getUserExtractBank(); this.getUserExtractBank();
@ -258,7 +265,7 @@
this.isAuto = true; this.isAuto = true;
this.isShowAuth = true this.isShowAuth = true
} }
this.getApply()
}, },
methods: { methods: {
async getApply() { async getApply() {
@ -266,6 +273,8 @@
const res = await getAdminApplyAPI(this.merId) const res = await getAdminApplyAPI(this.merId)
this.mode.real_name = res.data.financial_bank_name this.mode.real_name = res.data.financial_bank_name
this.mode.bank_code = res.data.financial_bank_code this.mode.bank_code = res.data.financial_bank_code
this.mode.bank_name = res.data.financial_bank_bank
this.mode.bank_address = res.data.financial_bank_branch
} catch (err) { } catch (err) {
//TODO handle the exception //TODO handle the exception
Toast(err) Toast(err)
@ -300,6 +309,11 @@
extractBank().then(res => { extractBank().then(res => {
let array = res.data; let array = res.data;
that.$set(that, 'array', array); that.$set(that, 'array', array);
this.array.forEach((item, index) => {
if (item.name == this.mode.bank_name.toString()) {
that.index = index
}
})
}); });
}, },
/** /**
@ -319,6 +333,7 @@
this.load = false; this.load = false;
}, },
bindPickerChange: function(e) { bindPickerChange: function(e) {
console.log(e);
this.index = e.detail.value; this.index = e.detail.value;
}, },
handlePayColor: function() { handlePayColor: function() {
@ -406,14 +421,24 @@
// console.log(value) // console.log(value)
// //
const mode = { const mode = {
name: value.real_name, financial_bank_name: value.real_name,
bank: value.bank_name, financial_bank_bank: value.bank_name,
bank_code: value.bank_code, financial_bank_code: value.bank_code,
extract_money: value.extract_price,
financial_bank_branch: value.bank_address,
financial_type: 1 financial_type: 1
} }
postAccountApplyAPI(this.merId, mode).then(res => { console.log(mode);
postCreateApplyAPI(this.merId, mode).then(res => {
// //
that.postCreate(e.detail.value.extract_price) // that.postCreate(e.detail.value.extract_price)
Toast(res.message)
setTimeout(()=>{
uni.navigateBack({
delta: 1
})}, 1000)
console.log(res);
}).catch(err => { }).catch(err => {
Toast(err) Toast(err)
}) })

View File

@ -0,0 +1,203 @@
<template>
<view class="list">
<view class="head">
<view class="head_conent">
<view class="tatil">
<view class="sum">
<u-count-to :startVal="30" :endVal="500"></u-count-to>
<h3>提现次数</h3>
</view>
<view class="sum">
<u-count-to :startVal="0" :endVal="a"></u-count-to>
<h3>提现总额</h3>
</view>
</view>
</view>
<view class="tixian" @click="navigator(`/pages/users/embody/embody?mer_id=${merId}`)">
申请提现
</view>
</view>
<view class="public-wrapper">
<view class="title">
提现详情
</view>
<view class="conter">
<view class="data">编号</view>
<view class="browse">银行</view>
<view class="turnover">日期</view>
<view class="money">金额()</view>
</view>
<view class="footer">
<scroll-view :scroll-top="scrollTop" scroll-y="true" class="scroll-Y">
<view class=" footer_list">
<view class="data">1</view>
<view class="browse">中国农业银行</view>
<view class="turnover">3月17</view>
<view class="money">4000</view>
</view>
</scroll-view>
</view>
</view>
</view>
</template>
<script>
// +----------------------------------------------------------------------
// | CRMEB [ CRMEB ]
// +----------------------------------------------------------------------
// | Copyright (c) 2016~2021 https://www.crmeb.com All rights reserved.
// +----------------------------------------------------------------------
// | Licensed CRMEBCRMEB
// +----------------------------------------------------------------------
// | Author: CRMEB Team <admin@crmeb.com>
// +----------------------------------------------------------------------
export default {
data() {
return {
a: 99999999,
scrollTop: 0,
merId:''
}
},
computed: {},
watch: {
},
onLoad(option) {
this.merId = option.mer_id
},
methods: {
navigator(url) {
uni.navigateTo({
url: url
})
},
}
}
</script>
<style lang="scss">
.list {
.head {
width: 100%;
height: 150px;
display: flex;
background-image: linear-gradient(90deg, #FA6514 0%, #E93323 100%);
position: relative;
.head_conent {
width: 90%;
height: 150px;
background-color: #fff;
margin: 50px auto;
border-radius: 15px;
box-shadow: 0px 0px 5px rgba(#FA6514, 0.5);
.tatil {
display: flex;
justify-content: space-around;
align-items: center;
width: 100%;
.sum {
text-align: center;
margin-top: 30px;
h3 {
margin-top: 15px;
font-size: 18px;
font-weight: 700;
color: #E93323;
}
}
}
}
.tixian {
position: absolute;
background-image: linear-gradient(90deg, #FA6514 0%, #E93323 100%);
box-shadow: 0px 0px 5px rgba(#FA6514, 0.5);
width: 100px;
height: 40px;
line-height: 40px;
border-radius: 30px;
text-align: center;
font-size: 18px;
color: #fff;
font-weight: 700;
left: 37%;
top: 150px;
}
}
.public-wrapper {
width: 90%;
margin: 70px auto;
box-shadow: 0px 0px 5px rgba(#FA6514, 0.7);
border-radius: 10px;
.title {
font-size: 18px;
font-weight: 700;
padding: 10px 0 0 10px;
}
.conter {
display: flex;
align-items: center;
padding: 10px 0 0 10px;
text-align: center;
.data {
width: 40px;
}
.browse {
width: 110px;
}
.turnover {
width: 110px;
}
.money {
width: 60px;
}
}
.footer {
.scroll-Y {
max-height: 60vh;
.footer_list {
display: flex;
align-items: center;
padding: 10px 0 0 10px;
text-align: center;
.data {
width: 40px;
}
.browse {
width: 110px;
}
.turnover {
width: 110px;
}
.money {
width: 60px;
}
}
}
}
}
}
</style>

View File

@ -1,5 +1,5 @@
{ {
"libVersion": "2.24.2", "libVersion": "2.32.1",
"description": "项目私有配置文件。此文件中的内容将覆盖 project.config.json 中的相同字段。项目的改动优先同步到此文件中。详见文档https://developers.weixin.qq.com/miniprogram/dev/devtools/projectconfig.html", "description": "项目私有配置文件。此文件中的内容将覆盖 project.config.json 中的相同字段。项目的改动优先同步到此文件中。详见文档https://developers.weixin.qq.com/miniprogram/dev/devtools/projectconfig.html",
"projectname": "nk-shop2.0", "projectname": "nk-shop2.0",
"setting": { "setting": {