order.html
6.06 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="user-scalable=0, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">
<meta content="telephone=no" name="format-detection" />
<meta content="black" name="apple-mobile-web-app-status-bar-style" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>一步物流-接单设置</title>
<link rel="stylesheet" href="../css/common.css">
<link rel="stylesheet" href="../css/order.css">
</head>
<body class="orderPage">
<div class="m-page">
<!-- header -->
<header class="m-header">
<a href="order_setting.html" class="lt-bar"><i class="m-icon icon-title_fanhui"></i></a>
<div class="head">
<h1>接单</h1>
</div>
</header>
<div class="m-content">
<div class="text-center countdown">
<span class="text font-gray">推送货源</span>
<span class="m-circle" data-circle="1" data-min="0" data-r="45" data-hcolor="#69b8dc" data-linewidth="6" data-max="180" data-init="10"></span>
<span class="text font-gray">秒后到期</span>
</div>
<ul class="m-table-view border-1px border-top">
<li class="cell border-1px border-bottom">
<span class="title">运费</span>
<span class="text">
<em class="font-red">2400元</em>
<!-- <i class="m-icon icon-state_6 float-right"></i> -->
<i class="m-state border-1px-full float-right"><em>诚</em>200</i>
</span>
</li>
<li class="cell border-1px border-bottom">
<span class="title">发货</span>
<span class="text">后天（5-23）18-20时</span>
</li>
<li class="cell cell-extend border-1px border-bottom">
<span class="title"><i class="m-icon icon-qidian"></i></span>
<span class="text">成都市高新区 四川</span>
<ul class="m-table-view border-1px border-top">
<li class="cell border-1px border-bottom">
<span class="title"></span>
<span class="text font-gray">天府大道129号</span>
</li>
</ul>
</li>
<li class="cell cell-extend border-1px border-bottom">
<span class="title"><i class="m-icon icon-zhongdian"></i></span>
<span class="text">武汉市武昌区 湖北</span>
<ul class="m-table-view border-1px border-top">
<li class="cell border-1px border-bottom">
<span class="title"></span>
<span class="text font-gray">机场路123号</span>
</li>
</ul>
</li>
<li class="cell acc-icon cell-extend border-1px border-bottom">
<a href="order_item.html">
<span class="title">货物</span>
<span class="text">机械 30吨/25方</span>
<span class="acc"><i class="m-icon icon-arrow"></i></span>
</a>
<!-- <ul class="m-table-view border-1px border-top">
<li class="cell border-1px border-bottom">
<span class="title"></span>
<span class="text">农副蔬菜 31吨/45方</span>
</li>
<li class="cell border-1px border-bottom">
<span class="title"></span>
<span class="text">总计 61吨/70方</span>
</li>
</ul> -->
</li>
<li class="cell border-1px border-bottom">
<span class="title">备注</span>
<span class="text">72小时要到-路上要快</span>
</li>
</ul>
</div>
<footer class="m-footer border-1px border-top">
<div class="actions">
<ul class="m-slide-btn">
<li data-color="#f47163" data-action="giveup">
<span class="text font-red">放弃</span>
</li>
<li class="on" data-color="#1c69a3"><span class="text font-blue">来货了</span>
</li>
<li data-color="#21b563" data-action="recive"><span class="text font-green">承运</span>
</li>
</ul>
<a href="#confirmOrder" data-popup="center" class="m-hide" id="confirmOrderBtn"></a>
<span class="move"></span>
</div>
</footer>
</div>
<!-- 确认接单 -->
<div class="m-popup" id="confirmOrder">
<div class="popup-head border-1px border-bottom">
<h1>确认接单</h1>
</div>
<div class="popup-cont text-center">
<p class="text-center">确定承运却不能提供物流服务的
<br>会被扣除信用</p>
</div>
<div class="popup-foot text-center border-1px border-top">
<a href="" data-dismiss class="m-btn btn-default mr15" id="cancelPopupBtn">取消</a>
<a href="shipping_list.html" class="m-btn">确定承运</a>
</div>
</div>
<!--
<script src="../js/vendor/circle.js"></script>
<script src="../js/vendor/popup.js"></script>
<script src="../js/src/order.js"></script>
-->
<script src="../js/vendor/jquery-2.1.4.min.js"></script>
<script src="order.js"></script>
<script>
//通过circleFinish 事件，来执行倒计时结束后 callback
$('.m-circle').on('circleFinish', function(){
// alert('倒计时完成!');
});
</script>
</body>
</html>