peijunlei 3 weeks ago
parent
commit
fbe3f39df5
  1. 151
      public/themes/website/1/zh/demo/solution.html
  2. 6
      public/themes/website/1/zh/demo/solution2.html

151
public/themes/website/1/zh/demo/solution.html

@ -4,9 +4,9 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>冶金行业解决方案 - 睿能科技</title>
<meta name="keywords" content="冶金行业解决方案,高炉成套系统,变频器,睿能科技">
<meta name="description" content="睿能科技一体化冶金行业解决方案,以优质的产品和服务不断为冶金行业客户创造新的价值。">
<title>{$current_cate['seo_title']}</title>
<meta name="keywords" content="{$current_cate['seo_keywords']}">
<meta name="description" content="{$current_cate['seo_description']}">
<!-- 公共CSS 自动被打包进页面 --> <!-- 公共CSS 自动被打包进页面 -->
<link rel="icon" href="./favicon.ico" type="image/x-icon"> <link rel="icon" href="./favicon.ico" type="image/x-icon">
<script> <script>
@ -53,52 +53,45 @@
<body> <body>
<!-- header --> <!-- header -->
{include file="components/header"} {include file="components/header"}
<main class="main-solution" data-nav="解决方案"> <main class="main-solution" data-nav="解决方案">
{if !empty($sub_cates[0])}
<section class="sl-hero"> <section class="sl-hero">
<div class="sl-hero__intro section__wrap" data-header-dark> <div class="sl-hero__intro section__wrap" data-header-dark>
<h1 class="sl-hero__title">冶金行业解决方案</h1>
<h1 class="sl-hero__title">{$sub_cates[0]['title'] ?? ''}</h1>
<p class="sl-hero__desc"> <p class="sl-hero__desc">
冶金工业一直面临着数据量大、信息系统多、黑箱体系、信息孤岛、控制滞后的问题。睿能科技结合多年行业经验,配合先进控制技术和多目标优化技术等智能算法,形成一体化冶金行业解决方案,以优质的产品和服务不断为冶金行业的客户创造新的价值。
{$sub_cates[0]['description'] ?? ''}
</p> </p>
</div> </div>
<div class="sl-hero__media" aria-hidden="true"> <div class="sl-hero__media" aria-hidden="true">
<img src="/themes/dist_static/static/images/banner-DkdtVxEW.png" alt="" width="1920" height="720" />
<img src="{$sub_cates[0]['thumbnail']['url'] ?? ''}" alt="" width="1920" height="720" />
</div> </div>
</section> </section>
{/if}
{if !empty($sub_cates[1])}
<section class="sl-adv section__wrap" id="adv" data-header-dark> <section class="sl-adv section__wrap" id="adv" data-header-dark>
<h2 class="sl-adv__title">方案优势</h2>
<h2 class="sl-adv__title">{$sub_cates[1]['title'] ?? ''}</h2>
<ul class="sl-adv__list"> <ul class="sl-adv__list">
{hcTaglib:subcategory pid="$sub_cates[1]['id']" item="vo" sort="" }
<li class="sl-adv__item"> <li class="sl-adv__item">
<h3 class="sl-adv__name">产品齐全</h3>
<p class="sl-adv__text">通过标签功能可设置料箱标签统一朝向,并支持设置料箱进入方向,满足更多样化码垛需求。</p>
</li>
<li class="sl-adv__item">
<h3 class="sl-adv__name">性能稳定</h3>
<p class="sl-adv__text">通过标签功能可设置料箱标签统一朝向,并支持设置料箱进入方向,满足更多样化码垛需求。</p>
</li>
<li class="sl-adv__item">
<h3 class="sl-adv__name">抗干扰强</h3>
<p class="sl-adv__text">通过标签功能可设置料箱标签统一朝向,并支持设置料箱进入方向,满足更多样化码垛需求。</p>
</li>
<li class="sl-adv__item">
<h3 class="sl-adv__name">变频节能</h3>
<p class="sl-adv__text">通过标签功能可设置料箱标签统一朝向,并支持设置料箱进入方向,满足更多样化码垛需求。</p>
<h3 class="sl-adv__name">{$vo['title'] ?? ''}</h3>
<p class="sl-adv__text">{$vo['description'] ?? ''}</p>
</li> </li>
{/hcTaglib:subcategory}
</ul> </ul>
</section> </section>
{/if}
{if !empty($sub_cates[2])}
<section class="sl-arch section__wrap" id="arch" data-header-dark> <section class="sl-arch section__wrap" id="arch" data-header-dark>
<h2 class="sl-arch__title">系统架构图</h2>
<h2 class="sl-arch__title">{$sub_cates[2]['title'] ?? ''}</h2>
<div class="sl-arch__panel"> <div class="sl-arch__panel">
<img src="/themes/dist_static/static/images/section-2-img-Cu0hal4O.png" alt="睿能冶金系统架构图" width="1630" height="650" />
<img src="{$sub_cates[2]['thumbnail']['url'] ?? ''}" alt="{$sub_cates[2]['description'] ?? ''}" width="1630" height="650" />
</div> </div>
</section> </section>
{/if}
{if !empty($sub_cates[3])}
<section class="sl-core section__wrap" id="core" data-header-dark> <section class="sl-core section__wrap" id="core" data-header-dark>
<div class="sl-core__head"> <div class="sl-core__head">
<h2 class="sl-core__title">核心系统/产品</h2>
<h2 class="sl-core__title">{$sub_cates[3]['title'] ?? ''}</h2>
<div class="s-arrows"> <div class="s-arrows">
<button type="button" class="s-arrows__prev" aria-label="上一项"> <button type="button" class="s-arrows__prev" aria-label="上一项">
<svg viewBox="0 0 12.2529 11.314" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12.252930" height="11.313965" fill="none" customFrame="#000000"> <svg viewBox="0 0 12.2529 11.314" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12.252930" height="11.313965" fill="none" customFrame="#000000">
@ -116,45 +109,21 @@
</div> </div>
<div class="sl-core__swiper swiper"> <div class="sl-core__swiper swiper">
<div class="swiper-wrapper"> <div class="swiper-wrapper">
{hcTaglib:subcategory pid="$sub_cates[3]['id']" item="vo" sort="" }
<article class="swiper-slide sl-core__card"> <article class="swiper-slide sl-core__card">
<a class="sl-core__card-link" href="/product.html">
<div class="sl-core__card-media">
<img src="/themes/dist_static/static/images/section-3-img-1-DYRv9DuG.png" alt="高炉成套系统" width="528" height="330" loading="lazy" />
</div>
<div class="sl-core__card-foot">
<h3 class="sl-core__card-name">高炉成套系统</h3>
<span class="sl-core__card-arrow" aria-hidden="true">
<img src="data:image/svg+xml,%3csvg%20viewBox='0%200%2012.2529%2011.314'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='12.252930'%20height='11.313965'%20fill='none'%20customFrame='%23000000'%3e%3cpath%20id='合并'%20d='M5.18202%201.41422L6.59622%200L12.2531%205.65686L12.2529%205.65702L10.8389%207.07108L6.59608%2011.3139L5.18186%209.89966L8.4245%206.65702L-0%206.65702L0%204.657L8.42482%204.65702L5.18202%201.41422Z'%20fill='rgb(239,67,53)'%20fill-rule='evenodd'%20/%3e%3c/svg%3e" alt="" width="12" height="11" />
</span>
</div>
</a>
</article>
<article class="swiper-slide sl-core__card">
<a class="sl-core__card-link" href="/product.html">
<div class="sl-core__card-media">
<img src="/themes/dist_static/static/images/section-3-img-2-Bmu9Ybkz.png" alt="转炉自控系统" width="528" height="330" loading="lazy" />
</div>
<div class="sl-core__card-foot">
<h3 class="sl-core__card-name">转炉自控系统</h3>
<span class="sl-core__card-arrow" aria-hidden="true">
<img src="data:image/svg+xml,%3csvg%20viewBox='0%200%2012.2529%2011.314'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='12.252930'%20height='11.313965'%20fill='none'%20customFrame='%23000000'%3e%3cpath%20id='合并'%20d='M5.18202%201.41422L6.59622%200L12.2531%205.65686L12.2529%205.65702L10.8389%207.07108L6.59608%2011.3139L5.18186%209.89966L8.4245%206.65702L-0%206.65702L0%204.657L8.42482%204.65702L5.18202%201.41422Z'%20fill='rgb(239,67,53)'%20fill-rule='evenodd'%20/%3e%3c/svg%3e" alt="" width="12" height="11" />
</span>
</div>
</a>
</article>
<article class="swiper-slide sl-core__card">
<a class="sl-core__card-link" href="/product.html">
<a class="sl-core__card-link" href="{$vo['description'] ?? ''}">
<div class="sl-core__card-media"> <div class="sl-core__card-media">
<img src="/themes/dist_static/static/images/section-3-img-3-CvGpA0xp.png" alt="轧钢自控系统" width="528" height="330" loading="lazy" />
<img src="{$vo['thumbnail']['url'] ?? ''}" alt="{$vo['title'] ?? ''}" width="528" height="330" loading="lazy" />
</div> </div>
<div class="sl-core__card-foot"> <div class="sl-core__card-foot">
<h3 class="sl-core__card-name">轧钢自控系统</h3>
<h3 class="sl-core__card-name">{$vo['title'] ?? ''}</h3>
<span class="sl-core__card-arrow" aria-hidden="true"> <span class="sl-core__card-arrow" aria-hidden="true">
<img src="data:image/svg+xml,%3csvg%20viewBox='0%200%2012.2529%2011.314'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='12.252930'%20height='11.313965'%20fill='none'%20customFrame='%23000000'%3e%3cpath%20id='合并'%20d='M5.18202%201.41422L6.59622%200L12.2531%205.65686L12.2529%205.65702L10.8389%207.07108L6.59608%2011.3139L5.18186%209.89966L8.4245%206.65702L-0%206.65702L0%204.657L8.42482%204.65702L5.18202%201.41422Z'%20fill='rgb(239,67,53)'%20fill-rule='evenodd'%20/%3e%3c/svg%3e" alt="" width="12" height="11" /> <img src="data:image/svg+xml,%3csvg%20viewBox='0%200%2012.2529%2011.314'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='12.252930'%20height='11.313965'%20fill='none'%20customFrame='%23000000'%3e%3cpath%20id='合并'%20d='M5.18202%201.41422L6.59622%200L12.2531%205.65686L12.2529%205.65702L10.8389%207.07108L6.59608%2011.3139L5.18186%209.89966L8.4245%206.65702L-0%206.65702L0%204.657L8.42482%204.65702L5.18202%201.41422Z'%20fill='rgb(239,67,53)'%20fill-rule='evenodd'%20/%3e%3c/svg%3e" alt="" width="12" height="11" />
</span> </span>
</div> </div>
</a> </a>
</article> </article>
{/hcTaglib:subcategory}
</div> </div>
</div> </div>
<div class="sl-core__arrows-mobile"> <div class="sl-core__arrows-mobile">
@ -174,56 +143,39 @@
</div> </div>
</div> </div>
</section> </section>
{/if}
{if !empty($sub_cates[4])}
<section class="sl-clients section__wrap" id="clients" data-header-dark> <section class="sl-clients section__wrap" id="clients" data-header-dark>
<h2 class="sl-clients__title">我们的客户</h2>
<h2 class="sl-clients__title">{$sub_cates[4]['title'] ?? ''}</h2>
<div class="sl-clients__grid"> <div class="sl-clients__grid">
<div class="sl-clients__item"><img src="/themes/dist_static/static/images/section-4-logo1-DcRA8nuR.png" alt="" width="252" height="160" loading="lazy" /></div>
<div class="sl-clients__item"><img src="/themes/dist_static/static/images/section-4-logo2-Hry1UC7k.png" alt="" width="252" height="160" loading="lazy" /></div>
<div class="sl-clients__item"><img src="/themes/dist_static/static/images/section-4-logo3-uWRcQUml.png" alt="" width="252" height="160" loading="lazy" /></div>
<div class="sl-clients__item"><img src="/themes/dist_static/static/images/section-4-logo4-6nRr6Eox.png" alt="" width="252" height="160" loading="lazy" /></div>
<div class="sl-clients__item"><img src="/themes/dist_static/static/images/section-4-logo5-64QW4Vqk.png" alt="" width="252" height="160" loading="lazy" /></div>
<!-- <div class="sl-clients__item"><img src="/assets/images/solution/section-4-logo-6.png" alt="" width="252" height="160" loading="lazy" /></div>
<div class="sl-clients__item"><img src="/assets/images/solution/section-4-logo-7.png" alt="" width="252" height="160" loading="lazy" /></div>
<div class="sl-clients__item"><img src="/assets/images/solution/section-4-logo-8.png" alt="" width="252" height="160" loading="lazy" /></div>
<div class="sl-clients__item"><img src="/assets/images/solution/section-4-logo-9.png" alt="" width="252" height="160" loading="lazy" /></div>
<div class="sl-clients__item"><img src="/assets/images/solution/section-4-logo-10.png" alt="" width="252" height="160" loading="lazy" /></div>
<div class="sl-clients__item"><img src="/assets/images/solution/section-4-logo-11.png" alt="" width="252" height="160" loading="lazy" /></div>
<div class="sl-clients__item"><img src="/assets/images/solution/section-4-logo-12.png" alt="" width="252" height="160" loading="lazy" /></div> -->
{hcTaglib:subcategory pid="$sub_cates[4]['id']" item="vo" sort="" }
<div class="sl-clients__item"><img src="{$vo['thumbnail']['url'] ?? ''}" alt="" width="252" height="160" loading="lazy" /></div>
{/hcTaglib:subcategory}
</div> </div>
</section> </section>
{/if}
{if !empty($sub_cates[5])}
<section class="sl-cases section__wrap" id="cases" data-header-dark> <section class="sl-cases section__wrap" id="cases" data-header-dark>
<h2 class="sl-cases__title">经典案例</h2>
<h2 class="sl-cases__title">{$sub_cates[5]['title'] ?? ''}</h2>
<div class="sl-cases__body"> <div class="sl-cases__body">
<div class="sl-cases__copy"> <div class="sl-cases__copy">
<div class="sl-cases__content-swiper swiper"> <div class="sl-cases__content-swiper swiper">
<div class="swiper-wrapper"> <div class="swiper-wrapper">
{hcTaglib:subcategory pid="$sub_cates[5]['id']" item="vo" sort="" }
<article class="swiper-slide sl-cases__panel"> <article class="swiper-slide sl-cases__panel">
<h3 class="sl-cases__name">河钢邯钢轧钢系统</h3>
<p class="sl-cases__sub-name">保障了邯钢遇重大事故快速复工复产</p>
<p class="sl-cases__desc">由于邯郸当地长期暴雨灾害,导致邯钢一冷轧厂生产线被淹,数百个进口PLC模块因此损坏。进口PLC备件供应周期过长,严重影响复产。睿能为此提供备件快速响应服务,所有模块紧急空运。在最短的时间内确保冷轧厂恢复生产。</p>
<div class="sl-cases__tags">
<span>总线型PLC</span>
</div>
</article>
<article class="swiper-slide sl-cases__panel">
<h3 class="sl-cases__name">佰工钢铁高炉系统</h3>
<p class="sl-cases__sub-name">核心工艺段自动化系统的国产化选型</p>
<p class="sl-cases__desc">佰工钢铁2#高炉新建,佰工经多方论证和实地考察,最终决定在高炉热风炉、布袋除尘、炉顶料槽、上料、水泵站等三电自动化系统中全面使用睿能PLC产品。并在后续连续生产中持续稳定运行,完全满足了高炉复杂工况对自动化控制系统高可靠性与实时性的严苛要求。</p>
<h3 class="sl-cases__name">{$vo['title'] ?? ''}</h3>
<p class="sl-cases__sub-name">{$vo['sub_title'] ?? ''}</p>
<p class="sl-cases__desc">{$vo['description'] ?? ''}</p>
<div class="sl-cases__tags"> <div class="sl-cases__tags">
<span>运动控制型PLC</span>
</div>
</article>
<article class="swiper-slide sl-cases__panel">
<h3 class="sl-cases__name">宏兴钢铁转炉系统</h3>
<p class="sl-cases__sub-name">1#转炉降本升级</p>
<p class="sl-cases__desc">2014年6月,宏兴钢铁对三炼钢厂1#转炉进行大修并对其电气、仪表、自动化系统进行改造升级,其中涉及将汽化控 制室搬迁至转炉平台新控制室,更新全部设备、重新设计、制作转炉自控系统。其中,9#/10#/11#PLC远程站全部采用睿能PLC产品一直持续稳定运行。</p>
<div class="sl-cases__tags">
<span>继电器型PLC</span>
<span>增强型PLC</span>
{php}$descArr = explode(',',$vo['desc']);{/php}
{if !empty($descArr)}
{volist name="descArr" id="vv"}
<span>{$vv}</span>
{/volist}
{/if}
</div> </div>
</article> </article>
{/hcTaglib:subcategory}
</div> </div>
</div> </div>
<div class="sl-cases__nav"> <div class="sl-cases__nav">
@ -251,20 +203,17 @@
<div class="sl-cases__stage" aria-hidden="true"> <div class="sl-cases__stage" aria-hidden="true">
<div class="sl-cases__media-swiper swiper"> <div class="sl-cases__media-swiper swiper">
<div class="swiper-wrapper"> <div class="swiper-wrapper">
{hcTaglib:subcategory pid="$sub_cates[5]['id']" item="vo" sort="" }
<div class="swiper-slide sl-cases__card"> <div class="swiper-slide sl-cases__card">
<img src="/themes/dist_static/static/images/section-5-img-1-BtpXM791.png" alt="" width="650" height="457" />
</div>
<div class="swiper-slide sl-cases__card">
<img src="/themes/dist_static/static/images/section-5-img-2-Q9jxcEM_.png" alt="" width="650" height="457" />
</div>
<div class="swiper-slide sl-cases__card">
<img src="/themes/dist_static/static/images/section-5-img-3-D84YEIjb.png" alt="" width="650" height="457" />
<img src="{$vo['thumbnail']['url'] ?? ''}" alt="" width="650" height="457" />
</div> </div>
{/hcTaglib:subcategory}
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</section> </section>
{/if}
</main> </main>
<div class="mask" id="mask"> <div class="mask" id="mask">

