Authored by 王水玲

Merge branch 'feature/installment1' into feature/installment2a

... ... @@ -394,13 +394,35 @@ const orderDetail = (req, res) => {
page: 'installment.order-detail',
title: '分期详情',
order: (()=> {
let refundStatusCount = 0, completeStatusCount = 0, listCount = 0;
if (result && result.data && result.data.orderGoods) {
result.data.orderGoods = [
result.data.orderGoods[0]
];
}
return result.data;
if (result && result.data && result.data.packageList) {
listCount = result.data.packageList.length;
result.data.packageList.forEach((item)=> {
if (item.status === 2) {
completeStatusCount++;
} else if (item.status === 4 || item.status === 5) {
refundStatusCount++;
}
});
}
return Object.assign({
status: (()=> {
if (refundStatusCount === listCount) {
return 5;
} else if (completeStatusCount === listCount) {
return 2;
}
})()
}, result.data);
})(),
navBtn: false,
currAmtCount: 0,
... ... @@ -429,7 +451,7 @@ const orderDetail = (req, res) => {
return options.inverse(this);
},
isRepaymentAllCompleted: function(status, options) {
if (status === 2) { // 已结清/已取消
if (status === 2) { // 已结清
return options.fn(this);
}
return options.inverse(this);
... ...
... ... @@ -324,7 +324,7 @@ const activateService = (params) => {
method: 'user.instalment.activate',
debug: 'XYZ' // TODO: remove this
}, params), {
timeout: API_TIMEOUT
timeout: 30000
});
};
... ...
<div class='installment-help'>
<div class='installment-help installment-agreement'>
<div class='content help-title'>有货分期-信而富用户服务协议</div>
<br />
<div class='help-group'>
<h2>【特别提示】</h2>
<p>
... ... @@ -76,10 +77,17 @@
</p>
<p>
3.2您了解并同意,确保平台账户及密码的机密安全是用户的责任,您将对利用用户账户及密码所进行的一切行动及言论负完全的责任,并同意以下事项:
(1)您不对其他任何人泄露账户及密码,亦不可使用其他任何人的账户或密码;因黑客、病毒或您的保管疏忽等非信而富过错导致个人账户及密码遭他人非法使用的,信而富不承担任何责任;
(2)信而富通过您的账户及密码来识别您的指令和操作,您同意并确认,使用账户及密码登录后在本平台的一切行为均代表您本人的使用,账户操作所产生的电子信息记录均为您个人行为的有效凭证,并由您本人承担由此产生的全部责任;
<span class='indent2'>
(1)您不对其他任何人泄露账户及密码,亦不可使用其他任何人的账户或密码;因黑客、病毒或您的保管疏忽等非信而富过错导致个人账户及密码遭他人非法使用的,信而富不承担任何责任;<br />
</span>
<span class='indent2'>
(2)信而富通过您的账户及密码来识别您的指令和操作,您同意并确认,使用账户及密码登录后在本平台的一切行为均代表您本人的使用,账户操作所产生的电子信息记录均为您个人行为的有效凭证,并由您本人承担由此产生的全部责任;</span>
<span class='indent2'>
(3)冒用他人账户及密码的,信而富及合法授权主体保留追究实际使用人责任的权利;
</span>
<span class='indent2'>
(4)信而富提示您创建一个安全密码,避免选择过于简单或明显的单词或日期,比如您的姓名、昵称或者生日等。
</span>
</p>
<p>
3.3您完成申请注册手续后,获得本平台账户的使用权,该使用权仅属于初始申请注册人。您禁止赠与、借用、租用、转让或售卖平台账户。您若发现有第三人冒用或盗用您的用户账户及密码,或其他任何未经合法授权的情形,应立即以有效方式通知信而富,要求信而富暂停相关服务,否则由此产生的一切责任由您本人承担。同时您理解信而富对您的请求采取行动需要合理期限,信而富对第三人使用该服务所导致的损失不承担任何责任。
... ... @@ -95,13 +103,28 @@
</p>
<p class='underline bold'>
3.7信而富有权基于单方独立判断,在其认为可能发生危害交易安全或用户违反本平台规则等情形时,有权不经通知而暂停、中断或终止向您提供的本协议项下的全部或部分服务,并有权视情况单方决定将用户注册资料移除或删除,且无需对用户或任何第三方承担任何责任。前述情形包括但不限于:
<span class='indent2'>
(1)信而富认为用户提供的个人资料不具有真实性、有效性或完整性;
</span>
<span class='indent2'>
(2)信而富发现异常交易或有疑义或有违法之可能时;
</span>
<span class='indent2'>
(3)信而富认为用户已经违反相关法律法规或本协议中规定的各类规则及精神;
</span>
<span class='indent2'>
(4)用户在使用本平台收费服务时未按规定向相关方支付相应的平台服务费用或第三方服务费用;
</span>
<span class='indent2'>
(5)用户账户已连续三年内未实际使用且账户中余额为零;
</span>
<span class='indent2'>
(6)信而富按照法律规定或主管部门的要求;
</span>
<span class='indent2'>
(7)出于安全的原因或其他必要的情形。
</span>
</ul>
</p>
<p>
3.8用户同意,用户账户的暂停、中断或终止不代表用户责任的终止,用户仍应对使用本平台服务期间的行为承担可能的违约或损害赔偿责任,同时信而富仍可保有用户的相关信息。
... ... @@ -121,21 +144,37 @@
</p>
<p>
4.4 您确认知晓并同意,信而富可将您的信息用于:
<span class='indent2'>
(1)信而富向您及时发送重要通知,如软件更新、本协议条款的变更;
</span>
<span class='indent2'>
(2)信而富内部进行审计、数据分析和研究等,以改进信而富的产品、服务和与您之间的沟通;
</span>
<span class='indent2'>
(3)依本协议约定,信而富管理、审查您的信息及进行处理措施;
</span>
<span class='indent2'>
(4)信而富为提供本协议项下服务而必需的其他用途;
</span>
<span class='indent2'>
(5)法律法规所要求的其他用途。
</span>
</p>
<p>
4.5信而富将运用各种安全技术和程序建立完善的管理制度来保护您的个人信息,以免遭受未经授权的访问、使用或披露。但对于因您个人原因、因黑客攻击、电脑病毒侵入及其它不可抗力事件、或其它非信而富原因导致的个人信息的泄露和损失,信而富不承担任何责任。
</p>
<p>
4.6 为本协议之目的,您特此同意授权信而富指定的公司在发生与您有关的下列任一情形时,可以通过中国人民银行个人信息基础数据库或/及其他征信系统或/及与征信相关的第三方数据库(以下统称“征信数据库”)查询您的个人信用信息(个人信用信息包括与您有关的基本信息、信贷信息或与本人信用直接或间接相关的其他各项信息),并通过征信数据库对该等个人信用信息进行各项识别、验证和筛查:
<span class='indent2'>
(1)涉及您的个人借款申请;
</span>
<span class='indent2'>
(2)涉及您的个人担保事宜;
</span>
<span class='indent2'>
(3)对您名下已发生的个人借款或个人担保进行风险管理及后续信息跟踪管理。
同时授权信而富指定的公司将您的个人信用信息向包括中国人民银行信息基础数据库在内的征信数据库报送。
</span>
</p>
</div>
... ... @@ -168,12 +207,24 @@
</p>
<p>
6.4除非信而富书面许可,您不得从事下列任一行为,否则信而富将保留追究您责任的权利:
<span class='indent2'>
(1)删除软件及其副本上关于著作权的信息;
</span>
<span class='indent2'>
(2)对软件进行反向工程、反向汇编、反向编译,或者以其他方式尝试发现软件的源代码;
</span>
<span class='indent2'>
(3)对信而富拥有知识产权的内容进行使用、出租、出借、复制、修改、链接、转载、汇编、发表、出版、建立镜像站点等;
</span>
<span class='indent2'>
(4)对软件或者软件运行过程中释放到任何终端内存中的数据、软件运行过程中客户端与服务器端的交互数据,以及软件运行所必需的系统数据,进行复制、修改、增加、删除、挂接运行或创作任何衍生作品,形式包括但不限于使用插件、外挂或非经信而富授权的第三方工具/服务接入软件和相关系统;
</span>
<span class='indent2'>
(5)通过修改或伪造软件运行中的指令、数据,增加、删减、变动软件的功能或运行效果,或者将用于上述用途的软件、方法进行运营或向公众传播,无论这些行为是否为商业目的;
</span>
<span class='indent2'>
(6)通过非信而富开发、授权的第三方软件、插件、外挂、系统,登录或使用信而富软件及服务,或制作、发布、传播非信而富开发、授权的第三方软件、插件、外挂、系统。
</span>
</p>
</div>
... ... @@ -200,13 +251,27 @@
<h2>八、【用户的守法义务】</h2>
<p>
8.1您在使用平台服务时须遵守法律法规以及公序良俗,不得利用平台服务从事违法违规行为,包括但不限于:
<span class='indent2'>
(1)发布、传送、传播、储存危害国家安全统一、破坏社会稳定、违反公序良俗、侮辱、诽谤、淫秽、暴力以及任何违反国家法律法规的内容;
</span>
<span class='indent2'>
(2)发布、传送、传播、储存侵害他人知识产权、商业秘密等合法权利的内容;
</span>
<span class='indent2'>
(3)提交、发布虚假信息,或盗用他人头像或资料,冒充、利用他人名义,恶意虚构事实、隐瞒真相以误导、欺骗他人;
</span>
<span class='indent2'>
(4)发布、传送、传播广告信息及垃圾信息;
</span>
<span class='indent2'>
(5)侵害他人名誉、隐私权、商业秘密、商标权、著作权、专利权、其它知识产权及其它权益;
</span>
<span class='indent2'>
(6)从事任何不法交易行为;
</span>
<span class='indent2'>
(7)其他法律法规禁止或信而富有正当理由认为不适当的行为。
</span>
</p>
<p>
8.2如果您违反了本条约定,相关国家机关或机构可能会对您提起诉讼、罚款或采取其他制裁措施,并要求信而富给予协助,造成损害的,您应依法予以赔偿,信而富不承担任何责任。
... ... @@ -226,18 +291,36 @@
</p>
<p class='bold'>
9.2 在法律允许的范围内,信而富对以下情形导致的服务中断、受阻,数据丢失以及其他的损失和风险不承担责任:
<span class='indent2'>
(1)受到计算机病毒、木马或其他恶意程序、黑客攻击的破坏;
</span>
<span class='indent2'>
(2)您或信而富的电脑软件、系统、硬件和通信线路出现故障;
</span>
<span class='indent2'>
(3)您自身责任所导致的损失或风险(例如您未按照本协议或本平台不时公布的任何规则进行操作;您向本平台发送的指令信息不明确、或存在歧义、不完整等;您账户内余额不足);
</span>
<span class='indent2'>
(4)第三方(包括但不限于银行、第三方支付机构等)服务瑕疵;
</span>
<span class='indent2'>
(5)您通过非信而富授权的方式使用本服务;
</span>
<span class='indent2'>
(6)其他信而富无法控制或合理预见的情形。
</span>
</p>
<p>
9.3 您理解并同意,在使用本服务的过程中,可能会遇到网络信息或其他您行为带来的风险,信而富不对任何信息的真实性、适用性、合法性承担责任,也不对因侵权行为给您造成的损害负责。这些风险包括但不限于:
<span class='indent2'>
(1)来自他人匿名或冒名的含有威胁、诽谤、令人反感或非法内容的信息;
</span>
<span class='indent2'>
(2)因使用本协议项下的服务,遭受他人误导、欺骗或其他导致或可能导致的任何心理、生理上的伤害以及经济上的损失;
</span>
<span class='indent2'>
(3)其他因网络信息或您行为引起的风险。
</span>
</p>
<p>
9.4 信而富无法也没有义务保证用户在发出借款要约后,能够实际获得借款,用户因前述原因而遭受的损失信而富不承担责任。
... ... @@ -264,9 +347,6 @@
<p>
10.4本协议条款无论因何种原因部分无效或不可执行,其余条款仍有效,对双方具有约束力。
</p>
<p>
(正文完)
</p>
</div>
</div>
... ...
<div class='installment-help'>
<div class='content help-title'>分期支付帮助中心</div>
<div class='help-group'>
<h2>一、有货分期介绍</h2>
<p>
有货分期是有货联合信而富推出的消费贷产品,是一种先消费后还款的网购金融服务。您在开通之后可以在您可用额度内任性购物,当月消费,下月还款,另可享受部分商品的30天、3、6期分期购物
有货分期是有货联合信而富推出的消费贷产品,是一种先消费后还款的网购金融服务。您在开通之后可以在您可用额度内任性购物,当月消费,下月还款,另可享受部分商品的30天、3、6期分期购物。
</p>
</div>
... ... @@ -16,7 +15,7 @@
您需要进行实名认证,因此需您提供:姓名、身份证号、银行卡号(储蓄卡)、银行预留手机号码。提醒您:一个身份证或者一个手机号码只允许开通一个有货分期账号,另外授信有 相应的审核标准,如果您暂未通过也不用灰心,多在有货购物,保持良好的购物习惯,将有助于您通过审核。请您注意保护好您的个人信息,以免他人行为影响您个人的信用记录。
</p>
<p>
2、我如何可以提供我的授信额度?
2、我如何可以提高我的授信额度?
</p>
<p>
有货分期的授信额度是结合您在有货所积累的行为记录自动测算得出的。保持良好的使用行为和还款记录, 有助于达到提额的标准,系统会自动调整额度,人工暂时无法进行调整,感谢您的理解与支持!
... ... @@ -25,7 +24,7 @@
3、如何修改银行预留手机号?
</p>
<p>
目前暂不支持更改手机号,如您的银行卡和手机号同时丢失,涉及到资金安全等问题,请您及时联系客服处理,如您的银行预留手机号变更导致还款失败,请及时联系信而富客服处理,联系电话:400-688-8692(工作日9:00-18:00),避免还款失败造成逾期产生逾期服务费。如您无法联系信而富客服您可联系有货客服,我们将在3个工作日(待信而富确认)内给您回复,感谢您的理解与支持!
目前暂不支持更改手机号,如您的银行卡和手机号同时丢失,涉及到资金安全等问题,请您及时联系客服处理,如您的银行预留手机号变更导致还款失败,请及时联系信而富客服处理,联系电话:400-688-8692(工作日9:00-18:00),避免还款失败造成逾期产生逾期服务费。如您无法联系信而富客服您可联系有货客服,我们将在3个工作日内给您回复,感谢您的理解与支持!
</p>
<p>
<span class='remind'>温馨提醒:</span>由于手机丢失涉及您的资金安全,您可第一时间联系您的手机运营商办理手机号码挂失,以保证您的账户安全。
... ... @@ -50,7 +49,7 @@
1、有货分期支持多久的分期?
</p>
<p>
试运营阶段,支持30天免息、3期、6期,具体分期请在支付中心选择支付中心选择并确认
试运营阶段,支持30天免息、3期、6期,具体分期请在支付中心选择并确认。
</p>
<p>
2、为什么我开通了分期后仍然无法使用?
... ... @@ -80,8 +79,8 @@
6、我的还款日是哪天呢?
</p>
<p>
30天免息:到期还款日为借款当日日期向后顺延30个自然日
3、6期分期:到期还款日为借款当日日期向后顺延1个自然月。(例如:您8.11使用分期借款,分三期还款,9.11为第一期到期还款日,10.11为第二期到期还款日,11.11为第三期到期还款日)
30天免息:到期还款日为借款当日日期向后顺延30个自然日。
3、6期分期:到期还款日为借款当日日期向后顺延1个自然月。(例如:您8.11使用分期借款,分三期还款,9.11为第一期到期还款日,10.11为第二期到期还款日,11.11为第三期到期还款日)。
</p>
<p>
7、可以设置自动还款吗?
... ... @@ -93,7 +92,7 @@
8、我要怎么操作还款?
</p>
<p>
您可登录有货APP,在个人中心有货分期,找到对应的还款订单,点击立即还款即可。请保证银行卡内金额充足 还款后会延迟1-2分钟,返回还款结果,还款进度请到还款记录中查看。 目前不支持更换银行卡还款,如因银行卡问题不能还款成功,请联系信而富客服处理,联系电话:400-688-8692(工作日9:00-18:00),如您无法联系信而富客服您可联系有货客服,我们将在3个工作日内给您回复,感谢您的理解与支持!
您可登录有货APP,在个人中心有货分期,找到对应的还款订单,点击立即还款即可。请保证银行卡内金额充足,还款后会延迟1-2分钟返回还款结果,还款进度请到还款记录中查看。 目前不支持更换银行卡还款,如因银行卡问题不能还款成功,请联系信而富客服处理,联系电话:400-688-8692(工作日9:00-18:00),如您无法联系信而富客服您可联系有货客服,我们将在3个工作日内给您回复,感谢您的理解与支持!
</p>
<p>
<span class='remind'>温馨提醒:</span>如您账户未产生逾期欠款,客服不会主动联系您,请注意资金安全,不要轻易相信陌生人。
... ... @@ -132,6 +131,8 @@
<p>
若订单收货前取消订单且未还款,额度将在订单取消成功后自动恢复。
若在收货后发生退款,且有货分期为待还款状态,商品退货完成后,退款金额自最后一期向往期进行冲抵,如冲抵部分已还款,退还至原支付账户。
</p>
<p>
退货商品入库后,实时冲抵分期相应的欠款、恢复有货分期额度,若退款成功前已有还款,冲抵后剩余款项原卡返还。退款金额将在仓库收到您寄回商品后4个工作日内退还,感谢您的理解与支持!
</p>
</div>
... ... @@ -139,8 +140,7 @@
<div class='help-group'>
<h2>五、服务支持</h2>
<p>
如您在使用有货分期过程中遇到还款及资金安全方面问题您可联系信而富客服为您进行相关处理和解答,联系电话:400-688-8692(工作日9:00-18:00),如您无法联系信而富客服您可联系有货客服,我们将在3个工作日内给您回复,感谢您的理解与支持!
如您在使用有货分期过程中遇到还款及资金安全方面问题您可联系信而富客服为,您进行相关处理和解答,联系电话:400-688-8692(工作日9:00-18:00),如您无法联系信而富客服您可联系有货客服,我们将在3个工作日内给您回复,感谢您的理解与支持!
</p>
</div>
</div>
... ...
... ... @@ -88,6 +88,6 @@
{{/isRefundedAll}}
{{#isRepaymentAllCompleted order.status}}
<div class="all-completed"></div>
<div class="all-completed"></div>
{{/isRepaymentAllCompleted}}
</div>
\ No newline at end of file
... ...
... ... @@ -48,16 +48,16 @@
min="1"
pattern="\d*"
placeholder="请输入验证码" size="6" maxlength="6" />
<button id="send-sms" class="count-down">获取验证码</button>
<button id="send-sms" class="count-down disabled">获取验证码</button>
<div class="clearfix"></div>
</div>
<div class="agreements">
<input id="accept-agreements" name="agreements" type="checkbox" class="installment-check-btn" checked/>
<label for="accept-agreements">
<span>免费开通,详情请见
<div class="text-label">免费开通,详情请见
<a id="agreements" href="" data-href="/home/installment/agreement">《有货分期-信而富用户服务协议&借款服务协议》</a>
</span>
</div>
</label>
<div class="clearfix"></div>
</div>
... ...
... ... @@ -45,7 +45,8 @@ const dist = {
const postcssPlugin = (et) => {
var sprites = {
spritesmith: {
padding: 8
// 不能设置过小,否则有边缘会有问题
padding: 20
},
filterBy(file) {
// base64 的图片没有 url 过滤掉
... ...

20.1 KB | W: | H:

18.6 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
... ... @@ -42,6 +42,13 @@ var validateForm = function() {
ret = true;
}
// 检查手机号码
if (formModel.cardNo && formModel.cardNo.length >= 16 &&
formModel.mobile && formModel.mobile.length === 11) {
$('#send-sms').removeClass('disabled');
} else {
$('#send-sms').addClass('disabled');
}
return ret;
};
... ... @@ -52,6 +59,7 @@ const clearVerifyCode = function() {
$('#sns-check-code').val('');
};
checkCard(formModel);
/**
... ... @@ -119,6 +127,11 @@ Timer.prototype.reset = function() {
$('#send-sms').click(function() {
var self = this;
// 数据不完整情况下不能发送验证码
if ($(this).hasClass('disabled')) {
return false;
}
if ($(this).data('running')) {
return false;
}
... ... @@ -148,6 +161,7 @@ $('#send-sms').click(function() {
});
// 输入框改变时同时更新模型
/*
$('input').on('change', function() {
var name = $(this).attr('name');
... ... @@ -159,10 +173,21 @@ $('input').on('change', function() {
validateForm();
});
*/
validateForm();
// validateForm();
// 定时更新模型,解决各种浏览器奇葩问题终极办法
setInterval(function() {
$('input').each(function() {
var name = $(this).attr('name');
if ($(this).is(':checkbox')) {
formModel[name] = $(this).is(':checked') ? $(this).val() : null;
} else {
formModel[name] = $(this).val();
}
});
validateForm();
}, 500);
... ...
... ... @@ -159,7 +159,6 @@ Repayment.prototype.update = function() {
// self.fee += value.fee;
total.push(value.amount);
total.push(value.fee);
fee.push(value.fee);
});
... ...
.installment-help {
padding: 0 5px;
padding: 30px;
margin: 0;
background-color: #fff;
font-family: "Helvetica", "黑体", "Arial";
font-family: "微软雅黑";
color: #444;
font-weight: 300;
.help-title {
text-align: center;
font-size: 40px;
font-size: 28px;
margin-top: 10px;
font-weight: bold;
}
.help-group {
text-align: left;
margin: 20px 5px;
margin: 0 5px 45px;
h2 {
font-size: 34px;
font-size: 26px;
font-weight: bold;
}
p {
font-size: 28px;
font-size: 26px;
line-height: 40px;
margin-top: 10px;
text-indent: 2em;
}
.remind {
... ... @@ -61,3 +64,23 @@
}
}
}
.installment-agreement {
p {
text-indent: 2em;
}
ul {
list-style-type: none;
li {
display: inline-block;
}
}
.indent2 {
text-indent: 2em;
display: inline-block;
}
}
... ...
.installment-page {
font-weight: 300;
.banner-swiper {
height: 200px;
... ...
... ... @@ -82,7 +82,7 @@
.title-box {
margin-left: 22px;
width: 320px;
width: 240px;
.product-name {
overflow: hidden;
... ... @@ -110,6 +110,7 @@
}
.status {
font-size: 24px;
margin-top: 10px;
&.faded {
color: #b1b1b1;
... ...
.repayment-list-page {
padding-bottom: 100px;
font-weight: 300;
.repay-list li {
height: 120px;
... ... @@ -82,7 +83,7 @@
}
.record-cont {
width: 360px;
width: 240px;
height: 84px;
float: left;
overflow: hidden;
... ... @@ -119,6 +120,7 @@
position: relative;
top: 18px;
margin-left: 15px;
color: #e9e9e9;
}
}
}
... ... @@ -325,6 +327,7 @@
line-height: 40px;
margin-top: 20px;
margin-left: 25px;
color: #444;
span {
color: #d2000d;
... ...
... ... @@ -40,7 +40,7 @@
color: #444;
}
span {
.text-label {
margin-left: 12px;
}
... ... @@ -82,6 +82,11 @@
padding: 0;
margin-top: -8px;
margin-right: 6px;
&.disabled {
color: #e0e0e0;
border-color: #e0e0e0;
}
}
.data-encryption {
... ...