first

2026-08-07 23:04:54 +08:00
commit 00af9f7fdb
13 changed files with 2588 additions and 0 deletions
@@ -0,0 +1,82 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>无人机资产管理系统</title>
+  <link rel="stylesheet" href="style.css">
+</head>
+<body>
+  <header>
+    <h1>无人机资产管理系统</h1>
+    <nav>
+      <button id="tab-drones" class="tab active" data-tab="drones">无人机管理</button>
+      <button id="tab-matrix" class="tab" data-tab="matrix">状态透视表</button>
+      <button id="tab-flight" class="tab" data-tab="flight">飞行透视表</button>
+    </nav>
+  </header>
+
+  <main id="view-drones" class="view active">
+    <div class="toolbar">
+      <label>机型：</label>
+      <select id="model-filter" style="min-width:140px"></select>
+      <label>编号：</label>
+      <input id="serial-filter" type="text" placeholder="模糊匹配" style="width:150px">
+      <label>飞控ID：</label>
+      <input id="fc-filter" type="text" placeholder="模糊匹配" style="width:110px">
+      <label>状态：</label>
+      <select id="status-filter" style="min-width:110px"></select>
+      <button id="apply-filter" class="primary">筛选</button>
+      <button id="reset-filter">重置</button>
+      <span style="flex:1"></span>
+      <button id="batch-status">批量修改状态</button>
+      <button id="batch-edit-flight">批量修改飞行</button>
+      <button id="batch-flight">批量添加飞行</button>
+      <button id="batch-delete" class="danger">批量删除</button>
+      <button id="status-manager">状态管理</button>
+      <button id="export-excel">导出 Excel</button>
+      <button id="add-drone" class="primary">＋ 新增无人机</button>
+    </div>
+    <div id="drones-body" class="table-wrap"><div class="empty-tip">加载中…</div></div>
+  </main>
+
+  <main id="view-matrix" class="view">
+    <div class="toolbar">
+      <label>机型：</label>
+      <select id="matrix-model" style="min-width:140px"></select>
+      <label>编号：</label>
+      <input id="matrix-serial" type="text" placeholder="模糊匹配" style="width:130px">
+      <label>飞控ID：</label>
+      <input id="matrix-fc" type="text" placeholder="模糊匹配" style="width:100px">
+      <label>状态：</label>
+      <select id="matrix-status" style="min-width:100px"></select>
+      <label>开始日期：</label>
+      <input type="date" id="matrix-start">
+      <label>结束日期：</label>
+      <input type="date" id="matrix-end">
+      <button id="matrix-query" class="primary">查询</button>
+    </div>
+    <div id="matrix-box"><div class="empty-tip">选择机型后点击「查询」查看每日状态透视表</div></div>
+  </main>
+
+  <main id="view-flight" class="view">
+    <div class="toolbar">
+      <label>机型：</label>
+      <select id="flight-model" style="min-width:140px"></select>
+      <label>编号：</label>
+      <input id="flight-serial" type="text" placeholder="模糊匹配" style="width:130px">
+      <label>飞控ID：</label>
+      <input id="flight-fc" type="text" placeholder="模糊匹配" style="width:100px">
+      <label>开始日期：</label>
+      <input type="date" id="flight-start">
+      <label>结束日期：</label>
+      <input type="date" id="flight-end">
+      <button id="flight-query" class="primary">查询</button>
+    </div>
+    <div id="flight-box"><div class="empty-tip">选择机型后点击「查询」查看飞行历史透视表（单元格=当日飞行次数）</div></div>
+  </main>
+
+  <div id="modal" class="modal-mask"></div>
+  <script src="app.js"></script>
+</body>
+</html>