product.html
15.9 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
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
<%
var newsType = parameter.newsType;
if(isEmpty(newsType)){
newsType = 'news_info';
}
var page = parameter.page;
if(isEmpty(page)){
page = 1;
}
page = parseInt(page);
var orderList = temp.getOrders(page,10);
%>
<%
var headContent = {
%>
<% include("/template/web/base/header.html"){} %>
<link href="${ctx}template/web/static/css/product.css" rel="stylesheet" type="text/css"/>
<%
};
%>
<%
var bodyContent = {
%>
<% include("/template/web/base/header_menu.html"){} %>
<div class="page-container">
<!--轮播图-->
<div class="banner">
<img src="${ctx}template/web/static/image/product_banner.jpg" alt="">
</div>
<div class="demand-panel">
<div class="title-container">
<img src="${ctx}template/web/static/image/title_left.png" class="title-left">
<div class="title">
<div class="ch">
货运需求
</div>
<div class="en">
Freight Demand
</div>
</div>
<img src="${ctx}template/web/static/image/title_right.png" class="title-right">
</div>
<div class="demand-container">
<table class="demand-table">
<tr>
<th width="100px">货主</th>
<th width="100px">运输距离(Km)</th>
<th width="120px">运输方式</th>
<th width="200px">出发地</th>
<th width="200px">目的地</th>
<th width="120px">货物类型</th>
<th width="100px">重量(吨)</th>
<th width="100px">状态</th>
<th width="160px">提交时间</th>
</tr>
<%
list = orderList.list;
if(!isEmpty(list)){
for(item in list){ %>
<tr class="row">
<td width="100px">${item.user_name}</td>
<td width="100px">${item.distance}</td>
<td width="120px">${item.type}</td>
<td width="200px">${item.source_address}</td>
<td width="200px">${item.target_address}</td>
<td width="120px">${item.goods_category}</td>
<td width="100px">${item.goods_weight}</td>
<td width="100px">${item.status}</td>
<td width="160px">${item.created_date}</td>
</tr>
<% }} %>
</table>
<% if(orderList.totalPage > 1){
var currentPage = orderList.pageNumber;
var totalPage = orderList.totalPage;
var previousPage = currentPage - 1;
if (previousPage < 1) {
previousPage = 1;
}
var nextPage = currentPage + 1;
if (nextPage > totalPage) {
nextPage = totalPage;
}
%>
<div class="pagination">
<a class="first-page page-button" href="${BASE_PATH}product.html?page=1">
首页
</a>
<a class="previous page-button" href="${BASE_PATH}product.html?page=${previousPage}">
上一页
</a>
<%if (currentPage - 2 >= 1) {%>
<a class="page" href="${BASE_PATH}product.html?page=${currentPage-2}">${currentPage - 2}</a>
<%}%>
<%if (currentPage - 1 >= 1) {%>
<a class="page" href="${BASE_PATH}product.html?page=${currentPage-1}">${currentPage - 1}</a>
<%}%>
<a class="page current-page" href="${BASE_PATH}product.html?page=${currentPage}">${currentPage}</a>
<%if (currentPage + 1 <= totalPage) {%>
<a class="page" href="${BASE_PATH}product.html?page=${currentPage+1}">${currentPage + 1}</a>
<% }%>
<%if (currentPage + 2 <= totalPage) {%>
<a class="page" href="${BASE_PATH}product.html?page=${currentPage+2}">${currentPage + 2}</a>
<%}%>
<a class="next page-button" href="${BASE_PATH}product.html?page=${nextPage}">
下一页
</a>
<a class="last-page page-button" href="${BASE_PATH}product.html?page=${totalPage}">
尾页
</a>
</div>
<%}%>
</div>
</div>
<div class="panel">
<div class="title-container">
<img src="${ctx}template/web/static/image/title_left.png" class="title-left">
<div class="title">
<div class="ch">
产品与服务
</div>
<div class="en">
Products and Service
</div>
</div>
<img src="${ctx}template/web/static/image/title_right.png" class="title-right">
</div>
<div class="content-container">
<div class="service-tab">
<div id="tab1" class="tab tab-active" onclick="changeTab(1)">
<img src="${ctx}template/web/static/image/service_icon1.png" class="image">
<img src="${ctx}template/web/static/image/service_icon1_active.png" class="image-active">
<span>航运管理</span>
</div>
<div id="tab2" class="tab" onclick="changeTab(2)">
<img src="${ctx}template/web/static/image/service_icon2.png" class="image">
<img src="${ctx}template/web/static/image/service_icon2_active.png" class="image-active">
<span>船舶运输</span>
</div>
<div id="tab3" class="tab" onclick="changeTab(3)">
<img src="${ctx}template/web/static/image/service_icon3.png" class="image">
<img src="${ctx}template/web/static/image/service_icon3_active.png" class="image-active">
<span>多式联运</span>
</div>
<div id="tab4" class="tab" onclick="changeTab(4)">
<img src="${ctx}template/web/static/image/service_icon4.png" class="image">
<img src="${ctx}template/web/static/image/service_icon4_active.png" class="image-active">
<span>船舶修造</span>
</div>
</div>
<div class="service-content">
<div id="content1" class="content content-active">
<div class="left">
<img src="${ctx}template/web/static/image/service_card1.jpg" class="title-right">
</div>
<div class="right">
<div class="title">
航运管理
</div>
<div class="desc">
南阳港务集团作为重点招商引资企业,注册地位于南阳市唐河县产业集聚区盛居东路17号,注册资金5000万元。
公司从事航运管理、船舶运输、船舶修造等工作近30年,同时也是中国国际商会航运专业委员会会长单位,从业经验丰富是河南航运的龙头企业。
集团公司现有设有董事会、财务部、人力资源部、法务部、安全生产部、航运业务部、公路储运业务部、航运交易所、能源部等,
拥有船舶29艘,运力28万吨。公司旨在通过打造“公、铁、水”一站式物流平台,整合多式联运物流运输资源,服务中国经济,
拓展长江黄金水道、汉江生态经济带乃至近海远洋物流运输业务。
</div>
</div>
</div>
<div id="content2" class="content">
<div class="left">
<img src="${ctx}template/web/static/image/service_card2.jpg" class="title-right">
</div>
<div class="right">
<div class="title">
船舶运输
</div>
<div class="desc">
南阳港务物流有限公司是以唐河为总部的集团公司,具有较强软硬件基础、成果转化能力和健全的业务网络系统。
核心业务为物流运输,业务遍布国内多个省份,输运方式主要以航道运输、公路输运为主,目前公司拥有船舶40艘,
运力28万吨,船运主要依托长江水道,在上海、南京、武汉、宜昌、重庆等地设有办事处、港口设有核心物流存储、
中转基地,通过水、陆相结合方式,把客户货物运输到全国各地。
</div>
</div>
</div>
<div id="content3" class="content">
<div class="left">
<img src="${ctx}template/web/static/image/service_card3.jpg" class="title-right">
</div>
<div class="right">
<div class="title">
多式联运
</div>
<div class="desc">
南阳港务集团与武汉大学国家网络安全学院、北京牡丹电子集团有限责任公司武汉分公司合作开发智慧物流信息平台,
以信息化平台为核心运营纽带,整合和依托公司原有水运资源优势,构建多联式现代物流运营服务系统。以企业多元化物品流通需求为中心,
系统整合承运商和货运公司、司机、船主、物流公司,通过物联网平台与移动互联网终端为广大发货企业提供一站式、
全方位透明化门到门物流O2O服务的物流信息化交易服务平台。
</div>
</div>
</div>
<div id="content4" class="content">
<div class="left">
<img src="${ctx}template/web/static/image/service_card4.jpg" class="title-right">
</div>
<div class="right">
<div class="title">
船舶修造
</div>
<div class="desc">
公司从事航运经营三十余年,船舶修造经验丰富,早在2014年便斥资1800多万打造了河南籍船舶在长江干线吨位最大的货轮,
该船长130米,宽23米,深9米,载重1.8万吨,这艘巨轮的下水结束了南阳籍无万吨货轮的历史,标志着南阳船舶发展从小规模、
家庭式向大型化、标准化迈进,也将推进南阳乃至河南船舶业的发展。2020年公司响应交通部的号召,投资2亿元在浙江舟山建造并打造一支江海直达船队,
目前在建的新型江海直达船舶单船造价约4200万,首批船舶将于2021年上半年下海航行,公司推进江海直达运输发展,
是响应国家深化水运供给侧结构性改革的重要举措,对于提升长江黄金水道功能和完善综合运输体系具有重要作用。
</div>
</div>
</div>
</div>
</div>
</div>
<div class="panel advantage">
<div class="title-container">
<img src="${ctx}template/web/static/image/title_left.png" class="title-left">
<div class="title">
<div class="ch">
服务优势
</div>
<div class="en">
Service Advantages
</div>
</div>
<img src="${ctx}template/web/static/image/title_right.png" class="title-right">
</div>
<div class="content advantage-items">
<div class="advantage-item">
<img src="${ctx}template/web/static/image/service_ad_1.png">
<div class="title"><div>信息流</div></div>
<div class="info">
<div>通过系统自动筛选、状态的触发、使信息能快速准确的传达给不同的角色</div>
</div>
</div>
<div class="advantage-item">
<img src="${ctx}template/web/static/image/service_ad_2.png">
<div class="title"><div>物流</div></div>
<div class="info">
<div>在线发布货运需求、在线接单、在线查询船舶等,打通了智慧物流的各个环节</div>
</div>
</div>
<div class="advantage-item">
<img src="${ctx}template/web/static/image/service_ad_3.png">
<div class="title"><div>证据流</div></div>
<div class="info">
<div>船舶位置实时查询、数据实时上传留证,为交易过程提供依据,确保业务真实性</div>
</div>
</div>
<div class="advantage-item">
<img src="${ctx}template/web/static/image/service_ad_4.png">
<div class="title"><div>票据流</div></div>
<div class="info">
<div>通过电子合同、电子运单等数据验证技术;建立认证中心,验证承运资质</div>
</div>
</div>
</div>
</div>
<div class="panel shape-content">
<div class="title-container">
<img src="${ctx}template/web/static/image/title_left.png" class="title-left">
<div class="title">
<div class="ch">
产品形态
</div>
<div class="en">
Product Form
</div>
</div>
<img src="${ctx}template/web/static/image/title_right.png" class="title-right">
</div>
<div class="content shape-items">
<div class="shape-item">
<img src="${ctx}template/web/static/image/service_shape1.png">
<div class="title">管理端(PC+小程序)</div>
<div class="desc">
管理端可以进行基础管理、信息审
核、车船管理、订单管理、财务管
理、数据看板、投诉处理等
</div>
</div>
<div class="shape-item">
<img src="${ctx}template/web/static/image/service_shape2.png">
<div class="title">货主端(小程序)</div>
<div class="desc">
货主端主要包含发布货运需求、订单中心、我的信息等
</div>
</div>
<div class="shape-item">
<img src="${ctx}template/web/static/image/service_shape3.png">
<div class="title">承运端(小程序)</div>
<div class="desc">
承运端主要包含发布航运需求、订单中心、我的信息等
</div>
</div>
</div>
</div>
</div>
<% include("/template/web/base/footer.html"){} %>
<script>
function changeTab(index) {
console.log('changeTab', index)
for(var i = 1; i <= 4; i++) {
if (i === index) {
$('#tab'+ i).addClass('tab-active');
$('#content'+ i).addClass('content-active');
} else {
$('#tab'+ i).removeClass('tab-active');
$('#content'+ i).removeClass('content-active');
}
}
}
</script>
<%}; %>
<% layout("/pages/template/_layout.html",{head:headContent,body:bodyContent}){ %>
<%} %>