sincos.cc-website/website/static/tools.html

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>工具开发 - 人工智能工程技术研究-江北的渔夫</title>
<meta name="description" content="工具开发 —— Sequence-Diagram 时序图设计器、Uni-Viewer 文件预览组件、Engineer Craft 工程设计平台、五行观察者、UniTouch 工控交互与 EDC Lite ERP。">
<meta name="keywords" content="工具开发, Sequence-Diagram, Uni-Viewer, Engineer Craft, UniTouch, EDC Lite ERP">
<link rel="stylesheet" href="/static/css/style.css">
<link rel="icon" href="/static/img/logo.svg" type="image/svg+xml">
<script src="/static/js/nav.js"></script>
</head>
<body>

<header class="site-header">
  <div class="container header-inner">
    <a class="brand" href="/">
      <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">
        <a class="nav-link" href="/research/">前沿技术研究</a>
        <button class="nav-caret" type="button" aria-label="展开前沿技术研究">▾</button>
        <div class="dropdown">
          <a href="http://124.220.63.9:25000">Research Digest</a>
          <a href="/research/neural/">Neural Research</a>
          <a href="/research/reslib/">ResLib</a>
        </div>
      </div>
      <div class="nav-item has-dropdown">
        <a class="nav-link active" href="/tools/">工具开发</a>
        <button class="nav-caret" type="button" aria-label="展开工具开发">▾</button>
        <div class="dropdown">
          <a href="/tools/sequence-diagram/">Sequence-Diagram</a>
          <a href="/tools/uni-viewer/">Uni-Viewer</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>
      <div class="nav-item has-dropdown">
        <a class="nav-link" href="/license/">License</a>
        <button class="nav-caret" type="button" aria-label="展开 License">▾</button>
        <div class="dropdown">
          <a href="/license/apply">申请 License</a>
          <a href="/license/status">查询 / 下载</a>
          <a href="/license/package">资源包获取</a>
        </div>
      </div>
      <a class="nav-link" href="/blog/">博客</a>
    </nav>
    <button class="nav-toggle" id="navToggle" aria-label="菜单">☰</button>
  </div>
</header>

<main>
  <section class="page-hero">
    <div class="container">
      <p class="hero-eyebrow">TOOLS · 工具开发</p>
      <h1>为工程现场造的软件</h1>
      <p class="page-hero-sub">每一款工具都来自真实项目的需求：节拍设计、文件预览、工程计算、工控交互、资源计划与决策协议。独立研发、私有部署、持续迭代。</p>
      <div class="hero-stats">
        <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>
    </div>
  </section>

  <section class="section">
    <div class="container">
      <div class="section-head">
        <h2 class="section-title">产品矩阵</h2>
        <p class="section-desc">点击任意产品进入独立介绍页，查看功能、架构与技术细节。</p>
      </div>
      <div class="product-grid">
        <a class="product-card" href="/tools/sequence-diagram/">
          <div class="product-icon">◷</div>
          <span class="product-meta">主力项目 · Flutter Desktop / Android</span>
          <h3>Sequence-Diagram 时序图设计器</h3>
          <p>面向 PLC 流程节拍与相位角设计：条形 / 圆周 / 流程图三视图、泳道加宽、drawio 与 SVG 导出，支持 Android 平板。</p>
          <span class="product-link">了解详情 →</span>
        </a>
        <a class="product-card" href="/tools/uni-viewer/">
          <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/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/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">▣</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">◍</div>
          <span class="product-meta">Python · GPU LBM</span>
          <h3>Physics AI Fluent</h3>
          <p>GPU 格子玻尔兹曼流场仿真：流化床空床流场分钟级求解，AI for Science 神经算子数据工厂。</p>
          <span class="product-link">了解详情 →</span>
        </a>
      </div>
    </div>
  </section>

  <section class="section">
    <div class="container">
      <div class="section-head">
        <h2 class="section-title">界面实录</h2>
        <p class="section-desc">来自实际运行的软件界面与工程输出。</p>
      </div>
      <div class="gallery">
        <figure class="shot wide">
          <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/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>

  <section class="section section-alt">
    <div class="container">
      <div class="cta-band">
        <div>
          <h2>需要私有化落地或定制开发？</h2>
          <p>所有工具均支持企业内网部署与功能定制，从标准件库到数据采集均可按业务流程适配。</p>
        </div>
        <div class="hero-actions">
          <a href="/resources/" class="btn btn-light">查看内部研究</a>
          <a href="/blog/" class="btn btn-outline-light">阅读博客</a>
        </div>
      </div>
    </div>
  </section>
</main>

<footer class="site-footer">
  <div class="container footer-inner">
    <div class="footer-brand">
      <img src="/static/img/logo.svg" alt="">
      <span>Easy Design Collection</span>
    </div>
    <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="/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>
    </span>
  </div>
</footer>

</body>
</html>