Skip to content

薪
薪瑞通-前端
Commit 0e8d7f11 authored by 谢子梦's avatar 谢子梦
Browse files
Options

第三方充值方法

parent be96c4fa
Show whitespace changes
Inline Side-by-side
Showing with 101 additions and 66 deletions
src/views/business/salaryAccount/index.vue
View file @ 0e8d7f11
......@@ -71,8 +71,8 @@
</div>
<div style="width: 90%;">
<el-row>
<!-- <el-col :span="12"><el-button style="width:120px;" type="primary"-->
<!-- plain @click>账单查询</el-button></el-col>-->
<!-- <el-col :span="12"><el-button style="width:120px;" type="primary"-->
<!-- plain @click>账单查询</el-button></el-col>-->
<el-col :span="12"><el-button style="width:120px;" type="primary" plain
@click="salarySelection(ele.payAccNo)">去发薪</el-button></el-col>
</el-row>
......@@ -146,16 +146,16 @@
<div class="operateConterMain">
<div style="width: 90%;">
<el-row>
<el-col :span="12"><el-button style="width:120px;"
type="primary">余额充值</el-button></el-col>
<el-col :span="12"><el-button style="width:120px;"
type="primary">服务费充值</el-button></el-col>
<el-col :span="12"><el-button style="width:120px;" type="primary"
@click="balanceRecharge(ele.payAccNo)">余额充值</el-button></el-col>
<el-col :span="12"><el-button style="width:120px;" type="primary"
@click="serviceChargeRecharge(ele.payAccNo)">服务费充值</el-button></el-col>
</el-row>
</div>
<div style="width: 90%;">
<el-row>
<el-col :span="12"><el-button style="width:120px;" type="primary"
plain>账单查询</el-button></el-col>
<!-- <el-col :span="12"><el-button style="width:120px;" type="primary"
plain>账单查询</el-button></el-col> -->
<el-col :span="12"><el-button @click="salarySelection(ele.payAccNo)"
style="width:120px;" type="primary" plain>去发薪</el-button></el-col>
</el-row>
......@@ -188,20 +188,24 @@
<!-- 充值弹窗 -->
<el-dialog title="支付宝充值" :visible.sync="aliQRCodeRechargeOpen" width="500px" style="text-align: center">
<!-- <h3>转账完成后，工作时间最晚2小时到账，最快1分钟充值到您的支付宝账户</h3>-->
<el-form :model="aliQRCodeRechargeForm" ref="signNewForm" size="small" label-width="120px">
<el-form-item label="收款账户" prop="payerAccNo">
<el-input v-model="aliQRCodeRechargeForm.cardNo" placeholder="请输入付款账号" disabled />
<el-form :model="aliQRCodeRechargeForm" ref="signNewForm" size="small" label-width="120px"
:rules="aliQRCodeRechargeRules">
<el-form-item label="收款账户" prop="payeeAccNo">
<el-input v-model="aliQRCodeRechargeForm.payeeAccNo" placeholder="请输入收款账号" disabled />
</el-form-item>
<el-form-item label="余额/服务费" prop="capitalPurpose">
<el-form-item label="付款账户" prop="payerAccNo">
<accSelect :bindType="1" v-model="aliQRCodeRechargeForm.payerAccNo"></accSelect>
</el-form-item>
<el-form-item label="余额/服务费" prop="rechargeType">
<template>
<el-select v-model="aliQRCodeRechargeForm.capitalPurpose" style="width: 100%" disabled>
<el-option label="余额" value="余额">余额</el-option>
<el-option label="服务费" value="服务费">服务费</el-option>
<el-select v-model="aliQRCodeRechargeForm.rechargeType" style="width: 100%" disabled>
<el-option label="余额" :value="1">余额</el-option>
<el-option label="服务费" :value="2">服务费</el-option>
</el-select>
</template>
</el-form-item>
<el-form-item label="充值金额" prop="tranAmount">
<el-input-number v-model="aliQRCodeRechargeForm.tranAmount" placeholder="请输入充值金额" :precision="2"
<el-form-item label="充值金额" prop="amount">
<el-input-number v-model="aliQRCodeRechargeForm.amount" placeholder="请输入充值金额" :precision="2"
style="width: 100%" />
</el-form-item>
</el-form>
......@@ -232,10 +236,12 @@
</template>
<script>
import { listAllAccInfo, getAccAliInfo } from '@/api/business/accInfo'
import AccSelect from '@/views/business/accInfo/accSelect.vue'
import { listAllAccInfo, getMerchantDetailsAPI, getAccAliInfo } from '@/api/business/accInfo'
import { addAccRecharge } from '@/api/business/accRecharge.js'
export default {
name: 'SalaryAccount',
components: { AccSelect },
data() {
return {
// 账户详情
......@@ -266,10 +272,27 @@ export default {
// 充值参数
aliQRCodeRechargeOpen: false,
aliQRCodeRechargeForm: {
aliBookInfoId: '',
cardNo: '',
capitalPurpose: '余额充值',
tranAmount: ''
payeeAccNo: '',
rechargeType: 1,
amount: '',
payerAccNo: ''
},
aliQRCodeRechargeRules: {
payerAccNo: [
{ required: true, message: '请选择付款账号', trigger: 'change' }
],
amount: [
{
validator: (rule, value, callback) => {
if (value <= 0) {
callback(new Error('充值金额必须大于零'));
} else {
callback()
}
},
trigger: 'blur'
}
]
}
}
},
......@@ -286,19 +309,31 @@ export default {
methods: {
// 点击余额充值方法
balanceRecharge(val) {
this.aliQRCodeRechargeForm.capitalPurpose = '余额'
this.aliQRCodeRechargeForm.cardNo = val
this.aliQRCodeRechargeForm.rechargeType = 1
this.aliQRCodeRechargeForm.payeeAccNo = val
this.aliQRCodeRechargeOpen = true
},
// 点击服务费充值方法
serviceChargeRecharge(val) {
this.aliQRCodeRechargeForm.capitalPurpose = '服务费'
this.aliQRCodeRechargeForm.cardNo = val
this.aliQRCodeRechargeForm.rechargeType = 2
this.aliQRCodeRechargeForm.payeeAccNo = val
this.aliQRCodeRechargeOpen = true
},
// 确认支付按钮
getAliPayUrl() {
this.$refs.signNewForm.validate((valid) => {
if (valid) {
this.$modal.loading('充值中....')
addAccRecharge(this.aliQRCodeRechargeForm).then(res => {
if (res.code == 200) {
this.aliQRCodeRechargeOpen = false
this.$modal.msgSuccess("充值成功！");
}
}).finally(() => {
this.$modal.closeLoading()
})
}
})
},
// 跳转到批量到支付宝
toLinkAlipay() {
......@@ -347,7 +382,7 @@ export default {
this.accDetail.info = resp.data
this.accDetail.panel = true
}
}).finally(()=> {
}).finally(() => {
this.$modal.closeLoading()
})
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment