paydetails.html
4.6 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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<link rel="stylesheet" type="text/css" href="../css/swiper-3.4.2.min.css" />
<link rel="stylesheet" type="text/css" href="../css/init.css" />
<link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_647640_n3cow34ja3gzaor.css" />
<link rel="stylesheet" type="text/css" href="../css/myorder/paydetails.css" />
<script src="../js/base.js" type="text/javascript" charset="utf-8"></script>
<title>订单详情待付款</title>
</head>
<body>
<div class="container" id="paydetail">
<!--遮罩-->
<div class="wrap_sub">
<!--弹层-->
<div class="popup_sub">
<span class="text">是否确认取消订单？</span>
<div class="btn_sub" @click="cancel()">
确定
</div>
</div>
</div>
<!--遮罩-->
<div class="wrap">
<!--弹层-->
<div class="popup">
<p>确认拨打配送点电话？</p>
<p>{{orderinfo.spot_tel}}</p>
<div class="btn">
<span>确定</span><span>取消</span>
</div>
</div>
</div>
<!--头部-->
<div class="header">
<div class="header_top">
<i class="iconfont icon-qianbao"></i><span class="pay_text">待付款</span>
<p class="num">{{orderinfo.order_sn}}</p>
<p :class="orderinfo.order_type=='1'?'nav_item_pay_btn':'nav_item_pay_btn_eat'">{{orderinfo.order_type|stoptype}}</p>
</div>
<!--产品-->
<div class="nav_item_product" v-for="item in ordergood">
<div class="nav_item_product_pic">
<!--<img src="../img/矩形6拷贝2@2x.png" />-->
<img :src="item.thumb"/>
</div>
<div class="nav_item_product_box">
<div class="nav_item_product_item">
<p>{{item.goods_name}}</p>
<span>¥{{item.goods_price}}</span>
</div>
<div class="nav_item_product_item_sub">
<p>{{item.goods_description}}</p>
<span>x{{item.goods_num}}</span>
</div>
</div>
</div>
<!--详情-->
<div class="details_list">
<div class="pay">
<span>支付方式</span><span>{{orderinfo.payment|payment}}</span>
</div>
<div class="pay">
<span>支付金额</span><span>¥{{orderinfo.order_amount}}</span>
</div>
<div class="pay">
<span>取货地点</span><span>{{orderinfo.spot_name}}</span>
</div>
<div class="pay call_num">
<span>取货电话</span><span class="active"><i class="iconfont icon-VectorSmartObject"></i>{{orderinfo.spot_tel}}</span>
</div>
<div class="pay">
<span>取货时间</span><span>{{orderinfo.pick_up_time}}</span>
</div>
<div class="pay">
<span>下单时间</span><span>{{orderinfo.add_time}}</span>
</div>
<div class="pay">
<span>取餐号</span><span>{{orderinfo.pick_up_no}}</span>
</div>
</div>
<!--备注-->
<div class="remark">
<span>订单备注</span><span class="limit">{{orderinfo.order_notes}}</span>
</div>
<!--底部按钮-->
<div class="footer">
<span class="confirm">确认付款</span><span class="cancel cancel_btn">取消订单</span>
</div>
</div>
</div>
<script src="../js/vue.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/cookie.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/swiper-3.4.2.jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/paydetail.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
var call_num = document.getElementsByClassName('call_num')[0];
var wrap = document.getElementsByClassName('wrap')[0];
var popup = document.getElementsByClassName('popup')[0];
var confirm = document.getElementsByClassName('confirm')[0];
confirm.onclick = function(){
window.location.href='../order.html';
}
call_num.onclick = function(){
wrap.style.display = 'block';
}
wrap.onclick = function(){
wrap.style.display = 'none';
}
var cancel_btn = document.getElementsByClassName('cancel_btn')[0];
var wrap_sub = document.getElementsByClassName('wrap_sub')[0];
var popup_sub = document.getElementsByClassName('popup_sub')[0];
cancel_btn.onclick = function(ev){
var oEvent = ev||event
oEvent.concelable=true;
oEvent.stopPropagation();
wrap_sub.style.display = 'block';
}
wrap_sub.onclick = function(){
wrap_sub.style.display = 'none';
}
</script>
</body>
</html>