rtu_linux_services/web-ui.service/web/app.html

<!doctype html>
<html lang="zh-CN">

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>河南云飞科技RTU设备运维管理平台</title>
<link rel="icon" type="image/x-icon" href="favicon.ico?v={{V}}">
<link rel="apple-touch-icon" href="favicon.ico?v={{V}}">
<link rel="stylesheet" href="static/css/app.css?v={{V}}">
<link rel="stylesheet" href="static/css/button.css?v={{V}}">
<link rel="stylesheet" href="static/css/xterm.css?v={{V}}">
<link rel="stylesheet" href="static/css/page1.css?v={{V}}">
<link rel="stylesheet" href="static/css/page2.css?v={{V}}">
<link rel="stylesheet" href="static/css/page3.css?v={{V}}">
<link rel="stylesheet" href="static/css/page4.css?v={{V}}">
<link rel="stylesheet" href="static/css/page5.css?v={{V}}">
<link rel="stylesheet" href="static/css/page6.css?v={{V}}">
<link rel="stylesheet" href="static/css/page7.css?v={{V}}">
<link rel="stylesheet" href="static/css/page8.css?v={{V}}">
</head>

<body>
<!-- 内联 SVG 图标库: 不依赖任何系统字体, 所有图标由矢量代码绘制, CSS 可控色 -->
<svg xmlns="http://www.w3.org/2000/svg" style="display:none" aria-hidden="true">
  <symbol id="i-logo" viewBox="0 0 24 24"><path d="M12 21v-8"/><path d="M12 13c0-3.9 3.1-7 7-7 0 3.9-3.1 7-7 7z"/><path d="M12 13c-2.8 0-5-2.2-5-5 2.8 0 5 2.2 5 5z"/><path d="M5 21h14"/></symbol>
  <symbol id="i-chart" viewBox="0 0 24 24"><line x1="18" y1="20" x2="18" y2="10"/><line x1="12" y1="20" x2="12" y2="4"/><line x1="6" y1="20" x2="6" y2="14"/></symbol>
  <symbol id="i-globe" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><line x1="2" y1="12" x2="22" y2="12"/><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/></symbol>
  <symbol id="i-clock" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></symbol>
  <symbol id="i-pin" viewBox="0 0 24 24"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></symbol>
  <symbol id="i-camera" viewBox="0 0 24 24"><path d="M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z"/><circle cx="12" cy="13" r="4"/></symbol>
  <symbol id="i-box" viewBox="0 0 24 24"><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"/><polyline points="3.27 6.96 12 12.01 20.73 6.96"/><line x1="12" y1="22.08" x2="12" y2="12"/></symbol>
  <symbol id="i-flask" viewBox="0 0 24 24"><path d="M10 2.5v6.2L4.6 18a2 2 0 0 0 1.8 3h11.2a2 2 0 0 0 1.8-3L14 8.7V2.5"/><line x1="8.5" y1="2.5" x2="15.5" y2="2.5"/><line x1="7" y1="14" x2="17" y2="14"/></symbol>
  <symbol id="i-term" viewBox="0 0 24 24"><rect x="2.5" y="4" width="19" height="16" rx="2.5"/><polyline points="6.5 9 9.5 12 6.5 15"/><line x1="12" y1="15" x2="17" y2="15"/></symbol>
  <symbol id="i-reboot" viewBox="0 0 24 24"><polyline points="23 4 23 10 17 10"/><path d="M20.49 15a9 9 0 1 1-2.12-9.36L23 10"/></symbol>
  <symbol id="i-logout" viewBox="0 0 24 24"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"/><polyline points="16 17 21 12 16 7"/><line x1="21" y1="12" x2="9" y2="12"/></symbol>

  <symbol id="i-cpu" viewBox="0 0 24 24"><rect x="5" y="5" width="14" height="14" rx="2"/><rect x="9.5" y="9.5" width="5" height="5"/><line x1="9" y1="2" x2="9" y2="5"/><line x1="15" y1="2" x2="15" y2="5"/><line x1="9" y1="19" x2="9" y2="22"/><line x1="15" y1="19" x2="15" y2="22"/><line x1="2" y1="9" x2="5" y2="9"/><line x1="2" y1="15" x2="5" y2="15"/><line x1="19" y1="9" x2="22" y2="9"/><line x1="19" y1="15" x2="22" y2="15"/></symbol>
  <symbol id="i-mem" viewBox="0 0 24 24"><rect x="2" y="7" width="20" height="10" rx="2"/><line x1="6" y1="7" x2="6" y2="4"/><line x1="10" y1="7" x2="10" y2="4"/><line x1="14" y1="7" x2="14" y2="4"/><line x1="18" y1="7" x2="18" y2="4"/></symbol>
  <symbol id="i-disk" viewBox="0 0 24 24"><line x1="22" y1="12" x2="2" y2="12"/><path d="M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z"/><line x1="6" y1="16" x2="6.01" y2="16"/><line x1="10" y1="16" x2="10.01" y2="16"/></symbol>
  <symbol id="i-trend" viewBox="0 0 24 24"><polyline points="23 6 13.5 15.5 8.5 10.5 1 18"/><polyline points="17 6 23 6 23 12"/></symbol>
  <symbol id="i-refresh" viewBox="0 0 24 24"><polyline points="23 4 23 10 17 10"/><polyline points="1 20 1 14 7 14"/><path d="M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15"/></symbol>
