12 changed files with 749 additions and 74 deletions
@ -0,0 +1,531 @@ |
|||||
|
<template> |
||||
|
<div class="app-container"> |
||||
|
<div class="bg"> |
||||
|
|
||||
|
<div class="rig flex m20" v-hasPermi="['order:rechargeRecord:amountCount']"> |
||||
|
<div> |
||||
|
在途总金额(元)：<span class="#197CFE">{{ sum.onRouteAmount }}</span> |
||||
|
</div> |
||||
|
<div> |
||||
|
冻结总金额(元)：<span class="#197CFE">{{ sum.freezeAmount }}</span> |
||||
|
</div> |
||||
|
<div> |
||||
|
可提现总金额(元)：<span class="#197CFE">{{ sum.withdrawalAmount }}</span> |
||||
|
</div> |
||||
|
<div> |
||||
|
汇总：<span class="#197CFE">{{ sum.gatherAmount }}</span> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="rig flex m20"> |
||||
|
<div> |
||||
|
当前用户编号：<span class="#197CFE">{{ pkCouponId }}</span> |
||||
|
</div> |
||||
|
<div> |
||||
|
当前用户名称：<span class="#197CFE">{{ pkCouponStore.userName }}</span> |
||||
|
</div> |
||||
|
|
||||
|
|
||||
|
<div class="payConfigAll"> |
||||
|
<el-form :model="form" ref="form" :inline="true" label-width="86px" class="flex form" |
||||
|
style="padding:0 20px"> |
||||
|
<el-form-item label="出金通道" prop="channelType"> |
||||
|
<el-select v-model="channelType" placeholder="请选择出金通道" clearable size="medium"> |
||||
|
<el-option v-for="(item, i) in payConfigAll" :key="i" :label="item.channelName" |
||||
|
:value="item.channelType"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item> |
||||
|
<el-button type="primary" icon="" size="medium" |
||||
|
@click="agentUpdateCapitalChannel">确定</el-button> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
<el-table stripe v-loading="loading" :data="infoList"> |
||||
|
<el-table-column label="序号" align="center" prop="id" /> |
||||
|
<el-table-column label="账户编号" align="center" prop="accountNo" min-width="100" /> |
||||
|
<el-table-column label="支付类型" align="center" prop="typeName" /> |
||||
|
<el-table-column label="渠道类型" align="center" prop="channelName" /> |
||||
|
<el-table-column label="账户冻结金额(元)" align="center" prop="frozenCapital" /> |
||||
|
<el-table-column label="账户在途金额(元)" align="center" prop="transitCapital" /> |
||||
|
<el-table-column label="账户可提余额(元)" align="center" prop="useCapital" /> |
||||
|
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right" |
||||
|
min-width="150"> |
||||
|
<template slot-scope="scope"> |
||||
|
<el-button size="small" type="text" style="color: #006EFF;" |
||||
|
@click="handlePrivateTransfer(scope.row, 'formDai')">私户转入</el-button> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" |
||||
|
:limit.sync="queryParams.pageSize" @pagination="getList" /> |
||||
|
</div> |
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
<!-- 私户转入 --> |
||||
|
<el-dialog v-dialogDrag title="代付" :visible.sync="openBank" width="600px" append-to-body |
||||
|
:close-on-click-modal="false" :before-close="cancel"> |
||||
|
<el-form ref="formDai" :model="form" :rules="rules" label-width="120px"> |
||||
|
<div> |
||||
|
<span style="font-size:19px">代付银行卡</span> |
||||
|
<el-divider></el-divider> |
||||
|
</div> |
||||
|
<el-form-item label="出金通道" prop="bankId"> |
||||
|
<el-select v-model="form.bankId" placeholder="请选择出金通道" clearable size="medium" @change="getValue"> |
||||
|
<el-option v-for="(item, i) in bankCon" :key="i" :label="item.bankName" |
||||
|
:value="item.id"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="银行卡号" prop="acctId"> |
||||
|
<el-input v-model="form.acctId" placeholder="请输入银行卡号" /> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="支行名称" prop="bankBranchName"> |
||||
|
<el-input v-model="form.bankBranchName" placeholder="请输入支行名称" /> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="支行联行号" prop="bankSettleNo"> |
||||
|
<el-input v-model="form.bankSettleNo" placeholder="请输入支行联行号" /> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="开户人姓名" prop="acctName"> |
||||
|
<el-input v-model="form.acctName" placeholder="请输入开户人姓名" /> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="用户预留手机号" prop="mobile"> |
||||
|
<el-input v-model="form.mobile" placeholder="请输入用户预留手机号" /> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<div> |
||||
|
<span style="font-size:19px">代付金额</span> |
||||
|
<el-divider></el-divider> |
||||
|
</div> |
||||
|
|
||||
|
<el-form-item label="可代付金额" prop="useCapital"> |
||||
|
<span>{{ detailData.useCapital }}</span>元 |
||||
|
</el-form-item> |
||||
|
<el-form-item label="本次代付金额" prop="paymentAmount"> |
||||
|
<el-input v-model="form.paymentAmount" placeholder="请输入本次代付金额" |
||||
|
oninput="value=value.replace(/[^\d.]/g,'').replace(/^\./g, '').replace(/\.{2,}/g, '').replace('.', '$#$').replace(/\./g, '').replace('$#$', '.').match(/^\d*(\.?\d{0,4})/g)[0] || null" /> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="支付密码" prop="pwd"> |
||||
|
<el-input type="password" v-model="form.pwd" placeholder="请输入密码" /> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="谷歌动态验证码" prop="googleCode"> |
||||
|
<el-input v-model="form.googleCode" placeholder="请输入谷歌动态验证码" /> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<div slot="footer" class="dialog-footer"> |
||||
|
<el-button type="primary" @click="submitForm('private', 'formDai')">确 定</el-button> |
||||
|
<el-button @click="cancel('formDai')">取 消</el-button> |
||||
|
</div> |
||||
|
</el-dialog> |
||||
|
|
||||
|
|
||||
|
|
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { payMoneyCalcu, common_api } from "@/api/form"; |
||||
|
export default { |
||||
|
name: "pkCouponScopeRangeStoreList", |
||||
|
props: { |
||||
|
pkCouponId: { |
||||
|
type: String, |
||||
|
default() { |
||||
|
return ""; |
||||
|
}, |
||||
|
}, |
||||
|
pkCouponStore: { |
||||
|
type: Object, |
||||
|
default: {} |
||||
|
} |
||||
|
}, |
||||
|
data() { |
||||
|
var checkPhone = (rule, value, callback) => { |
||||
|
let reg = /^1[345789]\d{9}$/ |
||||
|
if (!reg.test(value)) { |
||||
|
callback(new Error('请输入11位手机号')) |
||||
|
} else { |
||||
|
callback() |
||||
|
} |
||||
|
} |
||||
|
return { |
||||
|
type: [ |
||||
|
{ |
||||
|
label: '增加', |
||||
|
value: 'yes' |
||||
|
}, |
||||
|
{ |
||||
|
label: '减少', |
||||
|
value: 'no' |
||||
|
}, |
||||
|
], |
||||
|
// 用户默认的出金通道 |
||||
|
userWithdrawalChannel: {}, |
||||
|
accountCon: [], |
||||
|
store: {}, |
||||
|
dateRange: [], |
||||
|
// 遮罩层 |
||||
|
loading: true, |
||||
|
// 导出遮罩层 |
||||
|
exportLoading: false, |
||||
|
// 选中数组 |
||||
|
ids: [], |
||||
|
// 非单个禁用 |
||||
|
single: true, |
||||
|
// 非多个禁用 |
||||
|
multiple: true, |
||||
|
// 显示搜索条件 |
||||
|
showSearch: true, |
||||
|
// 总条数 |
||||
|
total: 0, |
||||
|
// 表格数据 |
||||
|
infoList: [ |
||||
|
|
||||
|
], |
||||
|
// 弹出层标题 |
||||
|
title: "", |
||||
|
// 是否显示弹出层 |
||||
|
open: false, |
||||
|
openTransfer: false, |
||||
|
openBank: false, |
||||
|
openBalance: false, |
||||
|
// 查询参数 |
||||
|
queryParams: { |
||||
|
pageNum: 1, |
||||
|
pageSize: 20, |
||||
|
userId: null, |
||||
|
payType: null, |
||||
|
channelType: null, |
||||
|
}, |
||||
|
sum: { |
||||
|
freezeAmount: 0, |
||||
|
gatherAmount: 0, |
||||
|
onRouteAmount: 0, |
||||
|
withdrawalAmount: 0, |
||||
|
}, |
||||
|
|
||||
|
// 表单参数 |
||||
|
form: { |
||||
|
}, |
||||
|
// 表单校验 |
||||
|
rules: { |
||||
|
afterAmt: [ |
||||
|
{ required: true, message: "请输入本次修改金额", trigger: "blur" }, |
||||
|
], |
||||
|
paymentAmount: [ |
||||
|
{ required: true, message: "请输入本次代付金额", trigger: "blur" }, |
||||
|
], |
||||
|
mobile: [ |
||||
|
{ required: true, type: 'number', validator: checkPhone, message: '请输入正确的手机号', trigger: 'blur' }, |
||||
|
], |
||||
|
acctName: [ |
||||
|
{ required: true, message: "请输入开户人姓名", trigger: "blur" }, |
||||
|
], |
||||
|
bankSettleNo: [ |
||||
|
{ required: true, message: "请输入支行联行号", trigger: "blur" }, |
||||
|
], |
||||
|
acctId: [ |
||||
|
{ required: true, message: "请输入银行卡号", trigger: "blur" }, |
||||
|
], |
||||
|
bankBranchName: [ |
||||
|
{ required: true, message: "请输入支行名称", trigger: "blur" }, |
||||
|
], |
||||
|
bankId: [ |
||||
|
{ required: true, message: "请选择出金通道", trigger: "blur" }, |
||||
|
], |
||||
|
toAccountNo: [ |
||||
|
{ required: true, message: "请选择划转账户", trigger: "blur" }, |
||||
|
], |
||||
|
transferCapital: [ |
||||
|
{ required: true, message: "请输入划转金额", trigger: "blur" }, |
||||
|
], |
||||
|
pwd: [ |
||||
|
{ required: true, message: "请输入密码", trigger: "blur" }, |
||||
|
], |
||||
|
googleCode: [ |
||||
|
{ required: true, message: "请输入谷歌动态验证码", trigger: "blur" }, |
||||
|
], |
||||
|
|
||||
|
}, |
||||
|
userLevType: [], |
||||
|
sortLevType: [], |
||||
|
detailData: {}, |
||||
|
bankCon: [], |
||||
|
rows: {}, |
||||
|
payConfigAll: [], |
||||
|
channelType: '', |
||||
|
}; |
||||
|
}, |
||||
|
created() { |
||||
|
this.pkCouponId && (this.queryParams.userId = this.pkCouponId); |
||||
|
this.getList(); |
||||
|
this.init(); |
||||
|
}, |
||||
|
methods: { |
||||
|
|
||||
|
// 获取银行的所有值 |
||||
|
getValue(e) { |
||||
|
for (var i = 0; i < this.bankCon.length; i++) { |
||||
|
if (e == this.bankCon[i].id) { |
||||
|
this.form.bankSegment = this.bankCon[i].bankSegment |
||||
|
this.form.bankName = this.bankCon[i].bankName |
||||
|
this.form.bankCode = this.bankCon[i].bankCode |
||||
|
this.form.bankEnglishShort = this.bankCon[i].bankEnglishShort |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
// 获取用户出金通道 |
||||
|
getUserWithdrawalChannel() { |
||||
|
payMoneyCalcu.getUserWithdrawalChannel({ acctType: "debit_card", userId: this.pkCouponStore.userId }) |
||||
|
.then(res => { |
||||
|
this.userWithdrawalChannel = res.data?.[0] ?? {}; |
||||
|
if (this.userWithdrawalChannel) { |
||||
|
this.form = { |
||||
|
...this.form, |
||||
|
acctId: this.userWithdrawalChannel.acctId, |
||||
|
bankBranchName: this.userWithdrawalChannel.bankBranchName, |
||||
|
bankSettleNo: this.userWithdrawalChannel.bankSettleNo, |
||||
|
acctName: this.userWithdrawalChannel.acctName, |
||||
|
mobile: this.userWithdrawalChannel.mobile, |
||||
|
} |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
// 私户 |
||||
|
handlePrivateTransfer(row, v) { |
||||
|
this.rows = row |
||||
|
if (!row.channelType) { |
||||
|
this.$message.error('当前渠道类型为空，请选择渠道~') |
||||
|
return; |
||||
|
} |
||||
|
this.reset(v); |
||||
|
this.loading = true; |
||||
|
// 获取用户出金 |
||||
|
// this.getUserWithdrawalChannel(); |
||||
|
payMoneyCalcu.getWithdrawalChannel({ |
||||
|
channelType: row.channelType, |
||||
|
flagCard: 'private_account' |
||||
|
}) |
||||
|
.then((response) => { |
||||
|
this.openBank = true; |
||||
|
this.bankCon = response.data |
||||
|
this.loading = false; |
||||
|
// 获取代理虚拟资金 |
||||
|
payMoneyCalcu.getAgentUserCapitalAccountDetail({ |
||||
|
accountNo: row.accountNo, |
||||
|
userId: this.queryParams.userId |
||||
|
}) |
||||
|
.then((response) => { |
||||
|
this.form.accountNo = row.accountNo |
||||
|
this.detailData = response.data |
||||
|
}); |
||||
|
}); |
||||
|
}, |
||||
|
// 修改渠道 |
||||
|
agentUpdateCapitalChannel() { |
||||
|
if (!this.channelType) { |
||||
|
this.$message.error('请选择渠道类型~') |
||||
|
return; |
||||
|
} |
||||
|
let form = { |
||||
|
userId: this.infoList[0].userId, |
||||
|
channelType: this.channelType, |
||||
|
payType: this.infoList[0].payType, |
||||
|
} |
||||
|
const loading = this.$loading({ |
||||
|
lock: true, |
||||
|
text: `正在提交`, |
||||
|
spinner: "el-icon-loading", |
||||
|
background: "rgba(0, 0, 0, 0.7)", |
||||
|
}); |
||||
|
payMoneyCalcu |
||||
|
.agentUpdateCapitalChannel(form) |
||||
|
.then((response) => { |
||||
|
loading.close(); |
||||
|
if (response.code == 200) { |
||||
|
this.$message.success('提交成功') |
||||
|
this.getList() |
||||
|
this.$forceUpdate() |
||||
|
} |
||||
|
}) |
||||
|
.catch(() => { |
||||
|
loading.close(); |
||||
|
}); |
||||
|
}, |
||||
|
/** 提交按钮 */ |
||||
|
submitForm(type, val) { |
||||
|
this.form.userId = this.pkCouponStore.userId |
||||
|
this.form.storeId = this.pkCouponStore.storeId |
||||
|
if (this.form.paymentAmount > this.detailData.useCapital) { |
||||
|
this.$message.error('余额不足') |
||||
|
return; |
||||
|
} |
||||
|
this.$refs[val].validate((valid) => { |
||||
|
if (valid) { |
||||
|
const loading = this.$loading({ |
||||
|
lock: true, |
||||
|
text: `正在代付`, |
||||
|
spinner: "el-icon-loading", |
||||
|
background: "rgba(0, 0, 0, 0.7)", |
||||
|
}); |
||||
|
payMoneyCalcu |
||||
|
.agentPaymentSave(this.form) |
||||
|
.then((response) => { |
||||
|
loading.close(); |
||||
|
if (response.code == 200) { |
||||
|
this.$message.success('代付资金提交成功') |
||||
|
this.getList() |
||||
|
} |
||||
|
this.openBank = false |
||||
|
}) |
||||
|
.catch(() => { |
||||
|
loading.close(); |
||||
|
}); |
||||
|
} |
||||
|
}); |
||||
|
}, |
||||
|
|
||||
|
/** 查询 */ |
||||
|
getList() { |
||||
|
this.loading = true; |
||||
|
this.payConfigAll = [] |
||||
|
payMoneyCalcu.agentCapitalList(this.addSESDateRange(this.queryParams, this.dateRange)) |
||||
|
.then((response) => { |
||||
|
this.infoList = response.data.rows; |
||||
|
this.total = Number(response.data.total) |
||||
|
this.loading = false; |
||||
|
if (this.infoList.length) { |
||||
|
this.channelType = this.infoList[0].channelType |
||||
|
// 筛选出渠道通道 |
||||
|
common_api.payConfigAll({ |
||||
|
type: 'in' |
||||
|
}).then((response) => { |
||||
|
for (var i = 0; i < response.data.length; i++) { |
||||
|
if (response.data[i].interfaceType == 'withdrawls' && response.data[i].payType == 'payment') { |
||||
|
if (response.data[i].nationCode == this.infoList[0].nationCode) { |
||||
|
this.payConfigAll.push(response.data[i]) |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
}); |
||||
|
} |
||||
|
if (!this.infoList.length) { |
||||
|
this.channelType = '' |
||||
|
} |
||||
|
|
||||
|
}); |
||||
|
|
||||
|
// 查询金额详情 |
||||
|
payMoneyCalcu.agentAmountCount({ |
||||
|
userId: this.pkCouponStore.userId, |
||||
|
channelType: '', |
||||
|
payType: '', |
||||
|
}) |
||||
|
.then((response) => { |
||||
|
this.sum = response.data |
||||
|
}); |
||||
|
}, |
||||
|
init() { |
||||
|
common_api.payChannelAll().then((response) => { |
||||
|
this.userLevType = response.data |
||||
|
}); |
||||
|
common_api.payTypeAll().then((response) => { |
||||
|
this.sortLevType = response.data |
||||
|
}); |
||||
|
}, |
||||
|
// 取消按钮 |
||||
|
cancel(type) { |
||||
|
this.open = false; |
||||
|
this.openTransfer = false; |
||||
|
this.openBank = false |
||||
|
this.openBalance = false |
||||
|
this.reset(type); |
||||
|
}, |
||||
|
// 表单重置 |
||||
|
reset(type) { |
||||
|
this.form = {}; |
||||
|
this.detailData = {}; |
||||
|
this.resetForm(type); |
||||
|
}, |
||||
|
/** 搜索按钮操作 */ |
||||
|
handleQuery() { |
||||
|
this.queryParams.pageNum = 1; |
||||
|
this.getList(); |
||||
|
}, |
||||
|
/** 重置按钮操作 */ |
||||
|
resetQuery() { |
||||
|
this.dateRange = []; |
||||
|
this.resetForm("queryForm"); |
||||
|
this.handleQuery(); |
||||
|
}, |
||||
|
/** 新增按钮操作 */ |
||||
|
handleAdd() { |
||||
|
this.reset(); |
||||
|
this.open = true; |
||||
|
this.title = "添加适用商家"; |
||||
|
}, |
||||
|
change() { |
||||
|
this.$forceUpdate() |
||||
|
}, |
||||
|
selectChange(data) { |
||||
|
this.$set(this.form, 'storeName', data.storeName) |
||||
|
this.form.pkuserId = data.id; |
||||
|
this.$nextTick(() => { |
||||
|
this.$refs.pkParkingInfoIdRef.clearValidate(); |
||||
|
}); |
||||
|
}, |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss" scoped> |
||||
|
::v-deep .payConfigAll .el-form-item__content { |
||||
|
margin-left: 0px !important; |
||||
|
} |
||||
|
|
||||
|
::v-deep .payConfigAll .el-form-item__content { |
||||
|
padding: 0px !important; |
||||
|
background: none !important; |
||||
|
} |
||||
|
|
||||
|
::v-deep .payConfigAll .el-input { |
||||
|
padding: 0px !important; |
||||
|
background: none !important; |
||||
|
margin-left: 0px !important; |
||||
|
} |
||||
|
|
||||
|
.payConfigAll { |
||||
|
background: none !important; |
||||
|
padding: 0 !important; |
||||
|
|
||||
|
div { |
||||
|
background: none !important; |
||||
|
padding: 0 !important; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
::v-deep .el-divider--horizontal { |
||||
|
margin: 8px 0; |
||||
|
} |
||||
|
|
||||
|
.bg { |
||||
|
border-radius: 0; |
||||
|
background: #fff; |
||||
|
box-shadow: none; |
||||
|
border-color: rgba(0, 0, 0, 0.05); |
||||
|
padding: 0px 0; |
||||
|
} |
||||
|
|
||||
|
.app-container { |
||||
|
margin: 0; |
||||
|
padding: 0; |
||||
|
} |
||||
|
|
||||
|
.el-radio { |
||||
|
line-height: 2; |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
Binary file not shown.
Loading…
Reference in new issue