|
|
@@ -18,6 +18,14 @@
|
|
|
<icon-svg name="shousuo" class="site-sidebar__menu-icon"></icon-svg>
|
|
|
</span>
|
|
|
</div>
|
|
|
+ <div style="position: relative;display: inline-block;margin:5px;">
|
|
|
+ <span>店铺名称:</span>
|
|
|
+ <el-input style="width: 200px;" @keydown.enter.native="phoneSelect" placeholder="请输入店铺名称"
|
|
|
+ v-model="shopName"></el-input>
|
|
|
+ <span @click="phoneSelect" style="position: absolute;right: 18px;top:8px;">
|
|
|
+ <icon-svg name="shousuo" class="site-sidebar__menu-icon"></icon-svg>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
<!-- <div style="margin:5px;display: inline-block;">
|
|
|
<span>手机号:</span>
|
|
|
<el-input style="width: 150px;" @keydown.enter.native="phoneSelect" clearable placeholder="请输入手机号"
|
|
|
@@ -43,6 +51,9 @@
|
|
|
type="datetime" format="yyyy-MM-dd" value-format="yyyy-MM-dd" placeholder="选择截止时间">
|
|
|
</el-date-picker>
|
|
|
</div>
|
|
|
+ <div style="position: relative;display: inline-block;margin:5px;">
|
|
|
+ <span>提现总金额:{{ totalMoney }}</span>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<div style="display: inline-block;">
|
|
|
<el-button style="margin:10px;" size="mini" type="primary" icon="document" @click="phoneSelect">查询
|
|
|
@@ -68,6 +79,14 @@
|
|
|
<span v-if="scope.row.classify==2">微信提现</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
+ <el-table-column prop="orderNumber" label="转账订单号" width="150">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="shopName" label="店铺名称" width="100">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span v-if="scope.row.shopName">{{scope.row.shopName!='null' ? scope.row.shopName : '无'}}</span>
|
|
|
+ <span v-else>无</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
<el-table-column prop="zhifubao" label="支付宝账号" width="150">
|
|
|
<template slot-scope="scope">
|
|
|
<span style="color: #4f9dec;cursor: pointer;" @click="updates(scope.row)"
|
|
|
@@ -96,6 +115,10 @@
|
|
|
</el-table-column>
|
|
|
<el-table-column prop="money" label="提现金额" width="100">
|
|
|
</el-table-column>
|
|
|
+ <el-table-column prop="rate" label="手续费" width="100">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="currentBalance" label="当前余额" width="100">
|
|
|
+ </el-table-column>
|
|
|
<el-table-column prop="state" label="状态" width="100">
|
|
|
<template slot-scope="scope">
|
|
|
<span style="color: #4f9dec;cursor: pointer;" v-if="scope.row.state == 0">待转账</span>
|
|
|
@@ -109,8 +132,7 @@
|
|
|
</el-table-column>
|
|
|
<el-table-column prop="outAt" label="转账/拒绝时间" width="180">
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop="orderNumber" label="转账订单号" width="150">
|
|
|
- </el-table-column>
|
|
|
+
|
|
|
<el-table-column fixed="right" label="操作" width="150">
|
|
|
<template slot-scope="scope">
|
|
|
<el-button size="mini" type="primary" :disabled="!isAuth('financeList:transfer')||scope.row.state != 0"
|
|
|
@@ -418,6 +440,81 @@
|
|
|
</el-col> -->
|
|
|
</el-row>
|
|
|
</el-tab-pane>
|
|
|
+ <!-- 保证金记录 -->
|
|
|
+ <el-tab-pane label="保证金记录" name="sevened">
|
|
|
+ <div style="margin:2% 0;display: inline-block;">
|
|
|
+ <div style="position: relative;display: inline-block;margin:5px;">
|
|
|
+ <span>店铺名称:</span>
|
|
|
+ <el-input style="width: 200px;" @keydown.enter.native="baozhengSelect" placeholder="请输入店铺名称"
|
|
|
+ v-model="shopName3"></el-input>
|
|
|
+ <span @click="baozhengSelect" style="position: absolute;right: 18px;top:8px;">
|
|
|
+ <icon-svg name="shousuo" class="site-sidebar__menu-icon"></icon-svg>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ <div style="position: relative;display: inline-block;">
|
|
|
+ <span>状态:</span>
|
|
|
+ <el-select v-model="indentState3" style="width:150px;margin-left: 10px;"
|
|
|
+ @change="baozhengSelect(indentState3)">
|
|
|
+ <el-option v-for="item in statesnum3" :key="item.value" :label="item.label" :value="item.value">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </div>
|
|
|
+ <div style="margin:5px;display: inline-block;">
|
|
|
+ <span>开始时间:</span>
|
|
|
+ <el-date-picker style="width: 160px;margin-left: 10px;" v-model="startTime" align="right"
|
|
|
+ type="datetime" format="yyyy-MM-dd" value-format="yyyy-MM-dd" placeholder="选择开始时间">
|
|
|
+ </el-date-picker>
|
|
|
+ </div>
|
|
|
+ <div style="margin:5px;display: inline-block;">
|
|
|
+ <span>截止时间:</span>
|
|
|
+ <el-date-picker style="width: 160px;margin-left: 10px;" v-model="endTime" align="right"
|
|
|
+ type="datetime" format="yyyy-MM-dd" value-format="yyyy-MM-dd" placeholder="选择截止时间">
|
|
|
+ </el-date-picker>
|
|
|
+ </div>
|
|
|
+ <div style="position: relative;display: inline-block;margin:5px;">
|
|
|
+ <span>保证金提现总额:{{ totalbaoMoney }}</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div style="display: inline-block;">
|
|
|
+ <el-button style="margin:10px;" size="mini" type="primary" icon="document" @click="baozhengcha">查询
|
|
|
+ </el-button>
|
|
|
+ <el-button style="margin:10px;" size="mini" type="primary" icon="document" @click="cleans3">重置
|
|
|
+ </el-button>
|
|
|
+ <el-button style='margin-left:15px;' size="mini" type="warning" icon="document" @click="exportBtn3" >导出Excel
|
|
|
+ </el-button>
|
|
|
+ </div>
|
|
|
+ <div style="color: orange;"> * 导出提示:导出数据前请进行时间或者状态等筛选,否则导出数据量过多易出现卡顿或系统崩溃</div>
|
|
|
+ <el-table v-loading="tableDataLoading" :data="baozhengData">
|
|
|
+ <el-table-column type="selection">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column fixed prop="id" label="编号">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="shopName3" label="店铺名称">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span v-if="scope.row.shopName">{{scope.row.shopName!='null' ? scope.row.shopName : '无'}}</span>
|
|
|
+ <span v-else>无</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="content" label="保证金金额">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="type" label="状态">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span v-if="scope.row.type == 1">充值</span>
|
|
|
+ <span v-if="scope.row.type == 2">提现</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="createTime" label="提现时间">
|
|
|
+ </el-table-column>
|
|
|
+ <!-- <el-table-column prop="orderNumber" label="保证金订单号"> -->
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ <div style="text-align: center;margin-top: 10px;">
|
|
|
+ <el-pagination @size-change="handleSizeChange2" @current-change="handleCurrentChange2"
|
|
|
+ :page-sizes="[10, 15, 20, 30]" :page-size="limit" :current-page="page"
|
|
|
+ layout="total,sizes, prev, pager, next" :total="totalnum3">
|
|
|
+ </el-pagination>
|
|
|
+ </div>
|
|
|
+ </el-tab-pane>
|
|
|
|
|
|
</el-tabs>
|
|
|
</template>
|
|
|
@@ -465,8 +562,25 @@
|
|
|
label: '已拒绝'
|
|
|
}
|
|
|
],
|
|
|
+ indentState3: '',
|
|
|
+ statesnum3: [{
|
|
|
+ value: '',
|
|
|
+ label: '全部'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: 1,
|
|
|
+ label: '充值'
|
|
|
+ }, {
|
|
|
+ value: 2,
|
|
|
+ label: '提现'
|
|
|
+ }
|
|
|
+ ],
|
|
|
phone: '',
|
|
|
zhifubaoName: '',
|
|
|
+ shopName:'',
|
|
|
+ shopName3:'',
|
|
|
+ totalMoney:'',//提现总金额
|
|
|
+ totalbaoMoney:'',//保证金提现总额
|
|
|
content: '',
|
|
|
startTime: '',
|
|
|
endTime: '',
|
|
|
@@ -474,6 +588,7 @@
|
|
|
type: -1,
|
|
|
totalnum: 0,
|
|
|
totalnum2: 0,
|
|
|
+ totalnum3: 0,
|
|
|
sqxTotal: '',
|
|
|
userTotal: '',
|
|
|
taunTotal: '',
|
|
|
@@ -490,6 +605,7 @@
|
|
|
tableDataLoading2: false,
|
|
|
tableDataLoading3: false,
|
|
|
tableData: [],
|
|
|
+ baozhengData:[],
|
|
|
rechargeData: [],
|
|
|
rechgeData: {},
|
|
|
withdrawData: {},
|
|
|
@@ -824,7 +940,7 @@
|
|
|
this.$set(this.info, 'stockDate', defaultDate)
|
|
|
},
|
|
|
handleSizeChange(val) {
|
|
|
- this.size = val
|
|
|
+ this.limit = val
|
|
|
this.dataSelect()
|
|
|
},
|
|
|
handleCurrentChange(val) {
|
|
|
@@ -832,13 +948,21 @@
|
|
|
this.dataSelect()
|
|
|
},
|
|
|
handleSizeChange1(val) {
|
|
|
- this.size = val
|
|
|
+ this.limit = val
|
|
|
this.rechargeSelect()
|
|
|
},
|
|
|
handleCurrentChange1(val) {
|
|
|
this.page = val
|
|
|
this.rechargeSelect()
|
|
|
},
|
|
|
+ handleSizeChange2(val) {
|
|
|
+ this.limit = val
|
|
|
+ this.baozhengSelect()
|
|
|
+ },
|
|
|
+ handleCurrentChange2(val) {
|
|
|
+ this.page = val
|
|
|
+ this.baozhengSelect()
|
|
|
+ },
|
|
|
handleClick(tab, event) {
|
|
|
if (tab._props.label == '提现管理') {
|
|
|
this.page = 1
|
|
|
@@ -861,6 +985,10 @@
|
|
|
this.page = 1
|
|
|
this.limit = 10
|
|
|
this.rechargeSelect()
|
|
|
+ }if (tab._props.label == '保证金记录') {
|
|
|
+ this.page = 1
|
|
|
+ this.limit = 10
|
|
|
+ this.baozhengSelect()
|
|
|
}
|
|
|
},
|
|
|
// 支付宝账号查询
|
|
|
@@ -891,6 +1019,20 @@
|
|
|
this.tableData = returnData.list
|
|
|
this.totalnum = returnData.totalCount
|
|
|
})
|
|
|
+ //提现总金额
|
|
|
+ this.$http({
|
|
|
+ url: this.$http.adornUrl('cash/selectPayTotal'),
|
|
|
+ method: 'get',
|
|
|
+ params: this.$http.adornParams({
|
|
|
+ 'page': this.page,
|
|
|
+ 'limit': this.limit,
|
|
|
+ 'zhifubao': this.zhifubao
|
|
|
+ })
|
|
|
+ }).then(({
|
|
|
+ data
|
|
|
+ }) => {
|
|
|
+ this.totalMoney=data.data
|
|
|
+ })
|
|
|
},
|
|
|
// 支付宝名称
|
|
|
qdselect() {
|
|
|
@@ -920,6 +1062,20 @@
|
|
|
this.tableData = returnData.list
|
|
|
this.totalnum = returnData.totalCount
|
|
|
})
|
|
|
+ //提现总金额
|
|
|
+ this.$http({
|
|
|
+ url: this.$http.adornUrl('cash/selectPayTotal'),
|
|
|
+ method: 'get',
|
|
|
+ params: this.$http.adornParams({
|
|
|
+ 'page': this.page,
|
|
|
+ 'limit': this.limit,
|
|
|
+ 'zhifubaoName': this.zhifubaoName
|
|
|
+ })
|
|
|
+ }).then(({
|
|
|
+ data
|
|
|
+ }) => {
|
|
|
+ this.totalMoney=data.data
|
|
|
+ })
|
|
|
},
|
|
|
// 获取数据列表
|
|
|
dataSelect() {
|
|
|
@@ -931,6 +1087,7 @@
|
|
|
'page': this.page,
|
|
|
'limit': this.limit,
|
|
|
'zhifubaoName': this.zhifubaoName,
|
|
|
+ 'shopName':this.shopName,
|
|
|
'zhifubao': this.zhifubao,
|
|
|
'type': 2,
|
|
|
'state': this.indentState,
|
|
|
@@ -946,6 +1103,69 @@
|
|
|
this.tableData = returnData.list
|
|
|
this.totalnum = returnData.totalCount
|
|
|
})
|
|
|
+ //提现总金额
|
|
|
+ this.$http({
|
|
|
+ url: this.$http.adornUrl('cash/selectPayTotal'),
|
|
|
+ method: 'get',
|
|
|
+ params: this.$http.adornParams({
|
|
|
+ // 'page': this.page,
|
|
|
+ // 'limit': this.limit,
|
|
|
+ 'zhifubaoName': this.zhifubaoName,
|
|
|
+ 'shopName':this.shopName,
|
|
|
+ 'zhifubao': this.zhifubao,
|
|
|
+ 'type': 2,
|
|
|
+ 'state': this.indentState,
|
|
|
+ 'phone': this.phone,
|
|
|
+ 'startTime': this.startTime,
|
|
|
+ 'endTime': this.endTime,
|
|
|
+ })
|
|
|
+ }).then(({
|
|
|
+ data
|
|
|
+ }) => {
|
|
|
+ this.totalMoney=data.data
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 保证金记录
|
|
|
+ baozhengSelect() {
|
|
|
+ this.tableDataLoading = true
|
|
|
+ this.$http({
|
|
|
+ url: this.$http.adornUrl('/wallet/list'),
|
|
|
+ method: 'get',
|
|
|
+ params: this.$http.adornParams({
|
|
|
+ 'page': this.page,
|
|
|
+ 'limit': this.limit,
|
|
|
+ 'shopName':this.shopName3,
|
|
|
+ 'type': this.indentState3,
|
|
|
+ 'classify': 2,
|
|
|
+ 'startTime': this.startTime,
|
|
|
+ 'endTime': this.endTime,
|
|
|
+ })
|
|
|
+ }).then(({
|
|
|
+ data
|
|
|
+ }) => {
|
|
|
+ this.tableDataLoading = false
|
|
|
+ let returnData = data.data
|
|
|
+ this.baozhengData = returnData.list
|
|
|
+ this.totalnum3 = returnData.totalCount
|
|
|
+ })
|
|
|
+ //保证金提现总金额
|
|
|
+ this.$http({
|
|
|
+ url: this.$http.adornUrl('/wallet/statistics'),
|
|
|
+ method: 'get',
|
|
|
+ params: this.$http.adornParams({
|
|
|
+ // 'page': this.page,
|
|
|
+ // 'limit': this.limit,
|
|
|
+ 'shopName':this.shopName3,
|
|
|
+ 'type': this.indentState3,
|
|
|
+ 'classify': 2,
|
|
|
+ 'startTime': this.startTime,
|
|
|
+ 'endTime': this.endTime,
|
|
|
+ })
|
|
|
+ }).then(({
|
|
|
+ data
|
|
|
+ }) => {
|
|
|
+ this.totalbaoMoney=data.data
|
|
|
+ })
|
|
|
},
|
|
|
// 收入统计
|
|
|
incomeSelect() {
|
|
|
@@ -1056,6 +1276,7 @@
|
|
|
cleans2() {
|
|
|
this.zhifubao = ''
|
|
|
this.zhifubaoName = ''
|
|
|
+ this.shopName=''
|
|
|
this.page = 1
|
|
|
this.indentState = ''
|
|
|
this.phone = ''
|
|
|
@@ -1063,6 +1284,20 @@
|
|
|
this.endTime = ''
|
|
|
this.dataSelect()
|
|
|
},
|
|
|
+ //保证金查询
|
|
|
+ baozhengcha() {
|
|
|
+ this.page = 1
|
|
|
+ this.baozhengSelect()
|
|
|
+ },
|
|
|
+ // 保证金重置
|
|
|
+ cleans3() {
|
|
|
+ this.shopName3=''
|
|
|
+ this.page = 1
|
|
|
+ this.indentState3 = ''
|
|
|
+ this.startTime = ''
|
|
|
+ this.endTime = ''
|
|
|
+ this.baozhengSelect()
|
|
|
+ },
|
|
|
// 导出
|
|
|
exportBtn() {
|
|
|
|
|
|
@@ -1074,6 +1309,7 @@
|
|
|
// 'page': page,
|
|
|
// 'size': this.size,
|
|
|
'zhifubaoName': this.zhifubaoName,
|
|
|
+ 'shopName':this.shopName,
|
|
|
'zhifubao': this.zhifubao,
|
|
|
'type': 2,
|
|
|
'state': this.indentState,
|
|
|
@@ -1101,6 +1337,42 @@
|
|
|
}
|
|
|
})
|
|
|
},
|
|
|
+ // 保证金导出
|
|
|
+ exportBtn3() {
|
|
|
+
|
|
|
+ this.$http({
|
|
|
+ url: this.$http.adornUrl('cash/excelPayDetails'),
|
|
|
+ method: 'get',
|
|
|
+ responseType: 'blob',
|
|
|
+ params: this.$http.adornParams({
|
|
|
+ // 'page': page,
|
|
|
+ // 'size': this.size,
|
|
|
+ 'shopName':this.shopName3,
|
|
|
+ 'type': this.indentState3,
|
|
|
+ 'classify':2 ,
|
|
|
+ 'startTime': this.startTime,
|
|
|
+ 'endTime': this.endTime,
|
|
|
+ })
|
|
|
+ }).then(({
|
|
|
+ data
|
|
|
+ }) => {
|
|
|
+ let blob = new Blob([data], {
|
|
|
+ type: 'application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
|
|
|
+ })
|
|
|
+ if (window.navigator.msSaveOrOpenBlob) {
|
|
|
+ navigator.msSaveBlob(blob)
|
|
|
+ } else {
|
|
|
+ let url = window.URL.createObjectURL(blob)
|
|
|
+ let elink = document.createElement('a')
|
|
|
+ elink.download = '提现记录列表.xlsx'
|
|
|
+ elink.style.display = 'none'
|
|
|
+ elink.href = url
|
|
|
+ document.body.appendChild(elink)
|
|
|
+ elink.click()
|
|
|
+ document.body.removeChild(elink)
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
},
|
|
|
mounted() {
|
|
|
this.dataSelect()
|
|
|
@@ -1139,4 +1411,4 @@
|
|
|
.text_color span {
|
|
|
margin-right: 5px;
|
|
|
}
|
|
|
-</style>
|
|
|
+</style>
|