</svg>

<div id="loading-mask">
  <div class="loading-box">
    <div class="loading-dot"></div>
    <div class="loading-text">页面加载中，请稍微...</div>
  </div>
</div>
<div class="app">
   <header class="topbar">
    <div class="device">
      <span class="icon-box"><svg class="icon"><use href="#i-logo"/></svg></span>
      <div class="device-info">
        <div class="title-line">
          <span class="title">河南云飞科技RTU设备运维管理平台</span>
        </div>
        <div class="imei-line">
          <span id="imei-value">--</span>
        </div>
      </div>
    </div>
    <div class="actions">
      <!-- 系统时间 -->
      <span id="sys-time" class="clock">--</span>
    </div>
  </header>

  <div class="layout">
    <aside class="sidebar">
      <div class="menu-item" data-page="page1"><svg class="icon"><use href="#i-chart"/></svg>系统信息</div>
      <div class="menu-item" data-page="page2"><svg class="icon"><use href="#i-globe"/></svg>网络连接</div>
      <div class="menu-item" data-page="page3"><svg class="icon"><use href="#i-clock"/></svg>时间同步</div>
      <div class="menu-item" data-page="page4"><svg class="icon"><use href="#i-pin"/></svg>定位服务</div>
      <div class="menu-item" data-page="page5"><svg class="icon"><use href="#i-camera"/></svg>相机操作</div>
      <div class="menu-item" data-page="page6"><svg class="icon"><use href="#i-box"/></svg>应用管理</div>
      <div class="menu-item" data-page="page7"><svg class="icon"><use href="#i-flask"/></svg>一键自检</div>
      <div class="menu-item" data-page="page8"><svg class="icon"><use href="#i-term"/></svg>命令终端</div>

      <div class="sidebar-actions">
        <div class="action-item" onclick="reboot()">
          <svg class="icon"><use href="#i-reboot"/></svg>重启设备
        </div>
        <div class="action-item" onclick="logout()">
          <svg class="icon"><use href="#i-logout"/></svg>退出登录
        </div>
      </div>
    </aside>

    <main id="view" class="view">
    <!-- 动态加载页面 -->
    </main>
  </div>
</div>
<script src="static/js/util.js?v={{V}}"></script>
<script src="static/js/echarts.min.js?v={{V}}"></script>
<script src="static/js/xterm.js?v={{V}}"></script>
<script src="static/js/xterm-addon-fit.js?v={{V}}"></script>
<script src="static/js/log-stream.js?v={{V}}"></script>
<script src="static/js/router.js?v={{V}}"></script>
<script src="static/js/app.js?v={{V}}"></script>
<script src="static/js/page1.js?v={{V}}"></script>
<script src="static/js/page2.js?v={{V}}"></script>
<script src="static/js/page3.js?v={{V}}"></script>
<script src="static/js/page4.js?v={{V}}"></script>
<script src="static/js/page5.js?v={{V}}"></script>
<script src="static/js/page6.js?v={{V}}"></script>
<script src="static/js/page7.js?v={{V}}"></script>
<script src="static/js/page8.js?v={{V}}"></script>
</body>

</html>