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

feat(recharge): 充值不允许输入负数

This commit is contained in:
woody 2025-06-16 14:17:05 +08:00
parent 33a6b279d5
commit 2bb5af8311
3 changed files with 768 additions and 625 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

258
src/views/financial/recharge/doubleCz.vue
View File

@ -6,11 +6,9 @@
<template> <template>
<div class="mainbtn"> <div class="mainbtn">
<el-button size="small" class="thebtn1" @click="handleImport"> <el-button size="small" class="thebtn1" @click="handleImport">
{{ '导入' }}</el-button {{ '导入' }}</el-button>
>
<el-button size="small" class="thebtn2" @click="importTemplate"> <el-button size="small" class="thebtn2" @click="importTemplate">
{{ '下载模板' }}</el-button {{ '下载模板' }}</el-button>
>
</div> </div>
</template> </template>
@ -19,21 +17,21 @@
<el-col :span="5"> <el-col :span="5">
<el-form-item :label="'会员编号'"> <el-form-item :label="'会员编号'">
<el-input <el-input
v-model="form.memberCode"
clearable clearable
style="width: 200px" style="width: 200px"
v-model="form.memberCode"
@blur="checkName" @blur="checkName"
></el-input> />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="5"> <el-col :span="5">
<el-form-item :label="'会员姓名'"> <el-form-item :label="'会员姓名'">
<el-input <el-input
v-model="form.memberName"
clearable clearable
style="width: 200px" style="width: 200px"
v-model="form.memberName"
disabled disabled
></el-input> />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
@ -42,21 +40,18 @@
style="margin-left: 30px" style="margin-left: 30px"
@click="getList" @click="getList"
> >
{{ '搜索' }}</el-button {{ '搜索' }}</el-button>
>
<el-button class="my_reset" @click="reset"> <el-button class="my_reset" @click="reset">
{{ '重置' }}</el-button {{ '重置' }}</el-button>
>
</el-col> </el-col>
</el-row> </el-row>
<el-form-item :label="'充值方式'"> <el-form-item :label="'充值方式'">
<el-radio-group v-model="rechargeMethod"> <el-radio-group v-model="rechargeMethod">
<el-radio <el-radio
:label="item.value"
v-for="(item, index) in czWayList" v-for="(item, index) in czWayList"
:key="index" :key="index"
>{{ item.label }}</el-radio :label="item.value"
> >{{ item.label }}</el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<el-table <el-table
@ -71,15 +66,13 @@
prop="memberCode" prop="memberCode"
:label="'会员编号'" :label="'会员编号'"
min-width="120px" min-width="120px"
> />
</el-table-column>
<el-table-column <el-table-column
align="center" align="center"
prop="memberName" prop="memberName"
:label="'会员姓名'" :label="'会员姓名'"
min-width="120px" min-width="120px"
> />
</el-table-column>
<el-table-column <el-table-column
align="center" align="center"
prop="paymentMethod" prop="paymentMethod"
@ -88,23 +81,23 @@
> >
<template slot-scope="scope"> <template slot-scope="scope">
<el-select <el-select
v-model="scope.row.paymentMethod"
clearable clearable
:placeholder="'请选择'" :placeholder="'请选择'"
v-model="scope.row.paymentMethod"
> >
<el-option <el-option
v-for="item in paymentTypeList" v-for="item in paymentTypeList"
:key="item.value" :key="item.value"
:label="item.label" :label="item.label"
:value="item.value" :value="item.value"
></el-option> />
</el-select> </el-select>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
min-width="150px"
v-for="(item, index) in enumsAccountList" v-for="(item, index) in enumsAccountList"
:key="index" :key="index"
min-width="200px"
align="center" align="center"
:prop="`${item.pkId}`" :prop="`${item.pkId}`"
:label=" :label="
@ -113,11 +106,12 @@
" "
> >
<template slot-scope="scope"> <template slot-scope="scope">
<el-input <el-input-number
clearable
v-model="scope.row.rechargeDetailMap[`${item.pkId}`]" v-model="scope.row.rechargeDetailMap[`${item.pkId}`]"
> clearable
</el-input> :min="0"
:controls="false"
/>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
@ -127,7 +121,7 @@
min-width="120px" min-width="120px"
> >
<template slot-scope="scope"> <template slot-scope="scope">
<el-input v-model="scope.row.memberRemarks"></el-input> <el-input v-model="scope.row.memberRemarks" />
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
@ -137,7 +131,7 @@
:label="'备注(后台)'" :label="'备注(后台)'"
> >
<template slot-scope="scope"> <template slot-scope="scope">
<el-input v-model="scope.row.remarks"></el-input> <el-input v-model="scope.row.remarks" />
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
@ -147,13 +141,12 @@
<div class="footer"> <div class="footer">
<div style="margin: 0 auto"> <div style="margin: 0 auto">
<el-button <el-button
v-has-buttons="['ChongzhiConfirm']"
type="primary" type="primary"
class="thebtn" class="thebtn"
@click="saveDate('form')" @click="saveDate('form')"
v-has-buttons="['ChongzhiConfirm']"
>
{{ '确认' }}</el-button
> >
{{ '确认' }}</el-button>
</div> </div>
</div> </div>
</div> </div>
@ -177,17 +170,16 @@
:auto-upload="false" :auto-upload="false"
drag drag
> >
<i class="el-icon-upload"></i> <i class="el-icon-upload" />
<div class="el-upload__text"> <div class="el-upload__text">
{{ '将文件拖到此处，或' }} {{ '将文件拖到此处，或' }}
<em>{{ '点击上传' }}</em> <em>{{ '点击上传' }}</em>
</div> </div>
<div class="el-upload__tip" slot="tip"> <div slot="tip" class="el-upload__tip">
<el-link type="info" style="font-size: 12px" @click="importTemplate"> <el-link type="info" style="font-size: 12px" @click="importTemplate">
{{ '下载模板' }}</el-link {{ '下载模板' }}</el-link>
>
</div> </div>
<div class="el-upload__tip" style="color: red" slot="tip"> <div slot="tip" class="el-upload__tip" style="color: red">
{{ '提示：仅允许导入“xls”或“xlsx”格式文件！' }} {{ '提示：仅允许导入“xls”或“xlsx”格式文件！' }}
</div> </div>
</el-upload> </el-upload>
@ -204,216 +196,216 @@
</template> </template>
<script> <script>
import FileUpload from "@/components/FileUpload"; import FileUpload from '@/components/FileUpload'
import { getToken } from "@/utils/auth"; import { getToken } from '@/utils/auth'
import { mapGetters } from "vuex"; import { mapGetters } from 'vuex'
import { import {
getenumsCzAccount, getenumsCzAccount,
getpaymentType, getpaymentType,
getrechargeMethod, getrechargeMethod,
changeAccountType, changeAccountType,
getMemberName, getMemberName
} from "@/api/financial"; } from '@/api/financial'
import { stateFormat } from "@/utils/numberToCurrency"; import { stateFormat } from '@/utils/numberToCurrency'
export default { export default {
name: "Chongzhi", name: 'Chongzhi',
components: { components: {
FileUpload, FileUpload
}, },
computed: { computed: {
...mapGetters(["getUser"]), ...mapGetters(['getUser'])
}, },
data() { data() {
return { return {
tableData: [], tableData: [],
form: { form: {
memberCode: "", //会员编号 memberCode: '', // 会员编号
memberName: null, //会员姓名 memberName: null, // 会员姓名
rechargeDetailMap: {}, rechargeDetailMap: {},
paymentMethod: [], //交款方式 paymentMethod: [] // 交款方式
}, },
rechargeMethod: 1, //充值方式 rechargeMethod: 1, // 充值方式
enumsAccountList: [], //币种类型 enumsAccountList: [], // 币种类型
paymentTypeList: [], //交款方式 paymentTypeList: [], // 交款方式
czWayList: [], //充值方式 czWayList: [], // 充值方式
upload: { upload: {
// 是否显示弹出层（物流导入） // 是否显示弹出层（物流导入）
open: false, open: false,
// 弹出层标题（物流导入） // 弹出层标题（物流导入）
title: "", title: '',
// 是否禁用上传 // 是否禁用上传
isUploading: false, isUploading: false,
// 是否更新已经存在的物流数据 // 是否更新已经存在的物流数据
updateSupport: 0, updateSupport: 0,
// 设置上传的请求头部 // 设置上传的请求头部
headers: { Authorization: "Bearer " + getToken() }, headers: { Authorization: 'Bearer ' + getToken() },
// 上传的地址 // 上传的地址
url: url:
process.env.VUE_APP_BASE_API + process.env.VUE_APP_BASE_API +
"/member/manager/recharge/import-member-code", '/member/manager/recharge/import-member-code'
}, }
}; }
}, },
created() { created() {
//币种类型 // 币种类型
this.getenumsCzAccount(); this.getenumsCzAccount()
//交款方式 // 交款方式
this.getpaymentType(); this.getpaymentType()
//充值方式 // 充值方式
this.getrechargeMethod(); this.getrechargeMethod()
}, },
methods: { methods: {
stateFormat, stateFormat,
//下载模板 // 下载模板
importTemplate() { importTemplate() {
this.download( this.download(
"/member/manager/recharge/download-template", '/member/manager/recharge/download-template',
{}, {},
`${'模板'}${new Date().getTime()}.xlsx` `${'模板'}${new Date().getTime()}.xlsx`
); )
}, },
/** 导入按钮操作 */ /** 导入按钮操作 */
handleImport() { handleImport() {
this.upload.title = '导入'; this.upload.title = '导入'
this.upload.open = true; this.upload.open = true
}, },
// 文件上传中处理 // 文件上传中处理
handleFileUploadProgress(event, file, fileList) { handleFileUploadProgress(event, file, fileList) {
this.upload.isUploading = true; this.upload.isUploading = true
}, },
// 文件上传成功处理 // 文件上传成功处理
handleFileSuccess(response, file, fileList) { handleFileSuccess(response, file, fileList) {
this.tableData = []; this.tableData = []
if (response.code === 200 && response.data) { if (response.code === 200 && response.data) {
const rechargeDetailMap = {}; const rechargeDetailMap = {}
this.enumsAccountList.forEach((item) => { this.enumsAccountList.forEach((item) => {
rechargeDetailMap[item.pkId] = ""; rechargeDetailMap[item.pkId] = ''
}); })
response.data.forEach((item) => { response.data.forEach((item) => {
if (item.rechargeDetail) { if (item.rechargeDetail) {
item.rechargeDetailMap = { ...JSON.parse(item.rechargeDetail) }; item.rechargeDetailMap = { ...JSON.parse(item.rechargeDetail) }
this.tableData.push(item); this.tableData.push(item)
} else { } else {
item.rechargeDetailMap = { ...rechargeDetailMap }; item.rechargeDetailMap = { ...rechargeDetailMap }
this.tableData.push(item); this.tableData.push(item)
} }
}); })
this.$message({ this.$message({
message: response.msg, message: response.msg,
type: "success", type: 'success'
}); })
} else { } else {
const dataList = response.data.split(","); // 将数据按照逗号分隔为数组 const dataList = response.data.split(',') // 将数据按照逗号分隔为数组
const formattedData = dataList const formattedData = dataList
.reduce((acc, item, index) => { .reduce((acc, item, index) => {
const lineIndex = Math.floor(index / 3); // 计算当前行索引 const lineIndex = Math.floor(index / 3) // 计算当前行索引
acc[lineIndex] = acc[lineIndex] || []; // 初始化该行 acc[lineIndex] = acc[lineIndex] || [] // 初始化该行
acc[lineIndex].push(item); // 将当前元素加入对应的行 acc[lineIndex].push(item) // 将当前元素加入对应的行
return acc; return acc
}, []) }, [])
.map((line) => line.join(",")) .map((line) => line.join(','))
.join("<br>"); // 将每行的内容拼接成字符串，并用 <br> 换行 .join('<br>') // 将每行的内容拼接成字符串，并用 <br> 换行
const msgList = response.msg + "<br>" + formattedData; const msgList = response.msg + '<br>' + formattedData
this.$alert(msgList, this.$t("提示"), { this.$alert(msgList, this.$t('提示'), {
dangerouslyUseHTMLString: true, dangerouslyUseHTMLString: true
}); })
} }
this.upload.open = false; this.upload.open = false
this.upload.isUploading = false; this.upload.isUploading = false
this.$refs.upload.clearFiles(); this.$refs.upload.clearFiles()
}, },
getList() { getList() {
changeAccountType({ changeAccountType({
memberCode: this.form.memberCode, memberCode: this.form.memberCode,
memberName: this.form.memberName, memberName: this.form.memberName
}).then((res) => { }).then((res) => {
res.data.forEach((ele) => { res.data.forEach((ele) => {
ele.rechargeDetailMap = {}; ele.rechargeDetailMap = {}
}); })
this.tableData = res.data; this.tableData = res.data
}); })
}, },
// 上传文件数量超出后的动作 // 上传文件数量超出后的动作
handleExceed() { handleExceed() {
this.upload.isUploading = false; this.upload.isUploading = false
this.msgInfo('仅可上传一个文件哦'); this.msgInfo('仅可上传一个文件哦')
}, },
// 提交上传文件 // 提交上传文件
submitFileForm() { submitFileForm() {
this.$refs.upload.submit(); this.$refs.upload.submit()
}, },
//根据会员编号查询会员姓名 // 根据会员编号查询会员姓名
checkName() { checkName() {
getMemberName({ memberCode: this.form.memberCode }).then((res) => { getMemberName({ memberCode: this.form.memberCode }).then((res) => {
this.form.memberName = res.memberName; this.form.memberName = res.memberName
}); })
}, },
reset() { reset() {
this.form.memberCode = ""; this.form.memberCode = ''
this.form.memberName = ""; this.form.memberName = ''
this.getList(); this.getList()
}, },
//充值 // 充值
saveDate(formName) { saveDate(formName) {
if (!this.rechargeMethod) { if (!this.rechargeMethod) {
this.$message({ this.$message({
message: '请先选择充值方式', message: '请先选择充值方式',
type: "warning", type: 'warning'
}); })
return; return
} else { } else {
this.$refs[formName].validate((valid) => { this.$refs[formName].validate((valid) => {
if (valid) { if (valid) {
let shouldTerminate = false; let shouldTerminate = false
this.tableData.forEach((ele) => { this.tableData.forEach((ele) => {
if (!ele.paymentMethod) { if (!ele.paymentMethod) {
shouldTerminate = true; shouldTerminate = true
this.$message({ this.$message({
message: '交款方式不能为空', message: '交款方式不能为空',
type: "warning", type: 'warning'
}); })
return; return
} }
}); })
if (!shouldTerminate) { if (!shouldTerminate) {
this.$router.push({ this.$router.push({
path: "/information/business/czzxqc", path: '/information/business/czzxqc',
query: { query: {
data: "", data: '',
czlx: 2, czlx: 2,
detailParams: JSON.stringify(this.tableData), detailParams: JSON.stringify(this.tableData),
rechargeMethod: this.rechargeMethod, rechargeMethod: this.rechargeMethod
}, }
}); })
} }
} }
}); })
} }
}, },
getrechargeMethod() { getrechargeMethod() {
getrechargeMethod().then((res) => { getrechargeMethod().then((res) => {
this.czWayList = res.data; this.czWayList = res.data
}); })
}, },
getpaymentType() { getpaymentType() {
getpaymentType().then((res) => { getpaymentType().then((res) => {
this.paymentTypeList = res.data; this.paymentTypeList = res.data
}); })
}, },
getenumsCzAccount() { getenumsCzAccount() {
getenumsCzAccount({ accountProperty: 1 }).then((res) => { getenumsCzAccount({ accountProperty: 1 }).then((res) => {
this.enumsAccountList = res.rows; this.enumsAccountList = res.rows
}); })
}, }
}, }
}; }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>

