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

View File

@ -2,35 +2,32 @@
<div class="page">
<topBar
v-if="topList.length > 0"
:topList="topList"
:top-list="topList"
:moren="moren"
></topBar>
/>
<div class="thetopbox">
<el-form label-width="100px">
<el-row>
<el-col :span="8">
<el-form-item :label="'创建日期'">
<el-date-picker
@change="checkTime1"
v-model="queryParams.times1"
type="daterange"
range-separator="——"
:start-placeholder="'开始日期'"
:end-placeholder="'结束日期'"
value-format="yyyy-MM-dd"
>
</el-date-picker>
@change="checkTime1"
/>
</el-form-item>
</el-col>
<el-col :span="4">
<div class="searchbox">
<el-button class="my_search" @click="getSearch">
{{ '搜索' }}</el-button
>
{{ '搜索' }}</el-button>
<el-button class="my_reset" @click="reChongzhi">
{{ '重置' }}</el-button
>
{{ '重置' }}</el-button>
</div>
</el-col>
</el-row>
@ -40,45 +37,34 @@
<div class="maintop">
<div class="mainbtn">
<el-button
v-has-buttons="['BalanceSumExport']"
size="mini"
style="background: #ffad41; border-color: #ffad41"
class="addBtn"
@click="handleExport"
v-has-buttons="['BalanceSumExport']"
>{{ '导出' }}</el-button
>
>{{ '导出' }}</el-button>
</div>
</div>
<div class="maintable">
<el-table
:data="tableData"
:header-cell-style="{ background: '#EEEEEE' }"
@selection-change="handleSelectionChange"
height="700px"
style="width: 100%"
@selection-change="handleSelectionChange"
>
<el-table-column type="selection" width="55"> </el-table-column>
<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 type="selection" width="55" />
<el-table-column
min-width="100px"
align="center"
prop="createTime"
:label="'日期'"
>
</el-table-column>
/>
<el-table-column
v-if="showData.account1"
align="center"
prop="account1"
v-if="showData.account1"
min-width="100px"
:label="'消费账户余额' + `(${isLocalSymbol()})`"
>
@ -87,9 +73,9 @@
</template>
</el-table-column>
<el-table-column
v-if="showData.account2"
align="center"
prop="account2"
v-if="showData.account2"
:label="'现金账户余额' + `(${isLocalSymbol()})`"
>
<template slot-scope="scope">
@ -97,9 +83,9 @@
</template>
</el-table-column>
<el-table-column
v-if="showData.account3"
align="center"
prop="account3"
v-if="showData.account3"
:label="'政策账户余额' + `(${isLocalSymbol()})`"
>
<template slot-scope="scope">
@ -107,10 +93,10 @@
</template>
</el-table-column>
<el-table-column
v-if="showData.account4"
align="center"
prop="account4"
:label="'奖金账户余额' + `(${isLocalSymbol()})`"
v-if="showData.account4"
>
<template slot-scope="scope">
{{ scope.row.account4 | numberToCurrency }}
@ -118,10 +104,10 @@
</el-table-column>
<el-table-column
v-if="showData.account5"
align="center"
prop="account5"
:label="'重消账户余额' + `(${isLocalSymbol()})`"
v-if="showData.account5"
>
<template slot-scope="scope">
{{ scope.row.account5 | numberToCurrency }}
@ -138,9 +124,9 @@
</template>
</el-table-column>
<el-table-column
v-if="showData.account7"
align="center"
prop="account7"
v-if="showData.account7"
:label="'鼓励账户余额' + `(${isLocalSymbol()})`"
>
<template slot-scope="scope">
@ -158,8 +144,8 @@
</template>
</el-table-column>
<el-table-column
align="center"
v-if="showData.account9"
align="center"
prop="account9"
:label="'全球积分余额' + `(${isLocalSymbol()})`"
><template slot-scope="scope">
@ -167,137 +153,137 @@
</template>
</el-table-column>
<el-table-column
v-if="showData.account10"
align="center"
prop="account10"
v-if="showData.account10"
:label="'车奖积分余额' + `(${isLocalSymbol()})`"
><template slot-scope="scope">
{{ scope.row.account10 | numberToCurrency }}
</template>
</el-table-column>
<el-table-column
v-if="showData.account11"
align="center"
prop="account11"
v-if="showData.account11"
:label="'直播代金券余额' + `(${isLocalSymbol()})`"
><template slot-scope="scope">
{{ scope.row.account11 | numberToCurrency }}
</template>
</el-table-column>
<el-table-column
v-if="showData.account12"
align="center"
prop="account12"
v-if="showData.account12"
:label="'乐学代金券余额' + `(${isLocalSymbol()})`"
><template slot-scope="scope">
{{ scope.row.account12 | numberToCurrency }}
</template>
</el-table-column>
<el-table-column
v-if="showData.settleAccount1"
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
v-if="showData.settleAccount2"
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
v-if="showData.settleAccount3"
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
v-if="showData.settleAccount4"
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
v-if="showData.settleAccount5"
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
v-if="showData.settleAccount6"
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
v-if="showData.settleAccount7"
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
v-if="showData.settleAccount8"
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
v-if="showData.settleAccount9"
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
v-if="showData.settleAccount10"
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
v-if="showData.settleAccount11"
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
v-if="showData.settleAccount12"
align="center"
prop="settleAccount12"
:label="'乐学代金券余额' + `(${isLocals()})`"
v-if="showData.settleAccount12"
><template slot-scope="scope">
{{ scope.row.settleAccount12 | numberToCurrency }}
</template>
@ -335,117 +321,117 @@
</div>
</template>
<script>
import topBar from "@/components/topBar";
import { isLocals, isLocalSymbol } from "@/utils/numberToCurrency";
import * as fin from "@/api/financial.js";
import { mapGetters } from "vuex";
<script>
import topBar from '@/components/topBar'
import { isLocals, isLocalSymbol } from '@/utils/numberToCurrency'
import * as fin from '@/api/financial.js'
import { mapGetters } from 'vuex'
export default {
name: "BalanceSummary",
name: 'BalanceSummary',
components: {
topBar,
topBar
},
data() {
return {
moren: "balanceSummary",
moren: 'balanceSummary',
topList: [
{
name: '余额汇总',
path: "balanceSummary",
},
path: 'balanceSummary'
}
],
tableData: [],
queryParams: {
pageNum: 1,
pageSize: 50,
pageSize: 50
},
total: 0,
multipleSelection: [],
showData: {},
};
showData: {}
}
},
computed: {
...mapGetters(["getUser"]),
...mapGetters(['getUser'])
},
created() {
this.getOthers();
this.getSearch();
this.getOthers()
this.getSearch()
},
methods: {
isLocals,
isLocalSymbol,
goDetail(row) {
this.$router.push({
path: "detailSummary",
path: 'detailSummary',
query: {
createTime: row.createTime,
},
});
createTime: row.createTime
}
})
},
getOthers() {
fin.getBalanceSummaryField().then((res) => {
const obj = {};
const obj = {}
res.data.forEach((ele) => {
obj[ele] = true;
});
this.showData = obj;
});
obj[ele] = true
})
this.showData = obj
})
},
//
//
handleExport() {
this.$confirm('是否确认导出所有数据项?', '警告', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: "warning",
type: 'warning'
}).then((_) => {
this.download(
"/member/manager/account-detail/export",
'/member/manager/account-detail/export',
{ ...this.queryParams },
`余额汇总-${new Date().getTime()}.xlsx`
);
});
)
})
},
exportRow(row) {
this.$confirm('是否确认导出所有数据项?', '警告', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: "warning",
type: 'warning'
}).then((_) => {
this.download(
"/member/manager/account-detail/export",
'/member/manager/account-detail/export',
{ ...row },
`余额汇总详情-${new Date().getTime()}.xlsx`
);
});
)
})
},
checkTime1(val) {
this.queryParams.startDate = val[0];
this.queryParams.endDate = val[1];
this.queryParams.startDate = val[0]
this.queryParams.endDate = val[1]
},
handleSelectionChange(val) {
this.multipleSelection = val;
this.queryParams.createTimes = val.map((item) => item.createTime);
this.multipleSelection = val
this.queryParams.createTimes = val.map((item) => item.createTime)
},
reChongzhi() {
this.queryParams = {
pageNum: 1,
pageSize: 50,
type: 1,
};
this.getSearch();
type: 1
}
this.getSearch()
},
getSearch() {
fin.getBalanceSummaryList(this.queryParams).then((res) => {
res.rows.forEach((item) => {
item.pkCountryName = this.getUser.country.shortName;
item.pkCountryIcon = this.getUser.country.nationalFlag2;
});
this.tableData = res.rows;
this.total = res.total;
});
},
},
};
item.pkCountryName = this.getUser.country.shortName
item.pkCountryIcon = this.getUser.country.nationalFlag2
})
this.tableData = res.rows
this.total = res.total
})
}
}
}
</script>
<style lang="scss" scoped>
@ -503,4 +489,3 @@ export default {
}
}
</style>

