forked from angelo/web-retail-admin
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,36 +81,37 @@
|
|||
>
|
||||
<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="
|
||||
item.pkTransactionKeyVal +
|
||||
`${'变更'}(${getUser.currency.symbol})`
|
||||
`${'变更'}(${getUser.currency.symbol})`
|
||||
"
|
||||
>
|
||||
<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,37 +93,38 @@
|
|||
>
|
||||
<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="
|
||||
item.pkTransactionKeyVal +
|
||||
`${'变更'}(${getUser.currency.symbol})`
|
||||
`${'变更'}(${getUser.currency.symbol})`
|
||||
"
|
||||
>
|
||||
<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>
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load Diff
Loading…
Reference in New Issue