Skip to content

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

线下充值

parent 1302c7e5
Hide whitespace changes
Inline Side-by-side
Showing with 73 additions and 3 deletions
src/views/business/salaryAccount/index.vue
View file @ 652a90c3
...@@ -224,7 +224,7 @@ ...@@ -224,7 +224,7 @@
<el-descriptions-item label="支行">{{ accDetail.info.cardBranch }}</el-descriptions-item> <el-descriptions-item label="支行">{{ accDetail.info.cardBranch }}</el-descriptions-item>
<el-descriptions-item label="开户地">{{ accDetail.info.cardLocation }}</el-descriptions-item> <el-descriptions-item label="开户地">{{ accDetail.info.cardLocation }}</el-descriptions-item>
<el-descriptions-item label="联行号">{{ accDetail.info.cardDeposit }}</el-descriptions-item> <el-descriptions-item label="联行号">{{ accDetail.info.cardDeposit }}</el-descriptions-item>
<!-- <el-descriptions-item label="备付金余额">{{ accountDetail.availableAmount }}</el-descriptions-item>--> <!-- <el-descriptions-item label="备付金余额">{{ offlineRecharge.availableAmount }}</el-descriptions-item>-->
<el-descriptions-item label="可转账金额">{{ accDetail.info.availableTransferAmount }}</el-descriptions-item> <el-descriptions-item label="可转账金额">{{ accDetail.info.availableTransferAmount }}</el-descriptions-item>
<el-descriptions-item label="可用服务费">{{ accDetail.info.availableFeeAmount }}</el-descriptions-item> <el-descriptions-item label="可用服务费">{{ accDetail.info.availableFeeAmount }}</el-descriptions-item>
</el-descriptions> </el-descriptions>
...@@ -258,6 +258,71 @@ ...@@ -258,6 +258,71 @@
</el-col> </el-col>
</el-row> </el-row>
</el-dialog> </el-dialog>
<!-- 线下充值 -->
<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">
商户可通过银行转账方式完成对应支付宝专属收款账户的充值。支付宝会为商户的每个支付宝账户提供独立的"专属收款账户"，商户从任一同名银行账户向其对应的"专属收款账户"转账，即可完成充值。
</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 style="font-size: 14px;margin-top: 5px">必须使用本公司同名的银行账户进行汇款转账，首次使用建议小金额转入测试</div>
</el-timeline-item>
<el-timeline-item>
<span style="font-weight: bold;font-size: 18px">转账时填写以下专属账户</span>
<div 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="你的企业备付金余额账户" :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="rechargeCoursePanel = false">确 定</el-button>
</div>
</el-dialog>
</div> </div>
</template> </template>
...@@ -326,7 +391,10 @@ export default { ...@@ -326,7 +391,10 @@ export default {
ownRechargeNo: null, ownRechargeNo: null,
ownAliQRCodeRechargeForm: { ownAliQRCodeRechargeForm: {
} },
// 线下充值
rechargeCoursePanel: false,
offlineRechargeData: {}
} }
}, },
created() { }, created() { },
...@@ -344,8 +412,10 @@ export default { ...@@ -344,8 +412,10 @@ export default {
offlineRecharge() { offlineRecharge() {
this.ownAliQRCodeRechargeOpen = false this.ownAliQRCodeRechargeOpen = false
this.$modal.loading('...加载中') this.$modal.loading('...加载中')
getAccAliInfo(card.payAccNo).then(resp => { getAccAliInfo(this.ownRechargeNo).then(resp => {
if (200 === resp.code) { if (200 === resp.code) {
this.offlineRechargeData = resp.data
this.rechargeCoursePanel = true
// this.accDetail.companyName = card.companyName // this.accDetail.companyName = card.companyName
// this.accDetail.info = resp.data // this.accDetail.info = resp.data
// this.accDetail.panel = true // this.accDetail.panel = 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