View File

@ -177,16 +177,14 @@
</el-collapse-transition>
<el-col :span="4">
<el-button
v-has-buttons="['CashSearch']"
class="my_search"
style="margin-left: 30px"
@click="getDataList"
v-has-buttons="['CashSearch']"
>
{{ '搜索' }}</el-button
>
{{ '搜索' }}</el-button>
<el-button class="my_reset" @click="reset">
{{ '重置' }}</el-button
>
{{ '重置' }}</el-button>
</el-col>
</el-row>
<div class="openClose" @click="isActive = !isActive">
@ -205,40 +203,36 @@
:disabled="this.checkArr.length == 0"
class="thebtn2"
@click="openDig(0)"
>{{ '打款' }}</el-button
>
>{{ '打款' }}</el-button>
<el-button
v-has-buttons="['CashDetailsRecharge']"
size="small"
:disabled="this.checkArr.length == 0"
class="thebtn3"
@click="openDig(1)"
>{{ '充正' }}</el-button
>
>{{ '充正' }}</el-button>
<el-button
v-has-buttons="['CashDetailsApprove']"
size="small"
:disabled="this.checkArr.length == 0"
class="thebtn1"
@click="toQc"
>{{ '发起审核' }}</el-button
>
>{{ '发起审核' }}</el-button>
<el-button
v-has-buttons="['CashDetailsExport']"
size="small"
class="thebtn4"
@click="handleExport"
>
{{ '导出' }}</el-button
>
{{ '导出' }}</el-button>
</div>
</div>
<div style="overflow:auto;">
<el-table
ref="mainTable"
:data="tableData"
v-loading="loading"
:data="tableData"
height="600"
:header-cell-style="{ background: '#EEEEEE' }"
:summary-method="getSummaries"
@ -247,7 +241,7 @@
@selection-change="handleSelectionChange"
>
<el-table-column type="selection" width="55" />
<el-table-column
<!-- <el-table-column
v-if="showData.pkCountryName"
align="center"
prop="jxmc"
@ -256,10 +250,9 @@
<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"
align="center"
@ -278,6 +271,7 @@
align="center"
prop="vertexName"
:label="'隶属体系'"
min-width="120"
/>
<el-table-column
v-if="showData.pkAccountVal"
@ -423,12 +417,16 @@
align="center"
prop="subBankName"
:label="'支行名称'"
min-width="140"
show-overflow-tooltip
/>
<el-table-column
v-if="showData.cardNumber"
align="center"
prop="cardNumber"
:label="'银行账户'"
min-width="170"
show-overflow-tooltip
/>
<el-table-column
v-if="showData.accountName"
@ -441,13 +439,14 @@
align="center"
prop="phone"
:label="'预留电话'"
min-width="120"
/>
<el-table-column
v-if="showData.idCard"
align="center"
prop="idCard"
:label="'身份证号码'"
width="100"
width="170"
/>
<el-table-column
v-if="showData.remarks"
@ -575,7 +574,7 @@
center
>
<div class="gth">
<img src="@/assets/images/gth.png" alt="" />
<img src="@/assets/images/gth.png" alt="">
<div>{{ '确定' }}{{ isCz == 1 ? "充正" : "打款" }}</div>
</div>
<el-form ref="form" :model="form" label-width="auto">
@ -596,229 +595,229 @@
</template>
<script>
import topBar from "@/components/topBarRole";
import { getVartexList } from "@/api/affiliatedteam";
import topBar from '@/components/topBarRole'
import { getVartexList } from '@/api/affiliatedteam'
import * as api from "@/api/financialCase.js";
import { isLocals, isLocalSymbol, stateFormat } from "@/utils/numberToCurrency";
import { getRouters } from "@/api/settle";
import { mapGetters } from "vuex";
import { numberToCurrencyNo } from "@/utils/numberToCurrency";
import { getRoleMenu } from "@/api/notice";
import * as api from '@/api/financialCase.js'
import { isLocals, isLocalSymbol, stateFormat } from '@/utils/numberToCurrency'
import { getRouters } from '@/api/settle'
import { mapGetters } from 'vuex'
import { numberToCurrencyNo } from '@/utils/numberToCurrency'
import { getRoleMenu } from '@/api/notice'
export default {
name: "Bzpz",
name: 'Bzpz',
components: {
topBar,
topBar
},
filters: {
isAgree(val) {
if (!val) {
return '允许';
return '允许'
} else {
return '禁止';
return '禁止'
}
}
},
},
data() {
return {
//
isActive: false,
moren: "cashDetails",
moren: 'cashDetails',
topList: [
{
name: '提现明细',
path: "cashDetails",
url: "CashDetails",
changed: false,
path: 'cashDetails',
url: 'CashDetails',
changed: false
},
{
name: '京东代付',
path: "jdToPay",
url: "jdToPay",
changed: false,
},
path: 'jdToPay',
url: 'jdToPay',
changed: false
}
],
centerDialogVisible: false,
creationTime: [],
creationTime1: [],
shStateList: [],
select: {
approveState: 1,
approveState: 1
},
//
queryParams: {
pageNum: 1,
pageSize: 50,
pageSize: 50
},
total: 0,
dialogVisible: false,
loading:false,
loading: false,
tableData: [],
accountList: [],
tradeTypeList: [],
checkArr: [],
postArr: [],
form: {
payerRemarks: "",
payerRemarks: ''
},
isCz: 0,
checkArrAll: [],
statusList: [],
vertexList: [],
lastData: "",
lastData: '',
dataList: [
{
name: "pkCountryName",
key: "",
name: 'pkCountryName',
key: ''
},
{
name: "memberCode",
key: "",
name: 'memberCode',
key: ''
},
{
name: "memberName",
key: "",
name: 'memberName',
key: ''
},
{
name: "pkAccountVal",
key: "",
name: 'pkAccountVal',
key: ''
},
{
name: "availableAmount",
key: "",
name: 'availableAmount',
key: ''
},
{
name: "cashAmount",
key: "",
name: 'cashAmount',
key: ''
},
{
name: "availableBalance",
key: "",
name: 'availableBalance',
key: ''
},
{
name: "serviceCharge",
key: "",
name: 'serviceCharge',
key: ''
},
{
name: "incomeTax",
key: "",
name: 'incomeTax',
key: ''
},
{
name: "issuedAmount",
key: "",
name: 'issuedAmount',
key: ''
},
{
name: "settleCashAmount",
key: "",
name: 'settleCashAmount',
key: ''
},
{
name: "settleServiceCharge",
key: "",
name: 'settleServiceCharge',
key: ''
},
{
name: "settleIncomeTax",
key: "",
name: 'settleIncomeTax',
key: ''
},
{
name: "settleIssuedAmount",
key: "",
name: 'settleIssuedAmount',
key: ''
},
{
name: "exchangeRate",
key: "",
name: 'exchangeRate',
key: ''
},
{
name: "creationTime",
key: "",
name: 'creationTime',
key: ''
},
{
name: "bankName",
key: "",
name: 'bankName',
key: ''
},
{
name: "subBankName",
key: "",
name: 'subBankName',
key: ''
},
{
name: "cardNumber",
key: "",
name: 'cardNumber',
key: ''
},
{
name: "accountName",
key: "",
name: 'accountName',
key: ''
},
{
name: "phone",
key: "",
name: 'phone',
key: ''
},
{
name: "remarks",
key: "",
name: 'remarks',
key: ''
},
{
name: "approveName",
key: "",
name: 'approveName',
key: ''
},
{
name: "approveTime",
key: "",
name: 'approveTime',
key: ''
},
{
name: "approveRemarks",
key: "",
name: 'approveRemarks',
key: ''
},
{
name: "paymentName",
key: "",
name: 'paymentName',
key: ''
},
{
name: "statusVal",
key: "",
name: 'statusVal',
key: ''
},
{
name: "paymentTime",
key: "",
name: 'paymentTime',
key: ''
},
{
name: "payerRemarks",
key: "",
name: 'payerRemarks',
key: ''
},
{
name: "approveStateVal",
key: "",
name: 'approveStateVal',
key: ''
},
{
name: "withdrawCode",
key: "",
},
name: 'withdrawCode',
key: ''
}
],
showData: {},
};
showData: {}
}
},
computed: {
...mapGetters(["getUser"]),
...mapGetters(['getUser'])
},
mounted() {
//
this.getData();
this.getData()
//
this.getDataList();
this.getDataList()
// //
this.getApproveStatus();
this.getPaymentStatus();
this.getUserRoute();
this.getUserRole();
this.getApproveStatus()
this.getPaymentStatus()
this.getUserRoute()
this.getUserRole()
},
methods: {
isLocals,
isLocalSymbol,
getUserRole() {
getRoleMenu("CashDetails").then((res) => {
const obj = {};
getRoleMenu('CashDetails').then((res) => {
const obj = {}
res.data.forEach((ele) => {
obj[ele] = true;
});
this.showData = obj;
obj[ele] = true
})
this.showData = obj
// this.dataList.forEach((item) => {
// res.data.forEach((items) => {
// if (item.name == items) {
@ -827,117 +826,117 @@ export default {
// // this.flag = true
// })
// })
});
})
},
getPaymentStatus() {
api.paymentStatus().then((res) => {
this.statusList = res.data;
});
this.statusList = res.data
})
},
stateFormat,
//
getApproveStatus() {
api.getApproveStatuss().then((res) => {
this.shStateList = res.data;
});
this.shStateList = res.data
})
},
getUserRoute() {
getRouters().then((res) => {
res.data.forEach((item) => {
this.topList.forEach((items) => {
if (item.routeName == items.url) {
items.changed = true;
items.changed = true
}
});
});
});
})
})
})
},
saveForm() {
let url;
let url
if (this.isCz == 1) {
url = api.positive;
url = api.positive
} else {
url = api.payment;
url = api.payment
}
url(Object.assign(this.form, { pkIds: this.postArr })).then((res) => {
if (res.code == 200) {
this.$message({
message: res.msg,
type: "success",
});
type: 'success'
})
//
this.getDataList();
this.centerDialogVisible = false;
this.getDataList()
this.centerDialogVisible = false
}
});
})
},
openDig(index, id) {
// if (index == 0) {
let dk = false;
let dk = false
this.checkArrAll.forEach((item) => {
// 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) {
this.$message({
message: '存在已打款或未审核单据',
type: "warning",
});
return false;
type: 'warning'
})
return false
}
// }
this.isCz = index;
this.isCz = index
if (id) {
this.postArr = [id];
this.postArr = [id]
} else {
this.postArr = this.checkArr;
this.postArr = this.checkArr
}
this.centerDialogVisible = true;
this.centerDialogVisible = true
},
toQc() {
api.showWithdraw(this.checkArr).then((res) => {
if (res.code == 200) {
this.$router.push({
path: "txzxqc",
path: 'txzxqc',
query: {
data: JSON.stringify(res.data),
},
});
data: JSON.stringify(res.data)
}
});
})
}
})
},
reset() {
this.select = {};
this.creationTime = [];
this.creationTime1 = [];
this.getDataList();
this.select = {}
this.creationTime = []
this.creationTime1 = []
this.getDataList()
},
getData() {
api.pkBdAccountList().then((res) => {
this.accountList = res.rows;
});
this.accountList = res.rows
})
api.getTradeType().then((res) => {
this.tradeTypeList = res.data;
});
this.tradeTypeList = res.data
})
getVartexList().then((res) => {
this.vertexList = res.data;
});
this.vertexList = res.data
})
},
changeTime(val) {
if (!val) {
val = ["", ""];
val = ['', '']
}
this.select.startDate = val[0] || "";
this.select.endDate = val[1] || "";
this.select.startDate = val[0] || ''
this.select.endDate = val[1] || ''
},
changeTime1(val) {
if (!val) {
val = ["", ""];
val = ['', '']
}
this.select.startPaymentTime = val[0] || "";
this.select.endPaymentTime = val[1] || "";
this.select.startPaymentTime = val[0] || ''
this.select.endPaymentTime = val[1] || ''
},
//
toFixed(id) {},
@ -947,35 +946,35 @@ export default {
.withdrawList(Object.assign({}, this.queryParams, this.select))
.then((res) => {
res.rows.forEach((item) => {
item.nationalFlag2 = this.getUser.country.nationalFlag2;
});
this.lastData = res.rows[res.rows.length - 1];
let arr = JSON.parse(JSON.stringify(res.rows));
arr = arr.filter(function (v, i, ar) {
return i !== ar.length - 1;
});
this.tableData = arr;
this.total = res.total;
item.nationalFlag2 = this.getUser.country.nationalFlag2
})
this.lastData = res.rows[res.rows.length - 1]
let arr = JSON.parse(JSON.stringify(res.rows))
arr = arr.filter(function(v, i, ar) {
return i !== ar.length - 1
})
this.tableData = arr
this.total = res.total
this.loading = false
this.$nextTick(() => {
this.$refs.mainTable.doLayout();
});
});
this.$refs.mainTable.doLayout()
})
})
},
getSummaries(param) {
// this.$nextTick(() => {
if (this.lastData) {
const obj = this.lastData;
const obj = this.lastData
return [
"",
'',
'合计',
"",
"",
"",
"",
'',
'',
'',
'',
numberToCurrencyNo(obj.cashAmount),
"",
'',
numberToCurrencyNo(obj.serviceCharge),
numberToCurrencyNo(obj.incomeTax),
numberToCurrencyNo(obj.issuedAmount),
@ -983,27 +982,27 @@ export default {
numberToCurrencyNo(obj.settleServiceCharge),
numberToCurrencyNo(obj.settleIncomeTax),
numberToCurrencyNo(obj.settleIssuedAmount),
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
];
'',
'',
'',
'',
'',
'',
'',
'',
'',
'',
'',
'',
'',
'',
'',
'',
'',
''
]
} else {
return [];
return []
}
// })
@ -1025,35 +1024,35 @@ export default {
// },
handleSelectionChange(val) {
this.checkArrAll = val;
this.checkArrAll = val
this.checkArr = val.map((item) => {
return item.pkId;
});
return item.pkId
})
},
/** 导出按钮操作 */
handleExport() {
this.$confirm('是否确认导出所有数据项?', '警告', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: "warning",
type: 'warning'
}).then((_) => {
this.download(
"/member/manager/withdraw/export",
'/member/manager/withdraw/export',
Object.assign({}, this.queryParams, this.select),
`提现明细-${new Date().getTime()}.xlsx`
);
});
)
})
},
tableRowClassName({ row, rowIndex }) {
if (rowIndex % 2 == 1) {
return "warning-row";
return 'warning-row'
} else if (rowIndex % 2 == 0) {
return "success-row";
return 'success-row'
}
return "";
},
},
};
return ''
}
}
}
</script>
<style scoped lang="scss">
::v-deep .el-table .warning-row {
@ -1135,7 +1134,6 @@ export default {
}
}
.gth {
text-align: center;
margin-bottom: 30px;

View File

@ -122,22 +122,7 @@
type="selection"
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
v-if="dataList[1].key"
align="center"

View File

@ -6,172 +6,204 @@
-->
<template>
<div class="page">
<topBar v-if="topList.length > 0"
:topList="topList"
:moren="moren"></topBar>
<topBar
v-if="topList.length > 0"
:top-list="topList"
:moren="moren"
/>
<div class="main">
<el-form ref="select"
<el-form
ref="select"
:model="select"
style="background-color: #fff"
label-width="100px">
label-width="100px"
>
<el-row>
<!-- 一层 -->
<el-col :span="4">
<el-form-item :label="'会员编号'">
<el-input clearable
v-model="select.memberCode"></el-input>
<el-input
v-model="select.memberCode"
clearable
/>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item :label="'会员姓名'">
<el-input clearable
v-model="select.memberName"></el-input>
<el-input
v-model="select.memberName"
clearable
/>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item :label="'交易金额'">
<el-input clearable
v-model="select.businessMoney"></el-input>
<el-input
v-model="select.businessMoney"
clearable
/>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item :label="'交易类型'">
<el-select clearable
<el-select
v-model="select.businessType"
clearable
:placeholder="'请选择'"
v-model="select.businessType">
<el-option v-for="item in tradeTypeList"
>
<el-option
v-for="item in tradeTypeList"
:key="item.value"
:label="item.label"
:value="item.value"></el-option>
:value="item.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item :label="'支付渠道'">
<el-select clearable
<el-select
v-model="select.payChannel"
clearable
:placeholder="'请选择'"
v-model="select.payChannel">
<el-option v-for="item in channelList"
>
<el-option
v-for="item in channelList"
:key="item.value"
:label="item.label"
:value="item.value"></el-option>
:value="item.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item :label="'支付方式'">
<el-select clearable
<el-select
v-model="select.payType"
clearable
:placeholder="'请选择'"
v-model="select.payType">
<el-option v-for="item in peyTypeList"
>
<el-option
v-for="item in peyTypeList"
:key="item.value"
:label="item.label"
:value="item.value"></el-option>
:value="item.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item :label="'支付状态'">
<el-select clearable
<el-select
v-model="select.payStatus"
clearable
:placeholder="'请选择'"
v-model="select.payStatus">
<el-option v-for="item in statusList"
>
<el-option
v-for="item in statusList"
:key="item.value"
:label="item.label"
:value="item.value"></el-option>
:value="item.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item :label="'单据编号'">
<el-input clearable
v-model="select.businessCode"></el-input>
<el-input
v-model="select.businessCode"
clearable
/>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :label="'下单日期'">
<el-date-picker v-model="select.creationTime"
<el-date-picker
v-model="select.creationTime"
value-format="yyyy-MM-dd"
type="daterange"
:range-separator="'至'"
:start-placeholder="'开始日期'"
:end-placeholder="'结束日期'">
</el-date-picker>
:end-placeholder="'结束日期'"
/>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :label="'支付日期'">
<el-date-picker v-model="select.payTime"
@change="changeTime1"
<el-date-picker
v-model="select.payTime"
value-format="yyyy-MM-dd"
type="daterange"
:range-separator="'至'"
:start-placeholder="'开始日期'"
:end-placeholder="'结束日期'">
</el-date-picker>
:end-placeholder="'结束日期'"
@change="changeTime1"
/>
</el-form-item>
</el-col>
<el-col :span="4">
<el-button class="my_search"
<el-button
class="my_search"
style="margin-left: 30px"
@click="getDataList"> {{ '搜索' }}</el-button>
@click="getDataList"
> {{ '搜索' }}</el-button>
<el-button class="my_reset" @click="reset"> {{ '重置' }}</el-button>
</el-col>
</el-row>
</el-form>
<div class="maintop">
<div class="mainbtn">
<el-button size="small"
@click="handleExport"
<el-button
v-has-buttons="['OnlinePayDetailsExport']"
class="thebtn2"> {{ '导出' }}</el-button>
size="small"
class="thebtn2"
@click="handleExport"
> {{ '导出' }}</el-button>
</div>
</div>
<div class="maintable">
<el-table :data="tableData"
<el-table
:data="tableData"
height="640px"
style="width: 100%"
:header-cell-style="{ background: '#EEEEEE' }"
:row-class-name="tableRowClassName"
@selection-change="handleSelectionChange">
<el-table-column type="selection"
width="55"> </el-table-column>
<el-table-column align="center"
prop="title"
: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 align="center"
@selection-change="handleSelectionChange"
>
<el-table-column
type="selection"
width="55"
/>
<el-table-column
align="center"
prop="memberCode"
:label="'会员编号'"
width="150">
</el-table-column>
<el-table-column align="center"
width="150"
/>
<el-table-column
align="center"
prop="memberName"
:label="'会员姓名'">
</el-table-column>
<el-table-column align="center"
:label="'会员姓名'"
/>
<el-table-column
align="center"
prop="businessTypeVal"
:label="'交易类型'">
</el-table-column>
<el-table-column align="center"
:label="'交易类型'"
/>
<el-table-column
align="center"
prop="businessMoney"
:formatter="stateFormat"
:label="'交易金额'+`(${isLocalSymbol()})`"
width="150">
</el-table-column>
<el-table-column align="center"
width="150"
/>
<el-table-column
align="center"
prop="payMoney"
:formatter="stateFormat"
label="实际支付金额(¥)"
width="150">
</el-table-column>
width="150"
/>
<!-- <el-table-column align="center"
prop="payMoney"
:formatter="stateFormat"
@ -187,42 +219,52 @@
:label="'汇率'">
</el-table-column> -->
<el-table-column align="center"
<el-table-column
align="center"
prop="payChannelVal"
:label="'支付渠道'">
</el-table-column>
<el-table-column align="center"
:label="'支付渠道'"
/>
<el-table-column
align="center"
prop="payTypeVal"
:label="'支付方式'">
</el-table-column>
<el-table-column align="center"
:label="'支付方式'"
/>
<el-table-column
align="center"
prop="payStatusVal"
:label="'支付状态'">
</el-table-column>
<el-table-column align="center"
:label="'支付状态'"
/>
<el-table-column
align="center"
prop="creationTime"
:label="'下单日期'"
width="200">
</el-table-column>
<el-table-column align="center"
width="200"
/>
<el-table-column
align="center"
prop="payTime"
:label="'支付日期'"
width="200">
</el-table-column>
<el-table-column align="center"
width="200"
/>
<el-table-column
align="center"
prop="businessCode"
min-width="180px"
:label="'单据编号'">
</el-table-column>
<el-table-column align="center"
:label="'单据编号'"
/>
<el-table-column
align="center"
prop="time"
:label="'操作'"
fixed="right">
fixed="right"
>
<template slot-scope="scope">
<el-button @click="toFixed(scope.row.pkId)"
<el-button
style="color: #ffad41"
type="text"
size="small">
size="small"
@click="toFixed(scope.row.pkId)"
>
{{ '导出' }}
</el-button>
</template>
@ -230,11 +272,13 @@
</el-table>
</div>
</div>
<pagination v-show="total>0"
<pagination
v-show="total>0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getDataList" />
@pagination="getDataList"
/>
</div>
</template>
@ -246,16 +290,16 @@ import { userCountryList } from '@/api/user'
export default {
name: 'Bzpz',
components: {
topBar,
topBar
},
filters: {
isAgree(val) {
if (!val) {
return '允许';
return '允许'
} else {
return '禁止';
return '禁止'
}
}
},
},
data() {
return {
@ -264,7 +308,7 @@ export default {
//
queryParams: {
pageNum: 1,
pageSize: 50,
pageSize: 50
},
total: 0,
dialogVisible: false,
@ -275,26 +319,26 @@ export default {
peyTypeList: [
{
value: '1',
label: '支付宝',
label: '支付宝'
},
{
value: '2',
label: '微信',
label: '微信'
},
{
value: '3',
label: '银行卡',
},
label: '银行卡'
}
],
tradeTypeList: [],
moren: 'onlinePayDetails',
topList: [
{
name: '在线支付明细',
path: 'onlinePayDetails',
},
path: 'onlinePayDetails'
}
],
countryList: [],
countryList: []
}
},
mounted() {
@ -324,7 +368,7 @@ export default {
// this.select.startDate = val[0]
// this.select.endDate = val[1]
},
reset(){
reset() {
this.select = {}
this.getDataList()
},
@ -354,10 +398,10 @@ export default {
handleSelectionChange(val) {},
/** 导出按钮操作 */
handleExport() {
this.$confirm( '是否确认导出所有数据项?', '警告', {
this.$confirm('是否确认导出所有数据项?', '警告', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning',
type: 'warning'
}).then((_) => {
this.download(
'/pay/manage/online-payment/export',
@ -373,8 +417,8 @@ export default {
return 'success-row'
}
return ''
},
},
}
}
}
</script>
<style scoped lang="scss">

View File

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

View File

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

View File

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

View File

@ -8,60 +8,72 @@
<div class="page">
<topBar
v-if="topList.length > 0"
:topList="topList"
:top-list="topList"
:moren="moren"
></topBar>
/>
<div class="main">
<el-form ref="form"
<el-form
ref="form"
:model="select"
style="background-color: #fff"
label-width="100px">
label-width="100px"
>
<el-row>
<!-- 一层 -->
<el-col :span="4">
<el-form-item :label="'会员编号'">
<el-input clearable v-model="select.memberCode"></el-input>
<el-input v-model="select.memberCode" clearable />
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item :label="'会员姓名'">
<el-input clearable v-model="select.memberName"></el-input>
<el-input v-model="select.memberName" clearable />
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item :label="'体系名称'">
<el-select clearable :placeholder="'请选择'"
v-model="select.vertexId">
<el-option v-for="item in vertexList"
<el-select
v-model="select.vertexId"
clearable
:placeholder="'请选择'"
>
<el-option
v-for="item in vertexList"
:key="item.pkId"
:label="item.vertexName"
:value="item.pkId"></el-option>
:value="item.pkId"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item :label="'团队名称'">
<el-select clearable :placeholder="'请选择'"
v-model="select.teamId">
<el-option v-for="item in memberTeamList"
<el-select
v-model="select.teamId"
clearable
:placeholder="'请选择'"
>
<el-option
v-for="item in memberTeamList"
:key="item.pkId"
:label="item.teamName"
:value="item.pkId"></el-option>
:value="item.pkId"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item :label="'血缘代数'">
<el-input clearable v-model="select.plevel"></el-input>
<el-input v-model="select.plevel" clearable />
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item :label="'安置层数'">
<el-input clearable v-model="select.slevel"></el-input>
<el-input v-model="select.slevel" clearable />
</el-form-item>
</el-col>
</el-row>
<el-row >
<el-row>
<el-col style="display: flex">
<el-col :span="4">
<div class="searchbox" style="margin-left: 30px">
@ -75,348 +87,477 @@
</el-form>
<div class="maintop">
<div class="mainbtn">
<el-button size="small"
<el-button
v-hasButtons="['WalletDetailssExport']"
size="small"
class="thebtn2"
@click="handleExport"
class="thebtn2"> {{ '导出' }}</el-button>
> {{ '导出' }}</el-button>
</div>
</div>
<div class="maintable">
<el-table :data="tableData"
v-loading="loading"
height="680px"
<el-table
ref="mainTable"
v-loading="loading"
:data="tableData"
height="680px"
style="width: 100%"
:header-cell-style="{ background: '#EEEEEE' }"
:row-class-name="tableRowClassName"
@selection-change="handleSelectionChange">
<el-table-column type="selection"
width="55"> </el-table-column>
<el-table-column 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 align="center"
@selection-change="handleSelectionChange"
>
<el-table-column
type="selection"
width="55"
/>
<el-table-column
align="center"
width="120"
prop="memberCode"
:label="'会员编号'">
</el-table-column>
<el-table-column align="center"
:label="'会员编号'"
/>
<el-table-column
align="center"
prop="memberName"
:label="'会员姓名'">
</el-table-column>
<el-table-column align="center"
:label="'会员姓名'"
/>
<el-table-column
align="center"
prop="vertexName"
:label="'体系名称'">
</el-table-column>
<el-table-column align="center"
:label="'体系名称'"
min-width="120px"
/>
<el-table-column
align="center"
prop="teamName"
:label="'团队名称'">
</el-table-column>
<el-table-column align="center"
:label="'团队名称'"
/>
<el-table-column
align="center"
prop="plevel"
:label="'血缘代数'">
</el-table-column>
<el-table-column align="center"
:label="'血缘代数'"
/>
<el-table-column
align="center"
prop="slevel"
:label="'安置层数'">
</el-table-column>
<el-table-column align="center"
:label="'安置层数'"
/>
<el-table-column
v-if="showData.account1"
align="center"
prop="account1"
:formatter="stateFormat"
:label="'消费余额'+'(¥)'" width="140">
</el-table-column>
<el-table-column align="center"
:label="'消费余额'+'(¥)'"
width="140"
/>
<el-table-column
v-if="showData.availableAccount1"
align="center"
:formatter="stateFormat"
prop="availableAccount1"
:label="'可用消费'+'(¥)'" width="140">
</el-table-column>
<el-table-column align="center"
:label="'可用消费'+'(¥)'"
width="140"
/>
<el-table-column
v-if="showData.lockAccount1"
align="center"
:formatter="stateFormat"
prop="lockAccount1"
:label="`${'禁止消费'}(${isLocalSymbol()})`" width="140">
</el-table-column>
<el-table-column align="center"
:label="`${'禁止消费'}(${isLocalSymbol()})`"
width="140"
/>
<el-table-column
v-if="showData.lockTransferAccount1"
align="center"
:formatter="stateFormat"
prop="lockTransferAccount1"
:label="`${'禁止转账'}(${isLocalSymbol()})`" width="140">
</el-table-column>
<el-table-column align="center"
:label="`${'禁止转账'}(${isLocalSymbol()})`"
width="140"
/>
<el-table-column
v-if="showData.account2"
align="center"
:formatter="stateFormat"
prop="account2"
:label="'现金余额'+'(¥)'" width="140">
</el-table-column>
<el-table-column align="center"
:label="'现金余额'+'(¥)'"
width="140"
/>
<el-table-column
v-if="showData.availableAccount2"
align="center"
:formatter="stateFormat"
prop="availableAccount2"
:label="'可用现金'+'(¥)'" width="140">
</el-table-column>
<el-table-column align="center"
:label="'可用现金'+'(¥)'"
width="140"
/>
<el-table-column
v-if="showData.lockAccount2"
align="center"
:formatter="stateFormat"
prop="lockAccount2"
:label="`${'禁止消费'}(${isLocalSymbol()})`" width="140">
</el-table-column>
<el-table-column align="center"
:label="`${'禁止消费'}(${isLocalSymbol()})`"
width="140"
/>
<el-table-column
v-if="showData.lockTransferAccount2"
align="center"
:formatter="stateFormat"
prop="lockTransferAccount2"
:label="`${'禁止转账'}(${isLocalSymbol()})`" width="140">
</el-table-column>
<el-table-column align="center"
:label="`${'禁止转账'}(${isLocalSymbol()})`"
width="140"
/>
<el-table-column
v-if="showData.account3"
align="center"
:formatter="stateFormat"
prop="account3"
:label="'政策余额'+'(¥)'" width="140">
</el-table-column>
<el-table-column align="center"
:label="'政策余额'+'(¥)'"
width="140"
/>
<el-table-column
v-if="showData.availableAccount3"
align="center"
:formatter="stateFormat"
prop="availableAccount3"
:label="'可用政策'+'(¥)'" width="140">
</el-table-column>
<el-table-column align="center"
:label="'可用政策'+'(¥)'"
width="140"
/>
<el-table-column
v-if="showData.lockAccount3"
align="center"
:formatter="stateFormat"
prop="lockAccount3"
:label="`${'禁止消费'}(${isLocalSymbol()})`" width="140">
</el-table-column>
<el-table-column align="center"
:label="`${'禁止消费'}(${isLocalSymbol()})`"
width="140"
/>
<el-table-column
v-if="showData.lockTransferAccount3"
align="center"
:formatter="stateFormat"
prop="lockTransferAccount3"
:label="`${'禁止转账'}(${isLocalSymbol()})`" width="140">
</el-table-column>
<el-table-column align="center"
:label="`${'禁止转账'}(${isLocalSymbol()})`"
width="140"
/>
<el-table-column
v-if="showData.account4"
align="center"
:formatter="stateFormat"
prop="account4"
:label="`${'奖金余额'}(${isLocalSymbol()})`" width="140">
</el-table-column>
:label="`${'奖金余额'}(${isLocalSymbol()})`"
width="140"
/>
<el-table-column align="center"
<el-table-column
v-if="showData.availableAccount4"
align="center"
:formatter="stateFormat"
prop="availableAccount4"
:label="`${'可用奖金'}(${isLocalSymbol()})`" width="140">
</el-table-column>
<el-table-column align="center" v-if="showData.submitAccount4"
:label="`${'可用奖金'}(${isLocalSymbol()})`"
width="140"
/>
<el-table-column
v-if="showData.submitAccount4"
align="center"
:formatter="stateFormat"
prop="submitAccount4"
:label="`${'可提奖金'}(${isLocalSymbol()})`" width="140">
</el-table-column>
<el-table-column align="center"
:label="`${'可提奖金'}(${isLocalSymbol()})`"
width="140"
/>
<el-table-column
v-if="showData.lockAccount4"
align="center"
:formatter="stateFormat"
prop="lockAccount4"
:label="`${'禁止消费'}(${isLocalSymbol()})`" width="140">
</el-table-column>
<el-table-column align="center"
:label="`${'禁止消费'}(${isLocalSymbol()})`"
width="140"
/>
<el-table-column
v-if="showData.lockTransferAccount4"
align="center"
:formatter="stateFormat"
prop="lockTransferAccount4"
:label="`${'禁止转账'}(${isLocalSymbol()})`" width="140">
</el-table-column>
<el-table-column align="center"
:label="`${'禁止转账'}(${isLocalSymbol()})`"
width="140"
/>
<el-table-column
v-if="showData.lockWithdrawAccount4"
align="center"
:formatter="stateFormat"
prop="lockWithdrawAccount4"
:label="`${'禁止提现'}(${isLocalSymbol()})`" width="140">
</el-table-column>
:label="`${'禁止提现'}(${isLocalSymbol()})`"
width="140"
/>
<!-- 弟弟 -->
<el-table-column align="center"
<el-table-column
v-if="showData.account5"
align="center"
prop="account5"
:formatter="stateFormat"
:label="`${'重消余额'}(${isLocalSymbol()})`" width="140">
</el-table-column>
<el-table-column align="center"
:label="`${'重消余额'}(${isLocalSymbol()})`"
width="140"
/>
<el-table-column
v-if="showData.availableAccount5"
align="center"
:formatter="stateFormat"
prop="availableAccount5"
:label="`${'可用重消'}(${isLocalSymbol()})`" width="140">
</el-table-column>
<el-table-column align="center"
:label="`${'可用重消'}(${isLocalSymbol()})`"
width="140"
/>
<el-table-column
v-if="showData.lockAccount5"
align="center"
:formatter="stateFormat"
prop="lockAccount5"
:label="`${'禁止消费'}(${isLocalSymbol()})`" width="140">
</el-table-column>
<el-table-column align="center"
:label="`${'禁止消费'}(${isLocalSymbol()})`"
width="140"
/>
<el-table-column
v-if="showData.lockTransferAccount5"
align="center"
:formatter="stateFormat"
prop="lockTransferAccount5"
:label="`${'禁止转账'}(${isLocalSymbol()})`" width="140">
</el-table-column>
:label="`${'禁止转账'}(${isLocalSymbol()})`"
width="140"
/>
<!-- 弟弟 -->
<el-table-column align="center"
<el-table-column
v-if="showData.account6"
align="center"
:formatter="stateFormat"
prop="account6"
:label="`${'积分余额'}(${isLocalSymbol()})`" width="140">
</el-table-column>
<el-table-column align="center"
:label="`${'积分余额'}(${isLocalSymbol()})`"
width="140"
/>
<el-table-column
v-if="showData.availableAccount6"
align="center"
:formatter="stateFormat"
prop="availableAccount6"
:label="`${'可用积分'}(${isLocalSymbol()})`" width="140">
</el-table-column>
<el-table-column align="center"
:label="`${'可用积分'}(${isLocalSymbol()})`"
width="140"
/>
<el-table-column
v-if="showData.lockAccount6"
align="center"
:formatter="stateFormat"
prop="lockAccount6"
:label="`${'禁止消费'}(${isLocalSymbol()})`" width="140">
</el-table-column>
<el-table-column align="center"
:label="`${'禁止消费'}(${isLocalSymbol()})`"
width="140"
/>
<el-table-column
v-if="showData.lockTransferAccount6"
align="center"
:formatter="stateFormat"
prop="lockTransferAccount6"
:label="`${'禁止转账'}(${isLocalSymbol()})`" width="140">
</el-table-column>
:label="`${'禁止转账'}(${isLocalSymbol()})`"
width="140"
/>
<!-- 弟弟 -->
<el-table-column align="center" v-if="showData.account7"
<el-table-column
v-if="showData.account7"
align="center"
:formatter="stateFormat"
prop="account7"
:label="`${'鼓励余额'}${isLocalSymbol()})`" width="140">
</el-table-column>
<el-table-column align="center" v-if="showData.availableAccount7"
:label="`${'鼓励余额'}${isLocalSymbol()})`"
width="140"
/>
<el-table-column
v-if="showData.availableAccount7"
align="center"
:formatter="stateFormat"
prop="availableAccount7"
:label="`${'可用鼓励'}(${isLocalSymbol()})`" width="140">
</el-table-column>
<el-table-column align="center" v-if="showData.lockAccount7"
:label="`${'可用鼓励'}(${isLocalSymbol()})`"
width="140"
/>
<el-table-column
v-if="showData.lockAccount7"
align="center"
:formatter="stateFormat"
prop="lockAccount7"
:label="`${'禁止消费'}(${isLocalSymbol()})`" width="140">
</el-table-column>
<el-table-column align="center" v-if="showData.lockTransferAccount7"
:label="`${'禁止消费'}(${isLocalSymbol()})`"
width="140"
/>
<el-table-column
v-if="showData.lockTransferAccount7"
align="center"
:formatter="stateFormat"
prop="lockTransferAccount7"
:label="`${'禁止转账'}(${isLocalSymbol()})`" width="140">
</el-table-column>
:label="`${'禁止转账'}(${isLocalSymbol()})`"
width="140"
/>
<!-- 弟弟 -->
<el-table-column align="center" v-if="showData.account8"
<el-table-column
v-if="showData.account8"
align="center"
:formatter="stateFormat"
prop="account8"
:label="`${'复购券余额'}(${isLocalSymbol()})`" width="140">
</el-table-column>
<el-table-column align="center" v-if="showData.availableAccount8"
:label="`${'复购券余额'}(${isLocalSymbol()})`"
width="140"
/>
<el-table-column
v-if="showData.availableAccount8"
align="center"
:formatter="stateFormat"
prop="availableAccount8"
:label="`${'可用复购券'}(${isLocalSymbol()})`" width="140">
</el-table-column>
<el-table-column align="center" v-if="showData.lockAccount8"
:label="`${'可用复购券'}(${isLocalSymbol()})`"
width="140"
/>
<el-table-column
v-if="showData.lockAccount8"
align="center"
:formatter="stateFormat"
prop="lockAccount8"
:label="`${'禁止消费'}(${isLocalSymbol()})`" width="140">
</el-table-column>
<el-table-column align="center" v-if="showData.lockTransferAccount8"
:label="`${'禁止消费'}(${isLocalSymbol()})`"
width="140"
/>
<el-table-column
v-if="showData.lockTransferAccount8"
align="center"
:formatter="stateFormat"
prop="lockTransferAccount8"
:label="`${'禁止转账'}(${isLocalSymbol()})`" width="140">
</el-table-column>
<el-table-column align="center" v-if="showData.account9"
:label="`${'禁止转账'}(${isLocalSymbol()})`"
width="140"
/>
<el-table-column
v-if="showData.account9"
align="center"
:formatter="stateFormat"
prop="account9"
:label="'全球积分余额' +'(¥)'" width="140">
</el-table-column>
<el-table-column align="center" v-if="showData.availableAccount9"
:label="'全球积分余额' +'(¥)'"
width="140"
/>
<el-table-column
v-if="showData.availableAccount9"
align="center"
:formatter="stateFormat"
prop="availableAccount9"
:label="'可用全球积分'" width="140">
</el-table-column>
:label="'可用全球积分'"
width="140"
/>
<el-table-column align="center" v-if="showData.lockTransferAccount9"
<el-table-column
v-if="showData.lockTransferAccount9"
align="center"
:formatter="stateFormat"
prop="lockTransferAccount9"
:label="`${'禁止转账'}(${isLocalSymbol()})`" width="140">
</el-table-column>
<el-table-column align="center" v-if="showData.account10"
:label="`${'禁止转账'}(${isLocalSymbol()})`"
width="140"
/>
<el-table-column
v-if="showData.account10"
align="center"
:formatter="stateFormat"
prop="account10"
:label="'车奖积分余额'" width="140">
</el-table-column>
:label="'车奖积分余额'"
width="140"
/>
<el-table-column align="center" v-if="showData.availableAccount10"
<el-table-column
v-if="showData.availableAccount10"
align="center"
:formatter="stateFormat"
prop="availableAccount10"
:label="'可用车奖积分'" width="140">
</el-table-column>
<el-table-column align="center" v-if="showData.lockAccount10"
:label="'可用车奖积分'"
width="140"
/>
<el-table-column
v-if="showData.lockAccount10"
align="center"
:formatter="stateFormat"
prop="lockAccount10"
:label="`${'禁止消费'}(${isLocalSymbol()})`" width="140">
</el-table-column>
<el-table-column align="center" v-if="showData.lockTransferAccount10"
:label="`${'禁止消费'}(${isLocalSymbol()})`"
width="140"
/>
<el-table-column
v-if="showData.lockTransferAccount10"
align="center"
:formatter="stateFormat"
prop="lockTransferAccount10"
:label="`${'禁止转账'}(${isLocalSymbol()})`" width="140">
</el-table-column>
<el-table-column align="center" v-if="showData.account11"
:label="`${'禁止转账'}(${isLocalSymbol()})`"
width="140"
/>
<el-table-column
v-if="showData.account11"
align="center"
:formatter="stateFormat"
prop="account11"
:label="`${'直播代金券'}(${isLocalSymbol()})`" width="140">
</el-table-column>
<el-table-column align="center" v-if="showData.availableAccount11"
:label="`${'直播代金券'}(${isLocalSymbol()})`"
width="140"
/>
<el-table-column
v-if="showData.availableAccount11"
align="center"
:formatter="stateFormat"
prop="availableAccount11"
:label="`可用直播代金券(${isLocalSymbol()})`" width="140">
</el-table-column>
<el-table-column align="center" v-if="showData.account12"
:label="`可用直播代金券(${isLocalSymbol()})`"
width="140"
/>
<el-table-column
v-if="showData.account12"
align="center"
:formatter="stateFormat"
prop="account12"
:label="`${'乐学代金券'}(${isLocalSymbol()})`" width="140">
</el-table-column>
<el-table-column align="center" v-if="showData.availableAccount12"
:label="`${'乐学代金券'}(${isLocalSymbol()})`"
width="140"
/>
<el-table-column
v-if="showData.availableAccount12"
align="center"
:formatter="stateFormat"
prop="account11"
:label="`可用乐学代金券(${isLocalSymbol()})`" width="140">
</el-table-column>
<el-table-column align="center" v-if="showData.account13"
:label="`可用乐学代金券(${isLocalSymbol()})`"
width="140"
/>
<el-table-column
v-if="showData.account13"
align="center"
:formatter="stateFormat"
prop="account13"
:label="`${'海豆余额'}(${isLocalSymbol()})`" width="140">
</el-table-column>
<el-table-column align="center" v-if="showData.availableAccount13"
:label="`${'海豆余额'}(${isLocalSymbol()})`"
width="140"
/>
<el-table-column
v-if="showData.availableAccount13"
align="center"
:formatter="stateFormat"
prop="availableAccount13"
:label="`${'可用海豆'}(${isLocalSymbol()})`" width="140">
</el-table-column>
<el-table-column align="center" v-if="showData.lockAccount13"
:label="`${'可用海豆'}(${isLocalSymbol()})`"
width="140"
/>
<el-table-column
v-if="showData.lockAccount13"
align="center"
:formatter="stateFormat"
prop="lockAccount13"
:label="`${'禁止消费'}(${isLocalSymbol()})`" width="140">
</el-table-column>
<el-table-column align="center"
:label="`${'禁止消费'}(${isLocalSymbol()})`"
width="140"
/>
<el-table-column
align="center"
prop="time"
:label="'操作'" fixed="right" width="100" >
:label="'操作'"
fixed="right"
width="100"
>
<template slot-scope="scope">
<el-button @click="handleExportAlone(scope.row.pkId)"
<el-button
v-has-buttons="['WalletDetailssExport']"
class="button-s"
type="text"
v-has-buttons="['WalletDetailssExport']"
size="small" style="color: #FFAD41">
size="small"
style="color: #FFAD41"
@click="handleExportAlone(scope.row.pkId)"
>
{{ '导出' }}
</el-button>
<el-button @click="toDetails(scope.row.memberCode)"
<el-button
style="color: #E70DEC"
type="text"
class="button-s"
size="small">
size="small"
@click="toDetails(scope.row.memberCode)"
>
{{ '查看' }}
</el-button>
</template>
@ -424,62 +565,64 @@
</el-table>
</div>
</div>
<pagination v-show="total>0"
<pagination
v-show="total>0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getDataList" />
@pagination="getDataList"
/>
</div>
</template>
<script>
import { getenumsAccount } from "@/api/financial";
import { getenumsAccount } from '@/api/financial'
import topBar from '@/components/topBar'
import * as api from '@/api/financialCase.js'
import { mapGetters } from 'vuex'
import {isLocalSymbol, stateFormat} from "@/utils/numberToCurrency";
import { isLocalSymbol, stateFormat } from '@/utils/numberToCurrency'
export default {
name: 'Bzpz',
components: {
topBar,
topBar
},
filters: {
isAgree(val) {
if (!val) {
return '允许';
return '允许'
} else {
return '禁止';
return '禁止'
}
}
},
},
data() {
return {
creationTime: [],
select: {
pkMemberTeam: [],
pkMemberTeam: []
},
//
queryParams: {
pageNum: 1,
pageSize: 50,
pkAccounts: [], //
pkAccounts: [] //
},
total: 0,
dialogVisible: false,
tableData: [],
loading:false,
loading: false,
accountList: [],
vertexList: [],
memberTeamList: [],
enumsAccountList: [],
moren: "walletDetails",
moren: 'walletDetails',
topList: [
{
name: '钱包明细',
path: "walletDetails",
},
path: 'walletDetails'
}
],
showData:{}
showData: {}
}
},
mounted() {
@ -489,38 +632,37 @@ export default {
this.getDataList()
this.getenumsAccount()
this.getOthers()
},
computed: {
...mapGetters(['getUser']),
...mapGetters(['getUser'])
},
methods: {
isLocalSymbol,
stateFormat,
getOthers() {
api.listField().then((res) => {
const obj = {};
const obj = {}
res.data.forEach((ele) => {
obj[ele] = true;
});
this.showData = obj;
});
obj[ele] = true
})
this.showData = obj
})
},
changeAccount() {
this.titelList = [];
this.titelList = []
this.queryParams.pkAccounts.forEach((ele) => {
this.enumsAccountList.forEach((item) => {
if (ele == item.pkId) {
this.titelList.push({ value: ele, label: item.accountName });
this.titelList.push({ value: ele, label: item.accountName })
}
});
});
this.getDataList();
})
})
this.getDataList()
},
getenumsAccount() {
getenumsAccount().then((res) => {
this.enumsAccountList = res.rows
});
})
},
reset() {
this.select = {}
@ -545,8 +687,8 @@ export default {
this.$router.push({
path: 'walletDetails/details',
query: {
memberCode: id,
},
memberCode: id
}
})
},
//
@ -570,10 +712,10 @@ export default {
handleSelectionChange(val) {},
/** 导出按钮操作 */
handleExport() {
this.$confirm( '是否确认导出所有数据项?', '警告', {
this.$confirm('是否确认导出所有数据项?', '警告', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning',
type: 'warning'
}).then((_) => {
this.download(
'/member/manager/account/export',
@ -587,11 +729,11 @@ export default {
this.$confirm('是否确认导出当前数据项?', '警告', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning',
type: 'warning'
}).then((_) => {
this.download(
'/member/manager/account/export',
{pkIds:[id]},
{ pkIds: [id] },
`${'钱包明细'}${new Date().getTime()}.xlsx`
)
})
@ -603,8 +745,8 @@ export default {
return 'success-row'
}
return ''
},
},
}
}
}
</script>
<style scoped lang="scss">

View File

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