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>工具开发 | Easy Data Collection</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 Data Collection">
      <span class="brand-name">Easy Data Collection</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/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/edc-lite-erp/">EDC Lite ERP</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>
        <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" style="--v1:#7a3df5;--v2:#22c8ff">◷</div>
          <span class="product-meta">Flutter Desktop</span>
          <h3>Sequence-Diagram 时序图设计器</h3>
          <p>面向 PLC 流程节拍与相位角设计：条形节拍与圆周节拍双视图、FS/SS 依赖、关键路径、SVG / PNG 导出。</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>
          <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>
          <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>
          <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>
          <span class="product-meta">Electron · MySQL</span>
          <h3>EDC Lite ERP</h3>
          <p>轻量资源计划与制造管理系统研究项目：物料编码、进销存、配方与扫码称配、数据大屏、权限审计全链路。</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.png" 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>
      </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 Data Collection</span>
    </div>
    <span>Copyright &copy; 2026 Easy Data 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>