angelo
/
web-zk-admin
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(global): 移除重复字段

This commit is contained in:
woody 2025-06-13 11:24:44 +08:00
parent 854767262c
commit 7ccfa9fc5f
5 changed files with 918 additions and 993 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

341
src/views/financial/balanceSummary/index.vue
View File

@ -2,35 +2,31 @@
<div class="page"> <div class="page">
<topBar <topBar
v-if="topList.length > 0" v-if="topList.length > 0"
:topList="topList" :top-list="topList"
:moren="moren" :moren="moren"
></topBar> />
<div class="thetopbox"> <div class="thetopbox">
<el-form label-width="100px"> <el-form label-width="100px">
<el-row> <el-row>
<el-col :span="8"> <el-col :span="8">
<el-form-item :label="'创建日期'"> <el-form-item :label="'创建日期'">
<el-date-picker <el-date-picker
@change="checkTime1"
v-model="queryParams.times1" v-model="queryParams.times1"
type="daterange" type="daterange"
range-separator="——" range-separator="——"
:start-placeholder="'开始日期'" :start-placeholder="'开始日期'"
:end-placeholder="'结束日期'" :end-placeholder="'结束日期'"
value-format="yyyy-MM-dd" value-format="yyyy-MM-dd"
> @change="checkTime1"
</el-date-picker> />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4"> <el-col :span="4">
<div class="searchbox"> <div class="searchbox">
<el-button class="my_search" @click="getSearch"> <el-button class="my_search" @click="getSearch">
{{ '搜索' }}</el-button {{ '搜索' }}</el-button>
>
<el-button class="my_reset" @click="reChongzhi"> <el-button class="my_reset" @click="reChongzhi">
{{ '重置' }}</el-button {{ '重置' }}</el-button>
>
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
@ -40,45 +36,34 @@
<div class="maintop"> <div class="maintop">
<div class="mainbtn"> <div class="mainbtn">
<el-button <el-button
v-has-buttons="['BalanceSumExport']"
size="mini" size="mini"
style="background: #ffad41; border-color: #ffad41" style="background: #ffad41; border-color: #ffad41"
class="addBtn" class="addBtn"
@click="handleExport" @click="handleExport"
v-has-buttons="['BalanceSumExport']" >{{ '导出' }}</el-button>
>{{ '导出' }}</el-button
>
</div> </div>
</div> </div>
<div class="maintable"> <div class="maintable">
<el-table <el-table
:data="tableData" :data="tableData"
:header-cell-style="{ background: '#EEEEEE' }" :header-cell-style="{ background: '#EEEEEE' }"
@selection-change="handleSelectionChange"
height="700px" height="700px"
style="width: 100%" style="width: 100%"
@selection-change="handleSelectionChange"
> >
<el-table-column type="selection" width="55"> </el-table-column> <el-table-column type="selection" width="55" />
<el-table-column align="center" prop="cover" :label="'国家'">
<template slot-scope="scope">
<div class="tem">
<img :src="scope.row.pkCountryIcon" alt="" />
<div>{{ scope.row.pkCountryName }}</div>
</div>
</template>
</el-table-column>
<el-table-column <el-table-column
min-width="100px" min-width="100px"
align="center" align="center"
prop="createTime" prop="createTime"
:label="'日期'" :label="'日期'"
> />
</el-table-column>
<el-table-column <el-table-column
v-if="showData.account1"
align="center" align="center"
prop="account1" prop="account1"
v-if="showData.account1"
min-width="100px" min-width="100px"
:label="'消费账户余额' + `(${isLocalSymbol()})`" :label="'消费账户余额' + `(${isLocalSymbol()})`"
> >
@ -87,9 +72,9 @@
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
v-if="showData.account2"
align="center" align="center"
prop="account2" prop="account2"
v-if="showData.account2"
:label="'现金账户余额' + `(${isLocalSymbol()})`" :label="'现金账户余额' + `(${isLocalSymbol()})`"
> >
<template slot-scope="scope"> <template slot-scope="scope">
@ -97,9 +82,9 @@
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
v-if="showData.account3"
align="center" align="center"
prop="account3" prop="account3"
v-if="showData.account3"
:label="'政策账户余额' + `(${isLocalSymbol()})`" :label="'政策账户余额' + `(${isLocalSymbol()})`"
> >
<template slot-scope="scope"> <template slot-scope="scope">
@ -107,10 +92,10 @@
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
v-if="showData.account4"
align="center" align="center"
prop="account4" prop="account4"
:label="'奖金账户余额' + `(${isLocalSymbol()})`" :label="'奖金账户余额' + `(${isLocalSymbol()})`"
v-if="showData.account4"
> >
<template slot-scope="scope"> <template slot-scope="scope">
{{ scope.row.account4 | numberToCurrency }} {{ scope.row.account4 | numberToCurrency }}
@ -118,10 +103,10 @@
</el-table-column> </el-table-column>
<el-table-column <el-table-column
v-if="showData.account5"
align="center" align="center"
prop="account5" prop="account5"
:label="'重消账户余额' + `(${isLocalSymbol()})`" :label="'重消账户余额' + `(${isLocalSymbol()})`"
v-if="showData.account5"
> >
<template slot-scope="scope"> <template slot-scope="scope">
{{ scope.row.account5 | numberToCurrency }} {{ scope.row.account5 | numberToCurrency }}
@ -138,9 +123,9 @@
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
v-if="showData.account7"
align="center" align="center"
prop="account7" prop="account7"
v-if="showData.account7"
:label="'鼓励账户余额' + `(${isLocalSymbol()})`" :label="'鼓励账户余额' + `(${isLocalSymbol()})`"
> >
<template slot-scope="scope"> <template slot-scope="scope">
@ -158,150 +143,42 @@
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
align="center"
v-if="showData.account9" v-if="showData.account9"
align="center"
prop="account9" prop="account9"
:label="'全球积分余额' + `(${isLocalSymbol()})`" :label="'全球积分余额' + `(${isLocalSymbol()})`"
><template slot-scope="scope"> ><template slot-scope="scope">
{{ scope.row.account9 | numberToCurrency }} {{ scope.row.account9 | numberToCurrency }}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
v-if="showData.account10"
align="center" align="center"
prop="account10" prop="account10"
v-if="showData.account10"
:label="'车奖积分余额' + `(${isLocalSymbol()})`" :label="'车奖积分余额' + `(${isLocalSymbol()})`"
><template slot-scope="scope"> ><template slot-scope="scope">
{{ scope.row.account10 | numberToCurrency }} {{ scope.row.account10 | numberToCurrency }}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
v-if="showData.account11"
align="center" align="center"
prop="account11" prop="account11"
v-if="showData.account11"
:label="'直播代金券余额' + `(${isLocalSymbol()})`" :label="'直播代金券余额' + `(${isLocalSymbol()})`"
><template slot-scope="scope"> ><template slot-scope="scope">
{{ scope.row.account11 | numberToCurrency }} {{ scope.row.account11 | numberToCurrency }}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
v-if="showData.account12"
align="center" align="center"
prop="account12" prop="account12"
v-if="showData.account12"
:label="'乐学代金券余额' + `(${isLocalSymbol()})`" :label="'乐学代金券余额' + `(${isLocalSymbol()})`"
><template slot-scope="scope"> ><template slot-scope="scope">
{{ scope.row.account12 | numberToCurrency }} {{ scope.row.account12 | numberToCurrency }}
</template> </template>
</el-table-column>
<el-table-column
align="center"
prop="settleAccount1"
v-if="showData.settleAccount1"
:label="'消费账户余额' + `(${isLocals()})`"
><template slot-scope="scope">
{{ scope.row.settleAccount1 | numberToCurrency }}
</template>
</el-table-column>
<el-table-column
align="center"
prop="settleAccount2"
v-if="showData.settleAccount2"
:label="'现金账户余额' + `(${isLocals()})`"
><template slot-scope="scope">
{{ scope.row.settleAccount2 | numberToCurrency }}
</template>
</el-table-column>
<el-table-column
align="center"
prop="settleAccount3"
v-if="showData.settleAccount3"
:label="'政策账户余额' + `(${isLocals()})`"
><template slot-scope="scope">
{{ scope.row.settleAccount3 | numberToCurrency }}
</template>
</el-table-column>
<el-table-column
align="center"
prop="settleAccount4"
:label="'奖金账户余额' + `(${isLocals()})`"
v-if="showData.settleAccount4"
><template slot-scope="scope">
{{ scope.row.settleAccount4 | numberToCurrency }}
</template>
</el-table-column> </el-table-column>
<el-table-column
align="center"
prop="settleAccount5"
:label="'重消账户余额' + `(${isLocals()})`"
v-if="showData.settleAccount5"
><template slot-scope="scope">
{{ scope.row.settleAccount5 | numberToCurrency }}
</template>
</el-table-column>
<el-table-column
align="center"
prop="settleAccount6"
:label="'积分账户余额' + `(${isLocals()})`"
v-if="showData.settleAccount6"
><template slot-scope="scope">
{{ scope.row.settleAccount6 | numberToCurrency }}
</template>
</el-table-column>
<el-table-column
align="center"
prop="settleAccount7"
:label="'鼓励账户余额' + `(${isLocals()})`"
v-if="showData.settleAccount7"
><template slot-scope="scope">
{{ scope.row.settleAccount7 | numberToCurrency }}
</template>
</el-table-column>
<el-table-column
align="center"
prop="settleAccount8"
:label="'复购券余额' + `(${isLocals()})`"
v-if="showData.settleAccount8"
><template slot-scope="scope">
{{ scope.row.settleAccount8 | numberToCurrency }}
</template>
</el-table-column>
<el-table-column
align="center"
prop="settleAccount9"
:label="'全球积分余额' + `(${isLocals()})`"
v-if="showData.settleAccount9"
><template slot-scope="scope">
{{ scope.row.settleAccount9 | numberToCurrency }}
</template>
</el-table-column>
<el-table-column
align="center"
prop="settleAccount10"
:label="'车奖积分余额' + `(${isLocals()})`"
v-if="showData.settleAccount10"
><template slot-scope="scope">
{{ scope.row.settleAccount10 | numberToCurrency }}
</template>
</el-table-column>
<el-table-column
align="center"
prop="settleAccount11"
:label="'直播代金券余额' + `(${isLocals()})`"
v-if="showData.settleAccount11"
><template slot-scope="scope">
{{ scope.row.settleAccount11 | numberToCurrency }}
</template>
</el-table-column>
<el-table-column
align="center"
prop="settleAccount12"
:label="'乐学代金券余额' + `(${isLocals()})`"
v-if="showData.settleAccount12"
><template slot-scope="scope">
{{ scope.row.settleAccount12 | numberToCurrency }}
</template>
</el-table-column>
<el-table-column align="center" prop="time" :label="'操作'"> <el-table-column align="center" prop="time" :label="'操作'">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <el-button
@ -334,120 +211,120 @@
/> />
</div> </div>
</template> </template>
<script> <script>
import topBar from "@/components/topBar"; import topBar from '@/components/topBar'
import { isLocals, isLocalSymbol } from "@/utils/numberToCurrency"; import { isLocals, isLocalSymbol } from '@/utils/numberToCurrency'
import * as fin from "@/api/financial.js"; import * as fin from '@/api/financial.js'
import { mapGetters } from "vuex"; import { mapGetters } from 'vuex'
export default { export default {
name: "BalanceSummary", name: 'BalanceSummary',
components: { components: {
topBar, topBar
}, },
data() { data() {
return { return {
moren: "balanceSummary", moren: 'balanceSummary',
topList: [ topList: [
{ {
name: '余额汇总', name: '余额汇总',
path: "balanceSummary", path: 'balanceSummary'
}, }
], ],
tableData: [], tableData: [],
queryParams: { queryParams: {
pageNum: 1, pageNum: 1,
pageSize: 50, pageSize: 50
}, },
total: 0, total: 0,
multipleSelection: [], multipleSelection: [],
showData: {}, showData: {}
}; }
}, },
computed: { computed: {
...mapGetters(["getUser"]), ...mapGetters(['getUser'])
}, },
created() { created() {
this.getOthers(); this.getOthers()
this.getSearch(); this.getSearch()
}, },
methods: { methods: {
isLocals, isLocals,
isLocalSymbol, isLocalSymbol,
goDetail(row) { goDetail(row) {
this.$router.push({ this.$router.push({
path: "detailSummary", path: 'detailSummary',
query: { query: {
createTime: row.createTime, createTime: row.createTime
}, }
}); })
}, },
getOthers() { getOthers() {
fin.getBalanceSummaryField().then((res) => { fin.getBalanceSummaryField().then((res) => {
const obj = {}; const obj = {}
res.data.forEach((ele) => { res.data.forEach((ele) => {
obj[ele] = true; obj[ele] = true
}); })
this.showData = obj; this.showData = obj
}); })
}, },
//导出 // 导出
handleExport() { handleExport() {
this.$confirm('是否确认导出所有数据项?', '警告', { this.$confirm('是否确认导出所有数据项?', '警告', {
confirmButtonText: '确定', confirmButtonText: '确定',
cancelButtonText: '取消', cancelButtonText: '取消',
type: "warning", type: 'warning'
}).then((_) => { }).then((_) => {
this.download( this.download(
"/member/manager/account-detail/export", '/member/manager/account-detail/export',
{ ...this.queryParams }, { ...this.queryParams },
`余额汇总-${new Date().getTime()}.xlsx` `余额汇总-${new Date().getTime()}.xlsx`
); )
}); })
}, },
exportRow(row) { exportRow(row) {
this.$confirm('是否确认导出所有数据项?', '警告', { this.$confirm('是否确认导出所有数据项?', '警告', {
confirmButtonText: '确定', confirmButtonText: '确定',
cancelButtonText: '取消', cancelButtonText: '取消',
type: "warning", type: 'warning'
}).then((_) => { }).then((_) => {
this.download( this.download(
"/member/manager/account-detail/export", '/member/manager/account-detail/export',
{ ...row }, { ...row },
`余额汇总详情-${new Date().getTime()}.xlsx` `余额汇总详情-${new Date().getTime()}.xlsx`
); )
}); })
}, },
checkTime1(val) { checkTime1(val) {
this.queryParams.startDate = val[0]; this.queryParams.startDate = val[0]
this.queryParams.endDate = val[1]; this.queryParams.endDate = val[1]
}, },
handleSelectionChange(val) { handleSelectionChange(val) {
this.multipleSelection = val; this.multipleSelection = val
this.queryParams.createTimes = val.map((item) => item.createTime); this.queryParams.createTimes = val.map((item) => item.createTime)
}, },
reChongzhi() { reChongzhi() {
this.queryParams = { this.queryParams = {
pageNum: 1, pageNum: 1,
pageSize: 50, pageSize: 50,
type: 1, type: 1
}; }
this.getSearch(); this.getSearch()
}, },
getSearch() { getSearch() {
fin.getBalanceSummaryList(this.queryParams).then((res) => { fin.getBalanceSummaryList(this.queryParams).then((res) => {
res.rows.forEach((item) => { res.rows.forEach((item) => {
item.pkCountryName = this.getUser.country.shortName; item.pkCountryName = this.getUser.country.shortName
item.pkCountryIcon = this.getUser.country.nationalFlag2; item.pkCountryIcon = this.getUser.country.nationalFlag2
}); })
this.tableData = res.rows; this.tableData = res.rows
this.total = res.total; this.total = res.total
}); })
}, }
}, }
}; }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
::v-deep .el-table--scrollable-x .el-table__body-wrapper { ::v-deep .el-table--scrollable-x .el-table__body-wrapper {
height: 600px !important; height: 600px !important;
@ -502,5 +379,51 @@ export default {
} }
} }
} }
.scan-register-btn {
margin-left: 16px;
padding: 0 28px;
height: 40px;
line-height: 40px;
font-size: 22px;
color: #1793d2;
background: linear-gradient(90deg, #7be7f9 0%, #3fd0f6 100%);
border: none;
border-radius: 20px;
box-shadow: 0 2px 8px 0 rgba(0, 183, 255, 0.18), 0 1.5px 0 0 #fff inset;
font-weight: 500;
outline: none;
cursor: pointer;
transition: box-shadow 0.2s;
box-sizing: border-box;
position: relative;
overflow: hidden;
}
.scan-register-btn::before {
content: '';
position: absolute;
top: 2px;
left: 2px;
right: 2px;
bottom: 2px;
border-radius: 18px;
pointer-events: none;
background: linear-gradient(120deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.25) 60%, rgba(255,255,255,0.1) 100%);
z-index: 1;
filter: blur(0.5px);
}
.scan-register-btn::after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: 20px;
pointer-events: none;
box-shadow: 0 0 12px 2px rgba(123,231,249,0.7), 0 0 0 2px rgba(255,255,255,0.7) inset;
z-index: 0;
}
.scan-register-btn:active {
box-shadow: 0 1px 4px 0 rgba(0, 183, 255, 0.18), 0 1.5px 0 0 #fff inset;
}
</style> </style>

504
src/views/financial/cashDetails/index.vue
View File

@ -174,16 +174,14 @@
</el-collapse-transition> </el-collapse-transition>
<el-col :span="4"> <el-col :span="4">
<el-button <el-button
v-has-buttons="['CashSearch']"
class="my_search" class="my_search"
style="margin-left: 30px" style="margin-left: 30px"
@click="getDataList" @click="getDataList"
v-has-buttons="['CashSearch']"
>
{{ '搜索' }}</el-button
> >
{{ '搜索' }}</el-button>
<el-button class="my_reset" @click="reset"> <el-button class="my_reset" @click="reset">
{{ '重置' }}</el-button {{ '重置' }}</el-button>
>
</el-col> </el-col>
</el-row> </el-row>
<div class="openClose" @click="isActive = !isActive"> <div class="openClose" @click="isActive = !isActive">
@ -201,40 +199,36 @@
:disabled="this.checkArr.length == 0" :disabled="this.checkArr.length == 0"
class="thebtn2" class="thebtn2"
@click="openDig(0)" @click="openDig(0)"
>{{ '打款' }}</el-button >{{ '打款' }}</el-button>
>
<el-button <el-button
v-has-buttons="['CashDetailsRecharge']" v-has-buttons="['CashDetailsRecharge']"
size="small" size="small"
:disabled="this.checkArr.length == 0" :disabled="this.checkArr.length == 0"
class="thebtn3" class="thebtn3"
@click="openDig(1)" @click="openDig(1)"
>{{ '充正' }}</el-button >{{ '充正' }}</el-button>
>
<el-button <el-button
v-has-buttons="['CashDetailsApprove']" v-has-buttons="['CashDetailsApprove']"
size="small" size="small"
:disabled="this.checkArr.length == 0" :disabled="this.checkArr.length == 0"
class="thebtn1" class="thebtn1"
@click="toQc" @click="toQc"
>{{ '发起审核' }}</el-button >{{ '发起审核' }}</el-button>
>
<el-button <el-button
v-has-buttons="['CashDetailsExport']" v-has-buttons="['CashDetailsExport']"
size="small" size="small"
class="thebtn4" class="thebtn4"
@click="handleExport" @click="handleExport"
> >
{{ '导出' }}</el-button {{ '导出' }}</el-button>
>
</div> </div>
</div> </div>
<div style="overflow: auto"> <div style="overflow: auto">
<el-table <el-table
ref="mainTable" ref="mainTable"
:data="tableData"
v-loading="loading" v-loading="loading"
:data="tableData"
height="600" height="600"
:header-cell-style="{ background: '#EEEEEE' }" :header-cell-style="{ background: '#EEEEEE' }"
:summary-method="getSummaries" :summary-method="getSummaries"
@ -243,19 +237,7 @@
@selection-change="handleSelectionChange" @selection-change="handleSelectionChange"
> >
<el-table-column type="selection" width="55" /> <el-table-column type="selection" width="55" />
<el-table-column
v-if="showData.pkCountryName"
align="center"
prop="jxmc"
:label="'国家'"
>
<template slot-scope="scope">
<div class="tem">
<img :src="scope.row.nationalFlag2" alt="" />
<!-- <div>{{ scope.row.pkCountryName }}</div> -->
</div>
</template>
</el-table-column>
<el-table-column <el-table-column
v-if="showData.memberCode" v-if="showData.memberCode"
align="center" align="center"
@ -347,52 +329,7 @@
{{ scope.row.issuedAmount | numberToCurrency }} {{ scope.row.issuedAmount | numberToCurrency }}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column
v-if="showData.settleCashAmount"
align="center"
prop="settleCashAmount"
:label="'本次提现' + `(${isLocals()})`"
width="100"
>
<template slot-scope="scope">
{{ scope.row.settleCashAmount | numberToCurrency }}
</template>
</el-table-column>
<!-- lll -->
<el-table-column
v-if="showData.settleServiceCharge"
align="center"
prop="settleServiceCharge"
:label="'手续费' + `(${isLocals()})`"
width="100"
>
<template slot-scope="scope">
{{ scope.row.settleServiceCharge | numberToCurrency }}
</template>
</el-table-column>
<el-table-column
v-if="showData.settleIncomeTax"
align="center"
prop="settleIncomeTax"
:label="'个税' + `(${isLocals()})`"
width="100"
>
<template slot-scope="scope">
{{ scope.row.settleIncomeTax | numberToCurrency }}
</template>
</el-table-column>
<el-table-column
v-if="showData.settleIssuedAmount"
align="center"
prop="settleIssuedAmount"
:label="'实发金额' + `(${isLocals()})`"
width="100"
>
<template slot-scope="scope">
{{ scope.row.settleIssuedAmount | numberToCurrency }}
</template>
</el-table-column>
<el-table-column <el-table-column
v-if="showData.exchangeRate" v-if="showData.exchangeRate"
align="center" align="center"
@ -419,12 +356,14 @@
align="center" align="center"
prop="subBankName" prop="subBankName"
:label="'支行名称'" :label="'支行名称'"
width="160"
/> />
<el-table-column <el-table-column
v-if="showData.cardNumber" v-if="showData.cardNumber"
align="center" align="center"
prop="cardNumber" prop="cardNumber"
:label="'银行账户'" :label="'银行账户'"
width="170"
/> />
<el-table-column <el-table-column
v-if="showData.accountName" v-if="showData.accountName"
@ -449,13 +388,14 @@
align="center" align="center"
prop="phone" prop="phone"
:label="'预留电话'" :label="'预留电话'"
width="130"
/> />
<el-table-column <el-table-column
v-if="showData.idCard" v-if="showData.idCard"
align="center" align="center"
prop="idCard" prop="idCard"
:label="'身份证号码'" :label="'身份证号码'"
width="100" width="180"
/> />
<el-table-column <el-table-column
align="center" align="center"
@ -542,8 +482,8 @@
<el-button <el-button
v-if=" v-if="
scope.row.approveState == 5 && scope.row.approveState == 5 &&
scope.row.status != 1 && scope.row.status != 1 &&
scope.row.status != 2 scope.row.status != 2
" "
type="text" type="text"
style="padding: 8px" style="padding: 8px"
@ -555,8 +495,8 @@
<el-button <el-button
v-if=" v-if="
scope.row.approveState == 5 && scope.row.approveState == 5 &&
scope.row.status != 1 && scope.row.status != 1 &&
scope.row.status != 2 scope.row.status != 2
" "
style="padding: 8px; color: #ed1d25" style="padding: 8px; color: #ed1d25"
type="text" type="text"
@ -595,7 +535,7 @@
center center
> >
<div class="gth"> <div class="gth">
<img src="@/assets/images/gth.png" alt="" /> <img src="@/assets/images/gth.png" alt="">
<div>{{ '确定' }}要{{ isCz == 1 ? "充正" : "打款" }}吗</div> <div>{{ '确定' }}要{{ isCz == 1 ? "充正" : "打款" }}吗</div>
</div> </div>
<el-form ref="form" :model="form" label-width="auto"> <el-form ref="form" :model="form" label-width="auto">
@ -616,59 +556,59 @@
</template> </template>
<script> <script>
import topBar from "@/components/topBarRole"; import topBar from '@/components/topBarRole'
import { getVartexList } from "@/api/affiliatedteam"; import { getVartexList } from '@/api/affiliatedteam'
import * as api from "@/api/financialCase.js"; import * as api from '@/api/financialCase.js'
import { isLocals, isLocalSymbol, stateFormat } from "@/utils/numberToCurrency"; import { isLocals, isLocalSymbol, stateFormat } from '@/utils/numberToCurrency'
import { getRouters } from "@/api/settle"; import { getRouters } from '@/api/settle'
import { mapGetters } from "vuex"; import { mapGetters } from 'vuex'
import { numberToCurrencyNo } from "@/utils/numberToCurrency"; import { numberToCurrencyNo } from '@/utils/numberToCurrency'
import { getRoleMenu } from "@/api/notice"; import { getRoleMenu } from '@/api/notice'
export default { export default {
name: "Bzpz", name: 'Bzpz',
components: { components: {
topBar, topBar
}, },
filters: { filters: {
isAgree(val) { isAgree(val) {
if (!val) { if (!val) {
return '允许'; return '允许'
} else { } else {
return '禁止'; return '禁止'
} }
}, }
}, },
data() { data() {
return { return {
// 折叠搜索框 // 折叠搜索框
isActive: false, isActive: false,
moren: "cashDetails", moren: 'cashDetails',
topList: [ topList: [
{ {
name: '提现明细', name: '提现明细',
path: "cashDetails", path: 'cashDetails',
url: "CashDetails", url: 'CashDetails',
changed: false, changed: false
}, },
{ {
name: '京东代付', name: '京东代付',
path: "jdToPay", path: 'jdToPay',
url: "jdToPay", url: 'jdToPay',
changed: false, changed: false
}, }
], ],
centerDialogVisible: false, centerDialogVisible: false,
creationTime: [], creationTime: [],
creationTime1: [], creationTime1: [],
shStateList: [], shStateList: [],
select: { select: {
approveState: 1, approveState: 1
}, },
// 查询参数 // 查询参数
queryParams: { queryParams: {
pageNum: 1, pageNum: 1,
pageSize: 50, pageSize: 50
}, },
total: 0, total: 0,
dialogVisible: false, dialogVisible: false,
@ -679,166 +619,166 @@ export default {
checkArr: [], checkArr: [],
postArr: [], postArr: [],
form: { form: {
payerRemarks: "", payerRemarks: ''
}, },
isCz: 0, isCz: 0,
checkArrAll: [], checkArrAll: [],
statusList: [], statusList: [],
vertexList: [], vertexList: [],
lastData: "", lastData: '',
dataList: [ dataList: [
{ {
name: "pkCountryName", name: 'pkCountryName',
key: "", key: ''
}, },
{ {
name: "memberCode", name: 'memberCode',
key: "", key: ''
}, },
{ {
name: "memberName", name: 'memberName',
key: "", key: ''
}, },
{ {
name: "pkAccountVal", name: 'pkAccountVal',
key: "", key: ''
}, },
{ {
name: "availableAmount", name: 'availableAmount',
key: "", key: ''
}, },
{ {
name: "cashAmount", name: 'cashAmount',
key: "", key: ''
}, },
{ {
name: "availableBalance", name: 'availableBalance',
key: "", key: ''
}, },
{ {
name: "serviceCharge", name: 'serviceCharge',
key: "", key: ''
}, },
{ {
name: "incomeTax", name: 'incomeTax',
key: "", key: ''
}, },
{ {
name: "issuedAmount", name: 'issuedAmount',
key: "", key: ''
}, },
{ {
name: "settleCashAmount", name: 'settleCashAmount',
key: "", key: ''
}, },
{ {
name: "settleServiceCharge", name: 'settleServiceCharge',
key: "", key: ''
}, },
{ {
name: "settleIncomeTax", name: 'settleIncomeTax',
key: "", key: ''
}, },
{ {
name: "settleIssuedAmount", name: 'settleIssuedAmount',
key: "", key: ''
}, },
{ {
name: "exchangeRate", name: 'exchangeRate',
key: "", key: ''
}, },
{ {
name: "creationTime", name: 'creationTime',
key: "", key: ''
}, },
{ {
name: "bankName", name: 'bankName',
key: "", key: ''
}, },
{ {
name: "subBankName", name: 'subBankName',
key: "", key: ''
}, },
{ {
name: "cardNumber", name: 'cardNumber',
key: "", key: ''
}, },
{ {
name: "accountName", name: 'accountName',
key: "", key: ''
}, },
{ {
name: "phone", name: 'phone',
key: "", key: ''
}, },
{ {
name: "remarks", name: 'remarks',
key: "", key: ''
}, },
{ {
name: "approveName", name: 'approveName',
key: "", key: ''
}, },
{ {
name: "approveTime", name: 'approveTime',
key: "", key: ''
}, },
{ {
name: "approveRemarks", name: 'approveRemarks',
key: "", key: ''
}, },
{ {
name: "paymentName", name: 'paymentName',
key: "", key: ''
}, },
{ {
name: "statusVal", name: 'statusVal',
key: "", key: ''
}, },
{ {
name: "paymentTime", name: 'paymentTime',
key: "", key: ''
}, },
{ {
name: "payerRemarks", name: 'payerRemarks',
key: "", key: ''
}, },
{ {
name: "approveStateVal", name: 'approveStateVal',
key: "", key: ''
}, },
{ {
name: "withdrawCode", name: 'withdrawCode',
key: "", key: ''
}, }
], ],
showData: {}, showData: {}
}; }
}, },
computed: { computed: {
...mapGetters(["getUser"]), ...mapGetters(['getUser'])
}, },
mounted() { mounted() {
// 获取下拉 // 获取下拉
this.getData(); this.getData()
// 获取列表 // 获取列表
this.getDataList(); this.getDataList()
// //审核状态 // //审核状态
this.getApproveStatus(); this.getApproveStatus()
this.getPaymentStatus(); this.getPaymentStatus()
this.getUserRoute(); this.getUserRoute()
this.getUserRole(); this.getUserRole()
}, },
methods: { methods: {
isLocals, isLocals,
isLocalSymbol, isLocalSymbol,
getUserRole() { getUserRole() {
getRoleMenu("CashDetails").then((res) => { getRoleMenu('CashDetails').then((res) => {
const obj = {}; const obj = {}
res.data.forEach((ele) => { res.data.forEach((ele) => {
obj[ele] = true; obj[ele] = true
}); })
this.showData = obj; this.showData = obj
// this.dataList.forEach((item) => { // this.dataList.forEach((item) => {
// res.data.forEach((items) => { // res.data.forEach((items) => {
// if (item.name == items) { // if (item.name == items) {
@ -847,155 +787,155 @@ export default {
// // this.flag = true // // this.flag = true
// }) // })
// }) // })
}); })
}, },
getPaymentStatus() { getPaymentStatus() {
api.paymentStatus().then((res) => { api.paymentStatus().then((res) => {
this.statusList = res.data; this.statusList = res.data
}); })
}, },
stateFormat, stateFormat,
// 审核状态 // 审核状态
getApproveStatus() { getApproveStatus() {
api.getApproveStatuss().then((res) => { api.getApproveStatuss().then((res) => {
this.shStateList = res.data; this.shStateList = res.data
}); })
}, },
getUserRoute() { getUserRoute() {
getRouters().then((res) => { getRouters().then((res) => {
res.data.forEach((item) => { res.data.forEach((item) => {
this.topList.forEach((items) => { this.topList.forEach((items) => {
if (item.routeName == items.url) { if (item.routeName == items.url) {
items.changed = true; items.changed = true
} }
}); })
}); })
}); })
}, },
saveForm() { saveForm() {
let url; let url
if (this.isCz == 1) { if (this.isCz == 1) {
url = api.positive; url = api.positive
} else { } else {
url = api.payment; url = api.payment
} }
url(Object.assign(this.form, { pkIds: this.postArr })).then((res) => { url(Object.assign(this.form, { pkIds: this.postArr })).then((res) => {
if (res.code == 200) { if (res.code == 200) {
this.$message({ this.$message({
message: res.msg, message: res.msg,
type: "success", type: 'success'
}); })
// 获取列表 // 获取列表
this.getDataList(); this.getDataList()
this.centerDialogVisible = false; this.centerDialogVisible = false
} }
}); })
}, },
openDig(index, id) { openDig(index, id) {
// if (index == 0) { // if (index == 0) {
let dk = false; let dk = false
this.checkArrAll.forEach((item) => { this.checkArrAll.forEach((item) => {
// item.approveState== 5&&item.status != 1&&item.status != 2 // item.approveState== 5&&item.status != 1&&item.status != 2
if (item.approveState != 5 || item.status == 1 || item.status == 2) { if (item.approveState != 5 || item.status == 1 || item.status == 2) {
dk = true; dk = true
} }
}); })
if (dk) { if (dk) {
this.$message({ this.$message({
message: '存在已打款或未审核单据', message: '存在已打款或未审核单据',
type: "warning", type: 'warning'
}); })
return false; return false
} }
// } // }
this.isCz = index; this.isCz = index
if (id) { if (id) {
this.postArr = [id]; this.postArr = [id]
} else { } else {
this.postArr = this.checkArr; this.postArr = this.checkArr
} }
this.centerDialogVisible = true; this.centerDialogVisible = true
}, },
toQc() { toQc() {
api.showWithdraw(this.checkArr).then((res) => { api.showWithdraw(this.checkArr).then((res) => {
if (res.code == 200) { if (res.code == 200) {
this.$router.push({ this.$router.push({
path: "txzxqc", path: 'txzxqc',
query: { query: {
data: JSON.stringify(res.data), data: JSON.stringify(res.data)
}, }
}); })
} }
}); })
}, },
reset() { reset() {
this.select = {}; this.select = {}
this.creationTime = []; this.creationTime = []
this.creationTime1 = []; this.creationTime1 = []
this.getDataList(); this.getDataList()
}, },
getData() { getData() {
api.pkBdAccountList().then((res) => { api.pkBdAccountList().then((res) => {
this.accountList = res.rows; this.accountList = res.rows
}); })
api.getTradeType().then((res) => { api.getTradeType().then((res) => {
this.tradeTypeList = res.data; this.tradeTypeList = res.data
}); })
getVartexList().then((res) => { getVartexList().then((res) => {
this.vertexList = res.data; this.vertexList = res.data
}); })
}, },
changeTime(val) { changeTime(val) {
if (!val) { if (!val) {
val = ["", ""]; val = ['', '']
} }
this.select.startDate = val[0] || ""; this.select.startDate = val[0] || ''
this.select.endDate = val[1] || ""; this.select.endDate = val[1] || ''
}, },
changeTime1(val) { changeTime1(val) {
if (!val) { if (!val) {
val = ["", ""]; val = ['', '']
} }
this.select.startPaymentTime = val[0] || ""; this.select.startPaymentTime = val[0] || ''
this.select.endPaymentTime = val[1] || ""; this.select.endPaymentTime = val[1] || ''
}, },
// 点击修改 // 点击修改
toFixed(id) {}, toFixed(id) {},
getDataList() { getDataList() {
this.loading = true; this.loading = true
api api
.withdrawList(Object.assign({}, this.queryParams, this.select)) .withdrawList(Object.assign({}, this.queryParams, this.select))
.then((res) => { .then((res) => {
res.rows.forEach((item) => { res.rows.forEach((item) => {
item.nationalFlag2 = this.getUser.country.nationalFlag2; item.nationalFlag2 = this.getUser.country.nationalFlag2
}); })
this.lastData = res.rows[res.rows.length - 1]; this.lastData = res.rows[res.rows.length - 1]
let arr = JSON.parse(JSON.stringify(res.rows)); let arr = JSON.parse(JSON.stringify(res.rows))
arr = arr.filter(function (v, i, ar) { arr = arr.filter(function(v, i, ar) {
return i !== ar.length - 1; return i !== ar.length - 1
}); })
this.tableData = arr; this.tableData = arr
this.total = res.total; this.total = res.total
this.loading = false; this.loading = false
this.$nextTick(() => { this.$nextTick(() => {
this.$refs.mainTable.doLayout(); this.$refs.mainTable.doLayout()
}); })
}); })
}, },
getSummaries(param) { getSummaries(param) {
// this.$nextTick(() => { // this.$nextTick(() => {
if (this.lastData) { if (this.lastData) {
const obj = this.lastData; const obj = this.lastData
return [ return [
"", '',
'合计', '合计',
"", '',
"", '',
"", '',
"", '',
numberToCurrencyNo(obj.cashAmount), numberToCurrencyNo(obj.cashAmount),
"", '',
numberToCurrencyNo(obj.serviceCharge), numberToCurrencyNo(obj.serviceCharge),
numberToCurrencyNo(obj.incomeTax), numberToCurrencyNo(obj.incomeTax),
numberToCurrencyNo(obj.issuedAmount), numberToCurrencyNo(obj.issuedAmount),
@ -1003,27 +943,27 @@ export default {
numberToCurrencyNo(obj.settleServiceCharge), numberToCurrencyNo(obj.settleServiceCharge),
numberToCurrencyNo(obj.settleIncomeTax), numberToCurrencyNo(obj.settleIncomeTax),
numberToCurrencyNo(obj.settleIssuedAmount), numberToCurrencyNo(obj.settleIssuedAmount),
"", '',
"", '',
"", '',
"", '',
"", '',
"", '',
"", '',
"", '',
"", '',
"", '',
"", '',
"", '',
"", '',
"", '',
"", '',
"", '',
"", '',
"", ''
]; ]
} else { } else {
return []; return []
} }
// }) // })
@ -1045,35 +985,35 @@ export default {
// }, // },
handleSelectionChange(val) { handleSelectionChange(val) {
this.checkArrAll = val; this.checkArrAll = val
this.checkArr = val.map((item) => { this.checkArr = val.map((item) => {
return item.pkId; return item.pkId
}); })
}, },
/** 导出按钮操作 */ /** 导出按钮操作 */
handleExport() { handleExport() {
this.$confirm('是否确认导出所有数据项?', '警告', { this.$confirm('是否确认导出所有数据项?', '警告', {
confirmButtonText: '确定', confirmButtonText: '确定',
cancelButtonText: '取消', cancelButtonText: '取消',
type: "warning", type: 'warning'
}).then((_) => { }).then((_) => {
this.download( this.download(
"/member/manager/withdraw/export", '/member/manager/withdraw/export',
Object.assign({}, this.queryParams, this.select), Object.assign({}, this.queryParams, this.select),
`提现明细-${new Date().getTime()}.xlsx` `提现明细-${new Date().getTime()}.xlsx`
); )
}); })
}, },
tableRowClassName({ row, rowIndex }) { tableRowClassName({ row, rowIndex }) {
if (rowIndex % 2 == 1) { if (rowIndex % 2 == 1) {
return "warning-row"; return 'warning-row'
} else if (rowIndex % 2 == 0) { } else if (rowIndex % 2 == 0) {
return "success-row"; return 'success-row'
} }
return ""; return ''
}, }
}, }
}; }
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
::v-deep .el-table .warning-row { ::v-deep .el-table .warning-row {

337
src/views/financial/consumptionDetails/index.vue
View File

@ -8,29 +8,31 @@
<div class="page"> <div class="page">
<topBar <topBar
v-if="topList.length > 0" v-if="topList.length > 0"
:topList="topList" :top-list="topList"
:moren="moren" :moren="moren"
></topBar> />
<div class="main"> <div class="main">
<el-form ref="select" <el-form
:model="select" ref="select"
style="" :model="select"
label-width="100px"> style=""
label-width="100px"
>
<el-row style="background-color: #fff;"> <el-row style="background-color: #fff;">
<!-- 一层 --> <!-- 一层 -->
<el-col :span="4"> <el-col :span="4">
<el-form-item :label="'会员编号'"> <el-form-item :label="'会员编号'">
<el-input clearable v-model="select.memberCode"></el-input> <el-input v-model="select.memberCode" clearable />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4"> <el-col :span="4">
<el-form-item :label="'会员姓名'"> <el-form-item :label="'会员姓名'">
<el-input clearable v-model="select.memberName"></el-input> <el-input v-model="select.memberName" clearable />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4"> <el-col :span="4">
<el-form-item :label="'交易金额'"> <el-form-item :label="'交易金额'">
<el-input clearable v-model="select.tradeAmount"></el-input> <el-input v-model="select.tradeAmount" clearable />
</el-form-item> </el-form-item>
</el-col> </el-col>
<!-- <el-col :span="4"> <!-- <el-col :span="4">
@ -40,164 +42,171 @@
</el-col> --> </el-col> -->
<el-col :span="4"> <el-col :span="4">
<el-form-item :label="'钱包类型'"> <el-form-item :label="'钱包类型'">
<el-select clearable placeholder="" <el-select
v-model="select.pkAccount"> v-model="select.pkAccount"
<el-option v-for="item in accountList" clearable
:key="item.pkId" placeholder=""
:label="item.accountName" >
:value="item.pkId"></el-option> <el-option
v-for="item in accountList"
:key="item.pkId"
:label="item.accountName"
:value="item.pkId"
/>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4"> <el-col :span="4">
<el-form-item :label="'交易类型'"> <el-form-item :label="'交易类型'">
<el-select clearable placeholder="" <el-select
v-model="select.tradeType"> v-model="select.tradeType"
<el-option v-for="item in tradeTypeList" clearable
:key="item.value" placeholder=""
:label="item.label" >
:value="item.value"></el-option> <el-option
v-for="item in tradeTypeList"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4"> <el-col :span="4">
<el-form-item :label="'单据编号'"> <el-form-item :label="'单据编号'">
<el-input clearable v-model="select.sourceCode"></el-input> <el-input v-model="select.sourceCode" clearable />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item :label="'交易日期'"> <el-form-item :label="'交易日期'">
<el-date-picker v-model="creationTime" <el-date-picker
@change="changeTime" v-model="creationTime"
value-format="yyyy-MM-dd" value-format="yyyy-MM-dd"
type="daterange" type="daterange"
:range-separator="'至'" :range-separator="'至'"
:start-placeholder="'开始日期'" :start-placeholder="'开始日期'"
:end-placeholder="'结束日期'"> :end-placeholder="'结束日期'"
</el-date-picker> @change="changeTime"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4"> <el-col :span="4">
<el-button @click="getDataList" class="my_search" style="margin-left: 40px"> {{ '搜索' }}</el-button> <el-button class="my_search" style="margin-left: 40px" @click="getDataList"> {{ '搜索' }}</el-button>
<el-button @click="reset" class="my_reset"> {{ '重置' }}</el-button> <el-button class="my_reset" @click="reset"> {{ '重置' }}</el-button>
</el-col> </el-col>
</el-row> </el-row>
</el-form> </el-form>
<div class="maintop"> <div class="maintop">
<div class="mainbtn"> <div class="mainbtn">
<el-button size="small" <el-button
@click="handleExport" v-has-buttons="['ConsumptionDetailsExport']"
v-has-buttons="['ConsumptionDetailsExport']" size="small"
class="thebtn1"> {{ '导出' }}</el-button> class="thebtn1"
@click="handleExport"
> {{ '导出' }}</el-button>
</div> </div>
</div> </div>
<div class="maintable"> <div class="maintable">
<el-table :data="tableData" ref="mainTable" <el-table
v-loading="loading" ref="mainTable"
height="680px" v-loading="loading"
style="width: 100%" :data="tableData"
:header-cell-style="{ background: '#EEEEEE' }" height="680px"
:row-class-name="tableRowClassName" style="width: 100%"
@selection-change="handleSelectionChange"> :header-cell-style="{ background: '#EEEEEE' }"
<el-table-column type="selection" :row-class-name="tableRowClassName"
width="55"> </el-table-column> @selection-change="handleSelectionChange"
<el-table-column align="center" >
prop="title" <el-table-column
v-if="dataList[0].key" type="selection"
:label="'国家'"> width="55"
<template slot-scope="scope"> />
<div class="tem">
<img :src="scope.row.nationalFlag2"
alt="" />
<!-- <div>{{ scope.row.pkCountryName }}</div> -->
</div>
</template>
</el-table-column>
<el-table-column align="center"
prop="memberCode"
v-if="dataList[1].key"
:label="'会员编号'">
</el-table-column>
<el-table-column align="center"
prop="memberName"
v-if="dataList[2].key"
:label="'会员姓名'">
</el-table-column>
<el-table-column align="center"
prop="pkAccountVal"
v-if="dataList[3].key"
:label="'钱包类型'">
</el-table-column>
<el-table-column align="center"
prop="tradeTypeVal"
v-if="dataList[4].key"
:label="'交易类型'">
</el-table-column>
<el-table-column align="center"
prop="tradeBeforeBalance"
v-if="dataList[5].key"
:formatter="stateFormat"
:label="'历史余额'+`(${isLocalSymbol()})`"
>
</el-table-column>
<el-table-column align="center"
prop="tradeBalance"
:formatter="stateFormat"
v-if="dataList[6].key"
:label="'当前余额'+`(${isLocalSymbol()})`"
>
</el-table-column>
<el-table-column align="center"
prop="tradeAmount"
:formatter="stateFormat"
v-if="dataList[7].key"
:label="'交易金额'+`(${isLocalSymbol()})`"
>
</el-table-column>
<el-table-column align="center"
prop="settleTradeBeforeBalance"
:formatter="stateFormat"
v-if="dataList[8].key"
:label="'历史余额'+`(${isLocals()})`"
>
</el-table-column>
<el-table-column align="center"
prop="settleTradeBalance"
:formatter="stateFormat"
v-if="dataList[9].key"
:label="'当前余额'+`(${isLocals()})`"
>
</el-table-column>
<el-table-column align="center"
prop="settleTradeAmount"
v-if="dataList[10].key"
:formatter="stateFormat"
:label="'交易金额'+`(${isLocals()})`">
</el-table-column>
<el-table-column align="center"
prop="exchangeRate"
v-if="dataList[11].key"
:label="'汇率'">
</el-table-column>
<el-table-column align="center" <el-table-column
prop="creationTime" v-if="dataList[1].key"
v-if="dataList[12].key" align="center"
:label="'交易日期'"> prop="memberCode"
</el-table-column> :label="'会员编号'"
<el-table-column align="center" width="120"
prop="sourceCode" />
v-if="dataList[13].key" <el-table-column
:label="'单据编号'"> v-if="dataList[2].key"
</el-table-column> align="center"
<el-table-column align="center" prop="memberName"
prop="time" :label="'会员姓名'"
:label="'操作'" fixed="right" > />
<el-table-column
v-if="dataList[3].key"
align="center"
prop="pkAccountVal"
:label="'钱包类型'"
/>
<el-table-column
v-if="dataList[4].key"
align="center"
prop="tradeTypeVal"
:label="'交易类型'"
width="120"
/>
<el-table-column
v-if="dataList[5].key"
align="center"
prop="tradeBeforeBalance"
:formatter="stateFormat"
:label="'历史余额'+`(${isLocalSymbol()})`"
width="140"
/>
<el-table-column
v-if="dataList[6].key"
align="center"
prop="tradeBalance"
:formatter="stateFormat"
:label="'当前余额'+`(${isLocalSymbol()})`"
width="140"
/>
<el-table-column
v-if="dataList[7].key"
align="center"
prop="tradeAmount"
:formatter="stateFormat"
:label="'交易金额'+`(${isLocalSymbol()})`"
width="140"
/>
<el-table-column
v-if="dataList[11].key"
align="center"
prop="exchangeRate"
:label="'汇率'"
/>
<el-table-column
v-if="dataList[12].key"
align="center"
prop="creationTime"
:label="'交易日期'"
width="160"
/>
<el-table-column
v-if="dataList[13].key"
align="center"
prop="sourceCode"
:label="'单据编号'"
width="180"
/>
<el-table-column
align="center"
prop="time"
:label="'操作'"
fixed="right"
>
<template slot-scope="scope"> <template slot-scope="scope">
<el-button @click="toFixed(scope.row.pkId)" <el-button
type="text" type="text"
size="small"> size="small"
@click="toFixed(scope.row.pkId)"
>
{{ '导出' }} {{ '导出' }}
</el-button> </el-button>
</template> </template>
@ -205,11 +214,13 @@
</el-table> </el-table>
</div> </div>
</div> </div>
<pagination v-show="total>0" <pagination
:total="total" v-show="total>0"
:page.sync="queryParams.pageNum" :total="total"
:limit.sync="queryParams.pageSize" :page.sync="queryParams.pageNum"
@pagination="getDataList" /> :limit.sync="queryParams.pageSize"
@pagination="getDataList"
/>
</div> </div>
</template> </template>
@ -218,41 +229,41 @@ import topBar from '@/components/topBar'
import * as api from '@/api/financialCase.js' import * as api from '@/api/financialCase.js'
import { mapGetters } from 'vuex' import { mapGetters } from 'vuex'
import {isLocals, isLocalSymbol, stateFormat} from "@/utils/numberToCurrency"; import { isLocals, isLocalSymbol, stateFormat } from '@/utils/numberToCurrency'
import {getRoleMenu} from "@/api/notice"; import { getRoleMenu } from '@/api/notice'
export default { export default {
name: 'Bzpz', name: 'Bzpz',
components: { components: {
topBar, topBar
}, },
filters: { filters: {
isAgree(val) { isAgree(val) {
if (!val) { if (!val) {
return '允许'; return '允许'
} else { } else {
return '禁止'; return '禁止'
} }
}, }
}, },
data() { data() {
return { return {
moren: "consumptionDetails", moren: 'consumptionDetails',
topList: [ topList: [
{ {
name: '消费明细', name: '消费明细',
path: "consumptionDetails", path: 'consumptionDetails'
}, }
], ],
creationTime: [], creationTime: [],
select: {}, select: {},
// 查询参数 // 查询参数
queryParams: { queryParams: {
pageNum: 1, pageNum: 1,
pageSize: 50, pageSize: 50
}, },
total: 0, total: 0,
dialogVisible: false, dialogVisible: false,
loading:false, loading: false,
tableData: [], tableData: [],
accountList: [], accountList: [],
tradeTypeList: [], tradeTypeList: [],
@ -312,12 +323,12 @@ export default {
{ {
name: 'sourceCode', name: 'sourceCode',
key: '' key: ''
}, }
] ]
} }
}, },
computed: { computed: {
...mapGetters(['getUser']), ...mapGetters(['getUser'])
}, },
mounted() { mounted() {
// 获取下拉 // 获取下拉
@ -341,7 +352,7 @@ export default {
}) })
}) })
}, },
reset(){ reset() {
this.select = {} this.select = {}
this.creationTime = [] this.creationTime = []
this.getDataList() this.getDataList()
@ -380,10 +391,10 @@ export default {
handleSelectionChange(val) {}, handleSelectionChange(val) {},
/** 导出按钮操作 */ /** 导出按钮操作 */
handleExport() { handleExport() {
this.$confirm( '是否确认导出所有数据项?', '警告', { this.$confirm('是否确认导出所有数据项?', '警告', {
confirmButtonText: '确定', confirmButtonText: '确定',
cancelButtonText: '取消', cancelButtonText: '取消',
type: 'warning', type: 'warning'
}).then((_) => { }).then((_) => {
this.download( this.download(
'/member/manager/trade/export', '/member/manager/trade/export',
@ -399,8 +410,8 @@ export default {
return 'success-row' return 'success-row'
} }
return '' return ''
}, }
}, }
} }
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">

379
src/views/financial/transferDetails/index.vue
View File

@ -8,271 +8,292 @@
<div class="page"> <div class="page">
<topBar <topBar
v-if="topList.length > 0" v-if="topList.length > 0"
:topList="topList" :top-list="topList"
:moren="moren" :moren="moren"
></topBar> />
<div class="main"> <div class="main">
<el-form ref="select" <el-form
:model="select" ref="select"
style="background-color: #fff" :model="select"
label-width="100px"> style="background-color: #fff"
label-width="100px"
>
<el-row> <el-row>
<!-- 一层 --> <!-- 一层 -->
<el-col :span="4"> <el-col :span="4">
<el-form-item :label="'转出编号'"> <el-form-item :label="'转出编号'">
<el-input clearable v-model="select.memberCode"></el-input> <el-input v-model="select.memberCode" clearable />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4"> <el-col :span="4">
<el-form-item :label="'转出姓名'"> <el-form-item :label="'转出姓名'">
<el-input clearable v-model="select.memberName"></el-input> <el-input v-model="select.memberName" clearable />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4"> <el-col :span="4">
<el-form-item :label="'接收编号'"> <el-form-item :label="'接收编号'">
<el-input clearable v-model="select.toMemberCode"></el-input> <el-input v-model="select.toMemberCode" clearable />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4"> <el-col :span="4">
<el-form-item :label="'接收姓名'"> <el-form-item :label="'接收姓名'">
<el-input clearable v-model="select.toMemberName"></el-input> <el-input v-model="select.toMemberName" clearable />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4"> <el-col :span="4">
<el-form-item :label="'接收钱包'"> <el-form-item :label="'接收钱包'">
<el-select clearable :placeholder="'请选择'" <el-select
v-model="select.pkAccount"> v-model="select.pkAccount"
<el-option v-for="item in accountList" clearable
:key="item.pkId" :placeholder="'请选择'"
:label="item.accountName" >
:value="item.pkId"></el-option> <el-option
v-for="item in accountList"
:key="item.pkId"
:label="item.accountName"
:value="item.pkId"
/>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4"> <el-col :span="4">
<el-form-item :label="'接收钱包'"> <el-form-item :label="'接收钱包'">
<el-select clearable :placeholder="'请选择'" <el-select
v-model="select.pkToAccount"> v-model="select.pkToAccount"
<el-option v-for="item in accountList" clearable
:key="item.pkId" :placeholder="'请选择'"
:label="item.accountName" >
:value="item.pkId"></el-option> <el-option
v-for="item in accountList"
:key="item.pkId"
:label="item.accountName"
:value="item.pkId"
/>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4"> <el-col :span="4">
<el-form-item :label="'交易备注'"> <el-form-item :label="'交易备注'">
<el-input clearable v-model="select.remarks"></el-input> <el-input v-model="select.remarks" clearable />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4"> <el-col :span="4">
<el-form-item :label="'单据编号'"> <el-form-item :label="'单据编号'">
<el-input clearable v-model="select.transferCode"></el-input> <el-input v-model="select.transferCode" clearable />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item :label="'转账日期'"> <el-form-item :label="'转账日期'">
<el-date-picker v-model="creationTime" <el-date-picker
@change="changeTime" v-model="creationTime"
value-format="yyyy-MM-dd" value-format="yyyy-MM-dd"
type="daterange" type="daterange"
:range-separator="'至'" :range-separator="'至'"
:start-placeholder="'开始日期'" :start-placeholder="'开始日期'"
:end-placeholder="'结束日期'"> :end-placeholder="'结束日期'"
</el-date-picker> @change="changeTime"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4"> <el-col :span="4">
<el-button class="my_search" <el-button
style="margin-left: 30px" class="my_search"
@click="getDataList"> {{ '搜索' }}</el-button> style="margin-left: 30px"
@click="getDataList"
> {{ '搜索' }}</el-button>
<el-button class="my_reset" @click="reset"> {{ '重置' }}</el-button> <el-button class="my_reset" @click="reset"> {{ '重置' }}</el-button>
</el-col> </el-col>
</el-row> </el-row>
</el-form> </el-form>
<div class="maintop"> <div class="maintop">
<div class="mainbtn"> <div class="mainbtn">
<el-button size="small" <el-button
@click="handleExport" v-has-buttons="['TransferDetailsExport']"
v-has-buttons="['TransferDetailsExport']" size="small"
class="thebtn2"> {{ '导出' }}</el-button> class="thebtn2"
@click="handleExport"
> {{ '导出' }}</el-button>
</div> </div>
</div> </div>
<div class="maintable"> <div class="maintable">
<el-table :data="tableData" <el-table
v-loading="loading" ref="mainTable"
height="680px" v-loading="loading"
ref="mainTable" :data="tableData"
style="width: 100%" height="680px"
:header-cell-style="{ background: '#EEEEEE' }" style="width: 100%"
:row-class-name="tableRowClassName" :header-cell-style="{ background: '#EEEEEE' }"
@selection-change="handleSelectionChange"> :row-class-name="tableRowClassName"
<el-table-column type="selection" @selection-change="handleSelectionChange"
width="50"></el-table-column> >
<el-table-column align="center" <el-table-column
v-if="dataList[0].key" type="selection"
prop="title" width="50"
:label="'国家'"> />
<template slot-scope="scope">
<div class="tem">
<img :src="scope.row.nationalFlag2"
alt="" />
<!-- <div>{{ scope.row.pkCountryName }}</div> -->
</div>
</template>
</el-table-column>
<el-table-column align="center"
v-if="dataList[1].key"
prop="memberCode"
:label="'转出编号'">
</el-table-column>
<el-table-column align="center"
v-if="dataList[2].key"
prop="memberName"
:label="'转出姓名'">
</el-table-column>
<el-table-column align="center"
v-if="dataList[3].key"
prop="pkAccountVal"
:label="'转出钱包'">
</el-table-column>
<el-table-column align="center"
v-if="dataList[4].key"
prop="transferMoney"
:formatter="stateFormat"
label="转账金额(¥)" width="140">
</el-table-column>
<el-table-column align="center"
v-if="dataList[5].key"
prop="settleTransferMoney"
:formatter="stateFormat"
label="转账金额($)" width="140">
</el-table-column>
<el-table-column align="center"
v-if="dataList[6].key"
prop="serviceCharge"
:formatter="stateFormat"
:label="'转账手续费' +'(¥)'" width="140">
</el-table-column>
<el-table-column align="center"
v-if="dataList[7].key"
prop="settleServiceCharge"
:formatter="stateFormat"
:label="'转账手续费'+'($)'" width="140">
</el-table-column>
<el-table-column align="center"
v-if="dataList[8].key"
prop="toMemberCode"
:label="'接收编号'">
</el-table-column>
<el-table-column align="center"
v-if="dataList[9].key"
prop="toMemberName"
:label="'接收姓名'">
</el-table-column>
<el-table-column align="center"
v-if="dataList[10].key"
prop="pkToAccountVal"
:label="'接收钱包'">
</el-table-column>
<el-table-column align="center"
v-if="dataList[11].key"
prop="issuedAmount"
:formatter="stateFormat"
label="接收金额(¥)" width="120">
</el-table-column>
<el-table-column align="center" <el-table-column
v-if="dataList[12].key" v-if="dataList[1].key"
prop="settleIssuedAmount" align="center"
:formatter="stateFormat" prop="memberCode"
label="接收金额($)" width="120"> :label="'转出编号'"
</el-table-column> width="120"
<el-table-column align="center" />
v-if="dataList[13].key" <el-table-column
prop="exchangeRate" v-if="dataList[2].key"
:label="'汇率'"> align="center"
</el-table-column> prop="memberName"
<el-table-column align="center" :label="'转出姓名'"
v-if="dataList[14].key" />
prop="creationTime" <el-table-column
:label="'转账日期'"> v-if="dataList[3].key"
</el-table-column> align="center"
<el-table-column align="center" prop="pkAccountVal"
v-if="dataList[15].key" :label="'转出钱包'"
prop="remarks" />
:label="'交易备注'"> <el-table-column
</el-table-column> v-if="dataList[4].key"
<el-table-column align="center" align="center"
v-if="dataList[16].key" prop="transferMoney"
prop="transferCode" :formatter="stateFormat"
:label="'单据编号'"> label="转账金额(¥)"
</el-table-column> width="140"
<el-table-column align="center" />
prop="time"
:label="'操作'" fixed="right" > <el-table-column
v-if="dataList[6].key"
align="center"
prop="serviceCharge"
:formatter="stateFormat"
:label="'转账手续费' +'(¥)'"
width="140"
/>
<el-table-column
v-if="dataList[8].key"
align="center"
prop="toMemberCode"
:label="'接收编号'"
width="120"
/>
<el-table-column
v-if="dataList[9].key"
align="center"
prop="toMemberName"
:label="'接收姓名'"
/>
<el-table-column
v-if="dataList[10].key"
align="center"
prop="pkToAccountVal"
:label="'接收钱包'"
/>
<el-table-column
v-if="dataList[11].key"
align="center"
prop="issuedAmount"
:formatter="stateFormat"
label="接收金额(¥)"
width="120"
/>
<el-table-column
v-if="dataList[13].key"
align="center"
prop="exchangeRate"
:label="'汇率'"
/>
<el-table-column
v-if="dataList[14].key"
align="center"
prop="creationTime"
:label="'转账日期'"
width="170"
/>
<el-table-column
v-if="dataList[15].key"
align="center"
prop="remarks"
:label="'交易备注'"
/>
<el-table-column
v-if="dataList[16].key"
align="center"
prop="transferCode"
:label="'单据编号'"
width="170"
/>
<el-table-column
align="center"
prop="time"
:label="'操作'"
fixed="right"
>
<template slot-scope="scope"> <template slot-scope="scope">
<el-button @click="toFixed(scope.row.pkId)" <el-button
style="color: #FFAD41" style="color: #FFAD41"
type="text" type="text"
size="small"> size="small"
{{'导出'}} @click="toFixed(scope.row.pkId)"
>
{{ '导出' }}
</el-button> </el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
</div> </div>
</div> </div>
<pagination v-show="total>0" <pagination
:total="total" v-show="total>0"
:page.sync="queryParams.pageNum" :total="total"
:limit.sync="queryParams.pageSize" :page.sync="queryParams.pageNum"
@pagination="getDataList" /> :limit.sync="queryParams.pageSize"
@pagination="getDataList"
/>
</div> </div>
</template> </template>
<script> <script>
import topBar from '@/components/topBar' import topBar from '@/components/topBar'
import * as api from '@/api/financialCase.js' import * as api from '@/api/financialCase.js'
import {stateFormat} from "@/utils/numberToCurrency"; import { stateFormat } from '@/utils/numberToCurrency'
import { mapGetters } from 'vuex' import { mapGetters } from 'vuex'
import {getRoleMenu} from "@/api/notice"; import { getRoleMenu } from '@/api/notice'
export default { export default {
name: 'Bzpz', name: 'Bzpz',
components: { components: {
topBar, topBar
}, },
filters: { filters: {
isAgree(val) { isAgree(val) {
if (!val) { if (!val) {
return '允许'; return '允许'
} else { } else {
return '禁止'; return '禁止'
} }
}, }
}, },
data() { data() {
return { return {
moren: "transferDetails", moren: 'transferDetails',
topList: [ topList: [
{ {
name: '转账明细', name: '转账明细',
path: "transferDetails", path: 'transferDetails'
}, }
], ],
creationTime: [], creationTime: [],
select: {}, select: {},
// 查询参数 // 查询参数
queryParams: { queryParams: {
pageNum: 1, pageNum: 1,
pageSize: 50, pageSize: 50
}, },
total: 0, total: 0,
dialogVisible: false, dialogVisible: false,
tableData: [], tableData: [],
loading:false, loading: false,
accountList: [], accountList: [],
tradeTypeList: [], tradeTypeList: [],
dataList: [ dataList: [
@ -343,12 +364,12 @@ export default {
{ {
name: 'transferCode', name: 'transferCode',
key: '' key: ''
}, }
] ]
} }
}, },
computed: { computed: {
...mapGetters(['getUser']), ...mapGetters(['getUser'])
}, },
mounted() { mounted() {
// 获取下拉 // 获取下拉
@ -371,7 +392,7 @@ export default {
}) })
}, },
stateFormat, stateFormat,
reset(){ reset() {
this.select = {} this.select = {}
this.creationTime = [] this.creationTime = []
this.getDataList() this.getDataList()
@ -409,10 +430,10 @@ export default {
handleSelectionChange(val) {}, handleSelectionChange(val) {},
/** 导出按钮操作 */ /** 导出按钮操作 */
handleExport() { handleExport() {
this.$confirm( '是否确认导出所有数据项?', '警告', { this.$confirm('是否确认导出所有数据项?', '警告', {
confirmButtonText: '确定', confirmButtonText: '确定',
cancelButtonText: '取消', cancelButtonText: '取消',
type: 'warning', type: 'warning'
}).then((_) => { }).then((_) => {
this.download( this.download(
'/member/manager/transfer/export', '/member/manager/transfer/export',
@ -428,8 +449,8 @@ export default {
return 'success-row' return 'success-row'
} }
return '' return ''
}, }
}, }
} }
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">

350
src/views/financial/walletDetails/details.vue
View File

@ -8,29 +8,31 @@
<div class="page"> <div class="page">
<topBar <topBar
v-if="topList.length > 0" v-if="topList.length > 0"
:topList="topList" :top-list="topList"
:moren="moren" :moren="moren"
></topBar> />
<div class="main"> <div class="main">
<el-form ref="select" <el-form
:model="select" ref="select"
style="background-color: #fff" :model="select"
label-width="100px"> style="background-color: #fff"
label-width="100px"
>
<el-row> <el-row>
<!-- 一层 --> <!-- 一层 -->
<el-col :span="4"> <el-col :span="4">
<el-form-item :label="'会员编号'"> <el-form-item :label="'会员编号'">
<el-input clearable v-model="select.memberCode"></el-input> <el-input v-model="select.memberCode" clearable />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4"> <el-col :span="4">
<el-form-item :label="'会员姓名'"> <el-form-item :label="'会员姓名'">
<el-input clearable v-model="select.memberName"></el-input> <el-input v-model="select.memberName" clearable />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4"> <el-col :span="4">
<el-form-item :label="'交易金额'"> <el-form-item :label="'交易金额'">
<el-input clearable v-model="select.tradeAmount"></el-input> <el-input v-model="select.tradeAmount" clearable />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4"> <el-col :span="4">
@ -46,7 +48,7 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4"> <el-col :span="4">
<el-form-item :label="'隶属团队'"> <el-form-item :label="'隶属团队'">
<el-select v-model="select.teamId" clearable placeholder=""> <el-select v-model="select.teamId" clearable placeholder="">
<el-option <el-option
v-for="item in memberTeamList" v-for="item in memberTeamList"
@ -64,135 +66,149 @@
</el-col> --> </el-col> -->
<el-col :span="4"> <el-col :span="4">
<el-form-item :label="'钱包类型'"> <el-form-item :label="'钱包类型'">
<el-select clearable :placeholder="'请选择'" <el-select
v-model="select.pkAccount"> v-model="select.pkAccount"
<el-option v-for="item in accountList" clearable
:key="item.pkId" :placeholder="'请选择'"
:label="item.accountName" >
:value="item.pkId"></el-option> <el-option
v-for="item in accountList"
:key="item.pkId"
:label="item.accountName"
:value="item.pkId"
/>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4"> <el-col :span="4">
<el-form-item :label="'交易类型'"> <el-form-item :label="'交易类型'">
<el-select clearable :placeholder="'请选择'" <el-select
v-model="select.tradeType"> v-model="select.tradeType"
<el-option v-for="item in tradeTypeList" clearable
:key="item.value" :placeholder="'请选择'"
:label="item.label" >
:value="item.value"></el-option> <el-option
v-for="item in tradeTypeList"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4"> <el-col :span="4">
<el-form-item :label="'单据编号'"> <el-form-item :label="'单据编号'">
<el-input clearable v-model="select.sourceCode"></el-input> <el-input v-model="select.sourceCode" clearable />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item :label="'交易日期'"> <el-form-item :label="'交易日期'">
<el-date-picker v-model="creationTime" <el-date-picker
@change="changeTime" v-model="creationTime"
value-format="yyyy-MM-dd" value-format="yyyy-MM-dd"
type="daterange" type="daterange"
:range-separator="'至'" :range-separator="'至'"
:start-placeholder="'开始日期'" :start-placeholder="'开始日期'"
:end-placeholder="'结束日期'"> :end-placeholder="'结束日期'"
</el-date-picker> @change="changeTime"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4"> <el-col :span="4">
<el-button class="my_search" style="margin-left: 60px" <el-button
@click="getDataList"> {{ '搜索' }}</el-button> class="my_search"
style="margin-left: 60px"
@click="getDataList"
> {{ '搜索' }}</el-button>
<el-button class="my_reset" @click="reset"> {{ '重置' }}</el-button> <el-button class="my_reset" @click="reset"> {{ '重置' }}</el-button>
</el-col> </el-col>
</el-row> </el-row>
</el-form> </el-form>
<div class="maintop"> <div class="maintop">
<div class="mainbtn"> <div class="mainbtn">
<el-button size="small" <el-button
@click="handleExport" v-has-buttons="['WalletDetailsExport']"
v-has-buttons="['WalletDetailsExport']" size="small"
class="thebtn2"> {{ '导出' }}</el-button> class="thebtn2"
@click="handleExport"
> {{ '导出' }}</el-button>
</div> </div>
</div> </div>
<div class="maintable"> <div class="maintable">
<el-table :data="tableData" <el-table
v-loading="loading" v-loading="loading"
height="680px" :data="tableData"
style="width: 100%" height="680px"
:header-cell-style="{ background: '#EEEEEE' }" style="width: 100%"
:row-class-name="tableRowClassName" :header-cell-style="{ background: '#EEEEEE' }"
@selection-change="handleSelectionChange"> :row-class-name="tableRowClassName"
<el-table-column type="selection" @selection-change="handleSelectionChange"
width="55"> </el-table-column> >
<el-table-column align="center" <el-table-column
prop="title" type="selection"
:label="'国家'"> width="55"
<template slot-scope="scope"> />
<div class="tem">
<img :src="scope.row.nationalFlag2" <el-table-column
alt="" /> align="center"
<!-- <div>{{ scope.row.pkCountryName }}</div> --> prop="memberCode"
</div> :label="'会员编号'"
</template> width="120"
</el-table-column> />
<el-table-column align="center" <el-table-column
prop="memberCode" align="center"
:label="'会员编号'"> prop="memberName"
</el-table-column> :label="'会员姓名'"
<el-table-column align="center" />
prop="memberName" <el-table-column
:label="'会员姓名'"> align="center"
</el-table-column> prop="vertexName"
<el-table-column align="center" :label="'隶属体系'"
prop="vertexName" />
:label="'隶属体系'"> <el-table-column
</el-table-column> align="center"
<el-table-column align="center" prop="teamName"
prop="teamName" :label="'隶属团队'"
:label="'隶属团队'"> />
</el-table-column> <el-table-column
<el-table-column align="center" align="center"
prop="pkAccountVal" prop="pkAccountVal"
:label="'钱包类型'"> :label="'钱包类型'"
</el-table-column> />
<el-table-column align="center" <el-table-column
prop="tradeTypeVal" align="center"
:label="'交易类型'"> prop="tradeTypeVal"
</el-table-column> :label="'交易类型'"
<el-table-column align="center" width="120"
prop="tradeAmount" />
:formatter="stateFormat" <el-table-column
:label="'交易金额'+`(${isLocalSymbol()})`"> align="center"
</el-table-column> prop="tradeAmount"
<el-table-column align="center" :formatter="stateFormat"
:formatter="stateFormat" :label="'交易金额'+`(${isLocalSymbol()})`"
prop="settleTradeAmount" width="120"
:label="'交易金额'+`(${isLocals()})`"> />
</el-table-column>
<el-table-column align="center" <el-table-column
prop="tradeBalance" align="center"
:formatter="stateFormat" prop="tradeBalance"
:label="'交易余额'+`(${isLocalSymbol()})`"> :formatter="stateFormat"
</el-table-column> :label="'交易余额'+`(${isLocalSymbol()})`"
<el-table-column align="center" width="120"
:formatter="stateFormat" />
prop="settleTradeBalance"
:label="'交易余额'+`(${isLocals()})`">
</el-table-column>
<!-- <el-table-column align="center" <!-- <el-table-column align="center"
prop="tradeBeforeBalance" prop="tradeBeforeBalance"
:label="'历史余额'+`(${isLocalSymbol()})`"> :label="'历史余额'+`(${isLocalSymbol()})`">
</el-table-column> </el-table-column>
<el-table-column align="center" <el-table-column align="center"
:formatter="stateFormat" :formatter="stateFormat"
prop="settleTradeBeforeBalance" prop="settleTradeBeforeBalance"
:label="'历史余额'+`(${isLocals()})`"> :label="'历史余额'+`(${isLocals()})`">
</el-table-column> --> </el-table-column> -->
<!-- <el-table-column align="center" <!-- <el-table-column align="center"
:formatter="stateFormat" :formatter="stateFormat"
prop="settleTradeAmount" prop="settleTradeAmount"
@ -202,39 +218,53 @@
prop="exchangeRate" prop="exchangeRate"
:label="'汇率'"> :label="'汇率'">
</el-table-column> --> </el-table-column> -->
<el-table-column align="center" <el-table-column
prop="remarks" align="center"
:label="'交易备注'"> prop="remarks"
</el-table-column> :label="'交易备注'"
<el-table-column align="center" width="170"
prop="sourceCode" show-overflow-tooltip
:label="'单据编号'"> />
</el-table-column> <el-table-column
<el-table-column align="center" align="center"
prop="creationTime" prop="sourceCode"
:label="'交易日期'"> :label="'单据编号'"
</el-table-column> width="170"
/>
<el-table-column align="center" <el-table-column
prop="time" align="center"
:label="'操作'" fixed="right" > prop="creationTime"
:label="'交易日期'"
width="170"
/>
<el-table-column
align="center"
prop="time"
:label="'操作'"
fixed="right"
>
<template slot-scope="scope"> <template slot-scope="scope">
<el-button @click="handleExport1(scope.row.pkId)" <el-button
type="text" v-has-buttons="['WalletDetailsExport']"
v-has-buttons="['WalletDetailsExport']" type="text"
size="small"> size="small"
{{'导出'}} @click="handleExport1(scope.row.pkId)"
>
{{ '导出' }}
</el-button> </el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
</div> </div>
</div> </div>
<pagination v-show="total>0" <pagination
:total="total" v-show="total>0"
:page.sync="queryParams.pageNum" :total="total"
:limit.sync="queryParams.pageSize" :page.sync="queryParams.pageNum"
@pagination="getDataList" /> :limit.sync="queryParams.pageSize"
@pagination="getDataList"
/>
</div> </div>
</template> </template>
@ -242,55 +272,55 @@
import topBar from '@/components/topBar' import topBar from '@/components/topBar'
import * as api from '@/api/financialCase.js' import * as api from '@/api/financialCase.js'
import { mapGetters } from 'vuex' import { mapGetters } from 'vuex'
import { getVartexList } from "@/api/affiliatedteam"; import { getVartexList } from '@/api/affiliatedteam'
import { getmemberTeamList } from "@/api/member"; import { getmemberTeamList } from '@/api/member'
import {stateFormat,isLocals} from "@/utils/numberToCurrency"; import { stateFormat, isLocals } from '@/utils/numberToCurrency'
export default { export default {
name: 'Bzpz', name: 'Bzpz',
components: { components: {
topBar, topBar
}, },
filters: { filters: {
isAgree(val) { isAgree(val) {
if (!val) { if (!val) {
return '允许'; return '允许'
} else { } else {
return '禁止'; return '禁止'
} }
}, }
}, },
computed: { computed: {
...mapGetters(['getUser']), ...mapGetters(['getUser'])
}, },
data() { data() {
return { return {
moren: "details", moren: 'details',
topList: [ topList: [
{ {
name: '钱包详情', name: '钱包详情',
path: "details", path: 'details'
}, }
], ],
creationTime: [], creationTime: [],
select: {}, select: {},
// 查询参数 // 查询参数
queryParams: { queryParams: {
pageNum: 1, pageNum: 1,
pageSize: 50, pageSize: 50
}, },
total: 0, total: 0,
dialogVisible: false, dialogVisible: false,
loading:false, loading: false,
tableData: [], tableData: [],
accountList: [], accountList: [],
tradeTypeList: [], tradeTypeList: [],
memberCode:'', memberCode: '',
vertexList:[], vertexList: [],
memberTeamList:[], memberTeamList: []
} }
}, },
mounted() { mounted() {
this.$set(this.select,'memberCode', this.$route.query.memberCode) this.$set(this.select, 'memberCode', this.$route.query.memberCode)
// 获取下拉 // 获取下拉
this.getData() this.getData()
// 获取列表 // 获取列表
@ -299,7 +329,7 @@ export default {
methods: { methods: {
stateFormat, stateFormat,
isLocals, isLocals,
reset(){ reset() {
this.select = {} this.select = {}
this.creationTime = [] this.creationTime = []
this.getDataList() this.getDataList()
@ -312,11 +342,11 @@ export default {
this.tradeTypeList = res.data this.tradeTypeList = res.data
}) })
getVartexList().then((res) => { getVartexList().then((res) => {
this.vertexList = res.data; this.vertexList = res.data
}); })
getmemberTeamList().then((res) => { getmemberTeamList().then((res) => {
this.memberTeamList = res.rows; this.memberTeamList = res.rows
}); })
}, },
changeTime(val) { changeTime(val) {
this.select.startDate = val[0] this.select.startDate = val[0]
@ -333,7 +363,7 @@ export default {
item.nationalFlag2 = this.getUser.country.nationalFlag2 item.nationalFlag2 = this.getUser.country.nationalFlag2
}) })
this.loading = false this.loading = false
this.tableData = res.rows this.tableData = res.rows
this.total = res.total this.total = res.total
}) })
@ -341,10 +371,10 @@ this.loading = false
handleSelectionChange(val) {}, handleSelectionChange(val) {},
/** 导出按钮操作 */ /** 导出按钮操作 */
handleExport() { handleExport() {
this.$confirm( '是否确认导出所有数据项?', '警告', { this.$confirm('是否确认导出所有数据项?', '警告', {
confirmButtonText: '确定', confirmButtonText: '确定',
cancelButtonText: '取消', cancelButtonText: '取消',
type: 'warning', type: 'warning'
}).then((_) => { }).then((_) => {
this.download( this.download(
'/member/manager/trade/detail-export', '/member/manager/trade/detail-export',
@ -355,13 +385,13 @@ this.loading = false
}, },
/** 导出按钮操作 */ /** 导出按钮操作 */
handleExport1(pkId) { handleExport1(pkId) {
this.$confirm( '是否确认导出所有数据项?', '警告', { this.$confirm('是否确认导出所有数据项?', '警告', {
confirmButtonText: '确定', confirmButtonText: '确定',
cancelButtonText: '取消', cancelButtonText: '取消',
type: 'warning', type: 'warning'
}).then((_) => { }).then((_) => {
this.download( this.download(
'/member/manager/trade/detail-export',{pkIds:[pkId]}, '/member/manager/trade/detail-export', { pkIds: [pkId] },
`钱包明细详情${new Date().getTime()}.xlsx` `钱包明细详情${new Date().getTime()}.xlsx`
) )
}) })
@ -373,8 +403,8 @@ this.loading = false
return 'success-row' return 'success-row'
} }
return '' return ''
}, }
}, }
} }
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">