ujcms-v10.1.3/src/main/webapp/templates/1/default/index.html

355 lines
14 KiB
HTML
Raw Normal View History

2026-03-11 09:48:21 +08:00
<!doctype html>
[#escape x as (x)!?html]
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<title>${site.title}</title>
2026-03-17 11:31:11 +08:00
<meta content="${site.seoKeywords}" name="keywords">
<meta content="${site.seoDescription}" name="description">
<meta content="${_csrf.token}" name="_csrf"/>
<meta content="${_csrf.headerName}" name="_csrf_header"/>
2026-03-11 09:48:21 +08:00
[#include 'inc_meta.html'/]
[#include 'inc_css.html'/]
[#include 'inc_js.html'/]
[#if config.greyStyle]
<style>
body {
filter: grayscale(.95);
-webkit-filter: grayscale(.95);
}
</style>
[/#if]
</head>
<body>
[#assign headerShadow=true/]
[#include 'inc_header.html'/]
2026-03-11 17:57:29 +08:00
<!--banner-->
<div class="index_banner">
[@BlockItemList block='focus' limit='5'; beans]
2026-03-17 11:31:11 +08:00
<div class="carousel slide" data-ride="carousel" id="carouselCaptions">
2026-03-11 17:57:29 +08:00
<ol class="carousel-indicators">
[#list beans as bean]
2026-03-17 11:31:11 +08:00
<li class="[#if bean_index==0]active[/#if]" data-slide-to="${bean_index?c}" data-target="#carouselCaptions"></li>
2026-03-11 17:57:29 +08:00
[/#list]
</ol>
<div class="carousel-inner rounded-sm">
[#list beans as bean]
<div class="carousel-item[#if bean_index==0] active[/#if]">
[@A bean=bean class="text-reset text-decoration-none"]
2026-03-17 11:31:11 +08:00
<img alt="..." class="d-block w-100" src="${bean.image}">
2026-03-11 17:57:29 +08:00
<div class="carousel-caption d-none d-md-block">
<p>${bean.title}</p>
</div>
[/@A]
</div>
[/#list]
</div>
2026-03-17 11:31:11 +08:00
<a class="carousel-control-prev" data-slide="prev" href="#carouselCaptions" role="button">
<span aria-hidden="true" class="carousel-control-prev-icon"></span>
2026-03-11 17:57:29 +08:00
<span class="sr-only">Previous</span>
</a>
2026-03-17 11:31:11 +08:00
<a class="carousel-control-next" data-slide="next" href="#carouselCaptions" role="button">
<span aria-hidden="true" class="carousel-control-next-icon"></span>
2026-03-11 17:57:29 +08:00
<span class="sr-only">Next</span>
</a>
</div>
<script>$('.carousel').carousel();</script>
[/@BlockItemList]
<div class="info">
2026-03-17 15:38:22 +08:00
[@BlockItemList block='Honor' limit='4' blockId='90307146479679490'; beans]
[#list beans as bean]
2026-03-11 17:57:29 +08:00
<div class="item">
2026-03-17 15:38:22 +08:00
<p class="num">${bean.title}</p>
<p class="text"> ${bean.subtitle} </p>
<p class="notes"> ${bean.description} </p>
2026-03-11 17:57:29 +08:00
</div>
2026-03-17 15:38:22 +08:00
[/#list]
[/@BlockItemList]
2026-03-11 17:57:29 +08:00
</div>
</div>
<!-- 新闻中心-->
<div class="news_container">
<div class="title">
<div class="tit">新闻中心</div>
<p>助力提升安全管理效益,满足多行业的安全生产需求</p>
</div>
<div class="new_main">
<div class="new_left">
2026-03-17 11:31:11 +08:00
<div class="carousel slide" data-ride="carousel" id="newLeftCarousel">
<ol class="carousel-indicators">
<li class="active" data-slide-to="0" data-target="#newLeftCarousel"></li>
<li data-slide-to="1" data-target="#newLeftCarousel"></li>
<li data-slide-to="2" data-target="#newLeftCarousel"></li>
</ol>
<div class="carousel-inner">
[@BlockItemList block='focus' limit='5' blockId='89988534601325057'; beans]
[#list beans as bean]
<div class="carousel-item [#if bean_index==0] active[/#if]">
<div class="item">
[@A bean=bean class="text-reset text-decoration-none"]
2026-03-18 09:56:03 +08:00
<div class="img"> <img alt="${site.name}" src="${bean.image}" width="680" height="500"> </div>
2026-03-17 11:31:11 +08:00
<div class="text">
<p class="title">${bean.title}</p>
</div>
[/@A]
</div>
</div>
[/#list]
[/@BlockItemList]
</div>
<a class="carousel-control-prev" data-slide="prev" href="#newLeftCarousel" role="button">
<span aria-hidden="true" class="carousel-control-prev-icon"></span>
</a>
<a class="carousel-control-next" data-slide="next" href="#newLeftCarousel" role="button">
<span aria-hidden="true" class="carousel-control-next-icon"></span>
</a>
</div>
2026-03-11 17:57:29 +08:00
</div>
<div class="new_right">
[@ArticleList channel='news' isIncludeSubChannel='true' limit=4 orderBy='publishDate_desc'; list]
<ul>
[#include 'part_article_items.html'/]
</ul>
[/@ArticleList]
</div>
</div>
</div>
<!-- 核心产品-->
<div class="product_container">
<div class="product_main">
<div class="title">
2026-04-10 18:00:42 +08:00
<div class="tit">荣誉资质及核心产品</div>
2026-03-11 17:57:29 +08:00
<p>安全生产数智化管理平台,满足多行业的安全生产需求</p>
</div>
<div class="product_wrap">
<div class="top_container">
2026-04-10 18:00:42 +08:00
<div class="item active" data-index="0">资质荣誉</div>
<div class="item" data-index="1">危化、园区企业安全监管平台</div>
<div class="item" data-index="2">港口企业安全监管平台</div>
<div class="item" data-index="3">钢铁企业安全监管平台</div>
<div class="item" data-index="4">政府监管平台</div>
<div class="item" data-index="5">教育培训安全监管平台</div>
2026-03-11 17:57:29 +08:00
</div>
2026-03-17 11:31:11 +08:00
<div class="main_container" data-index="0">
2026-03-11 17:57:29 +08:00
<div class="left">
<div class="img">
2026-03-17 11:31:11 +08:00
<img alt="${site.name}" src="${'${files}/img/img5.png'}">
2026-03-11 17:57:29 +08:00
</div>
<div class="title">基层监管平台</div>
<div class="notes">提供企业管理与政府监管的一体化服务平台。</div>
<div class="info">
2026-03-17 11:31:11 +08:00
<div class="list">
<img alt="${site.name}" src="${'${files}/img/img6.png'}">
2026-03-11 17:57:29 +08:00
使用门槛低ChatBI 对话式分析,小白用户通过简单对话就能获取数据和洞察结论
</div>
2026-03-17 11:31:11 +08:00
<div class="list">
<img alt="${site.name}" src="${'${files}/img/img6.png'}">
2026-03-11 17:57:29 +08:00
使用门槛低ChatBI 对话式分析,小白用户通过简单对话就能获取数据和洞察结论
</div>
2026-03-17 11:31:11 +08:00
<div class="list">
<img alt="${site.name}" src="${'${files}/img/img6.png'}">
2026-03-11 17:57:29 +08:00
使用门槛低ChatBI 对话式分析,小白用户通过简单对话就能获取数据和洞察结论
2026-03-11 09:48:21 +08:00
</div>
2026-03-11 17:57:29 +08:00
</div>
</div>
<div class="right">
2026-03-17 11:31:11 +08:00
<img alt="${site.name}" src="${'${files}/img/img7.png'}">
</div>
</div>
<div class="main_container" data-index="1" style="display:none;">
<div class="left">
<div class="img">
<img alt="${site.name}" src="${'${files}/img/img5.png'}">
</div>
<div class="title">企业管控平台</div>
<div class="notes">为企业提供全方位的安全管理与控制解决方案。</div>
<div class="info">
<div class="list">
<img alt="${site.name}" src="${'${files}/img/img6.png'}">
实时监控:全天候实时监控企业生产安全状态
</div>
<div class="list">
<img alt="${site.name}" src="${'${files}/img/img6.png'}">
数据分析:智能分析安全数据,提供决策支持
</div>
<div class="list">
<img alt="${site.name}" src="${'${files}/img/img6.png'}">
移动办公:支持移动端随时随地管理
</div>
</div>
</div>
<div class="right">
<img alt="${site.name}" src="${'${files}/img/img7.png'}">
</div>
</div>
<div class="main_container" data-index="2" style="display:none;">
<div class="left">
<div class="img">
<img alt="${site.name}" src="${'${files}/img/img5.png'}">
</div>
<div class="title">风险预警平台</div>
<div class="notes">智能识别风险,提前预警,降低事故发生率。</div>
<div class="info">
<div class="list">
<img alt="${site.name}" src="${'${files}/img/img6.png'}">
智能预警AI 算法自动识别潜在风险
</div>
<div class="list">
<img alt="${site.name}" src="${'${files}/img/img6.png'}">
多渠道通知短信、邮件、APP 多端推送
</div>
<div class="list">
<img alt="${site.name}" src="${'${files}/img/img6.png'}">
历史分析:分析历史数据,预测未来风险
</div>
</div>
</div>
<div class="right">
<img alt="${site.name}" src="${'${files}/img/img7.png'}">
</div>
</div>
<div class="main_container" data-index="3" style="display:none;">
<div class="left">
<div class="img">
<img alt="${site.name}" src="${'${files}/img/img5.png'}">
</div>
<div class="title">隐患排查系统</div>
<div class="notes">规范隐患排查流程,确保整改落实到位。</div>
<div class="info">
<div class="list">
<img alt="${site.name}" src="${'${files}/img/img6.png'}">
流程规范化:标准化的隐患排查流程
</div>
<div class="list">
<img alt="${site.name}" src="${'${files}/img/img6.png'}">
整改追踪:全流程追踪隐患整改情况
</div>
<div class="list">
<img alt="${site.name}" src="${'${files}/img/img6.png'}">
统计分析:多维度统计分析隐患数据
</div>
</div>
</div>
<div class="right">
<img alt="${site.name}" src="${'${files}/img/img7.png'}">
</div>
</div>
<div class="main_container" data-index="4" style="display:none;">
<div class="left">
<div class="img">
<img alt="${site.name}" src="${'${files}/img/img5.png'}">
</div>
<div class="title">智能巡检系统</div>
<div class="notes">智能化巡检管理,提高巡检效率和质量。</div>
<div class="info">
<div class="list">
<img alt="${site.name}" src="${'${files}/img/img6.png'}">
智能排班:自动生成巡检计划
</div>
<div class="list">
<img alt="${site.name}" src="${'${files}/img/img6.png'}">
位置追踪:实时掌握巡检人员位置
</div>
<div class="list">
<img alt="${site.name}" src="${'${files}/img/img6.png'}">
异常上报:发现问题及时上报处理
</div>
</div>
</div>
<div class="right">
<img alt="${site.name}" src="${'${files}/img/img7.png'}">
2026-03-11 09:48:21 +08:00
</div>
</div>
2026-03-11 17:57:29 +08:00
</div>
</div>
</div>
<!-- 解决方案-->
<div class="solution">
<div class="solution_container">
<div class="title">
<div class="tit">解决方案</div>
<p>助力提升安全管理效益,满足多行业的安全生产需求</p>
</div>
<div class="solution_main">
2026-03-17 15:38:22 +08:00
[@BlockItemList block='focus' limit='8' blockId='90299653626116098'; beans]
[#list beans as bean]
<div class="item">
<div class="img">
<img alt="${site.name}" src="${bean.image}">
2026-03-11 17:57:29 +08:00
</div>
2026-03-17 15:38:22 +08:00
<div class="title">${bean.title}</div>
<div class="info">
<div> ${substring(bean.description,30,'...')}</div>
<div class="more">
<img alt="${site.name}" src="${'${files}/img/img15.png'}">
</div>
2026-03-11 17:57:29 +08:00
</div>
</div>
2026-03-17 15:38:22 +08:00
[/#list]
[/@BlockItemList]
2026-03-11 17:57:29 +08:00
</div>
</div>
</div>
<!--客户案例-->
<div class="case">
2026-03-17 11:31:11 +08:00
<div class="case_container" style="background:none">
2026-03-11 17:57:29 +08:00
<div class="title">
<div class="tit">客户案例</div>
<p>助力提升安全管理效益,满足多行业的安全生产需求</p>
2026-03-11 09:48:21 +08:00
</div>
2026-03-11 17:57:29 +08:00
<div class="case_main">
2026-03-24 09:50:57 +08:00
[@ArticleList channel='case' isIncludeSubChannel='true' limit=3 orderBy='publishDate_desc'; list]
2026-03-17 11:31:11 +08:00
[#list list as bean]
<div class="item">
<div class="img">
[#if bean.image??][@A bean=bean class="mr-3"]
<img src="${bean.image}" alt="${bean.title}" width="100%" height="100%">
[/@A][/#if]
</div>
<div class=" info">
<div class="title">[@A bean=bean class="cm-link text-decoration-none"/]</div>
<div class="text ">
[@A bean=bean class="text-reset text-decoration-none"]${substring(bean.description,60,'...')}[/@A]
2026-03-11 17:57:29 +08:00
</div>
2026-03-17 11:31:11 +08:00
<div class="details">[@A bean=bean] 了解详情 >[/@A]</div>
</div>
</div>
[#if !bean_has_next]
<script>lastArticleDate = '${bean.publishDate.format()}'</script>
[/#if]
[/#list]
[/@ArticleList]
2026-03-11 17:57:29 +08:00
</div>
2026-03-17 15:38:22 +08:00
<div class="more_btn"><a href="/channel/case">了解更多</a></div>
2026-03-11 17:57:29 +08:00
</div>
<div class="case_img">
2026-03-17 15:38:22 +08:00
[@BlockItemList block='link' limit='1' blockId='90307870982780930'; beans]
[#list beans as bean]
<img src="${bean.image}" alt="${bean.title}" width="100%" height="100%">
[/#list]
[/@BlockItemList]
2026-03-11 09:48:21 +08:00
</div>
</div>
2026-03-11 17:57:29 +08:00
[#include 'inc_right1.html'/]
2026-03-11 09:48:21 +08:00
[#include 'inc_footer.html'/]
[#include 'inc_message_box.html'/]
2026-03-17 11:31:11 +08:00
<script>
$('.product_wrap .top_container .item').click(function(){
var index = $(this).data('index');
$(this).addClass('active').siblings().removeClass('active');
$('.product_wrap .main_container').hide();
$('.product_wrap .main_container[data-index="'+index+'"]').show();
});
</script>
2026-03-11 09:48:21 +08:00
</body>
</html>
[/#escape]