46 lines
1.5 KiB
HTML
46 lines
1.5 KiB
HTML
<!doctype html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<title>商品查询</title>
|
|
<link rel="stylesheet" href="/static/styles.css" />
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<div class="tabs" role="tablist">
|
|
<button class="tab active" role="tab" aria-selected="true" aria-controls="searchSection" data-tab="search">搜索</button>
|
|
<button class="tab" role="tab" aria-selected="false" aria-controls="importSection" data-tab="import">导入</button>
|
|
</div>
|
|
|
|
<section id="searchSection" class="section">
|
|
<h1>商品查询</h1>
|
|
<div class="search">
|
|
<div class="search-input">
|
|
<input id="q" type="text" placeholder="输入条码或名称，支持前缀/后缀/包含" />
|
|
<button id="scanBtn" class="scan-btn" aria-label="扫码">📷</button>
|
|
</div>
|
|
<button id="searchBtn">查询</button>
|
|
</div>
|
|
<div id="results" class="results"></div>
|
|
</section>
|
|
|
|
<section id="importSection" class="section hidden">
|
|
<h1>导入Excel</h1>
|
|
<div class="import">
|
|
<input id="file" type="file" accept=".xlsx,.xls" />
|
|
<button id="importBtn">导入</button>
|
|
<div id="importStatus" class="status"></div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
<div id="scannerModal" class="modal hidden">
|
|
<div class="modal-content">
|
|
<div id="scanner"></div>
|
|
<button id="closeScanner">关闭</button>
|
|
</div>
|
|
</div>
|
|
<script src="/static/app.js"></script>
|
|
</body>
|
|
</html>
|