161
src/views/financial/recharge/singleCz.vue
View File

@ -6,21 +6,21 @@
<el-col :span="6"> <el-col :span="6">
<el-form-item :label="'会员编号'"> <el-form-item :label="'会员编号'">
<el-input <el-input
v-model="form.memberCode"
clearable clearable
style="width: 200px" style="width: 200px"
v-model="form.memberCode"
@blur="checkName" @blur="checkName"
></el-input> />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<el-form-item :label="'会员姓名'"> <el-form-item :label="'会员姓名'">
<el-input <el-input
v-model="form.memberName"
clearable clearable
style="width: 200px" style="width: 200px"
v-model="form.memberName"
disabled disabled
></el-input> />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
@ -29,11 +29,9 @@
style="margin-left: 30px" style="margin-left: 30px"
@click="getList" @click="getList"
> >
{{ '搜索' }}</el-button {{ '搜索' }}</el-button>
>
<el-button class="my_reset" @click="reset"> <el-button class="my_reset" @click="reset">
{{ '重置' }}</el-button {{ '重置' }}</el-button>
>
</el-col> </el-col>
</el-row> </el-row>
<!-- <el-form-item :label="'钱包类型'"> <!-- <el-form-item :label="'钱包类型'">
@ -62,11 +60,10 @@
<el-radio-group v-model="rechargeMethod"> <el-radio-group v-model="rechargeMethod">
1 1
<el-radio <el-radio
:label="item.value"
v-for="(item, index) in czWayList" v-for="(item, index) in czWayList"
:key="index" :key="index"
>{{ item.label }}</el-radio :label="item.value"
> >{{ item.label }}</el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<el-table <el-table
@ -81,15 +78,13 @@
prop="memberCode" prop="memberCode"
:label="'会员编号'" :label="'会员编号'"
min-width="120px" min-width="120px"
> />
</el-table-column>
<el-table-column <el-table-column
align="center" align="center"
prop="memberName" prop="memberName"
:label="'会员姓名'" :label="'会员姓名'"
min-width="120px" min-width="120px"
> />
</el-table-column>
<el-table-column <el-table-column
align="center" align="center"
prop="paymentMethod" prop="paymentMethod"
@ -98,24 +93,24 @@
> >
<template slot-scope="scope"> <template slot-scope="scope">
<el-select <el-select
v-model="scope.row.paymentMethod"
clearable clearable
:placeholder="'请选择'" :placeholder="'请选择'"
v-model="scope.row.paymentMethod"
> >
<el-option <el-option
v-for="item in paymentTypeList" v-for="item in paymentTypeList"
:key="item.value" :key="item.value"
:label="item.label" :label="item.label"
:value="item.value" :value="item.value"
></el-option> />
</el-select> </el-select>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
min-width="150px"
v-for="(item, index) in enumsAccountList" v-for="(item, index) in enumsAccountList"
:key="index" :key="index"
min-width="200px"
align="center" align="center"
:prop="`${item.pkId}`" :prop="`${item.pkId}`"
:label=" :label="
@ -124,11 +119,12 @@
" "
> >
<template slot-scope="scope"> <template slot-scope="scope">
<el-input <el-input-number
clearable
v-model="scope.row.rechargeDetailMap[`${item.pkId}`]" v-model="scope.row.rechargeDetailMap[`${item.pkId}`]"
> :min="0"
</el-input> :controls="false"
clearable
/>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
@ -138,7 +134,7 @@
min-width="120px" min-width="120px"
> >
<template slot-scope="scope"> <template slot-scope="scope">
<el-input v-model="scope.row.memberRemarks"></el-input> <el-input v-model="scope.row.memberRemarks" />
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
@ -148,7 +144,7 @@
:label="'备注(后台)'" :label="'备注(后台)'"
> >
<template slot-scope="scope"> <template slot-scope="scope">
<el-input v-model="scope.row.remarks"></el-input> <el-input v-model="scope.row.remarks" />
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
@ -158,138 +154,137 @@
<div class="footer"> <div class="footer">
<div style="margin: 0 auto"> <div style="margin: 0 auto">
<el-button <el-button
v-has-buttons="['ChongzhiConfirm']"
type="primary" type="primary"
class="thebtn" class="thebtn"
@click="saveDate('form')" @click="saveDate('form')"
v-has-buttons="['ChongzhiConfirm']"
>
{{ '确认' }}</el-button
> >
{{ '确认' }}</el-button>
</div> </div>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
import { mapGetters } from "vuex"; import { mapGetters } from 'vuex'
import { import {
getenumsCzAccount, getenumsCzAccount,
getpaymentType, getpaymentType,
getrechargeMethod, getrechargeMethod,
changeAccountType, changeAccountType,
getMemberName, getMemberName
} from "@/api/financial"; } from '@/api/financial'
import { stateFormat } from "@/utils/numberToCurrency"; import { stateFormat } from '@/utils/numberToCurrency'
export default { export default {
name: "Chongzhi", name: 'Chongzhi',
computed: { computed: {
...mapGetters(["getUser"]), ...mapGetters(['getUser'])
}, },
data() { data() {
return { return {
tableData: [], tableData: [],
form: { form: {
memberCode: "", //会员编号 memberCode: '', // 会员编号
memberName: null, //会员姓名 memberName: null, // 会员姓名
rechargeDetailMap: {}, rechargeDetailMap: {},
paymentMethod: [], //交款方式 paymentMethod: [] // 交款方式
}, },
rechargeMethod: 1, //充值方式 rechargeMethod: 1, // 充值方式
enumsAccountList: [], //币种类型 enumsAccountList: [], // 币种类型
paymentTypeList: [], //交款方式 paymentTypeList: [], // 交款方式
czWayList: [], //充值方式 czWayList: [] // 充值方式
}; }
}, },
created() { created() {
//钱包类型 // 钱包类型
this.getenumsCzAccount(); this.getenumsCzAccount()
//交款方式 // 交款方式
this.getpaymentType(); this.getpaymentType()
//充值方式 // 充值方式
this.getrechargeMethod(); this.getrechargeMethod()
}, },
methods: { methods: {
stateFormat, stateFormat,
//根据会员编号查询会员姓名 // 根据会员编号查询会员姓名
checkName() { checkName() {
getMemberName({ memberCode: this.form.memberCode }).then((res) => { getMemberName({ memberCode: this.form.memberCode }).then((res) => {
this.form.memberName = res.memberName; this.form.memberName = res.memberName
}); })
}, },
getList() { getList() {
changeAccountType({ changeAccountType({
memberCode: this.form.memberCode, memberCode: this.form.memberCode,
memberName: this.form.memberName, memberName: this.form.memberName
}).then((res) => { }).then((res) => {
res.data.forEach((ele) => { res.data.forEach((ele) => {
ele.rechargeDetailMap = {}; ele.rechargeDetailMap = {}
}); })
this.tableData = res.data; this.tableData = res.data
}); })
}, },
reset() { reset() {
this.form.memberCode = ""; this.form.memberCode = ''
this.form.memberName = ""; this.form.memberName = ''
this.getList(); this.getList()
}, },
//充值 // 充值
saveDate(formName) { saveDate(formName) {
if (!this.rechargeMethod) { if (!this.rechargeMethod) {
this.$message({ this.$message({
message: '请先选择充值方式', message: '请先选择充值方式',
type: "warning", type: 'warning'
}); })
return; return
} else { } else {
this.$refs[formName].validate((valid) => { this.$refs[formName].validate((valid) => {
if (valid) { if (valid) {
let shouldTerminate = false; let shouldTerminate = false
this.tableData.forEach((ele) => { this.tableData.forEach((ele) => {
if (!ele.paymentMethod) { if (!ele.paymentMethod) {
shouldTerminate = true; shouldTerminate = true
this.$message({ this.$message({
message: '交款方式不能为空', message: '交款方式不能为空',
type: "warning", type: 'warning'
}); })
return; return
} }
}); })
if (!shouldTerminate) { if (!shouldTerminate) {
this.$router.push({ this.$router.push({
path: "/information/business/czzxqc", path: '/information/business/czzxqc',
query: { query: {
data: "", data: '',
czlx: 1, czlx: 1,
detailParams: JSON.stringify(this.tableData), detailParams: JSON.stringify(this.tableData),
rechargeMethod: this.rechargeMethod, rechargeMethod: this.rechargeMethod
}, }
}); })
} }
} }
}); })
} }
}, },
getrechargeMethod() { getrechargeMethod() {
getrechargeMethod().then((res) => { getrechargeMethod().then((res) => {
this.czWayList = res.data; this.czWayList = res.data
}); })
}, },
getpaymentType() { getpaymentType() {
getpaymentType().then((res) => { getpaymentType().then((res) => {
this.paymentTypeList = res.data; this.paymentTypeList = res.data
}); })
}, },
getenumsCzAccount() { getenumsCzAccount() {
getenumsCzAccount({ accountProperty: 1 }).then((res) => { getenumsCzAccount({ accountProperty: 1 }).then((res) => {
this.enumsAccountList = res.rows; this.enumsAccountList = res.rows
}); })
}, }
}, }
}; }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>

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

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