|
|
@@ -44,7 +44,19 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div>
|
|
|
- <div style="font-size: 18px;font-weight: bold;">交易金相关</div>
|
|
|
+ <div class="correlation" style="font-size: 18px;font-weight: bold;">
|
|
|
+ <span>交易金相关</span>
|
|
|
+ <el-tooltip placement="top" effect="light">
|
|
|
+ <div slot="content" style="font-size: 18px;">
|
|
|
+ 交易金说明：<br />
|
|
|
+ 交易金提现比例：{{ financialData.beeCoinRatio * 100 }}%<br />
|
|
|
+ 可提现：客户已支付已核销订单的交易金可提现金额（按照提现比例折算）；<br />
|
|
|
+ 待到账冻结：客户已支付未核销订单的交易金支付金额；<br /></div>
|
|
|
+ <div class="icon">
|
|
|
+ <i class="el-icon-warning-outline" :size="34"></i>
|
|
|
+ </div>
|
|
|
+ </el-tooltip>
|
|
|
+ </div>
|
|
|
<div style="display: flex;justify-content: space-around;align-items: center;text-align: center;">
|
|
|
<div style="padding: 16px;">
|
|
|
<div style="font-size: 30px;font-weight: bold;color: #ffae11;margin-bottom: 20px;">
|
|
|
@@ -83,10 +95,8 @@
|
|
|
<!-- 选项卡 -->
|
|
|
<div class="cardList">
|
|
|
<div class="rightSearch">
|
|
|
- <el-date-picker
|
|
|
- v-model="formInline.time" type="month" placeholder="选择日期" value-format="yyyy-MM"
|
|
|
- @change="getList()"
|
|
|
- />
|
|
|
+ <el-date-picker v-model="formInline.time" type="month" placeholder="选择日期" value-format="yyyy-MM"
|
|
|
+ @change="getList()" />
|
|
|
</div>
|
|
|
<el-tabs v-model="formInline.condition" @tab-click="getList()">
|
|
|
<el-tab-pane label="日汇款" name="1" />
|
|
|
@@ -95,10 +105,8 @@
|
|
|
</el-tabs>
|
|
|
<!-- 表格 -->
|
|
|
<div class="tableBox">
|
|
|
- <el-table
|
|
|
- ref="multipleTable" :data="financialData.finances" border
|
|
|
- :header-cell-style="{ background: '#EEF3FF', color: '#333333' }" tooltip-effect="dark" style="width: 100%"
|
|
|
- >
|
|
|
+ <el-table ref="multipleTable" :data="financialData.finances" border
|
|
|
+ :header-cell-style="{ background: '#EEF3FF', color: '#333333' }" tooltip-effect="dark" style="width: 100%">
|
|
|
<el-table-column label="日期" width="220">
|
|
|
<template slot-scope="scope">{{ scope.row.time }}</template>
|
|
|
</el-table-column>
|
|
|
@@ -133,10 +141,8 @@
|
|
|
</el-form-item>
|
|
|
<el-form-item label="提现金额" prop="withdrawalMoney">
|
|
|
<el-col :span="16">
|
|
|
- <el-input
|
|
|
- v-model="formData.withdrawalMoney" maxlength="9"
|
|
|
- :placeholder="`可提现金额：${formData.withdrawalType === 1 ? financialData.withdrawableMoney : formData.withdrawalType === 2 ? financialData.beeWithdrawal : '--'}`"
|
|
|
- />
|
|
|
+ <el-input v-model="formData.withdrawalMoney" maxlength="9"
|
|
|
+ :placeholder="`可提现金额：${formData.withdrawalType === 1 ? financialData.withdrawableMoney : formData.withdrawalType === 2 ? financialData.beeWithdrawal : '--'}`" />
|
|
|
</el-col>
|
|
|
<el-col :span="6" style="text-align:center">
|
|
|
<span class="sub_text" @click="getAllwithdrawalAmount">全部提现</span>
|
|
|
@@ -179,10 +185,8 @@
|
|
|
</div>
|
|
|
<div class="content_table">
|
|
|
<div class="table">
|
|
|
- <el-table
|
|
|
- :data="tableDatas" border :header-cell-style="{ background: '#EEF3FF', color: '#333333' }"
|
|
|
- style="width: 100%"
|
|
|
- >
|
|
|
+ <el-table :data="tableDatas" border :header-cell-style="{ background: '#EEF3FF', color: '#333333' }"
|
|
|
+ style="width: 100%">
|
|
|
>
|
|
|
<el-table-column prop="waterType" label="流水类型" />
|
|
|
<el-table-column prop="orderFormid" label="订单ID" />
|
|
|
@@ -192,12 +196,10 @@
|
|
|
<el-table-column prop="time" label="入账时间" />
|
|
|
</el-table>
|
|
|
<div class="fenye">
|
|
|
- <el-pagination
|
|
|
- :current-page="moneyForm.page" :page-sizes="[10, 20, 50, 100]" :page-size="10"
|
|
|
+ <el-pagination :current-page="moneyForm.page" :page-sizes="[10, 20, 50, 100]" :page-size="10"
|
|
|
layout="total, sizes, prev, pager, next, jumper" :total="total"
|
|
|
@size-change="(val) => ((moneyForm.pageSize = val) && getInfo())"
|
|
|
- @current-change="(val) => ((moneyForm.page = val) && getInfo())"
|
|
|
- />
|
|
|
+ @current-change="(val) => ((moneyForm.page = val) && getInfo())" />
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -247,8 +249,8 @@ export default {
|
|
|
},
|
|
|
total: 1,
|
|
|
rules: {
|
|
|
- withdrawalType: [ { required: true, message: '请选择提现类型', trigger: 'blur' } ],
|
|
|
- withdrawalMoney: [ { required: true, message: '请输入提现金额', trigger: 'blur' } ]
|
|
|
+ withdrawalType: [{ required: true, message: '请选择提现类型', trigger: 'blur' }],
|
|
|
+ withdrawalMoney: [{ required: true, message: '请输入提现金额', trigger: 'blur' }]
|
|
|
},
|
|
|
formInline: {
|
|
|
condition: '1', // 时间条件 1-日汇总 2-月汇总
|
|
|
@@ -356,50 +358,63 @@ export default {
|
|
|
@import url("../../../styles/elDialog.scss");
|
|
|
|
|
|
.finance_page {
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
|
|
|
- .leftText {
|
|
|
- font-size: 24px;
|
|
|
- font-weight: bold;
|
|
|
- color: #333333;
|
|
|
- }
|
|
|
+ .leftText {
|
|
|
+ font-size: 24px;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #333333;
|
|
|
+ }
|
|
|
|
|
|
- .leftTip {
|
|
|
- font-size: 14px;
|
|
|
- color: #999999;
|
|
|
- margin-left: 20px;
|
|
|
- }
|
|
|
+ .leftTip {
|
|
|
+ font-size: 14px;
|
|
|
+ color: #999999;
|
|
|
+ margin-left: 20px;
|
|
|
+ }
|
|
|
|
|
|
- .rightBtn {
|
|
|
- width: 100px;
|
|
|
- height: 48px;
|
|
|
- background: #3a68f2;
|
|
|
- border-radius: 4px;
|
|
|
- color: #ffffff;
|
|
|
- float: right;
|
|
|
- }
|
|
|
+ .rightBtn {
|
|
|
+ width: 100px;
|
|
|
+ height: 48px;
|
|
|
+ background: #3a68f2;
|
|
|
+ border-radius: 4px;
|
|
|
+ color: #ffffff;
|
|
|
+ float: right;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
.tableBox {
|
|
|
- padding: 20px;
|
|
|
+ padding: 20px;
|
|
|
}
|
|
|
|
|
|
.cardList {
|
|
|
- padding-left: 30px;
|
|
|
+ padding-left: 30px;
|
|
|
}
|
|
|
|
|
|
.rightSearch {
|
|
|
- position: absolute;
|
|
|
- right: 20px;
|
|
|
- z-index: 999;
|
|
|
+ position: absolute;
|
|
|
+ right: 20px;
|
|
|
+ z-index: 999;
|
|
|
}
|
|
|
|
|
|
.text_tip {
|
|
|
- margin-left: 50px;
|
|
|
+ margin-left: 50px;
|
|
|
}
|
|
|
|
|
|
.sub_text {
|
|
|
- cursor: pointer;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+
|
|
|
+.correlation {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ gap: 10px;
|
|
|
+ padding: 10px 0px;
|
|
|
+
|
|
|
+ .icon {
|
|
|
+ color: rgb(255, 174, 17);
|
|
|
+ font-size: 24px;
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
}
|
|
|
</style>
|
wzy