Authored by 王水玲

分期二期

Showing 38 changed files with 464 additions and 296 deletions
... ... @@ -47,9 +47,7 @@ const _reviewStatus = (res, req, uid, status) => {
} else if (status === '3') {
return {
error: {
url: jumpUrl
}
error: true
};
} else if (status === '4') {
return {
... ...
... ... @@ -107,7 +107,6 @@ const _processAmtList = (listData, queryDays) => {
// 处理还款记录数据
const _processRepayList = (list) => {
if (list !== 'NULL') {
_.forEach(list.rePayList, (data) => {
if (data.status === 1) {
... ... @@ -117,6 +116,7 @@ const _processRepayList = (list) => {
data.isThree = true;
delete data.desc;
} else if (data.status === 2) {
data.repayStatus = '还款失败';
data.txt = '还款失败';
if (data.desc || data.desc !== '') {
... ... @@ -324,7 +324,7 @@ const activateService = (params) => {
method: 'user.instalment.activate',
debug: 'XYZ' // TODO: remove this
}, params), {
timeout: 30000
timeout: API_TIMEOUT
});
};
... ... @@ -471,6 +471,14 @@ const checkVerifyCode = (uid, mobile, code) => {
});
};
// 添加银行卡请求
const postAccount = (params) => {
return api.get('', _.assign({
method: 'user.instalment.bindingCards',
debug: 'XYZ'
}, params));
};
module.exports = {
getStauts,
getQueryCreditInfo,
... ... @@ -486,5 +494,6 @@ module.exports = {
getInstallmentOrders,
getInstallmentOrderDetail,
totalAmount,
checkVerifyCode
checkVerifyCode,
postAccount
};
... ...
... ... @@ -13,7 +13,7 @@ const installment = require(cRoot + '/installment');
const router = express.Router(); // eslint-disable-line
// 分期付款
router.get('/installment/index', installment.index);// 开通分期首页
router.get('/installment/index', installment.index); // 开通分期首页
router.get('/installment/review', installment.review); // 开通分期首页
router.get('/installment/starting-service', installment.startingService); // 分期付款开通
router.get('/installment/starting-service/verify-code', installment.verifyCode);
... ... @@ -39,7 +39,7 @@ router.get('/installment/order/:id', installment.orderDetail);
router.get('/installment/total-amount.json', installment.totalAmount);
router.get('/installment/help', installment.help);// 帮助静态页面
router.get('/installment/agreement', installment.agreement);// 服务协议\服务条款静态页面
router.get('/installment/agreement', installment.agreement);// 服务协议静态页面
router.get('/installment/server-crash', installment.serverCrash); // 服务器崩溃
router.get('/installment/bank-card', installment.bankCard); // 银行卡列表
... ...
This diff could not be displayed because it is too large.
<div class="bank-card-page">
<ul class="bank-card-list">
{{#accountList}}
<li class="card-bg"><span>{{cardNo}}</span></li>
<li class="card-bg-{{lowerCase bankCode}}"><span>{{cardNo}}</span></li>
{{/accountList}}
</ul>
</div>
... ...
<div class="installment-page add-account-page">
{{#bindCard}}
<ul class="add-form">
<li>
<label>持卡人</label>
<div class="username">{{userName}}</div>
</li>
<li>
<label>银行卡</label>
<input id="cardNo" name="cardNo" type="tel" placeholder="请输入本人银行卡号" size="26" maxlength="23">
</li>
<li id="bank-desc" style="display: none;">
<div class="bank-info">
<img id="bank-icon" src="" alt="">
<span id="bank-name"></span>
</div>
</li>
<li>
<label>手机号</label>
<input type="number" placeholder="请输入银行预留手机号" id="mobile" name="mobile" pattern="\d*" maxlength="11">
</li>
</ul>
<a href="" class="open-btn disabled">下一步</a>
<a href="" class="jumpResult">&nbsp;</a>
{{/bindCard}}
<div class="success">
<i class="success-icon"></i>
<p class="success-txt">恭喜您,新增还款银行卡成功!</p>
<a href="" class="open-btn">确认</a>
</div>
<div class="error">
<i class="error-icon"></i>
<p class="error-txt1">对不起,绑定银行卡失败</p>
<p class="error-txt2">失败的原因可能是:银行卡户名、<br/>银行卡、预留手机号不一致</p>
<a href="{{url}}" class="open-btn">重新绑定银行卡</a>
<p class="contact-cs">如有疑问,请联系客服</p>
</div>
</div>
... ...
<div class='installment-help'>
<div class='content help-title'>分期支付帮助中心</div>
<div class='help-group'>
<h2>一、有货分期介绍</h2>
<p>
有货分期是有货联合信而富推出的消费贷产品,是一种先消费后还款的网购金融服务。您在开通之后可以在您可用额度内任性购物,当月消费,下月还款,另可享受部分商品的30天、3、6期分期购物
</p>
</div>
<div class='help-group'>
<h2>二、开通及账户管理</h2>
<p>
1、开通有货分期需要哪些条件?
</p>
<p>
您需要进行实名认证,因此需您提供:姓名、身份证号、银行卡号(储蓄卡)、银行预留手机号码。提醒您:一个身份证或者一个手机号码只允许开通一个有货分期账号,另外授信有 相应的审核标准,如果您暂未通过也不用灰心,多在有货购物,保持良好的购物习惯,将有助于您通过审核。请您注意保护好您的个人信息,以免他人行为影响您个人的信用记录。
</p>
<p>
2、我如何可以提供我的授信额度?
</p>
<p>
有货分期的授信额度是结合您在有货所积累的行为记录自动测算得出的。保持良好的使用行为和还款记录, 有助于达到提额的标准,系统会自动调整额度,人工暂时无法进行调整,感谢您的理解与支持!
</p>
<p>
3、如何修改银行预留手机号?
</p>
<p>
目前暂不支持更改手机号,如您的银行卡和手机号同时丢失,涉及到资金安全等问题,请您及时联系客服处理,如您的银行预留手机号变更导致还款失败,请及时联系信而富客服处理,联系电话:400-688-8692(工作日9:00-18:00),避免还款失败造成逾期产生逾期服务费。如您无法联系信而富客服您可联系有货客服,我们将在3个工作日(待信而富确认)内给您回复,感谢您的理解与支持!
</p>
<p>
<span class='remind'>温馨提醒:</span>由于手机丢失涉及您的资金安全,您可第一时间联系您的手机运营商办理手机号码挂失,以保证您的账户安全。
</p>
<p>
4、如何注销分期账户 ?
</p>
<p>
暂不支持注销,如不想使用,支付时不使用此支付方式即可。
</p>
<p>
5、为什么PC端不支持有货分期?
</p>
<p>
目前仅支持有货APP进行开通、支付、还款,感谢您的理解与支持!
</p>
</div>
<div class='help-group'>
<h2>三、支付与还款</h2>
<p>
1、有货分期支持多久的分期?
</p>
<p>
试运营阶段,支持30天免息、3期、6期,具体分期请在支付中心选择支付中心选择并确认
</p>
<p>
2、为什么我开通了分期后仍然无法使用?
</p>
<p>
目前仅部分商品支持使用分期支付,您可在个人中心点击有货分期,切换至可用额度栏目进入分期商品专区,另外需要确保您的可用额度足以支付您的订单。
</p>
<p>
3、有货分期是否可以和其他支付方式组合支付?
</p>
<p>
目前不支持,如您可用额度不足,您可以选择其他支付方式。
</p>
<p>
4、分期服务费如何收取?
</p>
<p>
试运营期商品分期免息、免服务费,具体请看商品详情页有货分期介绍。
</p>
<p>
5、如何查看消费明细和还款情况?
</p>
<p>
您可登录有货APP,在个人中心点击有货分期,查看您的分期订单,里面会有详细信息。
</p>
<p>
6、我的还款日是哪天呢?
</p>
<p>
30天免息:到期还款日为借款当日日期向后顺延30个自然日
3、6期分期:到期还款日为借款当日日期向后顺延1个自然月。(例如:您8.11使用分期借款,分三期还款,9.11为第一期到期还款日,10.11为第二期到期还款日,11.11为第三期到期还款日)
</p>
<p>
7、可以设置自动还款吗?
</p>
<p>
目前不支持自动还款,需要借款人主动发起还款。
</p>
<p>
8、我要怎么操作还款?
</p>
<p>
您可登录有货APP,在个人中心有货分期,找到对应的还款订单,点击立即还款即可。请保证银行卡内金额充足 还款后会延迟1-2分钟,返回还款结果,还款进度请到还款记录中查看。 目前不支持更换银行卡还款,如因银行卡问题不能还款成功,请联系信而富客服处理,联系电话:400-688-8692(工作日9:00-18:00),如您无法联系信而富客服您可联系有货客服,我们将在3个工作日内给您回复,感谢您的理解与支持!
</p>
<p>
<span class='remind'>温馨提醒:</span>如您账户未产生逾期欠款,客服不会主动联系您,请注意资金安全,不要轻易相信陌生人。
</p>
<p>
9、如果我没有按时还款会有什么影响?
</p>
<p>
如您在还款日24:00之前未能支付全部到期应付款而导致您信用违约时,您需支付逾期所产生的服务费和利息。服务费根据您当期应还本金,如当期应还本金在1-500元内,收取1元/天,501-1000元内,收取2元/天,借款本金每增加500元,逾期服务费增加1元;利息为您应付但未付金额×日利率(0.025%)×逾期天数。还款日后有3天的宽限日,宽限日内免收逾期服务费,宽限日结束后如您尚未还款将补收前三天的逾期服务费。请您在还款日前还款,避免对您的个人信用造成损失。
</p>
<p>
10、逾期还款会影响个人信用吗?
</p>
<p>
良好的还款记录将对您的信用产生帮助,请按时还款,以免逾期产生不良记录影响信用,并且避免影响到分期产品的使用。
</p>
<p>
11、为什么我的银行卡钱扣了,账单仍未更新?
</p>
<p>
您使用银行卡还款后,由于各家银行扣款后的入账时间不一致,所以个别银行会存在扣款后账单更新延迟的情况。您可以在有货分期还款记录里面查看还款进度。如有疑问,请您联系信而富客服处理,联系电话:400-688-8692(工作日9:00-18:00),如您无法联系信而富客服您可联系有货客服,我们将在3个工作日内给您回复,感谢您的理解与支持!
</p>
</div>
<div class='help-group'>
<h2>四、退款管理</h2>
<p>
1、退款后订单金额去哪了?
</p>
<p>
退款金额会冲抵未还款金额,已还款部分会原卡返还。
</p>
<p>
2、订单发生取消或发生退货时,如何退款或恢复额度?
</p>
<p>
若订单收货前取消订单且未还款,额度将在订单取消成功后自动恢复。
若在收货后发生退款,且有货分期为待还款状态,商品退货完成后,退款金额自最后一期向往期进行冲抵,如冲抵部分已还款,退还至原支付账户。
退货商品入库后,实时冲抵分期相应的欠款、恢复有货分期额度,若退款成功前已有还款,冲抵后剩余款项原卡返还。退款金额将在仓库收到您寄回商品后4个工作日内退还,感谢您的理解与支持!
</p>
</div>
<div class='help-group'>
<h2>五、服务支持</h2>
<p>
如您在使用有货分期过程中遇到还款及资金安全方面问题您可联系信而富客服为您进行相关处理和解答,联系电话:400-688-8692(工作日9:00-18:00),如您无法联系信而富客服您可联系有货客服,我们将在3个工作日内给您回复,感谢您的理解与支持!
</p>
</div>
</div>
<div class='installment-help'>
<div class='content help-title'>分期支付帮助中心</div>
<div class='help-group'>
<h2>一、有货分期介绍</h2>
<p>
有货分期是有货联合信而富推出的消费贷产品,是一种先消费后还款的网购金融服务。您在开通之后可以在您可用额度内任性购物,当月消费,下月还款,另可享受部分商品的30天、3、6期分期购物
</p>
</div>
<div class='help-group'>
<h2>二、开通及账户管理</h2>
<p>
1、开通有货分期需要哪些条件?
</p>
<p>
您需要进行实名认证,因此需您提供:姓名、身份证号、银行卡号(储蓄卡)、银行预留手机号码。提醒您:一个身份证或者一个手机号码只允许开通一个有货分期账号,另外授信有 相应的审核标准,如果您暂未通过也不用灰心,多在有货购物,保持良好的购物习惯,将有助于您通过审核。请您注意保护好您的个人信息,以免他人行为影响您个人的信用记录。
</p>
<p>
2、我如何可以提供我的授信额度?
</p>
<p>
有货分期的授信额度是结合您在有货所积累的行为记录自动测算得出的。保持良好的使用行为和还款记录, 有助于达到提额的标准,系统会自动调整额度,人工暂时无法进行调整,感谢您的理解与支持!
</p>
<p>
3、如何修改银行预留手机号?
</p>
<p>
目前暂不支持更改手机号,如您的银行卡和手机号同时丢失,涉及到资金安全等问题,请您及时联系客服处理,如您的银行预留手机号变更导致还款失败,请及时联系信而富客服处理,联系电话:400-688-8692(工作日9:00-18:00),避免还款失败造成逾期产生逾期服务费。如您无法联系信而富客服您可联系有货客服,我们将在3个工作日(待信而富确认)内给您回复,感谢您的理解与支持!
</p>
<p>
<span class='remind'>温馨提醒:</span>由于手机丢失涉及您的资金安全,您可第一时间联系您的手机运营商办理手机号码挂失,以保证您的账户安全。
</p>
<p>
4、如何注销分期账户 ?
</p>
<p>
暂不支持注销,如不想使用,支付时不使用此支付方式即可。
</p>
<p>
5、为什么PC端不支持有货分期?
</p>
<p>
目前仅支持有货APP进行开通、支付、还款,感谢您的理解与支持!
</p>
</div>
<div class='help-group'>
<h2>三、支付与还款</h2>
<p>
1、有货分期支持多久的分期?
</p>
<p>
试运营阶段,支持30天免息、3期、6期,具体分期请在支付中心选择支付中心选择并确认
</p>
<p>
2、为什么我开通了分期后仍然无法使用?
</p>
<p>
目前仅部分商品支持使用分期支付,您可在个人中心点击有货分期,切换至可用额度栏目进入分期商品专区,另外需要确保您的可用额度足以支付您的订单。
</p>
<p>
3、有货分期是否可以和其他支付方式组合支付?
</p>
<p>
目前不支持,如您可用额度不足,您可以选择其他支付方式。
</p>
<p>
4、分期服务费如何收取?
</p>
<p>
试运营期商品分期免息、免服务费,具体请看商品详情页有货分期介绍。
</p>
<p>
5、如何查看消费明细和还款情况?
</p>
<p>
您可登录有货APP,在个人中心点击有货分期,查看您的分期订单,里面会有详细信息。
</p>
<p>
6、我的还款日是哪天呢?
</p>
<p>
30天免息:到期还款日为借款当日日期向后顺延30个自然日
3、6期分期:到期还款日为借款当日日期向后顺延1个自然月。(例如:您8.11使用分期借款,分三期还款,9.11为第一期到期还款日,10.11为第二期到期还款日,11.11为第三期到期还款日)
</p>
<p>
7、可以设置自动还款吗?
</p>
<p>
目前不支持自动还款,需要借款人主动发起还款。
</p>
<p>
8、我要怎么操作还款?
</p>
<p>
您可登录有货APP,在个人中心有货分期,找到对应的还款订单,点击立即还款即可。请保证银行卡内金额充足 还款后会延迟1-2分钟,返回还款结果,还款进度请到还款记录中查看。 目前不支持更换银行卡还款,如因银行卡问题不能还款成功,请联系信而富客服处理,联系电话:400-688-8692(工作日9:00-18:00),如您无法联系信而富客服您可联系有货客服,我们将在3个工作日内给您回复,感谢您的理解与支持!
</p>
<p>
<span class='remind'>温馨提醒:</span>如您账户未产生逾期欠款,客服不会主动联系您,请注意资金安全,不要轻易相信陌生人。
</p>
<p>
9、如果我没有按时还款会有什么影响?
</p>
<p>
如您在还款日24:00之前未能支付全部到期应付款而导致您信用违约时,您需支付逾期所产生的服务费和利息。服务费根据您当期应还本金,如当期应还本金在1-500元内,收取1元/天,501-1000元内,收取2元/天,借款本金每增加500元,逾期服务费增加1元;利息为您应付但未付金额×日利率(0.025%)×逾期天数。还款日后有3天的宽限日,宽限日内免收逾期服务费,宽限日结束后如您尚未还款将补收前三天的逾期服务费。请您在还款日前还款,避免对您的个人信用造成损失。
</p>
<p>
10、逾期还款会影响个人信用吗?
</p>
<p>
良好的还款记录将对您的信用产生帮助,请按时还款,以免逾期产生不良记录影响信用,并且避免影响到分期产品的使用。
</p>
<p>
11、为什么我的银行卡钱扣了,账单仍未更新?
</p>
<p>
您使用银行卡还款后,由于各家银行扣款后的入账时间不一致,所以个别银行会存在扣款后账单更新延迟的情况。您可以在有货分期还款记录里面查看还款进度。如有疑问,请您联系信而富客服处理,联系电话:400-688-8692(工作日9:00-18:00),如您无法联系信而富客服您可联系有货客服,我们将在3个工作日内给您回复,感谢您的理解与支持!
</p>
</div>
<div class='help-group'>
<h2>四、退款管理</h2>
<p>
1、退款后订单金额去哪了?
</p>
<p>
退款金额会冲抵未还款金额,已还款部分会原卡返还。
</p>
<p>
2、订单发生取消或发生退货时,如何退款或恢复额度?
</p>
<p>
若订单收货前取消订单且未还款,额度将在订单取消成功后自动恢复。
若在收货后发生退款,且有货分期为待还款状态,商品退货完成后,退款金额自最后一期向往期进行冲抵,如冲抵部分已还款,退还至原支付账户。
退货商品入库后,实时冲抵分期相应的欠款、恢复有货分期额度,若退款成功前已有还款,冲抵后剩余款项原卡返还。退款金额将在仓库收到您寄回商品后4个工作日内退还,感谢您的理解与支持!
</p>
</div>
<div class='help-group'>
<h2>五、服务支持</h2>
<p>
如您在使用有货分期过程中遇到还款及资金安全方面问题您可联系信而富客服为您进行相关处理和解答,联系电话:400-688-8692(工作日9:00-18:00),如您无法联系信而富客服您可联系有货客服,我们将在3个工作日内给您回复,感谢您的理解与支持!
</p>
</div>
</div>
... ...
... ... @@ -35,7 +35,7 @@
<p class="detail-txt1">近7日待还款</p>
<p class="detail-txt1">¥<span class="detail-txt2">{{dayAmt}}</span></p>
{{#if isOverdue}}
<p class="detail-txt3">您有¥{{overAmt}}已逾期,点击<a href="/home/installment/repay/overdue">查看详情</a></p>
<p class="detail-txt3">您有¥{{overAmt}}已逾期,点击<a href="/home/installment/repay/overdue">查看详情</a></p>
{{/if}}
<a href="/home/installment/repay/7daylist" class="see-btn">明细</a>
</div>
... ... @@ -56,7 +56,7 @@
<p class="detail-txt1">可用额度</p>
<p class="detail-txt1">¥<span class="detail-txt2">{{currCreditLimit}}</span></p>
<p class="detail-txt1">总额度:¥{{initCreditLimit}}</p>
<a href="/home/installment/agreement" class="terms">《有货分期-信而富用户服务协议&借款服务协议》</a>
<a href="/home/installment/agreement" class="terms">服务条款</a>
</div>
{{# installmentOnly}}
{{> installment/installment-only}}
... ...
... ... @@ -20,10 +20,10 @@
{{/ success}}
{{# error}}
<div class="error">
<i class="success-icon"></i>
<p class="error-txt1">审核未通过,暂时无法授信</p>
<p class="error-txt2">在有货更多的消费,增加信用度,<br>会大大提升审核通过率噢</p>
<a href="{{url}}" class="open-btn">去逛逛</a>
<i class="error-icon"></i>
<p class="error-txt1">审核未通过暂时无法授信</p>
<p class="error-txt2">可能原因:姓名、身份证、银行卡不匹配</p>
<a href="/home/installment/starting-service" class="open-btn">重新申请</a>
</div>
{{/ error}}
{{#cancel}}
... ...
... ... @@ -37,7 +37,7 @@
</div>
</div>
</div>
<div class="detail-list-container">
<div class="detail-list-container {{#greaterThanZero refundedAmt}}refunded-list{{/greaterThanZero}}">
<ul class="installment-list repay-list">
{{#each packageList}}
<li>
... ... @@ -83,8 +83,11 @@
{{> installment/repayment-bottom}}
{{#isRefundedAll status}}
<div class="refunded-all">已退款</div>
{{#isRefundedAll order.status}}
<div class="all-completed">已退款</div>
{{/isRefundedAll}}
</div>
{{#isRepaymentAllCompleted order.status}}
<div class="all-completed">已结清</div>
{{/isRepaymentAllCompleted}}
</div>
... ...
... ... @@ -21,4 +21,3 @@
</li>
{{/each}}
{{/if}}
... ...
... ... @@ -32,5 +32,5 @@
</ul>
{{> installment/repayment-bottom}}
{{/if}}
{{/data}}
{{/data}}
</div>
... ...
... ... @@ -53,7 +53,7 @@
</div>
<div class="agreements">
<input id="accept-agreements" name="agreements" type="checkbox" class="installment-check-btn"/>
<input id="accept-agreements" name="agreements" type="checkbox" class="installment-check-btn" checked/>
<label for="accept-agreements">
<span>免费开通,详情请见
<a id="agreements" href="" data-href="/home/installment/agreement">《有货分期-信而富用户服务协议&借款服务协议》</a>
... ...
... ... @@ -19,6 +19,8 @@ module.exports = {
// service: 'http://192.168.102.14:8080/gateway/'
api: 'http://api-test3.yohops.com:9999/',
// api: 'http://172.16.6.179:8080/gateway',
service: 'http://service-test3.yohops.com:9999/'
// api: 'http://172.16.6.179:8080/gateway/',
... ...

5.13 KB | W: | H:

3.88 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
... ... @@ -88,4 +88,3 @@ applyButton.on('click', function() {
}
});
});
... ...
... ... @@ -15,7 +15,7 @@ var FormModel = function() {
bankCode: '',
mobile: '',
snsCheckCode: '',
agreements: ''
agreements: 'on'
});
};
... ... @@ -54,40 +54,6 @@ const clearVerifyCode = function() {
checkCard(formModel);
// var debounceFn = debounce(function(cardNo) {
// formModel.bankCode = '';
// formModel.bankName = '';
//
// // 获取银行信息
// $.get('/home/installment/bank-info', {cardNo: cardNo}).then(function(result) {
// if (result.code === 200) {
// if (result.data.bankCode) {
// formModel.bankCode = result.data.bankCode;
// formModel.bankName = result.data.bankName;
//
// // 设置银行名称
// $('#bank-name').text(result.data.bankName);
//
// // 设置银行图标
// $('#bank-icon').show().attr('src',
// window.STATIC_RESOURCE_PATH +
// '/img/home/bank-icons/' + result.data.bankCode + '.png');
// $('#bank-desc').show();
// }
//
// // 返回1不支持, 孟令阶
// if (result && result.data && result.data.businessSupport === '1') {
// $('#bank-name').text('暂不支持此银行卡');
// $('#bank-desc').show();
// $('#bank-icon').hide();
// }
// } else {
// tip.show(result.message);
// $('#bank-desc').hide();
// }
// });
// }, 1000);
/**
* 倒计时
*
... ... @@ -181,25 +147,6 @@ $('#send-sms').click(function() {
return false;
});
/**
* 银行卡格式化
*/
// $('#cardNo').keyup(function() {
// var value = $(this).val();
//
// $(this).val(value.replace(/[^\d]/g, '').replace(/(\d{4})(?=\d)/g, '$1 ')).trigger('change');
//
// }).change(function() {
// var cardNo = $(this).val().replace(/\s/g, '');
//
// if (cardNo && cardNo.length >= 16) {
// debounceFn(cardNo);
// } else {
// $('#bank-desc').hide();
// }
// });
// 输入框改变时同时更新模型
$('input').on('change', function() {
var name = $(this).attr('name');
... ... @@ -231,31 +178,6 @@ $('#apply-button').click(function() {
return false;
}
// $.ajax({
// method: 'post',
// url: '/home/installment/activate-service',
// data: formModel,
// async: false
// }).then(function(result) {
// if (result.code === 200) {
// if (result.data.result === 'success') {
// // 调用成功
// ret = true;
// } else {
// // 调用失败
// if (result.data.resultMsgType === '1') {
// tip.show(result.data.resultMsg);
// }
// clearVerifyCode();
// }
// } else {
// tip.show(result.message);
// clearVerifyCode();
// }
// });
$.ajax({
method: 'get',
async: false,
... ...
... ... @@ -44,22 +44,26 @@ var repayment = new Repayment({
require('./overdue-notice');
$(CHECKBOX_SELECTOR + ':checkbox').click(function() {
var selection = repayment.getSelection();
var isSkipped = false;
var lastIndex = 0;
var self = this;
var isSkipped = false,
self = this,
billNo = $(self).parent().data('billNo'),
li = $('li[data-bill-no=' + billNo + ']'),
selection = li.find('input:checked'),
lastIndex = li.eq(0).index();
selection.forEach(function(sel) {
if ((sel.index + 1) - lastIndex > 1) {
selection.parent().each(function(index, sel) {
var key = $(sel).index();
if ((key + 1) - lastIndex > 1) {
isSkipped = true;
} else {
lastIndex = sel.index + 1;
lastIndex = key + 1;
}
});
if (isSkipped) {
setTimeout(function() {
tip.show($(self).is(':checked') ? '请按时间顺序取消选择,不可以跨期' : '请按时间顺序添加还款,不可以跨期');
tip.show('同一个分期订单不能跨期还款,请按时间顺序还款');
}, 0);
return false;
}
... ...
.add-account-page {
.add-form {
margin: 30px 0 80px;
background: #fff;
border-top: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0;
overflow: hidden;
box-sizing: border-box;
li {
width: 100%;
height: 86px;
border-top: 1px solid #e0e0e0;
margin-left: 30px;
box-sizing: border-box;
}
li:first-child {
border-top: none;
}
label {
color: #444;
font-size: 34px;
float: left;
line-height: 86px;
}
input {
font-size: 28px;
height: 40px;
line-height: 40px;
color: #444;
float: left;
border: none;
background: transparent;
margin: 23px 0 0 60px;
width: 410px;
font-family: helvetica, Arial, "黑体";
}
.username {
color: #b0b0b0;
float: left;
font-size: 28px;
width: 410px;
height: 40px;
margin: 23px 0 0 60px;
line-height: 40px;
}
.bank-info {
padding-left: 165px;
margin-top: 26px;
img {
width: 32px;
height: 32px;
display: inline-block;
}
span {
line-height: 32px;
position: absolute;
margin-left: 10px;
margin-top: 1px;
}
}
}
.disabled {
opacity: 0.5;
}
.success {
display: none;
.success-icon {
margin-top: 208px;
}
.success-txt {
text-align: center;
font-size: 24px;
color: #444;
margin-bottom: 90px;
}
}
.error {
display: none;
.error-txt1 {
color: #444;
font-size: 24px;
}
.error-txt2 {
color: #b0b0b0;
font-size: 22px;
line-height: 36px;
margin: 10px 0 105px;
}
.contact-cs {
width: 100%;
position: fixed;
bottom: 45px;
text-align: center;
color: #444;
font-size: 28px;
}
}
}
... ...
... ... @@ -20,4 +20,49 @@
font-size: 40px;
}
}
.card-bg-abc {
background: resolve("home/bank-icons/bank-ABC.png") no-repeat;
background-size: contain;
}
.card-bg-boc {
background: resolve("home/bank-icons/bank-BOC.png") no-repeat;
background-size: contain;
}
.card-bg-ccb {
background: resolve("home/bank-icons/bank-CCB.png") no-repeat;
background-size: contain;
}
.card-bg-ceb {
background: resolve("home/bank-icons/bank-CEB.png") no-repeat;
background-size: contain;
}
.card-bg-cib {
background: resolve("home/bank-icons/bank-CIB.png") no-repeat;
background-size: contain;
}
.card-bg-citic {
background: resolve("home/bank-icons/bank-CITIC.png") no-repeat;
background-size: contain;
}
.card-bg-cmbc {
background: resolve("home/bank-icons/bank-CMBC.png") no-repeat;
background-size: contain;
}
.card-bg-guangda {
background: resolve("home/bank-icons/bank-guangda.png") no-repeat;
background-size: contain;
}
.card-bg-icbc {
background: resolve("home/bank-icons/bank-ICBC.png") no-repeat;
background-size: contain;
}
.card-bg-payh {
background: resolve("home/bank-icons/bank-PAYH.png") no-repeat;
background-size: contain;
}
.card-bg-psbc {
background: resolve("home/bank-icons/bank-PSBC.png") no-repeat;
background-size: contain;
}
}
... ...
.installment-help {
padding: 0 5px;
margin: 0;
background-color: #fff;
font-family: "Helvetica", "黑体", "Arial";
.help-title {
text-align: center;
font-size: 40px;
margin-top: 10px;
}
.help-group {
text-align: left;
margin: 20px 5px;
h2 {
font-size: 34px;
}
p {
font-size: 28px;
line-height: 40px;
margin-top: 10px;
text-indent: 2em;
}
.remind {
color: #f00;
}
.underline {
text-decoration: underline;
}
}
}
\ No newline at end of file
.installment-help {
padding: 0 5px;
margin: 0;
background-color: #fff;
font-family: "Helvetica", "黑体", "Arial";
.help-title {
text-align: center;
font-size: 40px;
margin-top: 10px;
}
.help-group {
text-align: left;
margin: 20px 5px;
h2 {
font-size: 34px;
}
p {
font-size: 28px;
line-height: 40px;
margin-top: 10px;
text-indent: 2em;
}
.remind {
color: #f00;
}
.underline {
text-decoration: underline;
}
.bold {
font-weight: bold;
}
ul {
list-style: disc;
list-style-position: inside;
margin-left: 22px;
}
table {
width: 92%;
text-align: center;
margin: 0 4%;
border: 1px solid #000;
font-size: 22px;
td {
text-align: center;
border-right: 1px solid #000;
}
tr:last-child {
border-top: 1px solid #000;
}
}
}
}
... ...
... ... @@ -2,6 +2,7 @@
@import "starting-service";
@import "repayment-list";
@import "order";
@import "add-account";
@import "help";
@import "bank-card";
... ...
... ... @@ -63,6 +63,7 @@
border-radius: 6px;
margin: 0 auto;
display: block;
font-size: 28px;
}
.installment-only {
... ... @@ -92,7 +93,7 @@
margin: 214px auto 50px;
}
.success-icon {
.error-icon {
background: resolve("home/review-img-2.png") no-repeat;
background-size: contain;
width: 208px;
... ...
... ... @@ -2,7 +2,7 @@
background: #f0f0f0;
font-weight: 300;
.refunded-all {
.all-completed {
text-align: center;
bottom: 0;
position: fixed;
... ... @@ -14,6 +14,10 @@
border-top: 1px solid #e1e1e1;
}
.refunded-list {
margin-top: 64px;
}
.order-info {
position: fixed;
width: 100%;
... ... @@ -56,7 +60,7 @@
}
.order-list-container {
padding-top: 3rem;
padding-top: 120px;
}
.order-list {
... ...