feat: 首页改版为研究优先的博客风;新增 Serial Terminal / Enthalpy Diagram;下架三个工具;品牌与结构更新

- 首页:主力项目 Sequence-Diagram 大图展示 + 前沿研究三卡 + 工具矩阵(去彩色渐变块)
- 新增工具页:串口调试助手(Android)与湿空气焓湿图(Android),含实机截图
- 下架 Engineer Craft / Five Phases / UniTouch(保留页面与路由)
- 全站品牌 Easy Data Collection → Easy Design Collection(EDC 总品牌)
- 资源中心更名「内部研究」,仅保留 footer 入口
- 导航下拉更新;产品线统计更新为 6
This commit is contained in:
2026-10-10 11:45:30 +08:00
parent 51cb52789a
commit 678cbf98f8
45 changed files with 688 additions and 443 deletions
+34 -43
View File
@@ -15,8 +15,8 @@
<header class="site-header">
<div class="container header-inner">
<a class="brand" href="/">
<img src="/static/img/logo.svg" alt="Easy Data Collection">
<span class="brand-name">Easy Data Collection</span>
<img src="/static/img/logo.svg" alt="Easy Design Collection">
<span class="brand-name">EDC|江北的渔夫</span>
</a>
<nav class="main-nav" id="mainNav">
<div class="nav-item has-dropdown">
@@ -34,15 +34,13 @@
<div class="dropdown">
<a href="/tools/sequence-diagram/">Sequence-Diagram</a>
<a href="/tools/uni-viewer/">Uni-Viewer</a>
<a href="/tools/engineer-craft/">Engineer Craft</a>
<a href="/tools/five-phases-observer/">The Five Phases Observer</a>
<a href="/tools/unitouch/">UniTouch Interface</a>
<a href="/tools/serial-terminal/">Serial Terminal</a>
<a href="/tools/enthalpy-diagram/">Enthalpy Diagram</a>
<a href="/tools/edc-lite-erp/">EDC Lite ERP</a>
<a href="/tools/physics-ai-fluent/">Physics AI Fluent</a>
</div>
</div>
<a class="nav-link" href="/resources/">资源中心</a>
<div class="nav-item has-dropdown">
<a class="nav-link" href="/license/">License</a>
<button class="nav-caret" type="button" aria-label="展开 License">▾</button>
@@ -65,7 +63,7 @@
<h1>为工程现场造的软件</h1>
<p class="page-hero-sub">每一款工具都来自真实项目的需求:节拍设计、文件预览、工程计算、工控交互、资源计划与决策协议。独立研发、私有部署、持续迭代。</p>
<div class="hero-stats">
<div class="hero-stat"><b>7</b><span>自研产品线</span></div>
<div class="hero-stat"><b>6</b><span>自研产品线</span></div>
<div class="hero-stat"><b>100%</b><span>私有化部署</span></div>
<div class="hero-stat"><b>Desktop · Web · Edge</b><span>多端形态</span></div>
</div>
@@ -80,49 +78,42 @@
</div>
<div class="product-grid">
<a class="product-card" href="/tools/sequence-diagram/">
<div class="product-icon" style="--v1:#7a3df5;--v2:#22c8ff">◷</div>
<span class="product-meta">Flutter Desktop</span>
<div class="product-icon">◷</div>
<span class="product-meta">主力项目 · Flutter Desktop / Android</span>
<h3>Sequence-Diagram 时序图设计器</h3>
<p>面向 PLC 流程节拍与相位角设计:条形节拍与圆周节拍双视图、FS/SS 依赖、关键路径、SVG / PNG 导出。</p>
<p>面向 PLC 流程节拍与相位角设计:条形 / 圆周 / 流程图三视图、泳道加宽、drawio 与 SVG 导出,支持 Android 平板。</p>
<span class="product-link">了解详情 →</span>
</a>
<a class="product-card" href="/tools/uni-viewer/">
<div class="product-icon" style="--v1:#0a6cff;--v2:#46d1ff">◉</div>
<div class="product-icon">◉</div>
<span class="product-meta">TypeScript · Web Component</span>
<h3>Uni-Viewer 文件预览组件</h3>
<p>纯前端、不出网的文件预览:271 个扩展名、47 条预览链路,覆盖 Office、CAD、压缩包、邮件、音视频与二进制检查。</p>
<span class="product-link">了解详情 →</span>
</a>
<a class="product-card" href="/tools/engineer-craft/">
<div class="product-icon" style="--v1:#0a9e6e;--v2:#7ad9a8">⚙</div>
<span class="product-meta">Vue 3 · Vite · TypeScript</span>
<h3>Engineer Craft 工程设计平台</h3>
<p>流程工业智能设计平台:31 个工程计算模块、URS 与计算书、项目中心、AI 审查存档,一体化快速交付。</p>
<a class="product-card" href="/tools/serial-terminal/">
<div class="product-icon">⇄</div>
<span class="product-meta">Kotlin · Jetpack Compose</span>
<h3>Serial Terminal 串口调试助手</h3>
<p>USB-OTG / 蓝牙 SPP / TCP Server / Client / UDP 调试,12 种自动发送校验位(CRC16 全系列)。</p>
<span class="product-link">了解详情 →</span>
</a>
<a class="product-card" href="/tools/five-phases-observer/">
<div class="product-icon" style="--v1:#b8860b;--v2:#ffd166">✦</div>
<span class="product-meta">Python · 协议栈</span>
<h3>The Five Phases Observer</h3>
<p>五行观察者 · GAP 公理协议:90 域观测协议与 720 个可证伪锚点,让重大决策可以被编译、记录与证伪。</p>
<span class="product-link">了解详情 →</span>
</a>
<a class="product-card" href="/tools/unitouch/">
<div class="product-icon" style="--v1:#e05252;--v2:#ff9a62">▦</div>
<span class="product-meta">Flutter · FFI · MQTT</span>
<h3>UniTouch Interface</h3>
<p>运行于嵌入式工控机的设备控制软件,替代传统 HMI:多协议统一抽象,Windows / Linux / Android 全平台。</p>
<a class="product-card" href="/tools/enthalpy-diagram/">
<div class="product-icon">焓</div>
<span class="product-meta">Kotlin · Jetpack Compose</span>
<h3>Enthalpy Diagram 湿空气焓湿图</h3>
<p>11 项湿空气参数任选两个求解全部结果,交互式 Canvas 焓湿图,零权限零联网。</p>
<span class="product-link">了解详情 →</span>
</a>
<a class="product-card" href="/tools/edc-lite-erp/">
<div class="product-icon" style="--v1:#0f2f6b;--v2:#2a6df5">▣</div>
<div class="product-icon">▣</div>
<span class="product-meta">Electron · MySQL</span>
<h3>EDC Lite ERP</h3>
<p>轻量资源计划与制造管理系统研究项目:物料编码、进销存、配方与扫码称配、数据大屏、权限审计全链路。</p>
<span class="product-link">了解详情 →</span>
</a>
<a class="product-card" href="/tools/physics-ai-fluent/">
<div class="product-icon" style="--v1:#0e7a8a;--v2:#3fd0c9">◍</div>
<div class="product-icon">◍</div>
<span class="product-meta">Python · GPU LBM</span>
<h3>Physics AI Fluent</h3>
<p>GPU 格子玻尔兹曼流场仿真:流化床空床流场分钟级求解,AI for Science 神经算子数据工厂。</p>
@@ -140,25 +131,25 @@
</div>
<div class="gallery">
<figure class="shot wide">
<img src="/static/img/sequence/bar-timing.png" alt="Sequence-Diagram 条形节拍视图">
<img src="/static/img/sequence/bar-timing.jpg" alt="Sequence-Diagram 条形节拍视图">
<figcaption>Sequence-Diagram —— 条形节拍视图(甘特 / 流程图 + FS/SS 依赖箭头 + 关键路径)</figcaption>
</figure>
<figure class="shot wide">
<img src="/static/img/uni-viewer/demo-desktop.webp" alt="Uni-Viewer 桌面预览工作区">
<figcaption>Uni-Viewer —— 浏览器原生 DOCX 预览工作区(纯前端渲染,文件不出内网)</figcaption>
</figure>
<figure class="shot wide">
<img src="/static/img/unitouch/hmi-dark.png" alt="UniTouch 设备控制台">
<figcaption>UniTouch Interface —— 设备控制台(药品发酵生产线 · A 区)</figcaption>
</figure>
<figure class="shot contain">
<img src="/static/img/engineer/xf.png" alt="Engineer Craft 旋风分离器计算模型">
<figcaption>Engineer Craft —— 旋风分离器计算模型示意</figcaption>
</figure>
<figure class="shot wide">
<img src="/static/img/physics-ai-fluent/fbed-overview.jpg" alt="Physics AI Fluent 流场四联总览">
<figcaption>Physics AI Fluent —— 水平卧式流化床空床流场四联总览(GPU LBM,100 格/m)</figcaption>
</figure>
<figure class="shot wide">
<img src="/static/img/serial/tablet-light.jpg" alt="Serial Terminal 平板界面">
<figcaption>Serial Terminal —— 平板横屏串口调试(USB-OTG CH340,自动校验 CRC16/MODBUS)</figcaption>
</figure>
<figure class="shot">
<img src="/static/img/enthalpy/2.jpg" alt="Enthalpy Diagram 焓湿图">
<figcaption>Enthalpy Diagram —— 交互式焓湿图与状态点查询</figcaption>
</figure>
</div>
</div>
</section>
@@ -171,7 +162,7 @@
<p>所有工具均支持企业内网部署与功能定制,从标准件库到数据采集均可按业务流程适配。</p>
</div>
<div class="hero-actions">
<a href="/resources/" class="btn btn-light">查看资源中心</a>
<a href="/resources/" class="btn btn-light">查看内部研究</a>
<a href="/blog/" class="btn btn-outline-light">阅读博客</a>
</div>
</div>
@@ -183,11 +174,11 @@
<div class="container footer-inner">
<div class="footer-brand">
<img src="/static/img/logo.svg" alt="">
<span>Easy Data Collection</span>
<span>Easy Design Collection</span>
</div>
<span>Copyright &copy; 2026 Easy Data Collection. All rights reserved.</span>
<span>Copyright &copy; 2026 Easy Design Collection. All rights reserved.</span>
<span class="footer-links">
<a href="/resources/">资源中心</a><span class="sep">·</span>
<a href="/resources/">内部研究</a><span class="sep">·</span>
<a href="/license/">License</a><span class="sep">·</span>
<a href="/admin">管理页面</a><span class="sep">·</span>
<a href="https://beian.miit.gov.cn/" target="_blank" rel="noopener">苏ICP备2026056863号</a>