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