egg(114)--egg之訂單詳情
controller
appcontrollerdefaultuser.js
async orderinfo() {
// this.ctx.body = '用戶訂單';
const uid = this.ctx.service.cookies.get('userinfo')._id;
const id = this.ctx.request.query.id;
var orderResult = await this.ctx.model.Order.find({ "uid": uid, "_id": id });
//不可擴展對象的解決方法
orderResult = JSON.parse(JSON.stringify(orderResult));
orderResult[0].orderItems = await this.ctx.model.OrderItem.find({ "order_id": id });
await this.ctx.render('default/user/order_info.html', {
orderInfo: orderResult[0]
});
}
view
appviewdefaultuserorder_info.html
<% include ../public/header.html%>
<!--end header -->
<!-- start banner_x -->
<% include ../public/banner.html%>
<!-- end banner_x -->
<link rel="stylesheet" href="/public/default/css/order.css" />
<!-- self_info -->
<div class="grzxbj">
<div class="selfinfo center">
<div class="lfnav fl">
<% include ./user_left.html%>
</div>
<div class="rtcont fr">
<h1>訂單詳情</h1>
<div class="uc-content-box">
<div class="uc-box uc-main-box">
<div class="uc-content-box order-view-box">
<div class="box-hd">
<div class="more clearfix">
<h2 class="subtitle">訂單號：
<%=orderInfo.order_id%> <span class="tag tag-subsidy"></span>
</h2>
<div class="actions">
<a title="申請售後" href="#" class="btn btn-small btn-line-gray" data-stat-id="12e905752ea93db8" onclick="_msq.push(['trackEvent', '4a854694de3347de-12e905752ea93db8', 'http://service.order.mi.com/apply/order/id/1160529723001145', 'pcpid', '']);">申請售後</a>
</div>
</div>
</div>
<div class="box-bd">
<div class="uc-order-item uc-order-item-finish">
<div class="order-detail">
<div class="order-summary">
<div class="order-status">
<%if(orderInfo.order_status==0){%>
已下單 未支付
<%}else if(orderInfo.order_status==1){%>
已付款
<%}else if(orderInfo.order_status==2){%>
已配貨
<%}else if(orderInfo.order_status==3){%>
已發貨
<%}else if(orderInfo.order_status==4){%>
交易成功
<%}else if(orderInfo.order_status==5){%>
已退貨
<%}else if(orderInfo.order_status==6){%>
無效 已取消
<%}%>
</div>
<div class="order-progress">
<ol class="progress-list clearfix progress-list-5">
<li class="step step-first <%if(orderInfo.order_status>=0){%> step-done
<%}%> ">
<div class="progress"><span class="text">下單</span></div>
<div class="info">
<%=helper.formatTime(orderInfo.add_time) %>
</div>
</li>
<li class="step <%if(orderInfo.order_status>=1){%> step-done
<%}%>">
<div class="progress"><span class="text">付款</span></div>
<div class="info">
<%=helper.formatTime(orderInfo.add_time) %>
</div>
</li>
<li class="step <%if(orderInfo.order_status>=2){%> step-done
<%}%>">
<div class="progress"><span class="text">配貨</span></div>
<div class="info">
<%=helper.formatTime(orderInfo.add_time) %>
</div>
</li>
<li class="step <%if(orderInfo.order_status>=3){%> step-done
<%}%>">
<div class="progress"><span class="text">出庫</span></div>
<div class="info">
<%=helper.formatTime(orderInfo.add_time) %>
</div>
</li>
<li class="step step-active step-last">
<div class="progress"><span class="text">交易成功</span></div>
<div class="info">2016年06月04日 13:58</div>
</li>
</ol>
</div>
<div class="order-delivery order-delivery-detail" style="display:block;border:none;">
<p class="delivery-num">
物流公司：
<a href="##" target="_blank" data-stat-id="d4af14ade0c175da">順豐(北京) </a> 運單號：199384067236
</p>
</div>
</div>
<table class="order-items-table">
<tbody>
<%for(var j=0;j<orderInfo.orderItems.length;j++){%>
<tr>
<td class="col col-thumb">
<div class="figure figure-thumb">
<a target="_blank" href="#">
<img src="<%=orderInfo.orderItems[j].product_img%>" width="80" height="80" alt="">
</a>
</div>
</td>
<td class="col col-name">
<p class="name">
<a target="_blank" href="#">
<%=orderInfo.orderItems[j].product_title%>
</a>
</p>
</td>
<td class="col col-price">
<p class="price">
<%=orderInfo.orderItems[j].product_price%>元 ×
<%=orderInfo.orderItems[j].product_num%>
</p>
</td>
<td class="col col-actions">
</td>
</tr>
<%}%>
</tbody>
</table>
</div>
<!-- 訂金盲約訂單 -->
<div id="editAddr" class="order-detail-info">
<h3>收貨信息</h3>
<table class="info-table">
<tbody>
<tr>
<th>姓 名：</th>
<td>
<%=orderInfo.name%>
</td>
</tr>
<tr>
<th>聯繫電話：</th>
<td>
<%=orderInfo.phone%>
</td>
</tr>
<tr>
<th>收貨地址：</th>
<td>
<%=orderInfo.address%>
</td>
</tr>
</tbody>
</table>
<div class="actions">
</div>
</div>
<div id="editTime" class="order-detail-info">
<h3>支付方式</h3>
<table class="info-table">
<tbody>
<tr>
<th>支付方式：</th>
<td>在線支付</td>
</tr>
</tbody>
</table>
<div class="actions">
</div>
</div>
<div class="order-detail-info">
<h3>發票信息</h3>
<table class="info-table">
<tbody>
<tr>
<th>發票類型：</th>
<td>電子發票</td>
</tr>
<tr>
<th>發票內容：</th>
<td>購買商品明細</td>
</tr>
<tr>
<th>發票擡頭：</th>
<td>我的</td>
</tr>
</tbody>
</table>
</div>
<div class="order-detail-total">
<table class="total-table">
<tbody>
<tr>
<th>商品總價：</th>
<td><span class="num"><%=orderInfo.all_price%></span>元</td>
</tr>
<tr>
<th>運費：</th>
<td><span class="num">0</span>元</td>
</tr>
<tr>
<th class="total">實付金額：</th>
<td class="total"><span class="num"><%=orderInfo.all_price%></span>元</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="clear"></div>
</div>
</div>
<!-- self_info -->
<footer class="mt20 center">
<div class="mt20">小米商城|MIUI|米聊|多看書城|小米路由器|視頻電話|小米天貓店|小米淘寶直營店|小米網盟|小米移動|隱私政策|Select Region</div>
<div>©mi.com 京ICP證110507號 京ICP備10046444號 京公網安備11010802020134號 京網文[2014]0059-0009號</div>
<div>違法和不良信息舉報電話：185-0130-1238，本網站所列數據，除特殊說明，全部數據均出自我司實驗室測試</div>
</footer>
</body>
</html>
效果
相關文章
- 1. （三十二）訂單管理-查詢訂單詳情
- 2. 2018 IDEA mybatis 用戶-訂單-訂單詳情 → 互查
- 3. （二十二）查詢訂單的詳情
- 4. 訂單詳情接口整理
- 5. 仿美團詳情頁與購物車源碼-訂單頁
- 6. 獲取購買到的商品訂單詳情
- 7. Woocommerce在訂單詳情頁添加自己的操作模塊
- 8. 淘寶API 獲取購買到的商品訂單詳情
- 9. SAP訂單結算詳解
- 10. 採購訂單執行情況報表
- 更多相關文章...
- • Redis發佈訂閱模式 - Redis教程
- • jQuery Mobile 表單 - jQuery Mobile 教程
- • Flink 數據傳輸及反壓詳解
- • TiDB 在摩拜單車在線數據業務的應用和實踐
相關標籤/搜索
每日一句
-
每一个你不满意的现在，都有一个你没有努力的曾经。
最新文章
- 1. No provider available from registry 127.0.0.1:2181 for service com.ddbuy.ser 解決方法
- 2. Qt5.7以上調用虛擬鍵盤(支持中文)，以及源碼修改(可拖動，水平縮放)
- 3. 軟件測試面試- 購物車功能測試用例設計
- 4. ElasticSearch（概念篇）：你知道的, 爲了搜索…
- 5. redux理解
- 6. gitee創建第一個項目
- 7. 支持向量機之硬間隔（一步步推導，通俗易懂）
- 8. Mysql 異步複製延遲的原因及解決方案
- 9. 如何在運行SEPM配置嚮導時將不可認的複雜數據庫密碼改爲簡單密碼
- 10. windows系統下tftp服務器使用
歡迎關注本站公眾號,獲取更多信息
相關文章
- 1. （三十二）訂單管理-查詢訂單詳情
- 2. 2018 IDEA mybatis 用戶-訂單-訂單詳情 → 互查
- 3. （二十二）查詢訂單的詳情
- 4. 訂單詳情接口整理
- 5. 仿美團詳情頁與購物車源碼-訂單頁
- 6. 獲取購買到的商品訂單詳情
- 7. Woocommerce在訂單詳情頁添加自己的操作模塊
- 8. 淘寶API 獲取購買到的商品訂單詳情
- 9. SAP訂單結算詳解
- 10. 採購訂單執行情況報表