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

feat(financial): 充值明细添加隶属体系字段

This commit is contained in:
woody 2025-05-12 11:17:01 +08:00
parent 81ea1d6da5
commit 45f84b7762
9 changed files with 1691 additions and 1586 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -2,35 +2,32 @@
<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 +37,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 +73,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 +83,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 +93,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 +104,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 +124,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,149 +144,149 @@
</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>
<el-table-column <el-table-column
v-if="showData.settleAccount1"
align="center" align="center"
prop="settleAccount1" prop="settleAccount1"
v-if="showData.settleAccount1"
:label="'消费账户余额' + `(${isLocals()})`" :label="'消费账户余额' + `(${isLocals()})`"
><template slot-scope="scope"> ><template slot-scope="scope">
{{ scope.row.settleAccount1 | numberToCurrency }} {{ scope.row.settleAccount1 | numberToCurrency }}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
v-if="showData.settleAccount2"
align="center" align="center"
prop="settleAccount2" prop="settleAccount2"
v-if="showData.settleAccount2"
:label="'现金账户余额' + `(${isLocals()})`" :label="'现金账户余额' + `(${isLocals()})`"
><template slot-scope="scope"> ><template slot-scope="scope">
{{ scope.row.settleAccount2 | numberToCurrency }} {{ scope.row.settleAccount2 | numberToCurrency }}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
v-if="showData.settleAccount3"
align="center" align="center"
prop="settleAccount3" prop="settleAccount3"
v-if="showData.settleAccount3"
:label="'政策账户余额' + `(${isLocals()})`" :label="'政策账户余额' + `(${isLocals()})`"
><template slot-scope="scope"> ><template slot-scope="scope">
{{ scope.row.settleAccount3 | numberToCurrency }} {{ scope.row.settleAccount3 | numberToCurrency }}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
v-if="showData.settleAccount4"
align="center" align="center"
prop="settleAccount4" prop="settleAccount4"
:label="'奖金账户余额' + `(${isLocals()})`" :label="'奖金账户余额' + `(${isLocals()})`"
v-if="showData.settleAccount4" ><template slot-scope="scope">
><template slot-scope="scope"> {{ scope.row.settleAccount4 | numberToCurrency }}
{{ scope.row.settleAccount4 | numberToCurrency }} </template>
</template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
v-if="showData.settleAccount5"
align="center" align="center"
prop="settleAccount5" prop="settleAccount5"
:label="'重消账户余额' + `(${isLocals()})`" :label="'重消账户余额' + `(${isLocals()})`"
v-if="showData.settleAccount5" ><template slot-scope="scope">
><template slot-scope="scope"> {{ scope.row.settleAccount5 | numberToCurrency }}
{{ scope.row.settleAccount5 | numberToCurrency }} </template>
</template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
v-if="showData.settleAccount6"
align="center" align="center"
prop="settleAccount6" prop="settleAccount6"
:label="'积分账户余额' + `(${isLocals()})`" :label="'积分账户余额' + `(${isLocals()})`"
v-if="showData.settleAccount6" ><template slot-scope="scope">
><template slot-scope="scope"> {{ scope.row.settleAccount6 | numberToCurrency }}
{{ scope.row.settleAccount6 | numberToCurrency }} </template>
</template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
v-if="showData.settleAccount7"
align="center" align="center"
prop="settleAccount7" prop="settleAccount7"
:label="'鼓励账户余额' + `(${isLocals()})`" :label="'鼓励账户余额' + `(${isLocals()})`"
v-if="showData.settleAccount7" ><template slot-scope="scope">
><template slot-scope="scope"> {{ scope.row.settleAccount7 | numberToCurrency }}
{{ scope.row.settleAccount7 | numberToCurrency }} </template>
</template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
v-if="showData.settleAccount8"
align="center" align="center"
prop="settleAccount8" prop="settleAccount8"
:label="'复购券余额' + `(${isLocals()})`" :label="'复购券余额' + `(${isLocals()})`"
v-if="showData.settleAccount8" ><template slot-scope="scope">
><template slot-scope="scope"> {{ scope.row.settleAccount8 | numberToCurrency }}
{{ scope.row.settleAccount8 | numberToCurrency }} </template>
</template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
v-if="showData.settleAccount9"
align="center" align="center"
prop="settleAccount9" prop="settleAccount9"
:label="'全球积分余额' + `(${isLocals()})`" :label="'全球积分余额' + `(${isLocals()})`"
v-if="showData.settleAccount9" ><template slot-scope="scope">
><template slot-scope="scope"> {{ scope.row.settleAccount9 | numberToCurrency }}
{{ scope.row.settleAccount9 | numberToCurrency }} </template>
</template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
v-if="showData.settleAccount10"
align="center" align="center"
prop="settleAccount10" prop="settleAccount10"
:label="'车奖积分余额' + `(${isLocals()})`" :label="'车奖积分余额' + `(${isLocals()})`"
v-if="showData.settleAccount10" ><template slot-scope="scope">
><template slot-scope="scope"> {{ scope.row.settleAccount10 | numberToCurrency }}
{{ scope.row.settleAccount10 | numberToCurrency }} </template>
</template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
v-if="showData.settleAccount11"
align="center" align="center"
prop="settleAccount11" prop="settleAccount11"
:label="'直播代金券余额' + `(${isLocals()})`" :label="'直播代金券余额' + `(${isLocals()})`"
v-if="showData.settleAccount11" ><template slot-scope="scope">
><template slot-scope="scope"> {{ scope.row.settleAccount11 | numberToCurrency }}
{{ scope.row.settleAccount11 | numberToCurrency }} </template>
</template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
v-if="showData.settleAccount12"
align="center" align="center"
prop="settleAccount12" prop="settleAccount12"
:label="'乐学代金券余额' + `(${isLocals()})`" :label="'乐学代金券余额' + `(${isLocals()})`"
v-if="showData.settleAccount12" ><template slot-scope="scope">
><template slot-scope="scope"> {{ scope.row.settleAccount12 | numberToCurrency }}
{{ scope.row.settleAccount12 | numberToCurrency }} </template>
</template>
</el-table-column> </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">
@ -334,120 +320,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;
@ -503,4 +489,3 @@ export default {
} }
} }
</style> </style>

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

