54 lines
2.2 KiB
HTML
54 lines
2.2 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="扫码" title="扫码">
|
|
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
|
|
<path d="M4 7a3 3 0 0 1 3-3h10a3 3 0 0 1 3 3v10a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3V7z" stroke="#444" stroke-width="1.5" fill="#fff"/>
|
|
<rect x="9" y="9" width="6" height="6" rx="3" stroke="#444" stroke-width="1.5" fill="#fff"/>
|
|
<path d="M7 4l2 3h6l2-3" stroke="#444" stroke-width="1.5"/>
|
|
</svg>
|
|
</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="scannerMessage" class="scanner-message hidden"></div>
|
|
<div id="scanner"></div>
|
|
<button id="closeScanner">关闭</button>
|
|
</div>
|
|
</div>
|
|
<input id="captureInput" type="file" accept="image/*" capture="environment" class="hidden" />
|
|
<script src="/static/app.js"></script>
|
|
</body>
|
|
</html>
|