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 @@ ...@@ -71,8 +71,8 @@
</div> </div>
<div style="width: 90%;"> <div style="width: 90%;">
<el-row> <el-row>
<!-- <el-col :span="12"><el-button style="width:120px;" type="primary"--> <!-- <el-col :span="12"><el-button style="width:120px;" type="primary"-->
<!-- plain @click>账单查询</el-button></el-col>--> <!-- plain @click>账单查询</el-button></el-col>-->
<el-col :span="12"><el-button style="width:120px;" type="primary" plain <el-col :span="12"><el-button style="width:120px;" type="primary" plain
@click="salarySelection(ele.payAccNo)">去发薪</el-button></el-col> @click="salarySelection(ele.payAccNo)">去发薪</el-button></el-col>
</el-row> </el-row>
...@@ -146,16 +146,16 @@ ...@@ -146,16 +146,16 @@
<div class="operateConterMain"> <div class="operateConterMain">
<div style="width: 90%;"> <div style="width: 90%;">
<el-row> <el-row>
<el-col :span="12"><el-button style="width:120px;" <el-col :span="12"><el-button style="width:120px;" type="primary"
type="primary">余额充值</el-button></el-col> @click="balanceRecharge(ele.payAccNo)">余额充值</el-button></el-col>
<el-col :span="12"><el-button style="width:120px;" <el-col :span="12"><el-button style="width:120px;" type="primary"
type="primary">服务费充值</el-button></el-col> @click="serviceChargeRecharge(ele.payAccNo)">服务费充值</el-button></el-col>
</el-row> </el-row>
</div> </div>
<div style="width: 90%;"> <div style="width: 90%;">
<el-row> <el-row>
<el-col :span="12"><el-button style="width:120px;" type="primary" <!-- <el-col :span="12"><el-button style="width:120px;" type="primary"
plain>账单查询</el-button></el-col> plain>账单查询</el-button></el-col> -->
<el-col :span="12"><el-button @click="salarySelection(ele.payAccNo)" <el-col :span="12"><el-button @click="salarySelection(ele.payAccNo)"
style="width:120px;" type="primary" plain>去发薪</el-button></el-col> style="width:120px;" type="primary" plain>去发薪</el-button></el-col>
</el-row> </el-row>
...@@ -188,20 +188,24 @@ ...@@ -188,20 +188,24 @@
<!-- 充值弹窗 --> <!-- 充值弹窗 -->
<el-dialog title="支付宝充值" :visible.sync="aliQRCodeRechargeOpen" width="500px" style="text-align: center"> <el-dialog title="支付宝充值" :visible.sync="aliQRCodeRechargeOpen" width="500px" style="text-align: center">
<!-- <h3>转账完成后，工作时间最晚2小时到账，最快1分钟充值到您的支付宝账户</h3>--> <!-- <h3>转账完成后，工作时间最晚2小时到账，最快1分钟充值到您的支付宝账户</h3>-->
<el-form :model="aliQRCodeRechargeForm" ref="signNewForm" size="small" label-width="120px"> <el-form :model="aliQRCodeRechargeForm" ref="signNewForm" size="small" label-width="120px"
<el-form-item label="收款账户" prop="payerAccNo"> :rules="aliQRCodeRechargeRules">
<el-input v-model="aliQRCodeRechargeForm.cardNo" placeholder="请输入付款账号" disabled /> <el-form-item label="收款账户" prop="payeeAccNo">
<el-input v-model="aliQRCodeRechargeForm.payeeAccNo" placeholder="请输入收款账号" disabled />
</el-form-item> </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> <template>
<el-select v-model="aliQRCodeRechargeForm.capitalPurpose" style="width: 100%" disabled> <el-select v-model="aliQRCodeRechargeForm.rechargeType" style="width: 100%" disabled>
<el-option label="余额" value="余额">余额</el-option> <el-option label="余额" :value="1">余额</el-option>
<el-option label="服务费" value="服务费">服务费</el-option> <el-option label="服务费" :value="2">服务费</el-option>
</el-select> </el-select>
</template> </template>
</el-form-item> </el-form-item>
<el-form-item label="充值金额" prop="tranAmount"> <el-form-item label="充值金额" prop="amount">
<el-input-number v-model="aliQRCodeRechargeForm.tranAmount" placeholder="请输入充值金额" :precision="2" <el-input-number v-model="aliQRCodeRechargeForm.amount" placeholder="请输入充值金额" :precision="2"
style="width: 100%" /> style="width: 100%" />
</el-form-item> </el-form-item>
</el-form> </el-form>
...@@ -232,10 +236,12 @@ ...@@ -232,10 +236,12 @@
</template> </template>
<script> <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 { listAllAccInfo, getMerchantDetailsAPI, getAccAliInfo } from '@/api/business/accInfo'
import { addAccRecharge } from '@/api/business/accRecharge.js'
export default { export default {
name: 'SalaryAccount', name: 'SalaryAccount',
components: { AccSelect },
data() { data() {
return { return {
// 账户详情 // 账户详情
...@@ -266,10 +272,27 @@ export default { ...@@ -266,10 +272,27 @@ export default {
// 充值参数 // 充值参数
aliQRCodeRechargeOpen: false, aliQRCodeRechargeOpen: false,
aliQRCodeRechargeForm: { aliQRCodeRechargeForm: {
aliBookInfoId: '', payeeAccNo: '',
cardNo: '', rechargeType: 1,
capitalPurpose: '余额充值', amount: '',
tranAmount: '' 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 { ...@@ -286,19 +309,31 @@ export default {
methods: { methods: {
// 点击余额充值方法 // 点击余额充值方法
balanceRecharge(val) { balanceRecharge(val) {
this.aliQRCodeRechargeForm.capitalPurpose = '余额' this.aliQRCodeRechargeForm.rechargeType = 1
this.aliQRCodeRechargeForm.cardNo = val this.aliQRCodeRechargeForm.payeeAccNo = val
this.aliQRCodeRechargeOpen = true this.aliQRCodeRechargeOpen = true
}, },
// 点击服务费充值方法 // 点击服务费充值方法
serviceChargeRecharge(val) { serviceChargeRecharge(val) {
this.aliQRCodeRechargeForm.capitalPurpose = '服务费' this.aliQRCodeRechargeForm.rechargeType = 2
this.aliQRCodeRechargeForm.cardNo = val this.aliQRCodeRechargeForm.payeeAccNo = val
this.aliQRCodeRechargeOpen = true this.aliQRCodeRechargeOpen = true
}, },
// 确认支付按钮 // 确认支付按钮
getAliPayUrl() { 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() { toLinkAlipay() {
...@@ -347,7 +382,7 @@ export default { ...@@ -347,7 +382,7 @@ export default {
this.accDetail.info = resp.data this.accDetail.info = resp.data
this.accDetail.panel = true this.accDetail.panel = true
} }
}).finally(()=> { }).finally(() => {
this.$modal.closeLoading() 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