File diff suppressed because it is too large Load Diff

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

@ -122,22 +122,7 @@
type="selection" type="selection"
width="55" width="55"
/> />
<el-table-column
v-if="dataList[0].key"
align="center"
prop="title"
: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="dataList[1].key" v-if="dataList[1].key"
align="center" align="center"

378
src/views/financial/onlinePayDetails/index.vue
View File

@ -6,172 +6,204 @@
--> -->
<template> <template>
<div class="page"> <div class="page">
<topBar v-if="topList.length > 0" <topBar
:topList="topList" v-if="topList.length > 0"
:moren="moren"></topBar> :top-list="topList"
:moren="moren"
/>
<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 <el-input
v-model="select.memberCode"></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 <el-input
v-model="select.memberName"></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 <el-input
v-model="select.businessMoney"></el-input> v-model="select.businessMoney"
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 <el-select
:placeholder="'请选择'" v-model="select.businessType"
v-model="select.businessType"> clearable
<el-option v-for="item in tradeTypeList" :placeholder="'请选择'"
:key="item.value" >
:label="item.label" <el-option
:value="item.value"></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-select clearable <el-select
:placeholder="'请选择'" v-model="select.payChannel"
v-model="select.payChannel"> clearable
<el-option v-for="item in channelList" :placeholder="'请选择'"
:key="item.value" >
:label="item.label" <el-option
:value="item.value"></el-option> v-for="item in channelList"
: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-select clearable <el-select
:placeholder="'请选择'" v-model="select.payType"
v-model="select.payType"> clearable
<el-option v-for="item in peyTypeList" :placeholder="'请选择'"
:key="item.value" >
:label="item.label" <el-option
:value="item.value"></el-option> v-for="item in peyTypeList"
: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-select clearable <el-select
:placeholder="'请选择'" v-model="select.payStatus"
v-model="select.payStatus"> clearable
<el-option v-for="item in statusList" :placeholder="'请选择'"
:key="item.value" >
:label="item.label" <el-option
:value="item.value"></el-option> v-for="item in statusList"
: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 <el-input
v-model="select.businessCode"></el-input> v-model="select.businessCode"
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="select.creationTime" <el-date-picker
value-format="yyyy-MM-dd" v-model="select.creationTime"
type="daterange" value-format="yyyy-MM-dd"
:range-separator="'至'" type="daterange"
:start-placeholder="'开始日期'" :range-separator="'至'"
:end-placeholder="'结束日期'"> :start-placeholder="'开始日期'"
</el-date-picker> :end-placeholder="'结束日期'"
/>
</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="select.payTime" <el-date-picker
@change="changeTime1" v-model="select.payTime"
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="changeTime1"
/>
</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="['OnlinePayDetailsExport']"
v-has-buttons="['OnlinePayDetailsExport']" 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
height="640px" :data="tableData"
style="width: 100%" height="640px"
: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"> <el-table-column
<img :src="scope.row.pkCountryIcon" align="center"
alt="" /> prop="memberCode"
<!-- <div>{{ scope.row.pkCountryName }}</div> --> :label="'会员编号'"
</div> width="150"
</template>  />
</el-table-column> <el-table-column
<el-table-column align="center" align="center"
prop="memberCode" prop="memberName"
:label="'会员编号'" :label="'会员姓名'"
width="150"> />
</el-table-column> <el-table-column
<el-table-column align="center" align="center"
prop="memberName" prop="businessTypeVal"
:label="'会员姓名'"> :label="'交易类型'"
</el-table-column> />
<el-table-column align="center" <el-table-column
prop="businessTypeVal" align="center"
:label="'交易类型'"> prop="businessMoney"
</el-table-column> :formatter="stateFormat"
<el-table-column align="center" :label="'交易金额'+`(${isLocalSymbol()})`"
prop="businessMoney" width="150"
:formatter="stateFormat" />
:label="'交易金额'+`(${isLocalSymbol()})`" <el-table-column
width="150"> align="center"
</el-table-column> prop="payMoney"
<el-table-column align="center" :formatter="stateFormat"
prop="payMoney" label="实际支付金额(¥)"
:formatter="stateFormat" width="150"
label="实际支付金额(¥)" />
width="150">
</el-table-column>
<!-- <el-table-column align="center" <!-- <el-table-column align="center"
prop="payMoney" prop="payMoney"
:formatter="stateFormat" :formatter="stateFormat"
@ -187,42 +219,52 @@
:label="'汇率'"> :label="'汇率'">
</el-table-column> --> </el-table-column> -->
<el-table-column align="center" <el-table-column
prop="payChannelVal" align="center"
:label="'支付渠道'"> prop="payChannelVal"
</el-table-column> :label="'支付渠道'"
<el-table-column align="center" />
prop="payTypeVal" <el-table-column
:label="'支付方式'"> align="center"
</el-table-column> prop="payTypeVal"
<el-table-column align="center" :label="'支付方式'"
prop="payStatusVal" />
:label="'支付状态'"> <el-table-column
</el-table-column> align="center"
<el-table-column align="center" prop="payStatusVal"
prop="creationTime" :label="'支付状态'"
:label="'下单日期'" />
width="200"> <el-table-column
</el-table-column> align="center"
<el-table-column align="center" prop="creationTime"
prop="payTime" :label="'下单日期'"
:label="'支付日期'" width="200"
width="200"> />
</el-table-column> <el-table-column
<el-table-column align="center" align="center"
prop="businessCode" prop="payTime"
min-width="180px" :label="'支付日期'"
:label="'单据编号'"> width="200"
</el-table-column> />
<el-table-column align="center" <el-table-column
prop="time" align="center"
:label="'操作'" prop="businessCode"
fixed="right"> min-width="180px"
:label="'单据编号'"
/>
<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>
@ -230,11 +272,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>
@ -246,16 +290,16 @@ import { userCountryList } from '@/api/user'
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 {
@ -264,7 +308,7 @@ export default {
// 查询参数 // 查询参数
queryParams: { queryParams: {
pageNum: 1, pageNum: 1,
pageSize: 50, pageSize: 50
}, },
total: 0, total: 0,
dialogVisible: false, dialogVisible: false,
@ -275,26 +319,26 @@ export default {
peyTypeList: [ peyTypeList: [
{ {
value: '1', value: '1',
label: '支付宝', label: '支付宝'
}, },
{ {
value: '2', value: '2',
label: '微信', label: '微信'
}, },
{ {
value: '3', value: '3',
label: '银行卡', label: '银行卡'
}, }
], ],
tradeTypeList: [], tradeTypeList: [],
moren: 'onlinePayDetails', moren: 'onlinePayDetails',
topList: [ topList: [
{ {
name: '在线支付明细', name: '在线支付明细',
path: 'onlinePayDetails', path: 'onlinePayDetails'
}, }
], ],
countryList: [], countryList: []
} }
}, },
mounted() { mounted() {
@ -324,7 +368,7 @@ export default {
// this.select.startDate = val[0] // this.select.startDate = val[0]
// this.select.endDate = val[1] // this.select.endDate = val[1]
}, },
reset(){ reset() {
this.select = {} this.select = {}
this.getDataList() this.getDataList()
}, },
@ -354,10 +398,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(
'/pay/manage/online-payment/export', '/pay/manage/online-payment/export',
@ -373,8 +417,8 @@ export default {
return 'success-row' return 'success-row'
} }
return '' return ''
}, }
}, }
} }
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">

