Browse Source

refactor(investment): 将静态投资信息替换为动态数据渲染

- 使用模板变量 {$current_cate.content|raw} 替换静态标题
- 将硬编码的图片路径替换为动态缩略图数据 {$current_cate.thumbnail.url ?? ''}
- 添加PHP逻辑解析描述字段并生成信息列表数组
- 实现动态基本信息展示,替代固定的公司信息表格
- 使用标签库获取分类数据实现动态内容渲染
- 替换静态公告列表为动态内容页面组件
- 实现投资知识学习模块的数据动态加载
- 将投资者热线信息改为从设置中获取动态数据
- 更新联系方式为通过标签库动态获取的数值
master
zhangf@suq.cn 2 weeks ago
parent
commit
3a5de767bf
  1. 221
      public/themes/website/1/zh/demo/investment.html

221
public/themes/website/1/zh/demo/investment.html

@ -57,76 +57,41 @@
<section class="iv-hero">
<div class="iv-hero__title section__wrap" data-header-dark>
<h1>
<span>了解睿能科技</span>
<span>投资信息</span>
<span>{$current_cate.content|raw}</span>
</h1>
</div>
<div class="iv-hero__media" aria-hidden="true">
<img src="/themes/dist_static/static/images/banner-KIEdSu__.png" alt="" width="1920" height="720" />
<img src="{$current_cate.thumbnail.url ?? ''}" alt="" width="1920" height="720" />
</div>
</section>
{hcTaglib:category id="366" item="vo" field="*"}
{php}
$descStr = $vo['description'] ?? '';
$infoList = [];
$pairs = explode('#', $descStr);
foreach ($pairs as $pair) {
$parts = explode(';', $pair, 2);
if (count($parts) === 2) {
$infoList[] = ['label' => trim($parts[0]), 'value' => trim($parts[1])];
}
}
{/php}
<section class="iv-info section__wrap" id="info" data-header-dark>
<h2 class="iv-info__title">基本信息</h2>
<h2 class="iv-info__title">{$vo.title}</h2>
<div class="iv-info__grid">
<div class="iv-info__item">
<span class="iv-info__label">公司名称</span>
<strong class="iv-info__value">福建睿能科技股份有限公司</strong>
</div>
<div class="iv-info__item">
<span class="iv-info__label">统一社会信用代码</span>
<strong class="iv-info__value">9135000066509091XF</strong>
</div>
<div class="iv-info__item">
<span class="iv-info__label">公司简称</span>
<strong class="iv-info__value">睿能科技</strong>
</div>
<div class="iv-info__item">
<span class="iv-info__label">英文名称</span>
<strong class="iv-info__value">FUJIAN RAYNEN TECHNOLOGY CO.,LTD.</strong>
</div>
<div class="iv-info__item">
<span class="iv-info__label">股票代码</span>
<strong class="iv-info__value">603933</strong>
</div>
<div class="iv-info__item">
<span class="iv-info__label">上市交易所</span>
<strong class="iv-info__value">上海证券交易所</strong>
</div>
<div class="iv-info__item">
<span class="iv-info__label">总股本</span>
<strong class="iv-info__value">21086.22万股</strong>
</div>
<div class="iv-info__item">
<span class="iv-info__label">注册资本</span>
<strong class="iv-info__value">21086.22万元</strong>
</div>
<div class="iv-info__item">
<span class="iv-info__label">投资者热线</span>
<strong class="iv-info__value">0591-88267278</strong>
</div>
<div class="iv-info__item">
<span class="iv-info__label">传真</span>
<strong class="iv-info__value">0591-87881220</strong>
</div>
<div class="iv-info__item">
<span class="iv-info__label">投资者邮箱</span>
<strong class="iv-info__value">investor@raynen.cn</strong>
</div>
<div class="iv-info__item">
<span class="iv-info__label">邮政编码</span>
<strong class="iv-info__value">350109</strong>
</div>
<div class="iv-info__item iv-info__item--full">
<span class="iv-info__label">公司信息披露报纸名称及网站</span>
<strong class="iv-info__value">《中国证券报》、《上海证券报》、《证券时报》 《证券日报》、上海证券交易所</strong>
{volist name="infoList" id="info" key="k"}
<div class="iv-info__item{if condition='$k == count($infoList)'} iv-info__item--full{/if}">
<span class="iv-info__label">{$info.label}</span>
<strong class="iv-info__value">{$info.value}</strong>
</div>
{/volist}
</div>
</section>
{/hcTaglib:category}
{hcTaglib:category id="367" item="vo" field="*"}
<section class="iv-announce section__wrap" id="announce" data-header-dark>
<div class="iv-announce__head">
<h2 class="iv-announce__title">公司公告</h2>
<h2 class="iv-announce__title">{$vo.title}</h2>
<div class="s-arrows">
<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">
@ -138,71 +103,23 @@
<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">
<path id="合并" d="M5.18202 1.41422L6.59622 0L12.2531 5.65686L12.2529 5.65702L10.8389 7.07108L6.59608 11.3139L5.18186 9.89966L8.4245 6.65702L-0 6.65702L0 4.657L8.42482 4.65702L5.18202 1.41422Z" fill="rgb(239,67,53)" fill-rule="evenodd" />
</svg>
</button>
</div>
</div>
<div class="iv-announce__swiper swiper">
<div class="swiper-wrapper">
{hcTaglib:contentPage cid="367" mainField="*" subField="*" name="hc_content" limit="12" item="vo"}
<article class="swiper-slide iv-announce__card">
<time class="iv-announce__date" datetime="2026-05-11">2026-05-11</time>
<h3 class="iv-announce__name">睿能科技2026年第一季度业绩报告</h3>
<a class="iv-announce__link" href="#">
<span>查看详情</span>
<svg viewBox="0 0 16.502 6.66113" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16.501953" height="6.661133" fill="none" customFrame="#000000">
<path id="箭头 2" d="M0 2.83057L16 2.83057L16 3.83057L0 3.83057L0 2.83057ZM15.2929 3.33057L12.818 0.855693C12.62 0.657703 12.62 0.346575 12.818 0.148586C13.016 -0.0494041 13.3271 -0.0494046 13.5251 0.148585L16.3536 2.97701C16.5515 3.175 16.5515 3.48613 16.3536 3.68412L13.5251 6.51255C13.3271 6.71054 13.016 6.71054 12.818 6.51255C12.62 6.31456 12.62 6.00343 12.818 5.80544L15.2929 3.33057Z" fill="rgb(102,102,102)" fill-rule="nonzero" />
</svg>
</a>
</article>
<article class="swiper-slide iv-announce__card">
<time class="iv-announce__date" datetime="2026-05-11">2026-05-11</time>
<h3 class="iv-announce__name">睿能科技2025年年度报告</h3>
<a class="iv-announce__link" href="#">
<span>查看详情</span>
<svg viewBox="0 0 16.502 6.66113" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16.501953" height="6.661133" fill="none" customFrame="#000000">
<path id="箭头 2" d="M0 2.83057L16 2.83057L16 3.83057L0 3.83057L0 2.83057ZM15.2929 3.33057L12.818 0.855693C12.62 0.657703 12.62 0.346575 12.818 0.148586C13.016 -0.0494041 13.3271 -0.0494046 13.5251 0.148585L16.3536 2.97701C16.5515 3.175 16.5515 3.48613 16.3536 3.68412L13.5251 6.51255C13.3271 6.71054 13.016 6.71054 12.818 6.51255C12.62 6.31456 12.62 6.00343 12.818 5.80544L15.2929 3.33057Z" fill="rgb(102,102,102)" fill-rule="nonzero" />
</svg>
</a>
</article>
<article class="swiper-slide iv-announce__card">
<time class="iv-announce__date" datetime="2026-05-11">2026-05-11</time>
<h3 class="iv-announce__name">睿能科技2025年第三季度业绩报告</h3>
<a class="iv-announce__link" href="#">
<span>查看详情</span>
<svg viewBox="0 0 16.502 6.66113" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16.501953" height="6.661133" fill="none" customFrame="#000000">
<path id="箭头 2" d="M0 2.83057L16 2.83057L16 3.83057L0 3.83057L0 2.83057ZM15.2929 3.33057L12.818 0.855693C12.62 0.657703 12.62 0.346575 12.818 0.148586C13.016 -0.0494041 13.3271 -0.0494046 13.5251 0.148585L16.3536 2.97701C16.5515 3.175 16.5515 3.48613 16.3536 3.68412L13.5251 6.51255C13.3271 6.71054 13.016 6.71054 12.818 6.51255C12.62 6.31456 12.62 6.00343 12.818 5.80544L15.2929 3.33057Z" fill="rgb(102,102,102)" fill-rule="nonzero" />
</svg>
</a>
</article>
<article class="swiper-slide iv-announce__card">
<time class="iv-announce__date" datetime="2026-05-11">2026-05-11</time>
<h3 class="iv-announce__name">睿能科技2025年第二季度业绩报告</h3>
<a class="iv-announce__link" href="#">
<span>查看详情</span>
<svg viewBox="0 0 16.502 6.66113" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16.501953" height="6.661133" fill="none" customFrame="#000000">
<path id="箭头 2" d="M0 2.83057L16 2.83057L16 3.83057L0 3.83057L0 2.83057ZM15.2929 3.33057L12.818 0.855693C12.62 0.657703 12.62 0.346575 12.818 0.148586C13.016 -0.0494041 13.3271 -0.0494046 13.5251 0.148585L16.3536 2.97701C16.5515 3.175 16.5515 3.48613 16.3536 3.68412L13.5251 6.51255C13.3271 6.71054 13.016 6.71054 12.818 6.51255C12.62 6.31456 12.62 6.00343 12.818 5.80544L15.2929 3.33057Z" fill="rgb(102,102,102)" fill-rule="nonzero" />
</svg>
</a>
</article>
<article class="swiper-slide iv-announce__card">
<time class="iv-announce__date" datetime="2026-05-11">2026-05-11</time>
<h3 class="iv-announce__name">睿能科技2025年第一季度业绩报告</h3>
<a class="iv-announce__link" href="#">
<time class="iv-announce__date" datetime="{$vo.publish_time|date='Y-m-d'}">{$vo.publish_time|date='Y-m-d'}</time>
<h3 class="iv-announce__name">{$vo.title}</h3>
<a class="iv-announce__link" href="{$vo.url ?? ''}" target="_blank">
<span>查看详情</span>
<svg viewBox="0 0 16.502 6.66113" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16.501953" height="6.661133" fill="none" customFrame="#000000">
<path id="箭头 2" d="M0 2.83057L16 2.83057L16 3.83057L0 3.83057L0 2.83057ZM15.2929 3.33057L12.818 0.855693C12.62 0.657703 12.62 0.346575 12.818 0.148586C13.016 -0.0494041 13.3271 -0.0494046 13.5251 0.148585L16.3536 2.97701C16.5515 3.175 16.5515 3.48613 16.3536 3.68412L13.5251 6.51255C13.3271 6.71054 13.016 6.71054 12.818 6.51255C12.62 6.31456 12.62 6.00343 12.818 5.80544L15.2929 3.33057Z" fill="rgb(102,102,102)" fill-rule="nonzero" />
</svg>
</a>
</article>
{/hcTaglib:contentPage}
</div>
</div>
<div class="iv-announce__arrows-mobile">
@ -222,6 +139,7 @@
</div>
</div>
</section>
{/hcTaglib:category}
<section class="iv-stock section__wrap" id="stock" data-header-dark>
<h2 class="iv-stock__title">股票信息</h2>
@ -259,68 +177,15 @@
</div>
</section>
{hcTaglib:category id="369" item="vo" field="*"}
<section class="iv-learn section__wrap" id="learn" data-header-dark>
<h2 class="iv-learn__title">投资知识学习</h2>
<h2 class="iv-learn__title">{$vo.title}</h2>
<div class="iv-learn__body">
<ul class="iv-learn__list">
<a class="iv-learn__item" href="/assets/attachments/投资知识学习.pdf" target="_blank">
<time class="iv-learn__date" datetime="2026-06-20">2026.06.20</time>
<h3 class="iv-learn__name">投资者权益保护监管案例解读</h3>
<span class="iv-learn__link">
<span>探索更多</span>
<svg viewBox="0 0 16.502 6.66113" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16.501953" height="6.661133" fill="none" customFrame="#000000">
<path id="箭头 2" d="M0 2.83057L16 2.83057L16 3.83057L0 3.83057L0 2.83057ZM15.2929 3.33057L12.818 0.855693C12.62 0.657703 12.62 0.346575 12.818 0.148586C13.016 -0.0494041 13.3271 -0.0494046 13.5251 0.148585L16.3536 2.97701C16.5515 3.175 16.5515 3.48613 16.3536 3.68412L13.5251 6.51255C13.3271 6.71054 13.016 6.71054 12.818 6.51255C12.62 6.31456 12.62 6.00343 12.818 5.80544L15.2929 3.33057Z" fill="rgb(102,102,102)" fill-rule="nonzero" />
</svg>
</span>
</a>
<a class="iv-learn__item" href="/assets/attachments/投资知识学习.pdf" target="_blank">
<time class="iv-learn__date" datetime="2025-10-20">2025.10.20</time>
<h3 class="iv-learn__name">2025年世界投资者周</h3>
<span class="iv-learn__link">
<span>探索更多</span>
<svg viewBox="0 0 16.502 6.66113" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16.501953" height="6.661133" fill="none" customFrame="#000000">
<path id="箭头 2" d="M0 2.83057L16 2.83057L16 3.83057L0 3.83057L0 2.83057ZM15.2929 3.33057L12.818 0.855693C12.62 0.657703 12.62 0.346575 12.818 0.148586C13.016 -0.0494041 13.3271 -0.0494046 13.5251 0.148585L16.3536 2.97701C16.5515 3.175 16.5515 3.48613 16.3536 3.68412L13.5251 6.51255C13.3271 6.71054 13.016 6.71054 12.818 6.51255C12.62 6.31456 12.62 6.00343 12.818 5.80544L15.2929 3.33057Z" fill="rgb(102,102,102)" fill-rule="nonzero" />
</svg>
</span>
</a>
<a class="iv-learn__item" href="/assets/attachments/投资知识学习.pdf" target="_blank">
<time class="iv-learn__date" datetime="2026-05-14">2026.05.14</time>
<h3 class="iv-learn__name">心系投资者,携手共行动</h3>
<span class="iv-learn__link">
<span>探索更多</span>
<svg viewBox="0 0 16.502 6.66113" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16.501953" height="6.661133" fill="none" customFrame="#000000">
<path id="箭头 2" d="M0 2.83057L16 2.83057L16 3.83057L0 3.83057L0 2.83057ZM15.2929 3.33057L12.818 0.855693C12.62 0.657703 12.62 0.346575 12.818 0.148586C13.016 -0.0494041 13.3271 -0.0494046 13.5251 0.148585L16.3536 2.97701C16.5515 3.175 16.5515 3.48613 16.3536 3.68412L13.5251 6.51255C13.3271 6.71054 13.016 6.71054 12.818 6.51255C12.62 6.31456 12.62 6.00343 12.818 5.80544L15.2929 3.33057Z" fill="rgb(102,102,102)" fill-rule="nonzero" />
</svg>
</span>
</a>
<a class="iv-learn__item" href="/assets/attachments/投资知识学习.pdf" target="_blank">
<time class="iv-learn__date" datetime="2025-09-10">2025.09.10</time>
<h3 class="iv-learn__name">保障金融权益 助力美好生活</h3>
<span class="iv-learn__link">
<span>探索更多</span>
<svg viewBox="0 0 16.502 6.66113" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16.501953" height="6.661133" fill="none" customFrame="#000000">
<path id="箭头 2" d="M0 2.83057L16 2.83057L16 3.83057L0 3.83057L0 2.83057ZM15.2929 3.33057L12.818 0.855693C12.62 0.657703 12.62 0.346575 12.818 0.148586C13.016 -0.0494041 13.3271 -0.0494046 13.5251 0.148585L16.3536 2.97701C16.5515 3.175 16.5515 3.48613 16.3536 3.68412L13.5251 6.51255C13.3271 6.71054 13.016 6.71054 12.818 6.51255C12.62 6.31456 12.62 6.00343 12.818 5.80544L15.2929 3.33057Z" fill="rgb(102,102,102)" fill-rule="nonzero" />
</svg>
</span>
</a>
<a class="iv-learn__item" href="/assets/attachments/投资知识学习.pdf" target="_blank">
<time class="iv-learn__date" datetime="2025-12-03">2025.12.03</time>
<h3 class="iv-learn__name">2025年宪法宣传周</h3>
<span class="iv-learn__link">
<span>探索更多</span>
<svg viewBox="0 0 16.502 6.66113" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16.501953" height="6.661133" fill="none" customFrame="#000000">
<path id="箭头 2" d="M0 2.83057L16 2.83057L16 3.83057L0 3.83057L0 2.83057ZM15.2929 3.33057L12.818 0.855693C12.62 0.657703 12.62 0.346575 12.818 0.148586C13.016 -0.0494041 13.3271 -0.0494046 13.5251 0.148585L16.3536 2.97701C16.5515 3.175 16.5515 3.48613 16.3536 3.68412L13.5251 6.51255C13.3271 6.71054 13.016 6.71054 12.818 6.51255C12.62 6.31456 12.62 6.00343 12.818 5.80544L15.2929 3.33057Z" fill="rgb(102,102,102)" fill-rule="nonzero" />
</svg>
</span>
</a>
<a class="iv-learn__item" href="/assets/attachments/投资知识学习.pdf" target="_blank">
<time class="iv-learn__date" datetime="2025-06-10">2025.06.10</time>
<h3 class="iv-learn__name">警惕"股市黑嘴" 远离非法荐股</h3>
{hcTaglib:contentPage cid="369" mainField="*" subField="*" name="hc_content" limit="12" item="vo"}
<a class="iv-learn__item" href="{$vo.url ?? ''}" target="_blank">
<time class="iv-learn__date" datetime="{$vo.publish_time|date='Y-m-d'}">{$vo.publish_time|date='Y-m-d'}</time>
<h3 class="iv-learn__name">{$vo.title}</h3>
<span class="iv-learn__link">
<span>探索更多</span>
<svg viewBox="0 0 16.502 6.66113" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16.501953" height="6.661133" fill="none" customFrame="#000000">
@ -329,6 +194,7 @@
</span>
</a>
{/hcTaglib:contentPage}
</ul>
<button type="button" class="iv-learn__more" aria-label="展开更多">
<span class="iv-learn__more-icon iv-learn__more-icon--up" aria-hidden="true">
@ -346,13 +212,15 @@
</button>
</div>
</section>
{/hcTaglib:category}
{hcTaglib:category id="370" item="vo" field="*"}
<section class="iv-hotline" id="hotline">
<div class="iv-hotline__bg" aria-hidden="true">
<img src="/themes/dist_static/static/images/section-5-bg-CE3rmfWr.png" alt="" width="1920" height="800" />
</div>
<div class="iv-hotline__inner section__wrap">
<h2 class="iv-hotline__title">投资者热线</h2>
<h2 class="iv-hotline__title">{$vo.title}</h2>
<ul class="iv-hotline__list">
<li class="iv-hotline__item">
<div class="iv-hotline__row">
@ -360,7 +228,7 @@
height="24" />
<span class="iv-hotline__label">地址</span>
</div>
<p class="iv-hotline__value">福建省福州市闽侯县南屿镇智慧大道12号</p>
<p class="iv-hotline__value">{hcTaglib:setting name="company_address" type="1" /}</p>
</li>
<li class="iv-hotline__item">
<div class="iv-hotline__row">
@ -369,9 +237,7 @@
<span class="iv-hotline__label">投资者热线</span>
</div>
<p class="iv-hotline__value">
<a href="tel:0591-88267278">0591-88267278</a>
<span> / </span>
<a href="tel:0591-88267288">0591-88267288</a>
<a href="">{$vo.description}</a>
</p>
</li>
<li class="iv-hotline__item">
@ -379,7 +245,7 @@
<img class="iv-hotline__icon" src="data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='24.000000'%20height='24.000000'%20fill='none'%20customFrame='%23000000'%3e%3cg%20id='printer'%3e%3cpath%20id='Vector'%20d='M16.75%207L16.75%205C16.75%203%2016%202%2013.75%202L10.25%202C8%202%207.25%203%207.25%205L7.25%207L16.75%207Z'%20fill-rule='nonzero'%20stroke='rgb(255,255,255)'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='1.500000'%20/%3e%3cpath%20id='Vector'%20d='M16%2019C16%2021%2015%2022%2013%2022L11%2022C9%2022%208%2021%208%2019L8%2015L16%2015L16%2019Z'%20fill-rule='nonzero'%20stroke='rgb(255,255,255)'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='1.500000'%20/%3e%3cpath%20id='Vector'%20d='M21%2015C21%2017%2020%2018%2018%2018L16%2018L16%2015L8%2015L8%2018L6%2018C4%2018%203%2017%203%2015L3%2010C3%208%204%207%206%207L18%207C20%207%2021%208%2021%2010L21%2015Z'%20fill-rule='nonzero'%20stroke='rgb(255,255,255)'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='1.500000'%20/%3e%3cpath%20id='Vector'%20d='M17%2015L15.79%2015L7%2015'%20stroke='rgb(255,255,255)'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='1.500000'%20/%3e%3cpath%20id='Vector'%20d='M7%2011L10%2011'%20stroke='rgb(255,255,255)'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='1.500000'%20/%3e%3cpath%20id='Vector'%20d='M24%200L0%200L0%2024L24%2024L24%200ZM1%2023L1%201L23%201L23%2023L1%2023Z'%20opacity='0'%20fill='rgb(255,255,255)'%20fill-rule='evenodd'%20/%3e%3c/g%3e%3c/svg%3e" alt="" width="24" height="24" />
<span class="iv-hotline__label">传真</span>
</div>
<p class="iv-hotline__value">0591-87881220</p>
<p class="iv-hotline__value">{$vo.desc}</p>
</li>
<li class="iv-hotline__item">
<div class="iv-hotline__row">
@ -387,12 +253,13 @@
<span class="iv-hotline__label">邮箱</span>
</div>
<p class="iv-hotline__value">
<a href="mailto:investor@raynen.cn">investor@raynen.cn</a>
<a href="mailto:investor@raynen.cn">{hcTaglib:setting name="company_email" type="1" /}</a>
</p>
</li>
</ul>
</div>
</section>
{/hcTaglib:category}
</main>
<div class="mask" id="mask">

Loading…
Cancel
Save