6
public/themes/website/1/zh/demo/solution2.html

@ -74,15 +74,15 @@ $current_cate_id = $current_cate['id'] ?? 0;
{if !empty($sub_cates[1])} {if !empty($sub_cates[1])}
<section class="sl2-adv section__wrap" id="adv" data-header-dark> <section class="sl2-adv section__wrap" id="adv" data-header-dark>
<h2 class="sl2-adv__title">{$sub_cates[1]['title']}</h2>
<h2 class="sl2-adv__title">{$sub_cates[1]['title'] ?? ''}</h2>
<ul class="sl2-adv__list"> <ul class="sl2-adv__list">
{hcTaglib:subcategory pid="$sub_cates[1]['id']" sort="id asc,sort asc" item="vo"} {hcTaglib:subcategory pid="$sub_cates[1]['id']" sort="id asc,sort asc" item="vo"}
<li class="sl2-adv__item"> <li class="sl2-adv__item">
<span class="sl2-adv__icon" aria-hidden="true"> <span class="sl2-adv__icon" aria-hidden="true">
<img style="height: 48px;width: 48px;" src="{$vo.thumbnail.url ?? ''}"> <img style="height: 48px;width: 48px;" src="{$vo.thumbnail.url ?? ''}">
</span> </span>
<h3 class="sl2-adv__name">{$vo.title}</h3>
<p class="sl2-adv__text">{$vo.description|raw}</p>
<h3 class="sl2-adv__name">{$vo.title ?? ''}</h3>
<p class="sl2-adv__text">{$vo.description ?? ''|raw}</p>
</li> </li>
{/hcTaglib:subcategory} {/hcTaglib:subcategory}
</ul> </ul>

Loading…
Cancel
Save