home.html
21.7 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
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
<%
var topPics = temp.rollPicture("index",session.site.siteId);
var articles = temp.rollPicture("fangan_index_show",session.site.siteId);
var abouts = temp.rollPicture("index_show",session.site.siteId);
var news = temp.articlePageNoCache(1,3,"news_info",session.site.siteId);
var about = temp.getFolder("about",session.site.siteId);
var fanganSonList = temp.folderSon("fangan",session.site.siteId);
var fangan = temp.getFolder("fangan",session.site.siteId);
var footernews = temp.getFolder("news_info",session.site.siteId);
var footerabout = temp.getFolder("about",session.site.siteId);
var zhaopin = temp.getFolder("zhaopin",session.site.siteId);
var server = temp.getFolder("server",session.site.siteId);
var copyright = temp.getSysConfig("copyright");
var icp = temp.getSysConfig("icp");
var contactNumber = temp.getSysConfig("contact.number");
var companyEmail = temp.getSysConfig("company.email");
var wxImg = temp.getSysConfig("wx.img");
var customerServiceQQ = temp.getSysConfig("customer.service.qq");
%>
<%
var headContent = {
%>
<% include("/template/web/base/header.html"){} %>
<link href="${ctx}template/web/static/css/home.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="${ctx}template/web/static/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="${ctx}template/web/static/js/wow.min.js"></script>
<script type="text/javascript" src="${ctx}template/web/static/js/jquery.flexslider-min.js"></script>
<script type="text/javascript" src="${ctx}template/web/static/js/canvasbg.js"></script>
<script type="text/javascript" src="${ctx}template/web/static/js/jquery.superslide.js"></script>
<script type="text/javascript" src="${ctx}template/web/static/js/jquery.counterup.js"></script>
<script type="text/javascript" src="${ctx}template/web/static/js/js.js"></script>
<script type="text/javascript" src="${ctx}template/web/static/js/header.js"></script>
<script type="text/javascript" src="${ctx}template/web/static/js/element-ui-index.js"></script>
<%
};
%>
<%
var bodyContent = {
%>
<% include("/template/web/base/header_menu.html"){} %>
<div id="home-page">
<div class="banner-carousel">
<% if (!isEmpty(topPics)) { %>
<el-carousel>
<% for(item in topPics){ %>
<el-carousel-item>
<img src="${flyfox.getImage(item)}"/>
</el-carousel-item>
<% } %>
</el-carousel>
<% }%>
</div>
<!-- contain -->
<div class="contain">
<div class="in-one">
<div class="in1-con container">
<div class="tit">
<h3>
产品与解决方案
</h3>
<h4>
围绕企业生产、生活、办公,打造良好的生态环境,提供便捷服务支撑
</h4>
</div>
<section>
<nav id="nav">
<% if (!isEmpty(articles)) {
for(item in articles){ %>
<%
if(itemLP.index==1){ %>
<a class="on">${item.title}</a>
<% }else{ %>
<a>${item.title}</a>
<% }%>
<% }%>
<% }%>
</nav>
<div id="contentBox">
<% if (!isEmpty(articles)) {
for(item in articles){ %>
<% if(itemLP.index==1){ %>
<div class="box active">
<img src="${ctx}template/web/static/images/home_sys_1.png"/>
<div class="text-content">
<div class="title"> ${item.title}</div>
<div class="desc">${item.content}</div>
<a href="${BASE_PATH }${item.url}"
class="more-btn set_2_button set_2_btn-1 icon-forward">
查看更多
</a>
</div>
</div>
<% }else{ %>
<div class="box">
<img src="${ctx}template/web/static/images/home_sys_1.png"/>
<div class="text-content">
<div class="title"> ${item.title}</div>
<div class="desc">${item.content}</div>
<a href="${BASE_PATH }${item.url}"
class="more-btn set_2_button set_2_btn-1 icon-forward">
查看更多
</a>
</div>
</div>
<% }%>
<% }%>
<% }%>
</div>
</section>
</div>
</div>
<div class="in-two">
<div class="in2-con container">
<div class="tit">
<h3>
产业发展
</h3>
<h4>
发展科技和信息服务业,重点实施多中心、分散式集团化发展战略,持续构建“一体两翼、三个SBU、四个实现途径”的产业发展布局
</h4>
</div>
<div class="slideTxtBox">
<div class="bd clearfix">
<div class="slide-item clearfix">
<div class="slide-item-lf slide-item-lf1">
<img src="${ctx}template/web/static/images/home-product-1.png" alt=""/>
</div>
<div class="slide-item-rt">
<h3>
科技服务业
</h3>
<p class="intro">
打造双创基地、产业集聚生态空间
</p>
<ul class="clearfix">
<li>
<div class="bd-circle">
<img src="${ctx}template/web/static/images/home-product-1-1.png" alt="" class="img1"/>
<img
src="${ctx}template/web/static/images/home-product-1-1-active.png" alt=""
class="img2"/>
</div>
<p>
基础服务
</p>
</li>
<li>
<div class="bd-circle">
<img src="${ctx}template/web/static/images/home-product-1-2.png" alt=""/> <img
src="${ctx}template/web/static/images/home-product-1-2-active.png" alt="" class="img2"/>
</div>
<p>
政策服务
</p>
</li>
<li>
<div class="bd-circle">
<img src="${ctx}template/web/static/images/home-product-1-3.png" alt=""/> <img
src="${ctx}template/web/static/images/home-product-1-3-active.png" alt="" class="img2"/>
</div>
<p>
商业服务
</p>
</li>
<li>
<div class="bd-circle">
<img src="${ctx}template/web/static/images/home-product-1-4.png" alt=""/> <img
src="${ctx}template/web/static/images/home-product-1-4-active.png" alt="" class="img2"/>
</div>
<p>
金融服务
</p>
</li>
</ul>
</div>
<div class="bottom-border"></div>
</div>
<div class="slide-item clearfix">
<div class="slide-item-lf">
<img src="${ctx}template/web/static/images/home-product-2.png" alt=""/>
</div>
<div class="slide-item-rt">
<h3>
信息服务业
</h3>
<p class="intro">
构建工业制造服务平台
</p>
<ul class="clearfix">
<li>
<div class="bd-circle">
<img src="${ctx}template/web/static/images/home-product-2-1.png" alt="" class="img1"/>
<img
src="${ctx}template/web/static/images/home-product-2-1-active.png" alt=""
class="img2"/>
</div>
<p>
技术服务
</p>
</li>
<li>
<div class="bd-circle">
<img src="${ctx}template/web/static/images/home-product-2-2.png" alt=""/> <img
src="${ctx}template/web/static/images/home-product-2-2-active.png" alt="" class="img2"/>
</div>
<p>
经营服务
</p>
</li>
<li>
<div class="bd-circle">
<img src="${ctx}template/web/static/images/home-product-2-3.png" alt=""/> <img
src="${ctx}template/web/static/images/home-product-2-3-active.png" alt="" class="img2"/>
</div>
<p>
政策服务
</p>
</li>
<li>
<div class="bd-circle">
<img src="${ctx}template/web/static/images/home-product-2-4.png" alt=""/> <img
src="${ctx}template/web/static/images/home-product-2-4-active.png" alt="" class="img2"/>
</div>
<p>
系统服务
</p>
</li>
</ul>
</div>
<div class="bottom-border"></div>
</div>
<div class="slide-item clearfix">
<div class="slide-item-lf">
<img src="${ctx}template/web/static/images/home-product-3.png" alt=""/>
</div>
<div class="slide-item-rt">
<h3>
平台服务业
</h3>
<p class="intro">
打造新一代智能制造服务云平台
</p>
<ul class="clearfix">
<li>
<div class="bd-circle">
<img src="${ctx}template/web/static/images/home-product-3-1.png" alt="" class="img1"/>
<img
src="${ctx}template/web/static/images/home-product-3-1-active.png" alt=""
class="img2"/>
</div>
<p>
IMS工业
</p>
</li>
<li>
<div class="bd-circle">
<img src="${ctx}template/web/static/images/home-product-3-2.png" alt=""/> <img
src="${ctx}template/web/static/images/home-product-3-2-active.png" alt="" class="img2"/>
</div>
<p>
AES农业
</p>
</li>
<li>
<div class="bd-circle">
<img src="${ctx}template/web/static/images/home-product-3-3.png" alt=""/> <img
src="${ctx}template/web/static/images/home-product-3-3-active.png" alt="" class="img2"/>
</div>
<p>
WOS智慧
</p>
</li>
<li>
<div class="bd-circle">
<img src="${ctx}template/web/static/images/home-product-3-4.png" alt=""/> <img
src="${ctx}template/web/static/images/home-product-3-4-active.png" alt="" class="img2"/>
</div>
<p>
更多服务
</p>
</li>
</ul>
</div>
<div class="bottom-border"></div>
</div>
</div>
</div>
</div>
</div>
<div class="for-us">
<div class="for-us-container">
<div class="left-container">
<h3>关于我们</h3>
<div>北京乐金飞利浦电子集团有限责任公司(简称乐金飞利浦集团)前身为北京电视机厂,成立于1973年,是我国著名的传统电视生产商,
创造了家喻户晓的“中国之花”——乐金飞利浦品牌。近年来,乐金飞利浦集团强力推进产学研合作、产业链合作和国际化合作,实现了战略转型,
从传统电视生产商转型为信息科技服务提供商和科技园区、科技孵化业务运营商。
</div>
</div>
<div class="right-container">
<div class="behc">
<img src="${ctx}template/web/static/images/behc.png" alt=""/>
</div>
<div class="jingjing">
<img src="${ctx}template/web/static/images/jingjing.png" alt=""/>
</div>
<div class="mudan">
<img src="${ctx}template/web/static/images/mudan.png" alt=""/>
</div>
<div class="kelin">
<img src="${ctx}template/web/static/images/kelin.png" alt=""/>
</div>
</div>
</div>
</div>
<div class="details-intro">
<div class="row-div">
<div class="row-item">
<img src="${ctx}template/web/static/images/keyanliliang.png"/>
<div>
<h3>科研力量</h3>
<div>
<p>一个国家工程实验室</p>
<p> 两个产业联盟</p>
<p>一个国家级博士后科研工作站</p>
<p>十四个产学研联合实验室</p>
</div>
</div>
</div>
<div class="row-item">
<img src="${ctx}template/web/static/images/keyanchengguo.png"/>
<div>
<h3>科研成果</h3>
<div>
<p>94项知识产权</p>
<p>北京市专利示范单位</p>
<p>37项国际、国家和行业标准</p>
<p>北京市新技术新产品(服务)认定</p>
</div>
</div>
</div>
</div>
<div class="row-div">
<div class="row-item">
<img src="${ctx}template/web/static/images/jishuliliang.png"/>
<div>
<h3>技术力量</h3>
<div>
<p>两个工程测试中心</p>
<p> 一个市级技术中心</p>
<p>一个市级工程创新中心</p>
</div>
</div>
</div>
<div class="row-item">
<img src="${ctx}template/web/static/images/fuwuyoushi.png"/>
<div>
<h3>科研成果</h3>
<div>
<p>乐金飞利浦IMS系统</p>
<p>智慧园区解决方案</p>
<p>DTMB解决方案</p>
<p>大数据舆情系统</p>
</div>
</div>
</div>
</div>
</div>
<div class="in-five">
<div class="in5-con container">
<div class="tit">
<h3>新闻中心</h3>
<h4>乐金飞利浦集团最新新闻动态</h4>
</div>
<div class="in5-list">
<ul>
<% if(!isEmpty(news.list)){
for(item in news.list){ %>
<li>
<a href="${BASE_PATH }front/article/${item.id}.html">
<div class="in5-pic">
<img src="${flyfox.getImage(item)}" width="380px" height="213px"
alt="${item.title}">
</div>
<div class="in5-desc clearfix">
<div class="title">${item.title}</div>
<a href="${BASE_PATH }front/article/${item.id}.html"
class="more-btn set_2_button set_2_btn-1 icon-forward">
<span>立即阅读</span>
</a>
</div>
</a>
</li>
<% } }%>
</ul>
</div>
</div>
</div>
<div class="in-four">
<div class="in4-con container">
<div class="tit">
<h3>
服务与支持
</h3>
<h4>
主导构建了“以知识产权为核心,以市场为导向”的开放式协同技术创新服务支持体系
</h4>
</div>
<div class="in4-list">
<a href="${BASE_PATH }${flyfox.getMenu(server.id)}.html"
class="more-btn set_2_button set_2_btn-1 icon-forward"> <span>查看更多</span> </a>
</div>
</div>
<% include("/template/web/base/footer.html"){} %>
</div>
</div>
</div>
<a id="scrollTop" href="javacript:void(0);" title="返回顶部" style="display: inline;"></a>
<script type="text/javascript" src="${ctx}template/web/static/js/home.js"></script>
<script>
new Vue({
el: '#home-page',
data() {
return {}
},
created() {
console.log('首页-created')
}
})
</script>
<% }; %>
<% layout("/pages/template/_layout.html",{head:headContent,body:bodyContent}){ %>
<% } %>