Skip to content

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

stage：服务费第三方充值描述

parent 2defa494
Hide whitespace changes
Inline Side-by-side
Showing with 102 additions and 13 deletions
src/views/business/salaryAccount/index.vue
View file @ e757acd9
......@@ -313,8 +313,8 @@
</el-col>
</el-row>
</el-dialog>
<!-- 线下充值 -->
<el-dialog title="汇款充值" :visible.sync="rechargeCoursePanel" width="50%">
<!-- 线下充值-余额账户充值 -->
<el-dialog title="汇款充值余额" :visible.sync="rechargeCoursePanel" width="50%">
<h2 style="font-weight: bold;font-size: 22px;margin-top: -15px;color: #1a1a1a">什么是汇款充值</h2>
<el-row>
<el-col :span="24" v-if="offlineRechargeStatic">
......@@ -375,18 +375,92 @@
<div style="font-size: 14px;margin-top: 5px">非工作时间预计最晚下个工作日到账(具体以银行为准)</div>
</el-timeline-item>
</el-timeline>
<div style="margin-top: 15px;">
<!-- <div style="margin-top: 15px;">
<span style="font-weight: bold;font-size: 18px">温馨提示：</span>
<span style="color: gray;font-size: 14px">充值金额
<span style="color: red;"><strong>分数位为1</strong></span>的（如：10.01，119.31，1235.81等）会
<span style="color: red;"><strong>充值到服务费</strong></span>；其它金额会充值到余额；</span>
</div>
</div> -->
</el-col>
</el-row>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="rechargeCoursePanel = false">确 定</el-button>
</div>
</el-dialog>
<!-- 线下充值-服务费账户充值 -->
<el-dialog title="汇款充值服务费" :visible.sync="serviceChargeCoursePanel" width="50%">
<h2 style="font-weight: bold;font-size: 22px;margin-top: -15px;color: #1a1a1a">什么是汇款充值</h2>
<el-row>
<el-col :span="24" v-if="offlineRechargeStatic">
商户可通过银行转账方式完成对应支付宝专属收款账户的充值。支付宝会为商户的每个支付宝账户提供独立的"专属收款账户"，商户从任一同名银行账户向其对应的"专属收款账户"转账，即可完成充值。
</el-col>
<el-col :span="24" v-else>
商户在下发资金时需消耗服务费，商户可使用开设“安全发专属账本”时备案的银行账户（切记一定要使用备案的银行账户转账，否则系统将无法自动划转至专属账本）将服务费转入至服务费专户，服务费专户收到款后，将在30分钟内由系统自动将钱计入至商户服务费，具体转账路径如下图所示：
<div style="text-align: center;">
<img style="width:80%;margin-top: 10px;" src="@/assets/images/login-background-fu.png" alt="">
</div>
</el-col>
</el-row>
<el-row style="margin-top: 15px;">
<el-col :span="24">
<span style="font-weight: bold;font-size: 22px;color: #1a1a1a">
三步完成充值
</span>
<a style="color: #69b1ff" href="https://render.alipay.com/p/yuyan/180020040000423002/de59b"
target="_blank">（查看教程）</a>
</el-col>
</el-row>
<el-row style="margin-top: 15px;">
<el-col :span="24">
<el-timeline>
<el-timeline-item>
<span style="font-weight: bold;font-size: 18px">登录你的网上银行</span>
<span style="color: gray;font-size: 14px">(支持任意银行)</span>
<div v-if="offlineRechargeStatic" style="font-size: 14px;margin-top: 5px">
必须使用本公司同名的银行账户进行汇款转账，首次使用建议小金额转入测试
</div>
<div v-else style="font-size: 14px;margin-top: 5px">必须使用开设“支付宝安全发专属账本”时备案的银行账户进行汇款转账，首次使用建议小额转入测试。</div>
</el-timeline-item>
<el-timeline-item>
<span style="font-weight: bold;font-size: 18px">转账时填写以下专属账户</span>
<div v-if="offlineRechargeStatic" style="font-size: 14px;margin-top: 5px">请注意收款账户支行选择：
<span style="color: red">支付宝-备付金账户</span>
<span>、开户地选择：</span>
<span style="color: red">上海市-上海市</span>
<span>，否则支付宝无法收到资金</span>
</div>
<el-descriptions :title="offlineRechargeStatic ? '你的企业备付金余额账户' : ''" :column="1" :border="true"
style="margin-top: 15px" :label-style="accDetail.label_style" :contentStyle="accDetail.content_style">
<el-descriptions-item label="账号">{{ offlineRechargeData.cardNo }}</el-descriptions-item>
<el-descriptions-item label="户名">{{ offlineRechargeData.bankAccName
}}</el-descriptions-item>
<el-descriptions-item label="银行">{{ offlineRechargeData.cardBank
}}</el-descriptions-item>
<el-descriptions-item label="支行">{{ offlineRechargeData.cardBranch
}}</el-descriptions-item>
<el-descriptions-item label="开户地">{{ offlineRechargeData.cardLocation
}}</el-descriptions-item>
<el-descriptions-item label="联行号">{{ offlineRechargeData.cardDeposit
}}</el-descriptions-item>
</el-descriptions>
</el-timeline-item>
<el-timeline-item>
<span style="font-weight: bold;font-size: 18px">转账完成后，工作时间最晚2小时到账，最快1分钟充值到您的支付宝账户</span>
<div style="font-size: 14px;margin-top: 5px">非工作时间预计最晚下个工作日到账(具体以银行为准)</div>
</el-timeline-item>
</el-timeline>
<!-- <div style="margin-top: 15px;">
<span style="font-weight: bold;font-size: 18px">温馨提示：</span>
<span style="color: gray;font-size: 14px">充值金额
<span style="color: red;"><strong>分数位为1</strong></span>的（如：10.01，119.31，1235.81等）会
<span style="color: red;"><strong>充值到服务费</strong></span>；其它金额会充值到余额；</span>
</div> -->
</el-col>
</el-row>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="serviceChargeCoursePanel = false">确 定</el-button>
</div>
</el-dialog>
<el-dialog title="确认支付" :visible.sync="qrPayPanel.open" width="20%">
<div>
<span style="font-size: 18px;">1、使用手机支付宝扫码支付;</span>
......@@ -574,8 +648,10 @@ export default {
ownAliQRCodeRechargeOpen: false,
ownRechargeTitle: null,
ownAliQRCodeRechargeForm: {},
// 线下充值
// 线下充值-余额
rechargeCoursePanel: false,
//线下充值-服务费
serviceChargeCoursePanel: false,
offlineRechargeData: {},
offlineRechargeStatic: false,
// 充值记录相关参数
......@@ -673,15 +749,28 @@ export default {
})
} else {
this.rechargeCoursePanel = false
this.offlineRechargeData = {
cardNo: '515901720410008',
bankAccName: '盐城美好生活专业清洁服务有限公司',
cardBank: '招商银行',
cardBranch: '盐城市青年路支行',
cardLocation: '江苏-盐城市',
cardDeposit: '308311000033'
if (this.aliQRCodeRechargeForm.rechargeType == 1) { //服务费充值
this.offlineRechargeData = {
cardNo: '571922384010001',
bankAccName: '良贸通（杭州）科技有限公司',
cardBank: '招商银行',
cardBranch: '招商银行股份有限公司杭州解放支行',
cardLocation: '江苏-杭州市',
cardDeposit: '308331012095'
}
this.serviceChargeCoursePanel = true
} else if (this.aliQRCodeRechargeForm.rechargeType == 2) { //余额
this.offlineRechargeData = {
cardNo: '515901720410008',
bankAccName: '盐城美好生活专业清洁服务有限公司',
cardBank: '招商银行',
cardBranch: '盐城市青年路支行',
cardLocation: '江苏-盐城市',
cardDeposit: '308311000033'
}
this.rechargeCoursePanel = true
}
this.rechargeCoursePanel = true
}
},
// 点击服务分充值方法-自有
......
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