511
src/views/financial/rechargeDetail/index.vue
View File

@ -2,51 +2,48 @@
<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 ref="form" :model="queryParams" label-width="100px"> <el-form ref="form" :model="queryParams" label-width="100px">
<el-row> <el-row>
<el-col :span="4"> <el-col :span="4">
<el-form-item :label="'会员编号'" prop="teamCode"> <el-form-item :label="'会员编号'" prop="teamCode">
<el-input <el-input
clearable
v-model="queryParams.memberCode" v-model="queryParams.memberCode"
clearable
placeholder="" placeholder=""
></el-input> />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4"> <el-col :span="4">
<el-form-item :label="'会员姓名'" prop="teamCode"> <el-form-item :label="'会员姓名'" prop="teamCode">
<el-input <el-input
clearable
v-model="queryParams.memberName" v-model="queryParams.memberName"
clearable
placeholder="" placeholder=""
></el-input> />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4"> <el-col :span="4">
<el-form-item :label="'钱包类型'" prop="teamCode"> <el-form-item :label="'隶属体系'">
<el-select <el-select v-model="queryParams.pkVertex" clearable placeholder="">
clearable
v-model="queryParams.pkAccount"
placeholder=""
>
<el-option <el-option
v-for="item in accountList" v-for="item in vertexList"
:key="item.pkId" :key="item.value"
:label="item.accountName" :label="item.vertexName"
:value="item.pkId" :value="item.pkId"
></el-option> />
</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="'交款方式'" prop="teamCode"> <el-form-item :label="'交款方式'" prop="teamCode">
<el-select <el-select
clearable
v-model="queryParams.paymentMethod" v-model="queryParams.paymentMethod"
clearable
placeholder="" placeholder=""
> >
<el-option <el-option
@ -54,15 +51,15 @@
:key="item.value" :key="item.value"
:label="item.label" :label="item.label"
:value="item.value" :value="item.value"
></el-option> />
</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="'审核状态'" prop="teamCode"> <el-form-item :label="'审核状态'" prop="teamCode">
<el-select <el-select
clearable
v-model="queryParams.approveState" v-model="queryParams.approveState"
clearable
placeholder="" placeholder=""
> >
<el-option <el-option
@ -70,40 +67,47 @@
:key="item.value" :key="item.value"
:label="item.label" :label="item.label"
:value="item.value" :value="item.value"
></el-option> />
</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="'充值批次'" prop="teamCode"> <el-form-item :label="'钱包类型'" prop="teamCode">
<el-input <el-select
v-model="queryParams.pkAccount"
clearable clearable
v-model="queryParams.batch"
placeholder="" placeholder=""
></el-input> >
<el-option
v-for="item in accountList"
:key="item.pkId"
:label="item.accountName"
:value="item.pkId"
/>
</el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="4"> <el-col :span="4">
<el-form-item :label="'操作人'" prop="teamCode"> <el-form-item :label="'操作人'" prop="teamCode">
<el-select clearable v-model="queryParams.creator" placeholder=""> <el-select v-model="queryParams.creator" clearable placeholder="">
<el-option <el-option
v-for="item in creatorList" v-for="item in creatorList"
:key="item.pkCreator" :key="item.pkCreator"
:label="item.memberName" :label="item.memberName"
:value="item.pkCreator" :value="item.pkCreator"
></el-option> />
</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="'操作备注'" prop="teamCode"> <el-form-item :label="'操作备注'" prop="teamCode">
<el-input <el-input
clearable
v-model="queryParams.remarks" v-model="queryParams.remarks"
clearable
placeholder="" placeholder=""
></el-input> />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
@ -116,8 +120,7 @@
:start-placeholder="'开始日期'" :start-placeholder="'开始日期'"
:end-placeholder="'结束日期'" :end-placeholder="'结束日期'"
@change="changeCzsj" @change="changeCzsj"
> />
</el-date-picker>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
@ -130,8 +133,7 @@
:start-placeholder="'开始日期'" :start-placeholder="'开始日期'"
:end-placeholder="'结束日期'" :end-placeholder="'结束日期'"
@change="changeShsj" @change="changeShsj"
> />
</el-date-picker>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
@ -140,193 +142,157 @@
<el-col :span="4"> <el-col :span="4">
<div class="searchbox"> <div class="searchbox">
<el-button <el-button
class="my_search"
v-has-buttons="['RechargeSearch']" v-has-buttons="['RechargeSearch']"
class="my_search"
@click="research()" @click="research()"
> >
{{ '搜索' }}</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-row </el-col></el-row>
>
</el-form> </el-form>
</div> </div>
<div class="main"> <div class="main">
<div class="maintop"> <div class="maintop">
<div class="mainbtn"> <div class="mainbtn">
<el-button <el-button
v-has-buttons="['RechargeDetailExport']"
size="small" size="small"
class="thebtn1" class="thebtn1"
@click="handleExport" @click="handleExport"
v-has-buttons="['RechargeDetailExport']"
>
{{ '导出' }}</el-button
> >
{{ '导出' }}</el-button>
</div> </div>
</div> </div>
<el-table <el-table
:data="tableData"
v-loading="loading" v-loading="loading"
:data="tableData"
max-height="600px" max-height="600px"
style="width: 100%" style="width: 100%"
:header-cell-style="{ background: '#EEEEEE' }" :header-cell-style="{ background: '#EEEEEE' }"
:row-class-name="tableRowClassName" :row-class-name="tableRowClassName"
@selection-change="handleSelectionChange"
:span-method="objectSpanMethod" :span-method="objectSpanMethod"
:show-summary="true" :show-summary="true"
:summary-method="summaryMethod" :summary-method="summaryMethod"
@selection-change="handleSelectionChange"
> >
<el-table-column type="selection" width="50"></el-table-column> <el-table-column type="selection" width="50" />
<el-table-column
align="center"
prop="pkCountryName"
:label="'国家'"
v-if="dataList[0].key"
>
<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
v-if="listColumnVisible('memberCode')"
min-width="120px" min-width="120px"
align="center" align="center"
prop="memberCode" prop="memberCode"
:label="'会员编号'" :label="'会员编号'"
v-if="dataList[1].key" />
>
</el-table-column>
<el-table-column <el-table-column
v-if="listColumnVisible('memberName')"
align="center" align="center"
prop="memberName" prop="memberName"
:label="'会员姓名'" :label="'会员姓名'"
v-if="dataList[2].key" />
>
</el-table-column>
<el-table-column <el-table-column
align="center"
prop="vertexName"
label="隶属体系"
min-width="120px"
/>
<el-table-column
v-if="listColumnVisible('pkAccountVal')"
align="center" align="center"
prop="pkAccountVal" prop="pkAccountVal"
:label="'钱包类型'" :label="'钱包类型'"
v-if="dataList[3].key" min-width="120px"
> />
</el-table-column>
<el-table-column <el-table-column
v-if="listColumnVisible('paymentMethodVal')"
align="center" align="center"
prop="paymentMethodVal" prop="paymentMethodVal"
:label="'交款方式'" :label="'交款方式'"
v-if="dataList[4].key" />
>
</el-table-column>
<el-table-column <el-table-column
v-if="listColumnVisible('paymentBeforeBalance')"
align="center" align="center"
prop="paymentBeforeBalance" prop="paymentBeforeBalance"
:label="'充前余额' + `(${isLocalSymbol()})`" :label="'充前余额' + `(${isLocalSymbol()})`"
v-if="dataList[5].key"
width="140" width="140"
:formatter="stateFormat" :formatter="stateFormat"
> />
</el-table-column>
<el-table-column <el-table-column
v-if="listColumnVisible('paymentAmount')"
align="center" align="center"
prop="paymentAmount" prop="paymentAmount"
:label="'充值金额' + `(${isLocalSymbol()})`" :label="'充值金额' + `(${isLocalSymbol()})`"
v-if="dataList[6].key"
width="200px" width="200px"
:formatter="stateFormat" :formatter="stateFormat"
> />
</el-table-column>
<el-table-column <el-table-column
v-if="listColumnVisible('paymentBalance')"
align="center" align="center"
prop="paymentBalance" prop="paymentBalance"
:label="'当前余额' + `(${isLocalSymbol()})`" :label="'当前余额' + `(${isLocalSymbol()})`"
v-if="dataList[7].key"
width="140" width="140"
:formatter="stateFormat" :formatter="stateFormat"
> />
</el-table-column>
<el-table-column
align="center"
prop="settlePaymentAmount"
:label="'充值金额' + '($)'"
v-if="dataList[8].key"
min-width="200px"
:formatter="stateFormat"
>
</el-table-column>
<el-table-column <el-table-column
v-if="listColumnVisible('exchangeRate')"
align="center" align="center"
prop="exchangeRate" prop="exchangeRate"
:label="'汇率'" :label="'汇率'"
v-if="dataList[9].key" />
>
</el-table-column>
<el-table-column <el-table-column
v-if="listColumnVisible('rechargeCode')"
align="center" align="center"
min-width="180px" min-width="180px"
prop="rechargeCode" prop="rechargeCode"
:label="'单据编号'" :label="'单据编号'"
v-if="dataList[10].key" />
> <!-- <el-table-column
</el-table-column> v-if="dataList[11].key"
<el-table-column
align="center" align="center"
min-width="180px" min-width="180px"
prop="batch" prop="batch"
:label="'充值批次'" :label="'充值批次'"
v-if="dataList[11].key" /> -->
>
</el-table-column>
<el-table-column <el-table-column
v-if="listColumnVisible('creator')"
align="center" align="center"
prop="creator" prop="creator"
:label="'操作人'" :label="'操作人'"
v-if="dataList[12].key" />
>
</el-table-column>
<el-table-column <el-table-column
v-if="listColumnVisible('creationTime')"
align="center" align="center"
prop="creationTime" prop="creationTime"
:label="'充值日期'" :label="'充值日期'"
v-if="dataList[13].key"
width="200" width="200"
> />
</el-table-column>
<el-table-column <el-table-column
v-if="listColumnVisible('remarks')"
align="center" align="center"
prop="remarks" prop="remarks"
:label="'操作备注'" :label="'操作备注'"
v-if="dataList[14].key" />
>
</el-table-column>
<el-table-column <el-table-column
v-if="listColumnVisible('approverName')"
align="center" align="center"
prop="approverName" prop="approverName"
:label="'审核人'" :label="'审核人'"
v-if="dataList[15].key" />
>
</el-table-column>
<el-table-column <el-table-column
v-if="listColumnVisible('approveTime')"
align="center" align="center"
prop="approveTime" prop="approveTime"
:label="'审核日期'" :label="'审核日期'"
v-if="dataList[16].key"
width="200" width="200"
> />
</el-table-column>
<el-table-column <el-table-column
v-if="listColumnVisible('approveStateVal')"
align="center" align="center"
prop="approveStateVal" prop="approveStateVal"
:label="'审核状态'" :label="'审核状态'"
v-if="dataList[17].key" />
>
</el-table-column>
</el-table> </el-table>
</div> </div>
@ -340,191 +306,200 @@
</div> </div>
</template> </template>
<script> <script>
import topBar from "@/components/topBar"; import topBar from '@/components/topBar'
import { userCountryList } from "@/api/user"; import { userCountryList } from '@/api/user'
import { isLocalSymbol } from "@/utils/numberToCurrency"; import { isLocalSymbol } from '@/utils/numberToCurrency'
import { import {
getenumsAccount, getenumsAccount,
getpaymentType, getpaymentType,
getApproveStatus, getApproveStatus,
getrechageList, getrechageList,
getCreatorList, getCreatorList
} from "@/api/financial"; } from '@/api/financial'
import { mapGetters } from "vuex"; import { mapGetters } from 'vuex'
import { stateFormat, numberToCurrencyNo } from "@/utils/numberToCurrency"; import { stateFormat, numberToCurrencyNo } from '@/utils/numberToCurrency'
import { getRoleMenu } from "@/api/notice"; import { getRoleMenu } from '@/api/notice'
import { getvertexValue } from '@/api/member'
export default { export default {
name: "Czmx", name: 'Czmx',
components: { components: {
topBar, topBar
}, },
data() { data() {
return { return {
moren: "czmx", moren: 'czmx',
topList: [ topList: [
{ {
name: '充值明细', name: '充值明细',
path: "czmx", path: 'czmx'
}, }
], ],
multipleSelection: [], multipleSelection: [],
queryParams: { queryParams: {
pageNum: 1, pageNum: 1,
pageSize: 50, pageSize: 50,
memberCode: "", //会员编号 memberCode: '', // 会员编号
memberName: "", //会员姓名 memberName: '', // 会员姓名
pkAccount: "", //钱包类型 pkAccount: '', // 钱包类型
paymentMethod: "", //交款方式 paymentMethod: '', // 交款方式
approveState: "", //审核状态 approveState: '', // 审核状态
batch: "", //充值批次 batch: '', // 充值批次
creator: "", //操作人 creator: '', // 操作人
remarks: "", //备注 remarks: '', // 备注
startDate: "", //充值开始时间 startDate: '', // 充值开始时间
endDate: "", //充值结束时间 endDate: '', // 充值结束时间
startApproveTime: "", //审核开始时间 startApproveTime: '', // 审核开始时间
endApproveTime: "", //审核结束时间 endApproveTime: '' // 审核结束时间
}, },
accountList: [], //钱包类型 accountList: [], // 钱包类型
paymentList: [], //交款方式 paymentList: [], // 交款方式
shStateList: [], //审核状态 shStateList: [], // 审核状态
creatorList: [], //操作人列表 creatorList: [], // 操作人列表
tableData: [], tableData: [],
loading:false, loading: false,
czsj: "", //充值时间 czsj: '', // 充值时间
shsj: "", //审核时间 shsj: '', // 审核时间
total: 0, total: 0,
countryList: [], countryList: [],
vertexList: [], // 隶属体系
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: "paymentMethodVal", name: 'paymentMethodVal',
key: "", key: ''
}, },
{ {
name: "paymentBeforeBalance", name: 'paymentBeforeBalance',
key: "", key: ''
}, },
{ {
name: "paymentAmount", name: 'paymentAmount',
key: "", key: ''
}, },
{ {
name: "paymentBalance", name: 'paymentBalance',
key: "", key: ''
}, },
{ {
name: "settlePaymentAmount", name: 'settlePaymentAmount',
key: "", key: ''
}, },
{ {
name: "exchangeRate", name: 'exchangeRate',
key: "", key: ''
}, },
{ {
name: "rechargeCode", name: 'rechargeCode',
key: "", key: ''
}, },
{ {
name: "batch", name: 'batch',
key: "", key: ''
}, },
{ {
name: "creator", name: 'creator',
key: "", key: ''
}, },
{ {
name: "creationTime", name: 'creationTime',
key: "", key: ''
}, },
{ {
name: "remarks", name: 'remarks',
key: "", key: ''
}, },
{ {
name: "approverName", name: 'approverName',
key: "", key: ''
}, },
{ {
name: "approveTime", name: 'approveTime',
key: "", key: ''
}, },
{ {
name: "approveStateVal", name: 'approveStateVal',
key: "", key: ''
}, }
], ]
}; }
}, },
computed: { computed: {
...mapGetters(["getUser"]), ...mapGetters(['getUser'])
}, },
created() { created() {
this.research(); this.research()
this.getOthers(); this.getOthers()
this.getCountry(); this.getCountry()
this.getUserRole(); this.getUserRole()
}, },
methods: { methods: {
isLocalSymbol, isLocalSymbol,
listColumnVisible(roleName) {
return this.dataList.includes(roleName)
},
getUserRole() { getUserRole() {
getRoleMenu("RechargeDetail").then((res) => { getRoleMenu('RechargeDetail').then((res) => {
this.dataList.forEach((item) => { this.dataList = res.data || []
res.data.forEach((items) => { // this.dataList.forEach((item) => {
if (item.name == items) { // res.data.forEach((items) => {
item.key = items; // if (item.name == items) {
} // item.key = items
// this.flag = true // }
}); // // this.flag = true
}); // })
}); // })
})
}, },
stateFormat, stateFormat,
getCountry() { getCountry() {
userCountryList().then((res) => { userCountryList().then((res) => {
this.countryList = res.data; this.countryList = res.data
}); })
}, },
changeCzsj(val) { changeCzsj(val) {
this.queryParams.startDate = val[0]; this.queryParams.startDate = val[0]
this.queryParams.endDate = val[1]; this.queryParams.endDate = val[1]
}, },
changeShsj(val) { changeShsj(val) {
this.queryParams.startApproveTime = val[0]; this.queryParams.startApproveTime = val[0]
this.queryParams.endApproveTime = val[1]; this.queryParams.endApproveTime = val[1]
}, },
getOthers() { getOthers() {
//钱包类型 // 钱包类型
getenumsAccount().then((res) => { getenumsAccount().then((res) => {
this.accountList = res.rows; this.accountList = res.rows
}); })
//交款方式 // 交款方式
getpaymentType().then((res) => { getpaymentType().then((res) => {
this.paymentList = res.data; this.paymentList = res.data
}); })
//审核状态 // 审核状态
getApproveStatus().then((res) => { getApproveStatus().then((res) => {
this.shStateList = res.data; this.shStateList = res.data
}); })
getCreatorList().then((res) => { getCreatorList().then((res) => {
this.creatorList = res.data; this.creatorList = res.data
}); })
getvertexValue().then((res) => {
this.vertexList = res.data || []
})
}, },
research() { research() {
@ -532,77 +507,77 @@ export default {
// console.log('🌈',this.getUser) // console.log('🌈',this.getUser)
getrechageList(this.queryParams).then((res) => { getrechageList(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
this.loading = false this.loading = false
}); })
}, },
reChongzhi() { reChongzhi() {
this.queryParams = { this.queryParams = {
pageNum: 1, pageNum: 1,
pageSize: 50, pageSize: 50,
memberCode: "", //会员编号 memberCode: '', // 会员编号
memberName: "", //会员姓名 memberName: '', // 会员姓名
pkAccount: "", //钱包类型 pkAccount: '', // 钱包类型
paymentMethod: "", //交款方式 paymentMethod: '', // 交款方式
approveState: "", //审核状态 approveState: '', // 审核状态
batch: "", //充值批次 batch: '', // 充值批次
creator: "", //操作人 creator: '', // 操作人
remarks: "", //备注 remarks: '', // 备注
startDate: "", //充值开始时间 startDate: '', // 充值开始时间
endDate: "", //充值结束时间 endDate: '', // 充值结束时间
startApproveTime: "", //审核开始时间 startApproveTime: '', // 审核开始时间
endApproveTime: "", //审核结束时间 endApproveTime: '' // 审核结束时间
}; }
this.shsj = []; this.shsj = []
this.czsj = []; this.czsj = []
this.research(); this.research()
}, },
handleSelectionChange(val) { handleSelectionChange(val) {
this.multipleSelection = val; this.multipleSelection = val
}, },
handleExport() { handleExport() {
this.$confirm('是否确认导出所有数据项?', '警告', { this.$confirm('是否确认导出所有数据项?', '警告', {
confirmButtonText: '确定', confirmButtonText: '确定',
cancelButtonText: '取消', cancelButtonText: '取消',
type: "warning", type: 'warning'
}).then((_) => { }).then((_) => {
this.download( this.download(
"/member/manager/recharge/export", '/member/manager/recharge/export',
{ ...this.queryParams }, { ...this.queryParams },
`${'充值明细'}${new Date().getTime()}.xlsx` `${'充值明细'}${new Date().getTime()}.xlsx`
); )
}); })
}, },
//合计行 // 合计行
summaryMethod({ columns, data }) { summaryMethod({ columns, data }) {
const sums = []; const sums = []
// 遍历所有列 // 遍历所有列
columns.forEach((column, index) => { columns.forEach((column, index) => {
if (index === 1) { if (index === 1) {
sums[index] = "合计"; sums[index] = '合计'
return; return
} }
if (column.property === "paymentAmount") { if (column.property === 'paymentAmount') {
const lastIndex1 = data.length - 1; const lastIndex1 = data.length - 1
sums[index] = data[lastIndex1] sums[index] = data[lastIndex1]
? numberToCurrencyNo(data[lastIndex1].paymentAmount) ? numberToCurrencyNo(data[lastIndex1].paymentAmount)
: ""; : ''
} else if (column.property === "settlePaymentAmount") { } else if (column.property === 'settlePaymentAmount') {
const lastIndex2 = data.length - 1; const lastIndex2 = data.length - 1
sums[index] = data[lastIndex2] sums[index] = data[lastIndex2]
? numberToCurrencyNo(data[lastIndex2].settlePaymentAmount) ? numberToCurrencyNo(data[lastIndex2].settlePaymentAmount)
: ""; : ''
} else { } else {
sums[index] = ""; sums[index] = ''
} }
}); })
console.log("🌈numberToCurrencyNo", sums); console.log('🌈numberToCurrencyNo', sums)
return sums; return sums
}, },
objectSpanMethod({ row, column, rowIndex, columnIndex }) { objectSpanMethod({ row, column, rowIndex, columnIndex }) {
// if (columnIndex === 0) { // if (columnIndex === 0) {
@ -621,14 +596,14 @@ export default {
}, },
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 lang="scss" scoped> <style lang="scss" scoped>

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

@ -131,27 +131,12 @@
type="selection" type="selection"
width="50" width="50"
/> />
<el-table-column
v-if="dataList[0].key"
align="center"
prop="title"
: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="dataList[1].key" v-if="dataList[1].key"
align="center" align="center"
prop="memberCode" prop="memberCode"
:label="'转出编号'" :label="'转出编号'"
min-width="120px"
/> />
<el-table-column <el-table-column
v-if="dataList[2].key" v-if="dataList[2].key"
@ -188,6 +173,7 @@
align="center" align="center"
prop="toMemberCode" prop="toMemberCode"
:label="'接收编号'" :label="'接收编号'"
min-width="120px"
/> />
<el-table-column <el-table-column
v-if="dataList[9].key" v-if="dataList[9].key"
@ -221,6 +207,7 @@
align="center" align="center"
prop="creationTime" prop="creationTime"
:label="'转账日期'" :label="'转账日期'"
min-width="160px"
/> />
<el-table-column <el-table-column
v-if="dataList[15].key" v-if="dataList[15].key"
@ -233,6 +220,7 @@
align="center" align="center"
prop="transferCode" prop="transferCode"
:label="'单据编号'" :label="'单据编号'"
min-width="170px"
/> />
<el-table-column <el-table-column
align="center" align="center"

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

@ -149,21 +149,7 @@
type="selection" type="selection"
width="55" width="55"
/> />
<el-table-column
align="center"
prop="title"
: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
align="center" align="center"
prop="memberCode" prop="memberCode"
@ -179,6 +165,7 @@
align="center" align="center"
prop="vertexName" prop="vertexName"
:label="'隶属体系'" :label="'隶属体系'"
min-width="120px"
/> />
<el-table-column <el-table-column
align="center" align="center"
@ -243,6 +230,7 @@
align="center" align="center"
prop="sourceCode" prop="sourceCode"
:label="'单据编号'" :label="'单据编号'"
min-width="170px"
/> />
<el-table-column <el-table-column
align="center" align="center"

942
src/views/financial/walletDetails/index.vue
View File

File diff suppressed because it is too large Load Diff

22
vue.config.js
View File

@ -42,21 +42,21 @@ module.exports = {
warnings: false, warnings: false,
errors: true errors: true
}, },
// proxy: {
// '/prod-api': {
// target: 'http://localhost:8080/',
// changeOrigin: true,
// pathRewrite: {
// '^/prod-api': ''
// }
// }
// }
proxy: { proxy: {
'/prod-api': { '/prod-api': {
target: 'http://t-mana.beida413.com/', target: 'http://localhost:8080/',
changeOrigin: true changeOrigin: true,
pathRewrite: {
'^/prod-api': ''
}
} }
} }
// proxy: {
// '/prod-api': {
// target: 'http://t-mana.beida413.com/',
// changeOrigin: true
// }
// }
// before: require('./mock/mock-server.js') // before: require('./mock/mock-server.js')
}, },
configureWebpack: { configureWebpack: {