fe / yoho-shop-manage · Commits

Go to a project

Authored by jiran.zhao
Commit a8fa3077cd0d3a67b038f8cc2aa6ef76107e0fd4 1 parent a631364c

申请提现 账户余额信息

Inline Side-by-side
Showing 7 changed files with 217 additions and 132 deletions
... ... @@ -22,7 +22,7 @@
<td>收款账户</td>
<td>{{ data.targetAccount }}</td>
<td>付款账户</td>
<td>有货商贸有限公司（yh@yoho.cn）{{ data.targetAccount }}</td>
<td>{{ data.payAccount }}</td>
</tr>
<tr>
<td>申请金额（元）</td>
... ... @@ -34,7 +34,7 @@
<td>成功金额（元）</td>
<td>{{ data.tradeSuccessAmount }}</td>
<td>操作人</td>
<td>{{ data.applyPid }}</td>
<td>{{ data.applyAccount }}</td>
</tr>
<tr>
<td>说明</td>
... ...
... ... @@ -72,8 +72,8 @@
<!-- </Select>-->
<!-- </div>-->
<div class="select-container">
<Select v-model.trim="filters.withdrawStatus.model" :placeholder="filters.withdrawStatus.label" clearable>
<Option v-for="option in filters.withdrawStatus.options" :key="option.value" :value="option.value">{{
<Select v-model.trim="filters.status.model" :placeholder="filters.status.label" clearable>
<Option v-for="option in filters.status.options" :key="option.value" :value="option.value">{{
option.label
}}</Option>
</Select>
... ... @@ -127,7 +127,7 @@ export default {
orderCode: 'orderCode',
clearingType: 'clearingType',
subClearingType: 'subClearingType',
withdrawStatus: 'withdrawStatus',
status: 'status',
};
if (this.enableFilter) {
... ...
import moment from 'moment';
const withdrawStatus = {
0: '提现中',
1: '提现成功',
2: '提现失败',
3: '冻结中',
4: '可提现',
0: '冻结中',
1: '可提现',
2: '提现中',
3: '提现成功',
'-1': '提现失败',
};
export default function() {
... ... @@ -61,29 +61,29 @@ export default function() {
},
],
},
withdrawStatus: {
status: {
label: '提现状态',
model: '',
options: [
{
value: 0,
label: '提现中',
label: '冻结中',
},
{
value: 1,
label: '提现成功',
label: '可提现',
},
{
value: 2,
label: '提现失败',
label: '提现中',
},
{
value: 3,
label: '冻结中',
label: '提现成功',
},
{
value: 4,
label: '可提现',
value: -1,
label: '提现失败',
},
],
},
... ... @@ -132,9 +132,6 @@ export default function() {
key: 'status',
align: 'center',
render: (h, params) => {
if (!params.row.status) {
return '';
}
const withdrawStatusText = withdrawStatus[params.row.status] ? withdrawStatus[params.row.status] : '';
return <div>{withdrawStatusText}</div>;
},
... ...
import moment from 'moment';
const withdrawStatus = {
0: '提现中',
1: '提现成功',
2: '提现失败',
0: '冻结中',
1: '可提现',
2: '提现中',
3: '提现成功',
'-1': '提现失败',
};
export default function() {
... ... @@ -33,14 +35,22 @@ export default function() {
options: [
{
value: 0,
label: '提现中',
label: '冻结中',
},
{
value: 1,
label: '提现成功',
label: '可提现',
},
{
value: 2,
label: '提现中',
},
{
value: 3,
label: '提现成功',
},
{
value: -1,
label: '提现失败',
},
],
... ...
import moment from 'moment';
const withdrawStatus = {
0: '提现中',
1: '提现成功',
2: '提现失败',
0: '冻结中',
1: '可提现',
2: '提现中',
3: '提现成功',
'-1': '提现失败',
};
export default function() {
... ... @@ -30,14 +32,22 @@ export default function() {
options: [
{
value: 0,
label: '提现中',
label: '冻结中',
},
{
value: 1,
label: '提现成功',
label: '可提现',
},
{
value: 2,
label: '提现中',
},
{
value: 3,
label: '提现成功',
},
{
value: -1,
label: '提现失败',
},
],
... ... @@ -169,9 +179,6 @@ export default function() {
key: 'status',
align: 'center',
render: (h, params) => {
if (!params.row.status) {
return '';
}
const withdrawStatusText = withdrawStatus[params.row.status] ? withdrawStatus[params.row.status] : '';
return <div>{withdrawStatusText}</div>;
},
... ...
... ... @@ -8,6 +8,7 @@ const withdrawStatus = {
export default function() {
return {
accountData: [],
filters: {
createTime: {
label: '创建时间',
... ...
<template>
<div>
<layout-body>
<p slot="title">资金总览</p>
<layout-filter ref="filter" :model="filters" class="box-filter" :inline="true" :col="1">
<filter-item label="起止时间">
<Date-picker
v-model="filters.createTime.model"
type="datetimerange"
format="yyyy-MM-dd"
placeholder="选择日期和时间"
@on-change="createTimeChange"
></Date-picker>
<div class="quick">
<a
href="javascript:;"
@click="
() => {
timeFlag(1);
}
"
>今天</a
>
<a
href="javascript:;"
@click="
() => {
timeFlag(2);
}
"
>昨天</a
>
<a
href="javascript:;"
@click="
() => {
timeFlag(3);
}
"
>最近7天</a
>
<a
href="javascript:;"
@click="
() => {
timeFlag(4);
}
"
>最近30天</a
>
<div class="ivu-row">
<div class="ivu-card">
<div class="ivu-card-head">
<p slot="title" style="height: 30px; line-height: 30px; font-size: 20px;">资金总览</p>
</div>
<div class="ivu-card-body">
<div class="ivu-row">
<div class="ivu-flot-left">
<div class="ivu-row">
<div class="ivu-col ivu-font-b-16">我的余额</div>
</div>
<br />
<div class="ivu-row">
<div class="ivu-col ivu-col-span-12">可提现金额（元）</div>
<div class="ivu-col ivu-col-span-12 ivu-font-b-16">{{ accountData.availableAmount }}</div>
</div>
<br />
<div class="ivu-row">
<div class="ivu-col ivu-col-span-12">不可提现金额（元）</div>
<div class="ivu-col ivu-col-span-12 ivu-font-b-16">{{ accountData.unavailableAmount }}</div>
</div>
<br />
<div class="ivu-row">
<i-button type="primary" @click="goWithdrawApply">申请提现</i-button>
</div>
</div>
</filter-item>
<filter-item>
<div class="select-container">
<Select v-model.trim="filters.status.model" :placeholder="filters.status.label" clearable>
<Option v-for="option in filters.status.options" :key="option.value" :value="option.value">{{
option.label
}}</Option>
</Select>
<div class="ivu-flot-right">
<div class="ivu-row">
<div class="ivu-col ivu-font-b-16">账户信息</div>
</div>
<br />
<div class="ivu-row">
<div class="ivu-col">支付宝账号: {{ accountData.withdrawAccount }}</div>
</div>
<br />
<div class="ivu-row">
<div class="ivu-col">账号名称: {{ accountData.withdrawAccountName }}</div>
</div>
<br />
<div class="ivu-row">
<div class="ivu-col">联系方式: {{ accountData.customerTel }}</div>
</div>
<br />
</div>
<div class="select-container">
<Input v-model.trim="filters.statementSn.model" :placeholder="filters.statementSn.label" />
</div>
<div class="select-container">
<Input v-model.trim="filters.targetAccount.model" :placeholder="filters.targetAccount.label" />
</div>
<div class="select-container">
<Button type="primary" @click="search">查询</Button>
<Button type="primary" @click="reset">全部</Button>
<!-- <Button type="primary" @click="exportData">导出</Button>-->
</div>
</filter-item>
</layout-filter>
<layout-list>
<Table border :columns="tableCols" :data="tableData"></Table>
<Page
:total="pageData.total"
:current="pageData.current"
:page-size="pageData.pageSize"
show-total
@on-change="pageChange"
></Page>
</layout-list>
</layout-body>
</div>
</div>
</div>
<div class="ivu-card">
<div class="ivu-card-head">
<p slot="title" style="height: 30px; line-height: 30px; font-size: 20px;">资金操作明细</p>
</div>
<div class="ivu-card-body">
<layout-filter ref="filter" :model="filters" class="box-filter" :inline="true" :col="1">
<filter-item label="起止时间">
<Date-picker
v-model="filters.createTime.model"
type="datetimerange"
format="yyyy-MM-dd"
placeholder="选择日期和时间"
@on-change="createTimeChange"
></Date-picker>
<div class="quick">
<a
href="javascript:;"
@click="
() => {
timeFlag(1);
}
"
>今天</a
>
<a
href="javascript:;"
@click="
() => {
timeFlag(2);
}
"
>昨天</a
>
<a
href="javascript:;"
@click="
() => {
timeFlag(3);
}
"
>最近7天</a
>
<a
href="javascript:;"
@click="
() => {
timeFlag(4);
}
"
>最近30天</a
>
</div>
</filter-item>
<filter-item>
<div class="select-container">
<Select v-model.trim="filters.status.model" :placeholder="filters.status.label" clearable>
<Option v-for="option in filters.status.options" :key="option.value" :value="option.value">{{
option.label
}}</Option>
</Select>
</div>
<div class="select-container">
<Input v-model.trim="filters.statementSn.model" :placeholder="filters.statementSn.label" />
</div>
<div class="select-container">
<Input v-model.trim="filters.targetAccount.model" :placeholder="filters.targetAccount.label" />
</div>
<div class="select-container">
<Button type="primary" @click="search">查询</Button>
<Button type="primary" @click="reset">全部</Button>
<!-- <Button type="primary" @click="exportData">导出</Button>-->
</div>
</filter-item>
</layout-filter>
<layout-list>
<Table border :columns="tableCols" :data="tableData"></Table>
<Page
:total="pageData.total"
:current="pageData.current"
:page-size="pageData.pageSize"
show-total
@on-change="pageChange"
></Page>
</layout-list>
</div>
</div>
</div>
</template>
<script>
... ... @@ -98,6 +148,7 @@ export default {
created() {
this.financeService = new FinanceService();
this.search();
this.initAccount();
},
methods: {
filterValues() {
... ... @@ -179,6 +230,22 @@ export default {
},
});
},
initAccount() {
const params = {
token: this.$user.token,
timestamps: Math.round(new Date().getTime() / 1000),
};
this.financeService.shopWithdrawApplyInit(params).then(result => {
if (result.code === 200) {
this.accountData = result.data;
this.data = result.data;
this.data.withdrawAmount = result.data.withdrawAmount ? result.data.withdrawAmount : 0;
}
});
},
goWithdrawApply() {
this.$router.push({ name: 'finance.withdraw.withdrawapply' });
},
},
};
</script>
... ... @@ -201,24 +268,6 @@ export default {
margin-bottom: 10px;
}
.box-title {
font-weight: 700;
color: #495060;
font-size: 16px;
line-height: 22px;
margin: 5px;
&:before {
content: ' ';
display: inline-block;
width: 5px;
margin-right: 2px;
height: 22px;
vertical-align: top;
background-color: #999;
}
}
.box-item {
width: 90%;
height: 50px;
... ... @@ -290,4 +339,25 @@ export default {
}
}
}
.ivu-flot-left {
width: 360px;
height: 220px;
float: left;
border: 1px solid #cccccc;
padding: 12px;
}
.ivu-flot-right {
width: 360px;
height: 220px;
float: left;
border: 1px solid #cccccc;
padding: 12px;
margin-left: 20px;
}
.ivu-font-b-16 {
font-size: 16px;
font-weight: bold;
}
</style>
... ...