商户中心首页收款账户
This commit is contained in:
墨大叔
parent
382c0e1a6b
commit
333b6a457d
11
src/api/app/account.js
Normal file
11
src/api/app/account.js
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
import request from '@/utils/request'
|
||||
|
||||
/**
|
||||
* 获取用户的收款账户列表
|
||||
*/
|
||||
export function appGroupAccount() {
|
||||
return request({
|
||||
url: '/app/account',
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
8
src/api/app/user.js
Normal file
8
src/api/app/user.js
Normal file
|
|
@ -0,0 +1,8 @@
|
|||
import request from '@/utils/request'
|
||||
|
||||
export function appGetUserInfo() {
|
||||
return request({
|
||||
url: '/app/user/userInfo',
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
10
src/api/mch/recharge.js
Normal file
10
src/api/mch/recharge.js
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
import request from '@/utils/request'
|
||||
|
||||
// 商户统计信息
|
||||
export function mchRechargeCount(params) {
|
||||
return request({
|
||||
url: '/app/bill/landlordCount',
|
||||
method: 'get',
|
||||
params
|
||||
})
|
||||
}
|
||||
1
src/assets/icons/svg/bank.svg
Normal file
1
src/assets/icons/svg/bank.svg
Normal file
|
|
@ -0,0 +1 @@
|
|||
<svg t="1723084001519" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5334" width="64" height="64"><path d="M601.879542 615.183034l40.164768 0 0 39.908942-40.164768 0 0-39.908942Z" p-id="5335"></path><path d="M701.140243 615.183034l40.164768 0 0 39.908942-40.164768 0 0-39.908942Z" p-id="5336"></path><path d="M511.999488 63.645552c-246.99951 0-447.230857 200.231347-447.230857 447.230857 0 246.998487 200.23237 447.231881 447.230857 447.231881 246.99951 0 447.229834-200.233394 447.229834-447.231881C959.229323 263.876899 758.998999 63.645552 511.999488 63.645552zM789.144576 682.721243c0 0-1.87572 36.32737-37.862329 41.443901L276.297278 724.165144c0 0-28.481681-1.705851-34.109866-38.544875l-1.056052-218.816634 548.013215 0L789.144576 682.721243zM789.144576 329.424778l0 67.026556-548.013215-0.271176 1.056052-68.801992c5.884011-29.420053 34.280758-30.187533 34.280758-30.187533l473.279117 0C789.656229 301.283858 789.144576 329.424778 789.144576 329.424778z" p-id="5337"></path><path d="M651.254066 615.183034l40.164768 0 0 39.908942-40.164768 0 0-39.908942Z" p-id="5338"></path></svg>
|
||||
|
After Width: | Height: | Size: 1.1 KiB |
1
src/assets/icons/svg/qrcode.svg
Normal file
1
src/assets/icons/svg/qrcode.svg
Normal file
|
|
@ -0,0 +1 @@
|
|||
<svg t="1723082130577" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="21193" width="64" height="64"><path d="M688.72 461.288a28.4 28.4 0 0 1-28.4 28.4H381.104a28.4 28.4 0 0 1 0-56.8H660.32a28.4 28.4 0 0 1 28.4 28.4zM688.72 591.64a28.4 28.4 0 0 1-28.4 28.408H381.104a28.4 28.4 0 1 1 0-56.8H660.32a28.392 28.392 0 0 1 28.4 28.392z" p-id="21194"></path><path d="M520.72 437.64a28.4 28.4 0 0 1 28.408 28.4v239.216a28.408 28.408 0 0 1-56.816 0V466.032a28.4 28.4 0 0 1 28.408-28.392z" p-id="21195"></path><path d="M385.176 334.944a28.4 28.4 0 0 1 40.168-0.008l101.264 101.264a28.408 28.408 0 0 1-0.016 40.168 28.4 28.4 0 0 1-40.168 0.008L385.168 375.112a28.408 28.408 0 0 1 0.008-40.168z" p-id="21196"></path><path d="M662.608 334.944a28.4 28.4 0 0 1 0.008 40.168l-42.832 42.84-58.432 58.424a28.416 28.416 0 0 1-40.184-40.184l101.28-101.264a28.4 28.4 0 0 1 40.16 0.016z" p-id="21197"></path><path d="M122.2 397.072a28.4 28.4 0 0 1-28.4-28.4V211.336c0-59.776 48.624-108.4 108.4-108.4h163.384a28.4 28.4 0 0 1 0 56.8H202.2a51.656 51.656 0 0 0-51.6 51.6v157.336a28.4 28.4 0 0 1-28.4 28.4z" p-id="21198"></path><path d="M359.552 920.136H202.2c-59.776 0-108.4-48.624-108.4-108.4V648.344a28.4 28.4 0 1 1 56.8 0v163.392a51.656 51.656 0 0 0 51.6 51.6h157.352a28.4 28.4 0 0 1 0 56.8z" p-id="21199"></path><path d="M829.576 920.136H666.184a28.4 28.4 0 1 1 0-56.8h163.392a51.656 51.656 0 0 0 51.6-51.6V654.4a28.4 28.4 0 1 1 56.8 0v157.336c0 59.768-48.624 108.4-108.4 108.4z" p-id="21200"></path><path d="M909.576 403.128a28.4 28.4 0 0 1-28.4-28.4V211.336a51.656 51.656 0 0 0-51.6-51.6h-157.36a28.4 28.4 0 1 1 0-56.8h157.36c59.776 0 108.4 48.624 108.4 108.4v163.392a28.4 28.4 0 0 1-28.4 28.4z" p-id="21201"></path></svg>
|
||||
|
After Width: | Height: | Size: 1.7 KiB |
62
src/components/LineField/index.vue
Normal file
62
src/components/LineField/index.vue
Normal file
|
|
@ -0,0 +1,62 @@
|
|||
<template>
|
||||
|
||||
<div class="line-field">
|
||||
<div class="label">
|
||||
{{label}}
|
||||
</div>
|
||||
<div class="right-box" >
|
||||
<slot>
|
||||
{{value}}
|
||||
</slot>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "LineField",
|
||||
props: {
|
||||
label: {
|
||||
type: String,
|
||||
default: null
|
||||
},
|
||||
value: {
|
||||
type: [String, Number],
|
||||
default: null,
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.line-field {
|
||||
width: 100%;
|
||||
padding: 0.5em 1em;
|
||||
font-size: 14px;
|
||||
display: flex;
|
||||
height: fit-content;
|
||||
line-height: 1.5em;
|
||||
justify-content: space-between;
|
||||
.label {
|
||||
width: fit-content;
|
||||
}
|
||||
.right-box {
|
||||
flex: 1;
|
||||
text-align: right;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: flex-end;
|
||||
vertical-align: center;
|
||||
}
|
||||
i {
|
||||
line-height: 1.5em;
|
||||
margin: 0 0.5em;
|
||||
}
|
||||
}
|
||||
.line-field:nth-child(n +2) {
|
||||
border-top: 1px solid #ededed;
|
||||
}
|
||||
.line-field:hover {
|
||||
background-color: rgba(136, 131, 240, 0.08);
|
||||
}
|
||||
</style>
|
||||
|
|
@ -1,5 +1,11 @@
|
|||
<template>
|
||||
<el-select v-model="showValue" :placeholder="placeholder" @change="onChange" :style="{width: width}">
|
||||
<el-select
|
||||
v-model="showValue"
|
||||
:placeholder="placeholder"
|
||||
@change="onChange"
|
||||
:style="{width: width}"
|
||||
:clearable="clearable"
|
||||
>
|
||||
<el-option v-for="num of (end - start + 1)" :value="end - num + 1" :key="num" :label="(end - num + 1).toString() + suffix"></el-option>
|
||||
</el-select>
|
||||
</template>
|
||||
|
|
@ -9,6 +15,10 @@
|
|||
export default {
|
||||
name: 'rangePicker',
|
||||
props: {
|
||||
clearable: {
|
||||
type: Boolean,
|
||||
default: false,
|
||||
},
|
||||
// 双向绑定值
|
||||
value: {
|
||||
type: Number,
|
||||
|
|
|
|||
|
|
@ -31,6 +31,7 @@ export default {
|
|||
padding: 32px;
|
||||
background-color: rgb(240, 242, 245);
|
||||
position: relative;
|
||||
min-height: calc(100vh - 84px);
|
||||
|
||||
.chart-wrapper {
|
||||
background: #fff;
|
||||
|
|
|
|||
137
src/views/mch/index/components/MchAccount.vue
Normal file
137
src/views/mch/index/components/MchAccount.vue
Normal file
|
|
@ -0,0 +1,137 @@
|
|||
<template>
|
||||
<div>
|
||||
<div class="account-item" style="background-color:#00BA88;" @click="onClickItem(data.WECHAT)">
|
||||
<div class="name">
|
||||
<svg-icon icon-class="wechat"/> 微信支付
|
||||
</div>
|
||||
<div class="account-no">
|
||||
<template v-if="data.WECHAT && data.WECHAT[0] && data.WECHAT[0].accountNo">
|
||||
已绑定
|
||||
</template>
|
||||
<template v-else>
|
||||
去绑定
|
||||
</template>
|
||||
</div>
|
||||
</div>
|
||||
<div class="account-item" style="background-color:#8EA9E4;" @click="onClickItem(data.BANK_CARD)">
|
||||
<div class="name" >
|
||||
<template v-if="data.BANK_CARD && data.BANK_CARD[0] && data.BANK_CARD[0].accountNo">
|
||||
<div class="bank-logo" :style="{backgroundImage: `url(https://bkaear.market.alicloudapi.com/banklogo/${data.BANK_CARD[0].cardInfo.Icon})` }"/>
|
||||
{{data.BANK_CARD[0].cardInfo.bankName}}
|
||||
</template>
|
||||
<template v-else>
|
||||
<svg-icon icon-class="bank"/>
|
||||
银行卡
|
||||
</template>
|
||||
</div>
|
||||
<div class="account-no">
|
||||
<template v-if="data.BANK_CARD && data.BANK_CARD[0] && data.BANK_CARD[0].accountNo">
|
||||
{{data.BANK_CARD[0].accountNo}}
|
||||
</template>
|
||||
<template v-else>
|
||||
去绑定
|
||||
</template>
|
||||
</div>
|
||||
</div>
|
||||
<div class="account-item" style="background-color:#8883F0;" @click="onClickItem(data.OFFLINE_IMAGE)">
|
||||
<div class="name">
|
||||
<svg-icon icon-class="qrcode"/> 线下收款码
|
||||
</div>
|
||||
<div class="account-no">
|
||||
<template v-if="data.OFFLINE_IMAGE && data.OFFLINE_IMAGE[0] && data.OFFLINE_IMAGE[0].accountNo">
|
||||
已绑定
|
||||
</template>
|
||||
<template v-else>
|
||||
去绑定
|
||||
</template>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<el-dialog :visible.sync="showBind" title="请使用微信扫码" width="250px" :show-close="false" center>
|
||||
<qr-code text="https://kg.chuangtewl.com/a" height="200px" width="200px" style="display: block;margin:auto;"/>
|
||||
</el-dialog>
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { appGroupAccount } from '@/api/app/account'
|
||||
import { AccountType } from '@/utils/constants'
|
||||
import QrCode from '@/components/QrCode/index.vue'
|
||||
|
||||
export default {
|
||||
name: "MchAccount",
|
||||
components: { QrCode },
|
||||
data() {
|
||||
return {
|
||||
data: {},
|
||||
showBind: false, // 展示绑定二维码
|
||||
showQrCode: false, // 展示线下收款二维码
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.getData();
|
||||
},
|
||||
methods: {
|
||||
// 点击事件
|
||||
onClickItem(item) {
|
||||
if (item == null || item.length === 0 || item[0] == null) {
|
||||
this.showBind = true;
|
||||
return;
|
||||
}
|
||||
let account = item[0];
|
||||
if (account.accountType === AccountType.OFFLINE_IMAGE) {
|
||||
this.showQrCode = true;
|
||||
}
|
||||
},
|
||||
getData() {
|
||||
appGroupAccount().then(res => {
|
||||
this.data = res.data;
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.account-item {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: fit-content;
|
||||
color: #fff;
|
||||
padding: 1em 1.5em;
|
||||
border-radius: 10px;
|
||||
cursor: pointer;
|
||||
transition: .25s;
|
||||
.name {
|
||||
font-size: 18px;
|
||||
display: flex;
|
||||
line-height: 24px;
|
||||
svg {
|
||||
height: 24px;
|
||||
font-size: 24px;
|
||||
}
|
||||
svg,
|
||||
.bank-logo {
|
||||
margin-right: 8px;
|
||||
}
|
||||
.bank-logo {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
border-radius: 12px;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
}
|
||||
}
|
||||
.account-no {
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
.account-item:nth-child(n + 2) {
|
||||
margin-top: 0.5em;
|
||||
}
|
||||
.account-item:hover {
|
||||
transform: scale(1.05);
|
||||
}
|
||||
</style>
|
||||
86
src/views/mch/index/components/MchRechargeCountReport.vue
Normal file
86
src/views/mch/index/components/MchRechargeCountReport.vue
Normal file
|
|
@ -0,0 +1,86 @@
|
|||
<template>
|
||||
<div v-loading="loading">
|
||||
<el-row type="flex" style="justify-content: space-between">
|
||||
<el-date-picker
|
||||
v-model="computedMonth"
|
||||
type="month"
|
||||
placeholder="选择月"
|
||||
@change="getData"
|
||||
/>
|
||||
<div>
|
||||
{{queryParams.year}}年{{queryParams.month}}月收入
|
||||
<span style="font-size: 26px">{{totalIncome | money}}</span>
|
||||
元
|
||||
</div>
|
||||
</el-row>
|
||||
<single-line-chart name="收入（元）" :chart-data="chartData" :labels="labels" height="250px"/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { mchRechargeCount } from '@/api/mch/recharge'
|
||||
import SingleLineChart from '@/components/SingleLineChart/index.vue'
|
||||
import RangePicker from '@/components/RangePicker/index.vue'
|
||||
|
||||
export default {
|
||||
name: 'MchRechargeCountReport',
|
||||
components: { RangePicker, SingleLineChart },
|
||||
data() {
|
||||
return {
|
||||
queryParams: {
|
||||
year: new Date().getFullYear(),
|
||||
month: new Date().getMonth() + 1,
|
||||
groupBy: "create_date"
|
||||
},
|
||||
data: [],
|
||||
loading: false,
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
// 数据列表
|
||||
chartData() {
|
||||
return this.data.map(item => item.recharge);
|
||||
},
|
||||
labels() {
|
||||
return this.data.map(item => item.createDate);
|
||||
},
|
||||
computedMonth: {
|
||||
get() {
|
||||
let date = new Date();
|
||||
date.setFullYear(this.queryParams.year);
|
||||
date.setMonth(this.queryParams.month - 1);
|
||||
console.log('get', date)
|
||||
return date;
|
||||
},
|
||||
set(val) {
|
||||
console.log('set', val)
|
||||
this.queryParams.year = val.getFullYear();
|
||||
this.queryParams.month = val.getMonth() + 1;
|
||||
}
|
||||
},
|
||||
totalIncome() {
|
||||
if (this.data == null) {
|
||||
return 0;
|
||||
}
|
||||
return this.data.reduce((pre, cur) => pre + cur.recharge, 0);
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.getData();
|
||||
},
|
||||
methods: {
|
||||
getData() {
|
||||
this.loading = true;
|
||||
mchRechargeCount(this.queryParams).then(res => {
|
||||
this.data = res.data;
|
||||
}).finally(() => {
|
||||
this.loading = false;
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
|
||||
</style>
|
||||
75
src/views/mch/index/components/MchUserProfile.vue
Normal file
75
src/views/mch/index/components/MchUserProfile.vue
Normal file
|
|
@ -0,0 +1,75 @@
|
|||
<template>
|
||||
<div class="profile" v-loading="loading">
|
||||
<el-avatar :src="avatar" :size="64" style="margin:2em auto;"/>
|
||||
<el-row type="flex" style="margin-bottom: 1em">
|
||||
<el-statistic title="设备数" :value="user.deviceCount" suffix="台"/>
|
||||
<el-statistic title="店铺数" :value="user.storeCount" suffix="家"/>
|
||||
</el-row>
|
||||
<el-row type="flex" style="margin-bottom: 1em">
|
||||
<el-statistic title="总收入" :value="user.totalIncome" :precision="2" suffix="元"/>
|
||||
<el-statistic title="总提现" :value="user.withDrawlAmount" :precision="2" suffix="元"/>
|
||||
<el-statistic title="账户余额" :value="user.balance" suffix="元" :precision="2"/>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<line-field label="绑定手机" :value="user.phonenumber"/>
|
||||
<line-field label="设备服务费">
|
||||
<template v-if="user.serviceRate == null || user.serviceType == null">跟随渠道</template>
|
||||
<template v-else>
|
||||
<dict-tag :options="dict.type.service_type" :value="user.serviceType" size="mini"/>
|
||||
{{user.serviceRate}} {{serviceUnit(user.serviceType)}}
|
||||
</template>
|
||||
</line-field>
|
||||
<line-field label="提现服务费">
|
||||
<template v-if="user.withdrawServiceRate == null || user.withdrawServiceType == null">跟随渠道</template>
|
||||
<template v-else>
|
||||
<dict-tag :options="dict.type.withdraw_service_type" :value="user.withdrawServiceType" size="mini"/>
|
||||
{{user.withdrawServiceRate}} {{serviceUnit(user.withdrawServiceType)}}
|
||||
</template>
|
||||
</line-field>
|
||||
</el-row>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
||||
<script>
|
||||
import { mapGetters } from 'vuex'
|
||||
import { appGetUserInfo } from '@/api/app/user'
|
||||
import { $serviceType, $withdrawServiceType } from '@/utils/mixins'
|
||||
import LineField from '@/components/LineField/index.vue'
|
||||
|
||||
export default {
|
||||
name: "MchUserProfile",
|
||||
mixins: [$serviceType, $withdrawServiceType],
|
||||
dicts: ['withdraw_service_type', 'service_type'],
|
||||
components: { LineField },
|
||||
data() {
|
||||
return {
|
||||
loading: false,
|
||||
user: {}
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
...mapGetters(['avatar'])
|
||||
},
|
||||
created() {
|
||||
this.getUserInfo();
|
||||
},
|
||||
methods: {
|
||||
getUserInfo() {
|
||||
this.loading = true;
|
||||
appGetUserInfo().then(res => {
|
||||
this.user = res.data;
|
||||
}).finally(() => {
|
||||
this.loading = false;
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.profile {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -1,13 +1,48 @@
|
|||
<template>
|
||||
|
||||
<el-row :gutter="12">
|
||||
<el-col :xl="6" :lg="8" :md="10" :sm="12" :xs="24">
|
||||
<el-card class="card-box">
|
||||
<div class="hello">欢迎！{{name}}！</div>
|
||||
<mch-user-profile/>
|
||||
</el-card>
|
||||
<el-card class="card-box" header="收款账户">
|
||||
<mch-account/>
|
||||
</el-card>
|
||||
</el-col>
|
||||
<el-col :xl="18" :lg="16" :md="14" :sm="12" :xs="24">
|
||||
<el-scrollbar>
|
||||
<el-card class="card-box" header="收入统计">
|
||||
<mch-recharge-count-report/>
|
||||
</el-card>
|
||||
<!-- <el-card class="card-box">-->
|
||||
<!-- <el-tabs>-->
|
||||
<!-- <el-tab-pane label="近期订单"/>-->
|
||||
<!-- </el-tabs>-->
|
||||
<!-- </el-card>-->
|
||||
</el-scrollbar>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import MchRechargeCountReport from '@/views/mch/index/components/MchRechargeCountReport.vue'
|
||||
import { mapGetters } from 'vuex'
|
||||
import MchUserProfile from '@/views/mch/index/components/MchUserProfile.vue'
|
||||
import LineField from '@/components/LineField/index.vue'
|
||||
import MchAccount from '@/views/mch/index/components/MchAccount.vue'
|
||||
|
||||
export default {
|
||||
name: 'MchIndex'
|
||||
name: 'MchIndex',
|
||||
components: { MchAccount, LineField, MchUserProfile, MchRechargeCountReport },
|
||||
computed: {
|
||||
...mapGetters(['name'])
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
.hello {
|
||||
font-size: 20px;
|
||||
margin: 0.5em 0;
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -197,8 +197,7 @@ export default {
|
|||
{key: 'billId', visible: true, label: '编号', minWidth: "50", sortable: true, overflow: false, align: 'center'},
|
||||
{key: 'deviceId', visible: true, label: '设备', minWidth: null, sortable: true, overflow: false, align: 'center'},
|
||||
{key: 'type', visible: true, label: '账单类型', minWidth: null, sortable: true, overflow: false, align: 'center'},
|
||||
{key: 'billTime', visible: true, label: '账单时间', minWidth: "100", sortable: false, overflow: false, align: 'center'},
|
||||
{key: 'status', visible: true, label: '账单状态', minWidth: null, sortable: true, overflow: false, align: 'center'},
|
||||
{key: 'billTime', visible: true, label: '账期', minWidth: "100", sortable: false, overflow: false, align: 'center'},
|
||||
{key: 'amount', visible: true, label: '账单金额', minWidth: null, sortable: true, overflow: false, align: 'center'},
|
||||
{key: 'receivedAmount', visible: true, label: '已付金额', minWidth: null, sortable: true, overflow: false, align: 'center'},
|
||||
{key: 'description', visible: true, label: '账单描述', minWidth: "300", sortable: true, overflow: false, align: 'center'},
|
||||
|
|
|
|||
|
|
@ -206,7 +206,7 @@ export default {
|
|||
{key: 'userName', visible: true, label: '用户名称', minWidth: null, sortable: true, overflow: false, align: 'center'},
|
||||
{key: 'deviceId', visible: true, label: '设备', minWidth: null, sortable: true, overflow: false, align: 'center'},
|
||||
{key: 'type', visible: true, label: '账单类型', minWidth: null, sortable: true, overflow: false, align: 'center'},
|
||||
{key: 'billTime', visible: true, label: '账单时间', minWidth: "100", sortable: false, overflow: false, align: 'center'},
|
||||
{key: 'billTime', visible: true, label: '账期', minWidth: "100", sortable: false, overflow: false, align: 'center'},
|
||||
{key: 'status', visible: true, label: '账单状态', minWidth: null, sortable: true, overflow: false, align: 'center'},
|
||||
{key: 'amount', visible: true, label: '账单金额', minWidth: null, sortable: true, overflow: false, align: 'center'},
|
||||
{key: 'receivedAmount', visible: true, label: '已收金额', minWidth: null, sortable: true, overflow: false, align: 'center'},
|
||||
|
|
|
|||
|
|
@ -48,7 +48,6 @@ export default {
|
|||
methods: {
|
||||
// 当年份发生变化
|
||||
onChangeYear(year) {
|
||||
console.log(year);
|
||||
this.queryParams.year = year;
|
||||
this.getReportData(this.mchId);
|
||||
},
|
||||
|
|
|
|||
|
|
@ -29,7 +29,7 @@
|
|||
<el-descriptions-item label="提现服务费">
|
||||
<template v-if="userData.withdrawServiceRate == null || userData.withdrawServiceType == null">跟随渠道</template>
|
||||
<template v-else>
|
||||
<dict-tag :options="dict.type.service_type" :value="userData.withdrawServiceType" size="mini"/>
|
||||
<dict-tag :options="dict.type.withdraw_service_type" :value="userData.withdrawServiceType" size="mini"/>
|
||||
{{userData.withdrawServiceRate}} {{serviceUnit(userData.withdrawServiceType)}}
|
||||
</template>
|
||||
</el-descriptions-item>
|
||||
|
|
@ -96,7 +96,7 @@ export default {
|
|||
name: 'User/:userId',
|
||||
mixins: [$view, $serviceType],
|
||||
components: { Suit, Account, RecordBalance, Store, Access, UserRechargeReport, UserAccount, UserDevice, LineChart},
|
||||
dicts: ['sm_user_type', 'service_type'],
|
||||
dicts: ['sm_user_type', 'service_type', 'withdraw_service_type'],
|
||||
computed: {
|
||||
serviceUnit() {
|
||||
return (type) => {
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user