Merge branch 'feature/installment1' into feature/installment2a
Showing
16 changed files
with
241 additions
and
161 deletions
| @@ -394,13 +394,35 @@ const orderDetail = (req, res) => { | @@ -394,13 +394,35 @@ const orderDetail = (req, res) => { | ||
| 394 | page: 'installment.order-detail', | 394 | page: 'installment.order-detail', |
| 395 | title: '分期详情', | 395 | title: '分期详情', |
| 396 | order: (()=> { | 396 | order: (()=> { |
| 397 | + let refundStatusCount = 0, completeStatusCount = 0, listCount = 0; | ||
| 398 | + | ||
| 397 | if (result && result.data && result.data.orderGoods) { | 399 | if (result && result.data && result.data.orderGoods) { |
| 398 | result.data.orderGoods = [ | 400 | result.data.orderGoods = [ |
| 399 | result.data.orderGoods[0] | 401 | result.data.orderGoods[0] |
| 400 | ]; | 402 | ]; |
| 401 | } | 403 | } |
| 402 | 404 | ||
| 403 | - return result.data; | 405 | + if (result && result.data && result.data.packageList) { |
| 406 | + listCount = result.data.packageList.length; | ||
| 407 | + | ||
| 408 | + result.data.packageList.forEach((item)=> { | ||
| 409 | + if (item.status === 2) { | ||
| 410 | + completeStatusCount++; | ||
| 411 | + } else if (item.status === 4 || item.status === 5) { | ||
| 412 | + refundStatusCount++; | ||
| 413 | + } | ||
| 414 | + }); | ||
| 415 | + } | ||
| 416 | + | ||
| 417 | + return Object.assign({ | ||
| 418 | + status: (()=> { | ||
| 419 | + if (refundStatusCount === listCount) { | ||
| 420 | + return 5; | ||
| 421 | + } else if (completeStatusCount === listCount) { | ||
| 422 | + return 2; | ||
| 423 | + } | ||
| 424 | + })() | ||
| 425 | + }, result.data); | ||
| 404 | })(), | 426 | })(), |
| 405 | navBtn: false, | 427 | navBtn: false, |
| 406 | currAmtCount: 0, | 428 | currAmtCount: 0, |
| @@ -429,7 +451,7 @@ const orderDetail = (req, res) => { | @@ -429,7 +451,7 @@ const orderDetail = (req, res) => { | ||
| 429 | return options.inverse(this); | 451 | return options.inverse(this); |
| 430 | }, | 452 | }, |
| 431 | isRepaymentAllCompleted: function(status, options) { | 453 | isRepaymentAllCompleted: function(status, options) { |
| 432 | - if (status === 2) { // 已结清/已取消 | 454 | + if (status === 2) { // 已结清 |
| 433 | return options.fn(this); | 455 | return options.fn(this); |
| 434 | } | 456 | } |
| 435 | return options.inverse(this); | 457 | return options.inverse(this); |
| @@ -324,7 +324,7 @@ const activateService = (params) => { | @@ -324,7 +324,7 @@ const activateService = (params) => { | ||
| 324 | method: 'user.instalment.activate', | 324 | method: 'user.instalment.activate', |
| 325 | debug: 'XYZ' // TODO: remove this | 325 | debug: 'XYZ' // TODO: remove this |
| 326 | }, params), { | 326 | }, params), { |
| 327 | - timeout: API_TIMEOUT | 327 | + timeout: 30000 |
| 328 | }); | 328 | }); |
| 329 | }; | 329 | }; |
| 330 | 330 |
This diff could not be displayed because it is too large.
| 1 | <div class='installment-help'> | 1 | <div class='installment-help'> |
| 2 | - <div class='content help-title'>分期支付帮助中心</div> | ||
| 3 | - <div class='help-group'> | ||
| 4 | - <h2>一、有货分期介绍</h2> | ||
| 5 | - <p> | ||
| 6 | - 有货分期是有货联合信而富推出的消费贷产品，是一种先消费后还款的网购金融服务。您在开通之后可以在您可用额度内任性购物，当月消费，下月还款，另可享受部分商品的30天、3、6期分期购物 | ||
| 7 | - </p> | ||
| 8 | - </div> | 2 | + <div class='help-group'> |
| 3 | + <h2>一、有货分期介绍</h2> | ||
| 4 | + <p> | ||
| 5 | + 有货分期是有货联合信而富推出的消费贷产品，是一种先消费后还款的网购金融服务。您在开通之后可以在您可用额度内任性购物，当月消费，下月还款，另可享受部分商品的30天、3、6期分期购物。 | ||
| 6 | + </p> | ||
| 7 | + </div> | ||
| 9 | 8 | ||
| 10 | - <div class='help-group'> | ||
| 11 | - <h2>二、开通及账户管理</h2> | ||
| 12 | - <p> | ||
| 13 | - 1、开通有货分期需要哪些条件？ | ||
| 14 | - </p> | ||
| 15 | - <p> | ||
| 16 | - 您需要进行实名认证，因此需您提供：姓名、身份证号、银行卡号（储蓄卡）、银行预留手机号码。提醒您：一个身份证或者一个手机号码只允许开通一个有货分期账号，另外授信有 相应的审核标准，如果您暂未通过也不用灰心，多在有货购物，保持良好的购物习惯，将有助于您通过审核。请您注意保护好您的个人信息，以免他人行为影响您个人的信用记录。 | ||
| 17 | - </p> | ||
| 18 | - <p> | ||
| 19 | - 2、我如何可以提供我的授信额度？ | ||
| 20 | - </p> | ||
| 21 | - <p> | ||
| 22 | - 有货分期的授信额度是结合您在有货所积累的行为记录自动测算得出的。保持良好的使用行为和还款记录， 有助于达到提额的标准，系统会自动调整额度，人工暂时无法进行调整，感谢您的理解与支持！ | ||
| 23 | - </p> | ||
| 24 | - <p> | ||
| 25 | - 3、如何修改银行预留手机号？ | ||
| 26 | - </p> | ||
| 27 | - <p> | ||
| 28 | - 目前暂不支持更改手机号，如您的银行卡和手机号同时丢失，涉及到资金安全等问题，请您及时联系客服处理，如您的银行预留手机号变更导致还款失败，请及时联系信而富客服处理，联系电话：400-688-8692（工作日9:00-18:00），避免还款失败造成逾期产生逾期服务费。如您无法联系信而富客服您可联系有货客服，我们将在3个工作日（待信而富确认）内给您回复，感谢您的理解与支持！ | ||
| 29 | - </p> | ||
| 30 | - <p> | ||
| 31 | - <span class='remind'>温馨提醒：</span>由于手机丢失涉及您的资金安全，您可第一时间联系您的手机运营商办理手机号码挂失，以保证您的账户安全。 | ||
| 32 | - </p> | ||
| 33 | - <p> | ||
| 34 | - 4、如何注销分期账户 ？ | ||
| 35 | - </p> | ||
| 36 | - <p> | ||
| 37 | - 暂不支持注销，如不想使用，支付时不使用此支付方式即可。 | ||
| 38 | - </p> | ||
| 39 | - <p> | ||
| 40 | - 5、为什么PC端不支持有货分期？ | ||
| 41 | - </p> | ||
| 42 | - <p> | ||
| 43 | - 目前仅支持有货APP进行开通、支付、还款，感谢您的理解与支持！ | ||
| 44 | - </p> | ||
| 45 | - </div> | 9 | + <div class='help-group'> |
| 10 | + <h2>二、开通及账户管理</h2> | ||
| 11 | + <p> | ||
| 12 | + 1、开通有货分期需要哪些条件？ | ||
| 13 | + </p> | ||
| 14 | + <p> | ||
| 15 | + 您需要进行实名认证，因此需您提供：姓名、身份证号、银行卡号（储蓄卡）、银行预留手机号码。提醒您：一个身份证或者一个手机号码只允许开通一个有货分期账号，另外授信有 相应的审核标准，如果您暂未通过也不用灰心，多在有货购物，保持良好的购物习惯，将有助于您通过审核。请您注意保护好您的个人信息，以免他人行为影响您个人的信用记录。 | ||
| 16 | + </p> | ||
| 17 | + <p> | ||
| 18 | + 2、我如何可以提高我的授信额度？ | ||
| 19 | + </p> | ||
| 20 | + <p> | ||
| 21 | + 有货分期的授信额度是结合您在有货所积累的行为记录自动测算得出的。保持良好的使用行为和还款记录， 有助于达到提额的标准，系统会自动调整额度，人工暂时无法进行调整，感谢您的理解与支持！ | ||
| 22 | + </p> | ||
| 23 | + <p> | ||
| 24 | + 3、如何修改银行预留手机号？ | ||
| 25 | + </p> | ||
| 26 | + <p> | ||
| 27 | + 目前暂不支持更改手机号，如您的银行卡和手机号同时丢失，涉及到资金安全等问题，请您及时联系客服处理，如您的银行预留手机号变更导致还款失败，请及时联系信而富客服处理，联系电话：400-688-8692（工作日9:00-18:00），避免还款失败造成逾期产生逾期服务费。如您无法联系信而富客服您可联系有货客服，我们将在3个工作日内给您回复，感谢您的理解与支持！ | ||
| 28 | + </p> | ||
| 29 | + <p> | ||
| 30 | + <span class='remind'>温馨提醒：</span>由于手机丢失涉及您的资金安全，您可第一时间联系您的手机运营商办理手机号码挂失，以保证您的账户安全。 | ||
| 31 | + </p> | ||
| 32 | + <p> | ||
| 33 | + 4、如何注销分期账户 ？ | ||
| 34 | + </p> | ||
| 35 | + <p> | ||
| 36 | + 暂不支持注销，如不想使用，支付时不使用此支付方式即可。 | ||
| 37 | + </p> | ||
| 38 | + <p> | ||
| 39 | + 5、为什么PC端不支持有货分期？ | ||
| 40 | + </p> | ||
| 41 | + <p> | ||
| 42 | + 目前仅支持有货APP进行开通、支付、还款，感谢您的理解与支持！ | ||
| 43 | + </p> | ||
| 44 | + </div> | ||
| 46 | 45 | ||
| 47 | - <div class='help-group'> | ||
| 48 | - <h2>三、支付与还款</h2> | ||
| 49 | - <p> | ||
| 50 | - 1、有货分期支持多久的分期？ | ||
| 51 | - </p> | ||
| 52 | - <p> | ||
| 53 | - 试运营阶段，支持30天免息、3期、6期，具体分期请在支付中心选择支付中心选择并确认 | ||
| 54 | - </p> | ||
| 55 | - <p> | ||
| 56 | - 2、为什么我开通了分期后仍然无法使用？ | ||
| 57 | - </p> | ||
| 58 | - <p> | ||
| 59 | - 目前仅部分商品支持使用分期支付，您可在个人中心点击有货分期，切换至可用额度栏目进入分期商品专区，另外需要确保您的可用额度足以支付您的订单。 | ||
| 60 | - </p> | ||
| 61 | - <p> | ||
| 62 | - 3、有货分期是否可以和其他支付方式组合支付？ | ||
| 63 | - </p> | ||
| 64 | - <p> | ||
| 65 | - 目前不支持，如您可用额度不足，您可以选择其他支付方式。 | ||
| 66 | - </p> | ||
| 67 | - <p> | ||
| 68 | - 4、分期服务费如何收取？ | ||
| 69 | - </p> | ||
| 70 | - <p> | ||
| 71 | - 试运营期商品分期免息、免服务费，具体请看商品详情页有货分期介绍。 | ||
| 72 | - </p> | ||
| 73 | - <p> | ||
| 74 | - 5、如何查看消费明细和还款情况？ | ||
| 75 | - </p> | ||
| 76 | - <p> | ||
| 77 | - 您可登录有货APP，在个人中心点击有货分期，查看您的分期订单，里面会有详细信息。 | ||
| 78 | - </p> | ||
| 79 | - <p> | ||
| 80 | - 6、我的还款日是哪天呢？ | ||
| 81 | - </p> | ||
| 82 | - <p> | ||
| 83 | - 30天免息：到期还款日为借款当日日期向后顺延30个自然日 | ||
| 84 | - 3、6期分期：到期还款日为借款当日日期向后顺延1个自然月。（例如：您8.11使用分期借款，分三期还款，9.11为第一期到期还款日，10.11为第二期到期还款日，11.11为第三期到期还款日） | ||
| 85 | - </p> | ||
| 86 | - <p> | ||
| 87 | - 7、可以设置自动还款吗？ | ||
| 88 | - </p> | ||
| 89 | - <p> | ||
| 90 | - 目前不支持自动还款，需要借款人主动发起还款。 | ||
| 91 | - </p> | ||
| 92 | - <p> | ||
| 93 | - 8、我要怎么操作还款？ | ||
| 94 | - </p> | ||
| 95 | - <p> | ||
| 96 | - 您可登录有货APP，在个人中心有货分期，找到对应的还款订单，点击立即还款即可。请保证银行卡内金额充足 还款后会延迟1-2分钟，返回还款结果，还款进度请到还款记录中查看。 目前不支持更换银行卡还款，如因银行卡问题不能还款成功，请联系信而富客服处理，联系电话：400-688-8692（工作日9:00-18:00），如您无法联系信而富客服您可联系有货客服，我们将在3个工作日内给您回复，感谢您的理解与支持！ | ||
| 97 | - </p> | ||
| 98 | - <p> | ||
| 99 | - <span class='remind'>温馨提醒：</span>如您账户未产生逾期欠款，客服不会主动联系您，请注意资金安全，不要轻易相信陌生人。 | ||
| 100 | - </p> | ||
| 101 | - <p> | ||
| 102 | - 9、如果我没有按时还款会有什么影响？ | ||
| 103 | - </p> | ||
| 104 | - <p> | ||
| 105 | - 如您在还款日24:00之前未能支付全部到期应付款而导致您信用违约时，您需支付逾期所产生的服务费和利息。服务费根据您当期应还本金，如当期应还本金在1-500元内，收取1元/天，501-1000元内，收取2元/天，借款本金每增加500元，逾期服务费增加1元；利息为您应付但未付金额×日利率（0.025%）×逾期天数。还款日后有3天的宽限日，宽限日内免收逾期服务费，宽限日结束后如您尚未还款将补收前三天的逾期服务费。请您在还款日前还款，避免对您的个人信用造成损失。 | ||
| 106 | - </p> | ||
| 107 | - <p> | ||
| 108 | - 10、逾期还款会影响个人信用吗？ | ||
| 109 | - </p> | ||
| 110 | - <p> | ||
| 111 | - 良好的还款记录将对您的信用产生帮助，请按时还款，以免逾期产生不良记录影响信用，并且避免影响到分期产品的使用。 | ||
| 112 | - </p> | ||
| 113 | - <p> | ||
| 114 | - 11、为什么我的银行卡钱扣了，账单仍未更新？ | ||
| 115 | - </p> | ||
| 116 | - <p> | ||
| 117 | - 您使用银行卡还款后，由于各家银行扣款后的入账时间不一致，所以个别银行会存在扣款后账单更新延迟的情况。您可以在有货分期还款记录里面查看还款进度。如有疑问，请您联系信而富客服处理，联系电话：400-688-8692（工作日9:00-18:00），如您无法联系信而富客服您可联系有货客服，我们将在3个工作日内给您回复，感谢您的理解与支持！ | ||
| 118 | - </p> | ||
| 119 | - </div> | 46 | + <div class='help-group'> |
| 47 | + <h2>三、支付与还款</h2> | ||
| 48 | + <p> | ||
| 49 | + 1、有货分期支持多久的分期？ | ||
| 50 | + </p> | ||
| 51 | + <p> | ||
| 52 | + 试运营阶段，支持30天免息、3期、6期，具体分期请在支付中心选择并确认。 | ||
| 53 | + </p> | ||
| 54 | + <p> | ||
| 55 | + 2、为什么我开通了分期后仍然无法使用？ | ||
| 56 | + </p> | ||
| 57 | + <p> | ||
| 58 | + 目前仅部分商品支持使用分期支付，您可在个人中心点击有货分期，切换至可用额度栏目进入分期商品专区，另外需要确保您的可用额度足以支付您的订单。 | ||
| 59 | + </p> | ||
| 60 | + <p> | ||
| 61 | + 3、有货分期是否可以和其他支付方式组合支付？ | ||
| 62 | + </p> | ||
| 63 | + <p> | ||
| 64 | + 目前不支持，如您可用额度不足，您可以选择其他支付方式。 | ||
| 65 | + </p> | ||
| 66 | + <p> | ||
| 67 | + 4、分期服务费如何收取？ | ||
| 68 | + </p> | ||
| 69 | + <p> | ||
| 70 | + 试运营期商品分期免息、免服务费，具体请看商品详情页有货分期介绍。 | ||
| 71 | + </p> | ||
| 72 | + <p> | ||
| 73 | + 5、如何查看消费明细和还款情况？ | ||
| 74 | + </p> | ||
| 75 | + <p> | ||
| 76 | + 您可登录有货APP，在个人中心点击有货分期，查看您的分期订单，里面会有详细信息。 | ||
| 77 | + </p> | ||
| 78 | + <p> | ||
| 79 | + 6、我的还款日是哪天呢？ | ||
| 80 | + </p> | ||
| 81 | + <p> | ||
| 82 | + 30天免息：到期还款日为借款当日日期向后顺延30个自然日。 | ||
| 83 | + 3、6期分期：到期还款日为借款当日日期向后顺延1个自然月。（例如：您8.11使用分期借款，分三期还款，9.11为第一期到期还款日，10.11为第二期到期还款日，11.11为第三期到期还款日）。 | ||
| 84 | + </p> | ||
| 85 | + <p> | ||
| 86 | + 7、可以设置自动还款吗？ | ||
| 87 | + </p> | ||
| 88 | + <p> | ||
| 89 | + 目前不支持自动还款，需要借款人主动发起还款。 | ||
| 90 | + </p> | ||
| 91 | + <p> | ||
| 92 | + 8、我要怎么操作还款？ | ||
| 93 | + </p> | ||
| 94 | + <p> | ||
| 95 | + 您可登录有货APP，在个人中心有货分期，找到对应的还款订单，点击立即还款即可。请保证银行卡内金额充足，还款后会延迟1-2分钟返回还款结果，还款进度请到还款记录中查看。 目前不支持更换银行卡还款，如因银行卡问题不能还款成功，请联系信而富客服处理，联系电话：400-688-8692（工作日9:00-18:00），如您无法联系信而富客服您可联系有货客服，我们将在3个工作日内给您回复，感谢您的理解与支持！ | ||
| 96 | + </p> | ||
| 97 | + <p> | ||
| 98 | + <span class='remind'>温馨提醒：</span>如您账户未产生逾期欠款，客服不会主动联系您，请注意资金安全，不要轻易相信陌生人。 | ||
| 99 | + </p> | ||
| 100 | + <p> | ||
| 101 | + 9、如果我没有按时还款会有什么影响？ | ||
| 102 | + </p> | ||
| 103 | + <p> | ||
| 104 | + 如您在还款日24:00之前未能支付全部到期应付款而导致您信用违约时，您需支付逾期所产生的服务费和利息。服务费根据您当期应还本金，如当期应还本金在1-500元内，收取1元/天，501-1000元内，收取2元/天，借款本金每增加500元，逾期服务费增加1元；利息为您应付但未付金额×日利率（0.025%）×逾期天数。还款日后有3天的宽限日，宽限日内免收逾期服务费，宽限日结束后如您尚未还款将补收前三天的逾期服务费。请您在还款日前还款，避免对您的个人信用造成损失。 | ||
| 105 | + </p> | ||
| 106 | + <p> | ||
| 107 | + 10、逾期还款会影响个人信用吗？ | ||
| 108 | + </p> | ||
| 109 | + <p> | ||
| 110 | + 良好的还款记录将对您的信用产生帮助，请按时还款，以免逾期产生不良记录影响信用，并且避免影响到分期产品的使用。 | ||
| 111 | + </p> | ||
| 112 | + <p> | ||
| 113 | + 11、为什么我的银行卡钱扣了，账单仍未更新？ | ||
| 114 | + </p> | ||
| 115 | + <p> | ||
| 116 | + 您使用银行卡还款后，由于各家银行扣款后的入账时间不一致，所以个别银行会存在扣款后账单更新延迟的情况。您可以在有货分期还款记录里面查看还款进度。如有疑问，请您联系信而富客服处理，联系电话：400-688-8692（工作日9:00-18:00），如您无法联系信而富客服您可联系有货客服，我们将在3个工作日内给您回复，感谢您的理解与支持！ | ||
| 117 | + </p> | ||
| 118 | + </div> | ||
| 120 | 119 | ||
| 121 | - <div class='help-group'> | ||
| 122 | - <h2>四、退款管理</h2> | ||
| 123 | - <p> | ||
| 124 | - 1、退款后订单金额去哪了？ | ||
| 125 | - </p> | ||
| 126 | - <p> | ||
| 127 | - 退款金额会冲抵未还款金额，已还款部分会原卡返还。 | ||
| 128 | - </p> | ||
| 129 | - <p> | ||
| 130 | - 2、订单发生取消或发生退货时，如何退款或恢复额度？ | ||
| 131 | - </p> | ||
| 132 | - <p> | ||
| 133 | - 若订单收货前取消订单且未还款，额度将在订单取消成功后自动恢复。 | ||
| 134 | - 若在收货后发生退款，且有货分期为待还款状态，商品退货完成后，退款金额自最后一期向往期进行冲抵，如冲抵部分已还款，退还至原支付账户。 | ||
| 135 | - 退货商品入库后，实时冲抵分期相应的欠款、恢复有货分期额度，若退款成功前已有还款，冲抵后剩余款项原卡返还。退款金额将在仓库收到您寄回商品后4个工作日内退还，感谢您的理解与支持！ | ||
| 136 | - </p> | ||
| 137 | - </div> | ||
| 138 | - | ||
| 139 | - <div class='help-group'> | ||
| 140 | - <h2>五、服务支持</h2> | ||
| 141 | - <p> | ||
| 142 | - 如您在使用有货分期过程中遇到还款及资金安全方面问题您可联系信而富客服为您进行相关处理和解答，联系电话：400-688-8692（工作日9:00-18:00），如您无法联系信而富客服您可联系有货客服，我们将在3个工作日内给您回复，感谢您的理解与支持！ | ||
| 143 | - </p> | ||
| 144 | - </div> | 120 | + <div class='help-group'> |
| 121 | + <h2>四、退款管理</h2> | ||
| 122 | + <p> | ||
| 123 | + 1、退款后订单金额去哪了？ | ||
| 124 | + </p> | ||
| 125 | + <p> | ||
| 126 | + 退款金额会冲抵未还款金额，已还款部分会原卡返还。 | ||
| 127 | + </p> | ||
| 128 | + <p> | ||
| 129 | + 2、订单发生取消或发生退货时，如何退款或恢复额度？ | ||
| 130 | + </p> | ||
| 131 | + <p> | ||
| 132 | + 若订单收货前取消订单且未还款，额度将在订单取消成功后自动恢复。 | ||
| 133 | + 若在收货后发生退款，且有货分期为待还款状态，商品退货完成后，退款金额自最后一期向往期进行冲抵，如冲抵部分已还款，退还至原支付账户。 | ||
| 134 | + </p> | ||
| 135 | + <p> | ||
| 136 | + 退货商品入库后，实时冲抵分期相应的欠款、恢复有货分期额度，若退款成功前已有还款，冲抵后剩余款项原卡返还。退款金额将在仓库收到您寄回商品后4个工作日内退还，感谢您的理解与支持！ | ||
| 137 | + </p> | ||
| 138 | + </div> | ||
| 145 | 139 | ||
| 140 | + <div class='help-group'> | ||
| 141 | + <h2>五、服务支持</h2> | ||
| 142 | + <p> | ||
| 143 | + 如您在使用有货分期过程中遇到还款及资金安全方面问题您可联系信而富客服为，您进行相关处理和解答，联系电话：400-688-8692（工作日9:00-18:00），如您无法联系信而富客服您可联系有货客服，我们将在3个工作日内给您回复，感谢您的理解与支持！ | ||
| 144 | + </p> | ||
| 145 | + </div> | ||
| 146 | </div> | 146 | </div> |
| @@ -88,6 +88,6 @@ | @@ -88,6 +88,6 @@ | ||
| 88 | {{/isRefundedAll}} | 88 | {{/isRefundedAll}} |
| 89 | 89 | ||
| 90 | {{#isRepaymentAllCompleted order.status}} | 90 | {{#isRepaymentAllCompleted order.status}} |
| 91 | - <div class="all-completed">已结清</div> | 91 | + <div class="all-completed">已还清</div> |
| 92 | {{/isRepaymentAllCompleted}} | 92 | {{/isRepaymentAllCompleted}} |
| 93 | -</div> | 93 | +</div> |
| @@ -48,16 +48,16 @@ | @@ -48,16 +48,16 @@ | ||
| 48 | min="1" | 48 | min="1" |
| 49 | pattern="\d*" | 49 | pattern="\d*" |
| 50 | placeholder="请输入验证码" size="6" maxlength="6" /> | 50 | placeholder="请输入验证码" size="6" maxlength="6" /> |
| 51 | - <button id="send-sms" class="count-down">获取验证码</button> | 51 | + <button id="send-sms" class="count-down disabled">获取验证码</button> |
| 52 | <div class="clearfix"></div> | 52 | <div class="clearfix"></div> |
| 53 | </div> | 53 | </div> |
| 54 | 54 | ||
| 55 | <div class="agreements"> | 55 | <div class="agreements"> |
| 56 | <input id="accept-agreements" name="agreements" type="checkbox" class="installment-check-btn" checked/> | 56 | <input id="accept-agreements" name="agreements" type="checkbox" class="installment-check-btn" checked/> |
| 57 | <label for="accept-agreements"> | 57 | <label for="accept-agreements"> |
| 58 | - <span>免费开通，详情请见 | 58 | + <div class="text-label">免费开通，详情请见 |
| 59 | <a id="agreements" href="" data-href="/home/installment/agreement">《有货分期-信而富用户服务协议&借款服务协议》</a> | 59 | <a id="agreements" href="" data-href="/home/installment/agreement">《有货分期-信而富用户服务协议&借款服务协议》</a> |
| 60 | - </span> | 60 | + </div> |
| 61 | </label> | 61 | </label> |
| 62 | <div class="clearfix"></div> | 62 | <div class="clearfix"></div> |
| 63 | </div> | 63 | </div> |
| @@ -45,7 +45,8 @@ const dist = { | @@ -45,7 +45,8 @@ const dist = { | ||
| 45 | const postcssPlugin = (et) => { | 45 | const postcssPlugin = (et) => { |
| 46 | var sprites = { | 46 | var sprites = { |
| 47 | spritesmith: { | 47 | spritesmith: { |
| 48 | - padding: 8 | 48 | + // 不能设置过小,否则有边缘会有问题 |
| 49 | + padding: 20 | ||
| 49 | }, | 50 | }, |
| 50 | filterBy(file) { | 51 | filterBy(file) { |
| 51 | // base64 的图片没有 url 过滤掉 | 52 | // base64 的图片没有 url 过滤掉 |
| @@ -42,6 +42,13 @@ var validateForm = function() { | @@ -42,6 +42,13 @@ var validateForm = function() { | ||
| 42 | ret = true; | 42 | ret = true; |
| 43 | } | 43 | } |
| 44 | 44 | ||
| 45 | + // 检查手机号码 | ||
| 46 | + if (formModel.cardNo && formModel.cardNo.length >= 16 && | ||
| 47 | + formModel.mobile && formModel.mobile.length === 11) { | ||
| 48 | + $('#send-sms').removeClass('disabled'); | ||
| 49 | + } else { | ||
| 50 | + $('#send-sms').addClass('disabled'); | ||
| 51 | + } | ||
| 45 | return ret; | 52 | return ret; |
| 46 | }; | 53 | }; |
| 47 | 54 | ||
| @@ -52,6 +59,7 @@ const clearVerifyCode = function() { | @@ -52,6 +59,7 @@ const clearVerifyCode = function() { | ||
| 52 | $('#sns-check-code').val(''); | 59 | $('#sns-check-code').val(''); |
| 53 | }; | 60 | }; |
| 54 | 61 | ||
| 62 | + | ||
| 55 | checkCard(formModel); | 63 | checkCard(formModel); |
| 56 | 64 | ||
| 57 | /** | 65 | /** |
| @@ -119,6 +127,11 @@ Timer.prototype.reset = function() { | @@ -119,6 +127,11 @@ Timer.prototype.reset = function() { | ||
| 119 | $('#send-sms').click(function() { | 127 | $('#send-sms').click(function() { |
| 120 | var self = this; | 128 | var self = this; |
| 121 | 129 | ||
| 130 | + // 数据不完整情况下不能发送验证码 | ||
| 131 | + if ($(this).hasClass('disabled')) { | ||
| 132 | + return false; | ||
| 133 | + } | ||
| 134 | + | ||
| 122 | if ($(this).data('running')) { | 135 | if ($(this).data('running')) { |
| 123 | return false; | 136 | return false; |
| 124 | } | 137 | } |
| @@ -148,6 +161,7 @@ $('#send-sms').click(function() { | @@ -148,6 +161,7 @@ $('#send-sms').click(function() { | ||
| 148 | }); | 161 | }); |
| 149 | 162 | ||
| 150 | // 输入框改变时同时更新模型 | 163 | // 输入框改变时同时更新模型 |
| 164 | +/* | ||
| 151 | $('input').on('change', function() { | 165 | $('input').on('change', function() { |
| 152 | var name = $(this).attr('name'); | 166 | var name = $(this).attr('name'); |
| 153 | 167 | ||
| @@ -159,10 +173,21 @@ $('input').on('change', function() { | @@ -159,10 +173,21 @@ $('input').on('change', function() { | ||
| 159 | 173 | ||
| 160 | validateForm(); | 174 | validateForm(); |
| 161 | }); | 175 | }); |
| 176 | +*/ | ||
| 162 | 177 | ||
| 163 | -validateForm(); | 178 | +// validateForm(); |
| 164 | 179 | ||
| 180 | +// 定时更新模型,解决各种浏览器奇葩问题终极办法 | ||
| 165 | setInterval(function() { | 181 | setInterval(function() { |
| 182 | + $('input').each(function() { | ||
| 183 | + var name = $(this).attr('name'); | ||
| 184 | + | ||
| 185 | + if ($(this).is(':checkbox')) { | ||
| 186 | + formModel[name] = $(this).is(':checked') ? $(this).val() : null; | ||
| 187 | + } else { | ||
| 188 | + formModel[name] = $(this).val(); | ||
| 189 | + } | ||
| 190 | + }); | ||
| 166 | validateForm(); | 191 | validateForm(); |
| 167 | }, 500); | 192 | }, 500); |
| 168 | 193 |
| @@ -159,7 +159,6 @@ Repayment.prototype.update = function() { | @@ -159,7 +159,6 @@ Repayment.prototype.update = function() { | ||
| 159 | // self.fee += value.fee; | 159 | // self.fee += value.fee; |
| 160 | 160 | ||
| 161 | total.push(value.amount); | 161 | total.push(value.amount); |
| 162 | - total.push(value.fee); | ||
| 163 | fee.push(value.fee); | 162 | fee.push(value.fee); |
| 164 | }); | 163 | }); |
| 165 | 164 |
| 1 | .installment-help { | 1 | .installment-help { |
| 2 | - padding: 0 5px; | 2 | + padding: 30px; |
| 3 | margin: 0; | 3 | margin: 0; |
| 4 | background-color: #fff; | 4 | background-color: #fff; |
| 5 | - font-family: "Helvetica", "黑体", "Arial"; | 5 | + font-family: "微软雅黑"; |
| 6 | + color: #444; | ||
| 7 | + font-weight: 300; | ||
| 6 | 8 | ||
| 7 | .help-title { | 9 | .help-title { |
| 8 | text-align: center; | 10 | text-align: center; |
| 9 | - font-size: 40px; | 11 | + font-size: 28px; |
| 10 | margin-top: 10px; | 12 | margin-top: 10px; |
| 13 | + font-weight: bold; | ||
| 11 | } | 14 | } |
| 12 | 15 | ||
| 13 | .help-group { | 16 | .help-group { |
| 14 | text-align: left; | 17 | text-align: left; |
| 15 | - margin: 20px 5px; | 18 | + margin: 0 5px 45px; |
| 16 | 19 | ||
| 17 | h2 { | 20 | h2 { |
| 18 | - font-size: 34px; | 21 | + font-size: 26px; |
| 22 | + font-weight: bold; | ||
| 19 | } | 23 | } |
| 20 | 24 | ||
| 21 | p { | 25 | p { |
| 22 | - font-size: 28px; | 26 | + font-size: 26px; |
| 23 | line-height: 40px; | 27 | line-height: 40px; |
| 24 | margin-top: 10px; | 28 | margin-top: 10px; |
| 25 | - text-indent: 2em; | ||
| 26 | } | 29 | } |
| 27 | 30 | ||
| 28 | .remind { | 31 | .remind { |
| @@ -61,3 +64,23 @@ | @@ -61,3 +64,23 @@ | ||
| 61 | } | 64 | } |
| 62 | } | 65 | } |
| 63 | } | 66 | } |
| 67 | + | ||
| 68 | +.installment-agreement { | ||
| 69 | + p { | ||
| 70 | + text-indent: 2em; | ||
| 71 | + } | ||
| 72 | + | ||
| 73 | + ul { | ||
| 74 | + list-style-type: none; | ||
| 75 | + | ||
| 76 | + li { | ||
| 77 | + | ||
| 78 | + display: inline-block; | ||
| 79 | + } | ||
| 80 | + } | ||
| 81 | + | ||
| 82 | + .indent2 { | ||
| 83 | + text-indent: 2em; | ||
| 84 | + display: inline-block; | ||
| 85 | + } | ||
| 86 | +} |
| @@ -82,7 +82,7 @@ | @@ -82,7 +82,7 @@ | ||
| 82 | 82 | ||
| 83 | .title-box { | 83 | .title-box { |
| 84 | margin-left: 22px; | 84 | margin-left: 22px; |
| 85 | - width: 320px; | 85 | + width: 240px; |
| 86 | 86 | ||
| 87 | .product-name { | 87 | .product-name { |
| 88 | overflow: hidden; | 88 | overflow: hidden; |
| @@ -110,6 +110,7 @@ | @@ -110,6 +110,7 @@ | ||
| 110 | } | 110 | } |
| 111 | 111 | ||
| 112 | .status { | 112 | .status { |
| 113 | + font-size: 24px; | ||
| 113 | margin-top: 10px; | 114 | margin-top: 10px; |
| 114 | &.faded { | 115 | &.faded { |
| 115 | color: #b1b1b1; | 116 | color: #b1b1b1; |
| 1 | .repayment-list-page { | 1 | .repayment-list-page { |
| 2 | padding-bottom: 100px; | 2 | padding-bottom: 100px; |
| 3 | + font-weight: 300; | ||
| 3 | 4 | ||
| 4 | .repay-list li { | 5 | .repay-list li { |
| 5 | height: 120px; | 6 | height: 120px; |
| @@ -82,7 +83,7 @@ | @@ -82,7 +83,7 @@ | ||
| 82 | } | 83 | } |
| 83 | 84 | ||
| 84 | .record-cont { | 85 | .record-cont { |
| 85 | - width: 360px; | 86 | + width: 240px; |
| 86 | height: 84px; | 87 | height: 84px; |
| 87 | float: left; | 88 | float: left; |
| 88 | overflow: hidden; | 89 | overflow: hidden; |
| @@ -119,6 +120,7 @@ | @@ -119,6 +120,7 @@ | ||
| 119 | position: relative; | 120 | position: relative; |
| 120 | top: 18px; | 121 | top: 18px; |
| 121 | margin-left: 15px; | 122 | margin-left: 15px; |
| 123 | + color: #e9e9e9; | ||
| 122 | } | 124 | } |
| 123 | } | 125 | } |
| 124 | } | 126 | } |
| @@ -325,6 +327,7 @@ | @@ -325,6 +327,7 @@ | ||
| 325 | line-height: 40px; | 327 | line-height: 40px; |
| 326 | margin-top: 20px; | 328 | margin-top: 20px; |
| 327 | margin-left: 25px; | 329 | margin-left: 25px; |
| 330 | + color: #444; | ||
| 328 | 331 | ||
| 329 | span { | 332 | span { |
| 330 | color: #d2000d; | 333 | color: #d2000d; |
| @@ -40,7 +40,7 @@ | @@ -40,7 +40,7 @@ | ||
| 40 | color: #444; | 40 | color: #444; |
| 41 | } | 41 | } |
| 42 | 42 | ||
| 43 | - span { | 43 | + .text-label { |
| 44 | margin-left: 12px; | 44 | margin-left: 12px; |
| 45 | } | 45 | } |
| 46 | 46 | ||
| @@ -82,6 +82,11 @@ | @@ -82,6 +82,11 @@ | ||
| 82 | padding: 0; | 82 | padding: 0; |
| 83 | margin-top: -8px; | 83 | margin-top: -8px; |
| 84 | margin-right: 6px; | 84 | margin-right: 6px; |
| 85 | + | ||
| 86 | + &.disabled { | ||
| 87 | + color: #e0e0e0; | ||
| 88 | + border-color: #e0e0e0; | ||
| 89 | + } | ||
| 85 | } | 90 | } |
| 86 | 91 | ||
| 87 | .data-encryption { | 92 | .data-encryption { |
-
Please register or login to post a comment