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