qa_portal
/
ujcms-v10.1.3
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
ujcms-v10.1.3/src/main/webapp/templates/1/default/index.html

407 lines
16 KiB
HTML
Raw Normal View History

Initial commit - UJCMS v10.1.3
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>
111
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"/>
Initial commit - UJCMS v10.1.3
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'/]
111
2026-03-11 17:57:29 +08:00
<!--banner-->
<div class="index_banner">
[@BlockItemList block='focus' limit='5'; beans]
111
2026-03-17 11:31:11 +08:00
<div class="carousel slide" data-ride="carousel" id="carouselCaptions">
111
2026-03-11 17:57:29 +08:00
<ol class="carousel-indicators">
[#list beans as bean]
111
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>
111
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"]
111
2026-03-17 11:31:11 +08:00
<img alt="..." class="d-block w-100" src="${bean.image}">
111
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>
111
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>
111
2026-03-11 17:57:29 +08:00
<span class="sr-only">Previous</span>
</a>
111
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>
111
2026-03-11 17:57:29 +08:00
<span class="sr-only">Next</span>
</a>
</div>
<script>$('.carousel').carousel();</script>
[/@BlockItemList]
<div class="info">
111
2026-03-17 15:38:22 +08:00
[@BlockItemList block='Honor' limit='4' blockId='90307146479679490'; beans]
[#list beans as bean]
111
2026-03-11 17:57:29 +08:00
<div class="item">
111
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>
111
2026-03-11 17:57:29 +08:00
</div>
111
2026-03-17 15:38:22 +08:00
[/#list]
[/@BlockItemList]
111
2026-03-11 17:57:29 +08:00
</div>
</div>
<!-- 新闻中心-->
<div class="news_container">
<div class="title">
<div class="tit">新闻中心</div>
11111
2026-04-22 11:19:15 +08:00
<!-- <p>助力提升安全管理效益,满足多行业的安全生产需求</p>-->
111
2026-03-11 17:57:29 +08:00
</div>
<div class="new_main">
<div class="new_left">
111
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"]
111
2026-03-18 09:56:03 +08:00
<div class="img"> <img alt="${site.name}" src="${bean.image}" width="680" height="500"> </div>
111
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>
111
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">
111
2026-04-10 18:00:42 +08:00
<div class="tit">荣誉资质及核心产品</div>
11111
2026-04-22 11:19:15 +08:00
<!-- <p>安全生产数智化管理平台,满足多行业的安全生产需求</p>-->
111
2026-03-11 17:57:29 +08:00
</div>
<div class="product_wrap">
<div class="top_container">
111
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>
index foot
2026-04-22 18:01:40 +08:00
<div class="item" data-index="3">钢铁企业安全管理平台</div>
11111
2026-04-22 11:19:15 +08:00
<div class="item" data-index="4">基层应急数智平台</div>
<div class="item" data-index="5">企业全员安全培训智能托管平台</div>
111
2026-03-11 17:57:29 +08:00
</div>
111
2026-04-16 16:51:58 +08:00
<div class="main_container" data-index="0" style=" padding:0">
<div><img alt="${site.name}" src="${'${files}/img/product_01.png'}"></div>
111
2026-03-17 11:31:11 +08:00
</div>
111
2026-04-16 16:51:58 +08:00
<div class="main_container" data-index="1" style="display:none; padding:0">
111
2026-03-17 11:31:11 +08:00
<div class="left">
<div class="img">
<img alt="${site.name}" src="${'${files}/img/img5.png'}">
</div>
111
2026-04-16 16:51:58 +08:00
<div class="title">危化、园区企业安全监管平台</div>
11111
2026-04-22 11:19:15 +08:00
<div class="notes">本平台聚焦危化企业安全管理，运用物联网、智能模型、可视化等信息技术，实现全要素数字化管理，满足合规要求，赋能企业安全管理转型与政企数据互通。</div>
111
2026-03-17 11:31:11 +08:00
<div class="info">
<div class="list">
<img alt="${site.name}" src="${'${files}/img/img6.png'}">
111
2026-04-20 09:34:34 +08:00
全流程风险闭环管控，筑牢安全底线
111
2026-03-17 11:31:11 +08:00
</div>
<div class="list">
<img alt="${site.name}" src="${'${files}/img/img6.png'}">
111
2026-04-20 09:34:34 +08:00
数智化技术深度赋能，提升管控效率
111
2026-03-17 11:31:11 +08:00
</div>
<div class="list">
<img alt="${site.name}" src="${'${files}/img/img6.png'}">
111
2026-04-20 09:34:34 +08:00
全要素一体化管理，满足合规与转型需求
111
2026-03-17 11:31:11 +08:00
</div>
</div>
</div>
<div class="right">
111
2026-04-16 16:51:58 +08:00
<img alt="${site.name}" src="${'${files}/img/product_02.png'}">
111
2026-03-17 11:31:11 +08:00
</div>
</div>
111
2026-04-16 16:51:58 +08:00
<div class="main_container" data-index="2" style="display:none; padding:0">
111
2026-03-17 11:31:11 +08:00
<div class="left">
<div class="img">
<img alt="${site.name}" src="${'${files}/img/img5.png'}">
</div>
111
2026-04-20 09:34:34 +08:00
<div class="title">港口安全监管平台</div>
<div class="notes">面向港口企业多维度安全监管需求，以数智化技术实现安全数据全流程管控，动态监管全场景安全工作，达成安全管理 “可视、可查、可控、可奖、可罚”。</div>
111
2026-03-17 11:31:11 +08:00
<div class="info">
<div class="list">
<img alt="${site.name}" src="${'${files}/img/img6.png'}">
111
2026-04-20 09:34:34 +08:00
全流程闭环管控，实现工程与现场的精细化监管
111
2026-03-17 11:31:11 +08:00
</div>
<div class="list">
<img alt="${site.name}" src="${'${files}/img/img6.png'}">
111
2026-04-20 09:34:34 +08:00
数智化应急管理，提升突发事件响应与处置能力
111
2026-03-17 11:31:11 +08:00
</div>
<div class="list">
<img alt="${site.name}" src="${'${files}/img/img6.png'}">
111
2026-04-20 09:34:34 +08:00
统一用户与数据管理，保障跨端高效协同
111
2026-03-17 11:31:11 +08:00
</div>
</div>
</div>
<div class="right">
111
2026-04-16 16:51:58 +08:00
<img alt="${site.name}" src="${'${files}/img/product_03.png'}">
111
2026-03-17 11:31:11 +08:00
</div>
</div>
111
2026-04-16 16:51:58 +08:00
<div class="main_container" data-index="3" style="display:none; padding:0">
111
2026-03-17 11:31:11 +08:00
<div class="left">
<div class="img">
<img alt="${site.name}" src="${'${files}/img/img5.png'}">
</div>
index foot
2026-04-22 18:01:40 +08:00
<div class="title">钢铁企业安全管理平台</div>
111
2026-04-20 09:34:34 +08:00
<div class="notes">平台摒弃多系统分散管理模式，以核心预警能力为牵引，完整集成七大安全管理核心模块，实现 “一个平台管全局”，覆盖安全管理全流程各环节，七大模块数据互通、流程联动，既降低企业信息化投入成本，又实现安全管理全内容、全周期覆盖。</div>
111
2026-03-17 11:31:11 +08:00
<div class="info">
<div class="list">
<img alt="${site.name}" src="${'${files}/img/img6.png'}">
111
2026-04-20 09:34:34 +08:00
政策合规全覆盖，规避监管风险
111
2026-03-17 11:31:11 +08:00
</div>
<div class="list">
<img alt="${site.name}" src="${'${files}/img/img6.png'}">
111
2026-04-20 09:34:34 +08:00
工艺报警智能优化，提升处置效率
111
2026-03-17 11:31:11 +08:00
</div>
<div class="list">
<img alt="${site.name}" src="${'${files}/img/img6.png'}">
111
2026-04-20 09:34:34 +08:00
全场景精准预警，实现全天候防控
111
2026-03-17 11:31:11 +08:00
</div>
</div>
</div>
<div class="right">
111
2026-04-16 16:51:58 +08:00
<img alt="${site.name}" src="${'${files}/img/product_04.png'}">
111
2026-03-17 11:31:11 +08:00
</div>
</div>
111
2026-04-16 16:51:58 +08:00
<div class="main_container" data-index="4" style="display:none; padding:0">
111
2026-03-17 11:31:11 +08:00
<div class="left">
<div class="img">
<img alt="${site.name}" src="${'${files}/img/img5.png'}">
</div>
11111
2026-04-22 11:19:15 +08:00
<div class="title">五级联动“一图统管”，AI赋能全域安全基层</div>
<div class="notes">平台深度融合物联网、大数据、AI等数智技术，直击基层应急管理中“信息孤岛、响应滞后、资源分散”等痛点，构建“基层应急安全管理一张图”。通过动态汇聚市—县—镇—村—企五级风险数据、应急资源与处置力量。</div>
111
2026-03-17 11:31:11 +08:00
<div class="info">
<div class="list">
<img alt="${site.name}" src="${'${files}/img/img6.png'}">
11111
2026-04-22 11:19:15 +08:00
智能感知：AI 实时析多源数据，智能预警主动防控
111
2026-03-17 11:31:11 +08:00
</div>
<div class="list">
<img alt="${site.name}" src="${'${files}/img/img6.png'}">
11111
2026-04-22 11:19:15 +08:00
一图统管：一图可视五级应急，调度资源一键直达
111
2026-03-17 11:31:11 +08:00
</div>
<div class="list">
<img alt="${site.name}" src="${'${files}/img/img6.png'}">
11111
2026-04-22 11:19:15 +08:00
协同联动：打破层级壁垒，构建五级应急联动机制
111
2026-03-17 11:31:11 +08:00
</div>
</div>
</div>
<div class="right">
111
2026-04-16 16:51:58 +08:00
<img alt="${site.name}" src="${'${files}/img/product_05.png'}">
</div>
</div>
<div class="main_container" data-index="5" style="display:none; padding:0">
<div class="left">
<div class="img">
<img alt="${site.name}" src="${'${files}/img/img5.png'}">
</div>
11111
2026-04-22 11:19:15 +08:00
<div class="title">企业全员安全培训智能托管平台</div>
111
2026-04-20 09:34:34 +08:00
<div class="notes">我们以一套标准化体系、一个专业化团队、365 天全程陪伴，解决企业安全培训 “组织难、落实难、见效难” 三大痛点，实现培训可执行、过程可追踪、效果可验证。</div>
111
2026-04-16 16:51:58 +08:00
<div class="info">
<div class="list">
<img alt="${site.name}" src="${'${files}/img/img6.png'}">
111
2026-04-20 09:34:34 +08:00
合规留痕，降本增效
111
2026-04-16 16:51:58 +08:00
</div>
<div class="list">
<img alt="${site.name}" src="${'${files}/img/img6.png'}">
111
2026-04-20 09:34:34 +08:00
全员覆盖，精准提效
111
2026-04-16 16:51:58 +08:00
</div>
<div class="list">
<img alt="${site.name}" src="${'${files}/img/img6.png'}">
111
2026-04-20 09:34:34 +08:00
数据驱动，专业护航
111
2026-04-16 16:51:58 +08:00
</div>
Initial commit - UJCMS v10.1.3
2026-03-11 09:48:21 +08:00
</div>
</div>
111
2026-04-16 16:51:58 +08:00
<div class="right">
<img alt="${site.name}" src="${'${files}/img/product_06.png'}">
</div>
</div>
111
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>
11111
2026-04-22 11:19:15 +08:00
<!-- <p>助力提升安全管理效益,满足多行业的安全生产需求</p>-->
111
2026-03-11 17:57:29 +08:00
</div>
<div class="solution_main">
index
2026-04-22 15:44:00 +08:00
[@BlockItemList block='focus' limit='7' blockId='90299653626116098'; beans]
111
2026-03-17 15:38:22 +08:00
[#list beans as bean]
<div class="item">
<div class="img">
<img alt="${site.name}" src="${bean.image}">
111
2026-03-11 17:57:29 +08:00
</div>
111
2026-03-17 15:38:22 +08:00
<div class="title">${bean.title}</div>
<div class="info">
11111
2026-04-22 11:19:15 +08:00
<!-- <div> ${substring(bean.description,30,'...')}</div>-->
111
2026-03-17 15:38:22 +08:00
<div class="more">
11111
2026-04-22 11:19:15 +08:00
<a href="${bean.url}">立即试用</a>
111
2026-03-17 15:38:22 +08:00
<img alt="${site.name}" src="${'${files}/img/img15.png'}">
</div>
111
2026-03-11 17:57:29 +08:00
</div>
</div>
111
2026-03-17 15:38:22 +08:00
[/#list]
[/@BlockItemList]
index
2026-04-22 15:44:00 +08:00
<div class="item">
<div class="img">
<img alt="${site.name}" src="${'${files}/img/img14.png'}">
</div>
<div class="title">企业全员安全培训智能托管</div>
<div class="info">
<div class="more" id="edu_btn">
index foot
2026-04-22 18:01:40 +08:00
<a style=" cursor:pointer;">立即试用</a>
index
2026-04-22 15:44:00 +08:00
<img alt="${site.name}" src="${'${files}/img/img15.png'}">
</div>
</div>
111
2026-03-11 17:57:29 +08:00
index
2026-04-22 15:44:00 +08:00
</div>
111
2026-03-11 17:57:29 +08:00
</div>
</div>
</div>
index
2026-04-22 15:44:00 +08:00
<div class="edu_container">
<div class="edu_mainer">
<div class="top">
<div>企业全员安全培训智能托管</div>
<div class="close"><img alt="${site.name}" src="${'${files}/img/close.png'}"></div>
</div>
<div class="edu_main">
index foot
2026-04-22 18:01:40 +08:00
<div class="tip">企业全员安全培训智能托管，让安全管理更省心。</div>
index
2026-04-22 15:44:00 +08:00
<div class="QRCode"><img alt="${site.name}" src="${'${files}/img/img20.png'}" ></div>
index foot
2026-04-22 18:01:40 +08:00
<div class="text">扫一扫，申请体验版</div>
index
2026-04-22 15:44:00 +08:00
</div>
</div>
</div>
111
2026-03-11 17:57:29 +08:00
<!--客户案例-->
<div class="case">
111
2026-03-17 11:31:11 +08:00
<div class="case_container" style="background:none">
111
2026-03-11 17:57:29 +08:00
<div class="title">
<div class="tit">客户案例</div>
11111
2026-04-22 11:19:15 +08:00
<!-- <p>助力提升安全管理效益,满足多行业的安全生产需求</p>-->
Initial commit - UJCMS v10.1.3
2026-03-11 09:48:21 +08:00
</div>
111
2026-03-11 17:57:29 +08:00
<div class="case_main">
111
2026-03-24 09:50:57 +08:00
[@ArticleList channel='case' isIncludeSubChannel='true' limit=3 orderBy='publishDate_desc'; list]
111
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]
111
2026-03-11 17:57:29 +08:00
</div>
111
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]
111
2026-03-11 17:57:29 +08:00
</div>
111
2026-03-17 15:38:22 +08:00
<div class="more_btn"><a href="/channel/case">了解更多</a></div>
111
2026-03-11 17:57:29 +08:00
</div>
<div class="case_img">
111
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]
Initial commit - UJCMS v10.1.3
2026-03-11 09:48:21 +08:00
</div>
</div>
111
2026-03-11 17:57:29 +08:00
[#include 'inc_right1.html'/]
Initial commit - UJCMS v10.1.3
2026-03-11 09:48:21 +08:00
[#include 'inc_footer.html'/]
[#include 'inc_message_box.html'/]
111
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();
});
index
2026-04-22 15:44:00 +08:00
index foot
2026-04-22 18:01:40 +08:00
$(function () {
// 点击按钮显示弹窗
$('#edu_btn').on('click', function () {
$('.edu_container').addClass('show');
});
// 点击关闭按钮隐藏弹窗
$('.edu_container .close').on('click', function () {
$('.edu_container').removeClass('show');
});
// 点击遮罩层关闭弹窗
$('.edu_container').on('click', function (e) {
if (e.target === this) {
$(this).removeClass('show');
}
});
});
111
2026-03-17 11:31:11 +08:00
</script>
Initial commit - UJCMS v10.1.3
2026-03-11 09:48:21 +08:00
</body>
</html>
[/#escape]