fe / yohoblk-wap · Commits

Go to a project

Authored by 沈志敏
Commit b8b8b8638ecc898be9837443e5430be109a096f3 1 parent af109ac7

app订单新增功能

Inline Side-by-side
Showing 19 changed files with 267 additions and 131 deletions
... ... @@ -138,6 +138,7 @@ tags
### YOHO ###
public/dist/
public/img/sprite.*
public/css/*
public/bundle/*
.eslintcache
... ...
... ... @@ -139,7 +139,14 @@ const component = {
res.render('about', {
module: 'me',
page: 'about',
year: new Date().getFullYear(),
noLocalCSS: true
});
},
provisions: (req, res) => {
res.render('provisions', {
module: 'me',
page: 'provisions',
noLocalJS: true,
noLocalCSS: true
});
}
... ...
... ... @@ -79,6 +79,15 @@ const order = {
return res.json(result);
}).catch(next);
},
readdData: (req, res, next) => {
// 再次购买
const orderCode = req.body.orderCode;
const uid = req.user.uid;
orderModel.readdData(orderCode, uid).then((result) => {
res.json(result);
}).catch(next);
},
confirmOrder: (req, res, next) => {
const orderode = req.body.orderCode;
... ...
... ... @@ -56,6 +56,26 @@ exports.cancelOrder = (orderCode, reasonId, reason) => {
});
};
// 再次购买
exports.readdData = (orderCode, uid) => {
return api.get('', {
method: 'app.Shopping.readd',
uid: uid,
order_code: orderCode
}).then((result) => {
if (result && result.code === 200) {
result.message = '商品已重新加入购物车';
} else if (result.code === '400') {
result.message = '缺失参数';
} else {
result.message = '商品加入购物车失败';
result.datat = {};
}
return result;
});
};
/**
* 确认订单
* @param orderCode 订单号
... ...
... ... @@ -29,6 +29,7 @@ router.get('/me/getOrderList', auth, order.getOrderData); // 获取订单数据
router.get('/me/get-order', auth, order.getOrderDetailData); // AJAX 获取订单详情数据
router.get('/me/getCancelOrderReason', auth, order.getCancelReason); // 获取取消订单原因
router.post('/me/cancelOrder', auth, order.cancelOrder); // 取消订单
router.post('/me/readdorder', auth, order.readdData); // 再次购买
router.post('/me/deleteOrder', auth, order.deleteOrder); // AJAX 删除订单
router.post('/me/confirmReceive', auth, order.confirmOrder); // 确认订单
... ... @@ -72,8 +73,9 @@ router.get('/me/mydetails', auth, home.mydetails); // 个人信息
router.post('/me/save-mydetails', auth, home.saveMydetails); // AJAX 保存个人信息
router.get('/me/about', home.about); // 个人中心 - 关于我们
router.get('/me/provisions', home.provisions); // 个人中心 - 隐私条款
router.get('/me/logistic', auth, order.logistic); // 个人中心 - 退换货物流设置页面
router.get('/me/get-order-logistic-date', auth, order.getOrderLogisticdate); // 个人中心 - 订单物流详情数据
module.exports = router;
\ No newline at end of file
module.exports = router;
... ...
<div class="about-us">
<div class="description">
<p>From yoho! {{year}} high-end store</p>
<p>i fancy, you like.</p>
</div>
<div class="icon-container">
<span class="blk-icon icon icon-blk"></span>
<p class="icon-label">YOHO!BLK</p>
</div>
<div class="description">
<p>The world of fashion is</p>
<p>at your fingertips</p>
</div>
<div class="provisions">
<a href="/me/provisions">隐私条款</a>
</div>
<div class="yoho-img">
</div>
</div>
... ...
<div class="provisions">
<section class="detail">
<p>欢迎访问YOHO!BLK APP！我们以本隐私申明声明对访问者隐私保护的许诺。</p>
<h4>YOHO!BLK APP的信息收集与使用</h4>
<ul>
<li>YOHO!BLK APP收集用户提交的个人识别信息(下称“个人识别信息”)， 一旦注册，YOHO!BLK APP用户即可以建立由一页或多页网页组成的含有用户信息的用户档案。我们将收集用户发布在其用户档案中的数据，包括但不限于： 会员信息，联系信息，购物&着装习惯和喜爱品牌(合称为“用户档案信息”)，我们使用这些信息来获得用户的统计资料。我们将会用这些统计数据来给我们的用户分类，以便有针对性地向我们的用户提供新的服务。我们会通过您的邮件地址来通知您这些新的服务。</li>
<li>我们同样从用户处收集其他非个人识别信息(下称“非个人识别信息”)，包括IP地址、集合的用户数据和浏览器类型。该等数据会被用来管理YOHO!BLK APP，跟踪使用记录，改进YOHO!BLK APP的服务。该等非个人识别信息通常被用于下列目的：研究和分析站点的使用情况，订制您浏览的广告和内容，满足您对服务的要求，以及改进我们的服务。出于安全和监管的目的，用户的IP地址将会被记录。</li>
<li>我们或其商业伙伴可能在YOHO!BLK APP上不时地进行促销或者抽奖。用户可能会被要求提供个人识别信息，包括姓名，电子邮件地址或家庭住址。因进行促销或者抽奖而收集个人识别信息时，您将清楚地被告知个人识别信息的收集方以及适用的隐私政策。</li>
</ul>
<h4>YOHO!BLK APP收集信息的共享与披露</h4>
<ul>
<li>除本隐私政策另有规定，我们不会在未经您同意的情况下在YOHO!BLK APP及其母公司、子公司或者关联公司(为本隐私政策之目的，包括遵守本隐私政策的技术提供者)之外泄露您的个人识别信息或者用户档案信息，除非我们认为这种披露是有必要的：(1)为遵守法律的要求或者回应我们收到的传票、搜查令或者其他法律程序，而不论该等回应是否为适用法律所要求的；(2)为回应主管政府部门的要求；(3)为了保护公众和服务用户的安全；或者(4)为了维护我们的法律权利和利益。</li>
<li>当我们出售YOHO!BLK APP或其全部资产时，我们保留向其继任者转让个人识别信息和用户档案信息的权利。</li>
<li>我们也可以向某些您明确同意接收其信息的广告合作伙伴转让您的个人识别信息和用户档案信息。因此进行个人识别信息的收集时，您将清楚地被告知适用的隐私政策。</li>
</ul>
<h4>用户名和密码</h4>
<ul>
<li>YOHO!BLK APP用户账号通过用户创设的密码确保其安全性。您应当对您密码的保密负全部责任。请不要和他人分享此信息。如果您泄漏了密码，您可能丢失了您的个人识别信息，并且有可能导致对您不利的司法行为。如果您和他人共享一台电脑，您应该在离开YOHO!BLK APP时退出系统以保证您的信息不被后来使用该电脑者获取。</li>
<li>因此不管任何原因使您的密码安全受到危及，您应该立即通过我们的客服热线：400-889-9646和我们取得联系 。</li>
</ul>
<h4>您的交易行为</h4>
<ul>
<li>我们跟踪IP地址仅仅只是为了安全的必要。如果我们没有发现任何安全问题，我们会及时删除我们收集到的IP地址。我们还跟踪全天的页面访问数据。全天页面访问数据被用来反映网站的流量，我们可以为未来的发展制定计划（例如，增加服务器）。</li>
</ul>
<h4>邮件 / 短信 / 会刊服务</h4>
<ul>
<li>我们保留通过邮件、短信、邮寄会刊的形式，对本网站注册、购物用户发送订单信息、促销活动等告知服务的权利。如果您在YOHO!BLK APP注册、购物，表明您已默示同意接受此项服务。如果您不想接收来自我们的邮件、短信或会刊，您可以向我们的客服提出退阅申请，并注明您的E-mail地址、手机号或相关地址信息，我们会在收到申请后为您办理退阅。</li>
</ul>
<h4>Cookies 的使用</h4>
<ul>
<li>我们使用cookies来储存用户的喜好和记录活动信息以确保用户不会重复收到同样的广告和定制的时事通讯、广告以及基于浏览器类型和用户档案信息的网页内容。我们不会把在cookies中保存的信息与您在我们网站上提交的任何个人识别信息相连接。您可以通过设置您的浏览器以接受或者拒绝全部或部分的cookies，或要求在cookies被设置时通知您。由于每个浏览器是不同的，请查看浏览器的“帮助”菜单来了解如何更改您的cookies选择参数。但是，您应允许来自YOHO!BLK APP的cookies以使您可以使用网站的更多的功能。</li>
</ul>
<h4>外部链接</h4>
<ul>
<li>YOHO!BLK APP包含其他网站的链接。但我们不对其他网站上的隐私政策和/或其执行承担责任。当链接到其他网站时，用户应该阅读该网站贴示的隐私政策。我们的隐私政策仅适用于自YOHO!BLK APP收集的信息。</li>
</ul>
<h4>第三方广告</h4>
<ul>
<li>我们可能会通过与第三方合作向用户提供服务。因此，我们可能向该第三方提供您通过YOHO!BLK APP提交给我们的个人识别信息和用户档案信息；但该第三方应同意承担与我们相同的责任以保护用户的隐私。另外，在不会披露用户的个人识别信息和用户档案信息的前提下，我们可以对集合的用户个人识别信息和用户档案进行分析和商业性使用。</li>
</ul>
<h4>安全</h4>
<ul>
<li>我们会采取合理措施保护存储在我们数据库中的用户个人识别信息和用户档案信息，并且对那些需要履行其工作职责的雇员，比如我们的客户服务人员和技术人员，获取用户个人识别信息和用户档案信息进行限制。请注意，我们无法保证用户个人识别信息和用户档案信息的安全性。未授权的登陆或使用、硬件或软件的故障、以及其他因素均可能在任何时候危及用户个人识别信息的安全性。</li>
</ul>
<h4>隐私政策的变更</h4>
<ul>
<li>我们可能对本隐私政策不时进行修改。如果我们进行任何修改，我们将在YOHO!BLK APP主页上发布为期30天的通知以使用户知道被修改内容的类型以及指示用户审阅更新的隐私政策。如果您在对本隐私政策任何细微修改发布后继续使用网站，则表示您同意遵守任何该等修改。</li>
</ul>
<h4>联系我们</h4>
<ul>
<li>如果您就本隐私政策有任何疑问，请与我们客服联系客服热线：400-889-9646。</li>
</ul>
</section>
</div>
\ No newline at end of file
... ...
... ... @@ -14,7 +14,7 @@
const $ = require('jquery');
function tip(param) {
function tip(param, cb) {
let timer;
const viewData = {
mask: false,
... ... @@ -43,6 +43,9 @@ function tip(param) {
$tip.data('timer', setTimeout(function() {
$tip.remove();
if (typeof cb === 'function') {
cb();
}
}, viewData.delay));
}
... ...
... ... @@ -5,7 +5,7 @@
.description {
position: fixed;
top: 404px;
top: 680px;
width: 425px;
height: 75px;
left: 0;
... ... @@ -21,7 +21,7 @@
.icon-container {
position: fixed;
top: 550px;
top: 404px;
left: 0;
right: 0;
margin-left: auto;
... ... @@ -52,4 +52,54 @@
text-align: center;
font-size: 24px;
}
.provisions {
position: fixed;
left: 0;
right: 0;
bottom: 200px;
text-align: center;
margin-left: auto;
margin-right: auto;
a {
text-decoration: underline;
}
}
.yoho-img {
position: fixed;
bottom: 100px;
width: 214px;
height: 53px;
margin: 0 auto;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
background-image: url('/me/yoho.png');
}
}
.provisions {
margin: 20px 3%;
font-size: 30px;
width: 94%;
overflow: hidden;
h4 {
line-height: 60px;
}
ul {
list-style: disc;
list-style-position: inside;
margin-left: 10px;
margin-bottom: 15px;
}
p {
line-height: 40px;
margin-top: 40px;
}
}
... ...
... ... @@ -25,6 +25,18 @@
}
.deal-main {
margin: 20px 3%;
font-size: 30px;
width: 94%;
overflow: hidden;
ol,
ul {
list-style: disc;
list-style-position: inside;
margin-left: 10px;
}
.detail {
h4 {
line-height: 60px;
... ... @@ -39,4 +51,4 @@
margin-top: 40px;
}
}
}
}
\ No newline at end of file
... ...
.deal-main {
margin: 20px 3%;
font-size: 30px;
width: 94%;
overflow: hidden;
ol,
ul {
list-style: disc;
list-style-position: inside;
margin-left: 10px;
}
}
@import "help";
@import "helpdetail";
@import "feedback";
@import "about-us";
... ...
... ... @@ -39,10 +39,25 @@ $white: #fff;
font-size: 34px;
border-bottom: 1px solid #eee;
line-height: 88px;
position: relative;
> p:first-child {
flex: 1;
}
.exchange {
position: absolute;
top: 50%;
transform: translateY(-50%);
height: 40%;
line-height: 1.2;
padding: 5px 18px;
color: #fffefe;
background: #b0b0b0;
border-radius: 20px;
font-size: 20px;
margin-left: 20px;
}
}
.order-goods {
... ...
... ... @@ -47,7 +47,10 @@
</ul>
</div>
<div class="order-button" v-show="order.status != 1 && order.status != 2 && order.status != 3">
<button v-if="order.is_cancel === 'Y'" @click="deleteOrder(order.order_code)" class="normal">删除订单</button>
<template v-if="order.is_cancel === 'Y'">
<button @click="deleteOrder(order.order_code)" class="leftpad">删除订单</button>
<button @click="readdOrder(order)" class="normal">再次购买</button>
</template>
<template v-else>
<button v-if="order.status == 0" @click="cancelOrder()">取消订单</button>
<button v-if="order.status == 0 " class="countdown" @click="goBuy(order)">去支付 <span class="count-down" v-count-down :left-time="order.pay_lefttime" :callback="autoCancel()"></span></button>
... ... @@ -256,6 +259,23 @@
yoho.store.set('orderReload', true);
});
},
readdOrder(order) {
$.post('/me/readdorder', {
orderCode: order.order_code
}).then((result)=> {
tip({
txt: result.message,
delay: 1000
}, ()=> {
if (result.code === 200) {
if (yoho.goShopingKey && result.data && result.data.shopping_key) {
yoho.goShopingKey({shoppingKey: result.data.shopping_key});
}
yoho.goShopingCart();
}
});
});
},
applyRefund() {
this.genderSel.show(item => {
if (item.url) {
... ...
... ... @@ -4,7 +4,7 @@
<li class="order-item" v-for="(index, order) in orderList">
<div class="order-detail">
<div class="order-code">
<p>订单号:{{order.order_code}}</p>
<p>订单号:{{order.order_code}}<span v-if="order.order_type === 7" class="exchange">换货</span></p>
<p v-if="order.is_cancel === 'Y'">交易已取消</p>
<p v-else>{{order.status | convertOrderState}}</p>
</div>
... ... @@ -32,7 +32,10 @@
<div class="order-option">
<div class="goods-total">合计 <b>&yen;{{order.amount}}</b></div>
<div class="options">
<button v-if="order.is_cancel === 'Y'" @click="deleteOrder(order, index)" class="normal">删除订单</button>
<template v-if="order.is_cancel === 'Y'">
<button @click="deleteOrder(order, index)" class="leftpad">删除订单</button>
<button @click="readdOrder(order)" class="normal">再次购买</button>
</template>
<template v-else>
<button v-if="order.status == 0" @click="cancelOrder(order)" class="leftpad">取消订单</button>
<button v-if="order.status == 0 " class="countdown" @click="goBuy(order)">去支付
... ... @@ -237,6 +240,23 @@
}, () => {
this.reload();
});
},
readdOrder(order) {
$.post('/me/readdorder', {
orderCode: order.order_code
}).then((result)=> {
tip({
txt: result.message,
delay: 1000
}, ()=> {
if (result.code === 200) {
if (yoho.goShopingKey && result.data && result.data.shopping_key) {
yoho.goShopingKey({shoppingKey: result.data.shopping_key});
}
yoho.goShopingCart();
}
});
});
}
}
};
... ...
... ... @@ -17,74 +17,4 @@
reason, product
}
};
</script>
<style>
.product {
position: relative;
padding: 0 30px;
height: 170px;
font-size: 24px;
line-height: 1.5;
background: #fff;
&:after {
content: "";
position: absolute;
left: 30px;
bottom: -1px;
width: 690px;
height: 0;
border-bottom: 1px solid #eee;
z-index: 1;
}
.checkbox {
float: left;
margin-top: 67px;
label:before {
border-radius: 100%;
}
}
.image {
float: left;
margin: 20px;
width: 100px;
height: 130px;
}
.info {
padding: 15px 0;
width: 520px;
.p-title {
color: #000;
font-size: 24px;
height: 72px;
overflow: hidden;
}
.meta {
margin-top: 10px;
color: #b0b0b0;
}
.color {
margin-right: 30px;
}
}
.price {
position: absolute;
top: 15px;
right: 30px;
text-align: right;
.num {
color: #b0b0b0;
}
}
}
</style>
</script>
\ No newline at end of file
... ...
<template>
<div class="product clearfix">
<div class="checkbox">
<div class="checkbox" v-if="product.is_limit_skn !== 'Y'">
<input type="checkbox" v-model="product.checked" id="checkbox-{{product.goods_id}}">
<label for="checkbox-{{product.goods_id}}"></label>
</div>
... ... @@ -20,10 +20,14 @@
x1
</p>
</div>
<div v-if="product.is_limit_skn === 'Y'" @click="showTip" class="tip">
<span class="icon icon-question"></span><span>不支持7天无理由退换货</span>
</div>
</div>
</template>
<script>
const modal = require('common/modal');
module.exports = {
props: {
... ... @@ -35,7 +39,12 @@
if (!this.product.hasOwnProperty('checked')) {
this.$set('product.checked', false);
}
}
},
methods: {
showTip() {
modal.alert('该商品非质量问题不支持退换货，如有疑问请联系在线客服', '不支持无理由退换');
}
},
};
</script>
... ... @@ -44,7 +53,7 @@
.product {
position: relative;
padding: 0 30px;
height: 170px;
min-height: 170px;
font-size: 24px;
line-height: 1.5;
background: #fff;
... ... @@ -67,7 +76,8 @@
}
.image {
float: left;
margin: 20px;
margin: 0 20px;
margin-top: 20px;
width: 100px;
height: 130px;
}
... ... @@ -97,6 +107,25 @@
color: #b0b0b0;
}
}
}
.tip {
position: relative;
height: 70px;
padding: 10px 30px;
font-size: 26px;
background: #fff;
.icon {
margin-right: 15px;
}
&:after {
content: "";
position: absolute;
left: 0;
bottom: -1px;
width: 690px;
height: 0;
border-bottom: 1px solid #eee;
}
}
}
</style>
... ...
<template>
<div v-if="product.checked" class="reason">
<div v-if="product.is_limit_skn === 'Y'" @click="showTip" class="tip">
<span class="icon icon-love"></span>
{{specialNotice.title}}
</div>
<div class="select-reason">
<slot name="type">退货原因</slot>
... ... @@ -39,8 +35,7 @@
return {
bucket: 'evidenceImages',
reasons: [],
specialReasons: [],
specialNotice: {}
specialReasons: []
};
},
computed: {
... ... @@ -58,9 +53,6 @@
}
},
methods: {
showTip() {
modal.alert(this.specialNotice.remark);
},
deleteImage(index) {
this.product.imageList.splice(index, 1);
}
... ... @@ -72,7 +64,6 @@
created() {
this.$set('reasons', reasonConfig.reasons);
this.$set('specialReasons', reasonConfig.specialReasons);
this.$set('specialNotice', reasonConfig.specialNotice);
}
};
... ... @@ -91,24 +82,6 @@
height: 30px;
}
.tip {
position: relative;
padding: 0 30px;
font-size: 26px;
background: #fff;
.icon {
margin-right: 5px;
}
&:after {
content: "";
position: absolute;
left: 0;
bottom: -1px;
width: 690px;
height: 0;
border-bottom: 1px solid #eee;
}
}
.select-reason {
position: relative;
padding: 0 30px;
... ...