83 lines
3.5 KiB
HTML
83 lines
3.5 KiB
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>
|
||
<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>
|