order_detail.html
7.74 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="format-detection" content="telephone=no" />
<meta name="msapplication-tap-highlight" content="no" />
<!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 -->
<!-- <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> -->
<meta content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" name="viewport" />
<title>订单流程-采购单详情</title>
<link rel="stylesheet" href="../css/style/common.css">
<link rel="stylesheet" href="../css/style/order_detail.css">
<!-- base seajs -->
<script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/sea.js"></script>
<!-- base jquery -->
<script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/jquery-2.1.3.min.js"></script>
</head>
<body class="orderDetail">
<div class="m-page">
<header class="m-header">
<div class="head">
<a href="#" class="lt-bar m-icon icon-back white">完成</a>
<h1>采购单详情</h1>
<a href="#cancelOrderPop" class="rt-bar text" data-popup="center" id="cancelOrder">取消采购单</a>
</div>
</header>
<section class="m-content">
<ul class="m-table-view status">
<li class="cell text-center"><span class="title float-none">状态：待备货</span>
</li>
<li class="cell text-left"><span class="text text-left">尊敬的用户您好，您的订单已经生成，请在2015-1-4 11:29:20时间前完成支付，若未支付系统将自动取消订单。如有任何疑问请咨询客服电话: 0451-86668574</span>
</li>
</ul>
<ul class="m-table-view detail">
<li class="cell text-left"><span class="title">采购单号：</span><span class="text text-left">1000000000210310</span>
</li>
<li class="cell text-left"><span class="title">应付总额：</span><span class="text text-left money">12000元</span>
</li>
<li class="cell text-left"><span class="title">提货人：</span><span class="text text-left">张三</span>
</li>
<li class="cell text-left"><span class="title">联系电话：</span><span class="text text-left">13808008000</span>
</li>
<li class="cell text-left"><span class="title">提货地点：</span><span class="text text-left">四川聚合农贸市场</span>
</li>
<li class="cell text-left"><span class="title">提货时间：</span><span class="text text-left">2014-12-14</span>
</li>
<li class="cell text-left"><span class="title">提货留言：</span><span class="text text-left">我明天5点过来</span>
</li>
</ul>
<ul class="m-table-view other-market">
<li class="cell text-left"><span class="title">您可以在以下批发市场支付</span>
</li>
<li class="cell text-left"><span class="title">提货地点：</span><span class="text text-left">贵阳地利农产品物流园</span>
</li>
<li class="cell text-left"><span class="title">提货地址：</span><span class="text text-left">石板镇天河大道1号</span>
</li>
<li class="cell text-left"><span class="title">联系人：</span><span class="text text-left">李四</span>
</li>
<li class="cell text-left"><span class="title">联系电话：</span><span class="text text-left">13808008000</span>
</li>
<li class="cell text-left"><span class="text text-left tips">注：在批发市场付款时需要告知服务人员您的采购单号，建议将采购单号发送到手机保存。</span>
</li>
</ul>
<ul class="m-table-view">
<li class="cell cell-basic">
<h3 class="title shop-name">店铺：大力水手菠菜店</h3>
<a href="tel:13800138000" class="text m-btn">立即联系</a>
</li>
<li class="cell cell-extend-pic">
<img src="../temp/pic_fq@2x.png" alt="" class="pic">
<h3 class="title">西红柿 产地山东潍坊市提货点山东寿光农产品交易市场</h3>
<p class="detail">属性：青丝茄子，成都聚合
<br>服务：保险预冷，理货包装，物流配送</p>
<span class="text">4.3元/斤 <em>x100</em></span>
</li>
</ul>
<ul class="m-table-view service">
<li class="cell text-left"><span class="title">您可以购买的地利服务</span>
</li>
<li class="cell acc-icon"><span class="title">物流配送服务</span><span class="text">已申请</span>
</li>
<li class="cell acc-icon"><span class="title">保险预冷服务</span><span class="text">立即申请</span>
</li>
<li class="cell acc-icon"><span class="title">理货包装服务</span><span class="text">立即申请</span>
</li>
</ul>
<ul class="m-table-view service">
<li class="cell acc-icon"><a href="refund.html" class="clearfix"><span class="title">申请退款</span></a>
</li>
</ul>
</section>
<footer class="m-footer">
<span class="m-btn btn-success">将交易识别码发送到手机（免费）</span>
</footer>
</div>
<div class="m-popup m-animate-hide" id="cancelOrderPop">
<div class="popup-head">
<h1>是否取消采购单？请选择原因</h1>
</div>
<div class="popup-cont">
<ul class="m-table-view">
<li class="cell">
<label><span class="title">我不想要了</span><span class="text"><input type="radio" name="reason" class="m-radio" checked="checked"></span>
</label>
</li>
<li class="cell">
<label>
<span class="title">重复下单</span><span class="text"><input type="radio" name="reason" class="m-radio"></span>
</label>
</li>
<li class="cell">
<label>
<span class="title">其它</span><span class="text"><input type="radio" name="reason" class="m-radio"></span>
</label>
</li>
</ul>
</div>
<div class="popup-foot">
<a href="#cancelOrderPop" class="m-btn close" data-dismiss>否</a>
<a href="#cancelOrderPop" class="m-btn close" data-dismiss>是</a>
</div>
</div>
<script src="../js/javascript/common/popup.js"></script>
<script type="text/javascript" src="../js/javascript/common/config.js"></script>
<script>
seajs.use(['../js/javascript/common/popup', '../js/javascript/order/success']);
</script>
<script>
$(function() {
$('.tabs').on('click', 'li', function(e) {
e.preventDefault();
$(this).addClass('on').siblings().removeClass('on');
$('.targets').children().eq($(this).index()).removeClass('m-hide').siblings().addClass('m-hide');
});
});
</script>
</body>
</html>