57 lines
2.5 KiB
HTML
57 lines
2.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="../../assets/css/base.css">
|
|
<link rel="stylesheet" href="../../assets/css/secret.css">
|
|
<script defer src="../../assets/js/components.js"></script>
|
|
<script defer src="../../assets/js/vendor/alpine.min.js"></script>
|
|
</head>
|
|
<body data-page="21" data-total="39">
|
|
<header>
|
|
<nav>
|
|
<a class="brand" href="index.html">卷库房</a>
|
|
<a href="query.html">案卷查询</a>
|
|
<span>当前账号</span>
|
|
<a href="index.html">退出</a>
|
|
</nav>
|
|
</header>
|
|
<!-- 案卷查询：多字段提交至结果页。 -->
|
|
<main>
|
|
<h1>卷库房 · 案卷查询</h1>
|
|
<form class="gate" action="query.html" method="get" style="max-width:34rem">
|
|
<label for="q">关键词</label><input id="q" type="search" name="q" placeholder="关键词">
|
|
<button class="btn" type="submit">检索</button>
|
|
</form>
|
|
<form class="gate" action="results.html" method="get">
|
|
<label for="party">当事人</label><input id="party" type="text" name="party" placeholder="当事人">
|
|
<label for="docket">案号</label><input id="docket" type="text" name="docket" placeholder="案号">
|
|
<label for="year">年度</label><input id="year" type="text" name="year" placeholder="立案年度">
|
|
<button class="btn" type="submit">查询</button>
|
|
</form>
|
|
<div id="results" x-data="search" data-index="data/keywords.secret.json" x-cloak>
|
|
<template x-if="state === 'forbidden'">
|
|
<span :class="forbidden.hidden ? 'hidden-text' : 'visible-text'" x-text="forbidden.text"></span>
|
|
</template>
|
|
<template x-if="state === 'hit'">
|
|
<div>
|
|
<p><b x-text="results.length"></b> 条检索结果:</p>
|
|
<ul class="doc-list">
|
|
<template x-for="r in results" :key="r.url">
|
|
<li><a :href="r.url" target="_blank" x-text="r.title"></a></li>
|
|
</template>
|
|
</ul>
|
|
</div>
|
|
</template>
|
|
<template x-if="state === 'miss'"><p>未检索到与"<b x-text="q"></b>"相关的内容。</p></template>
|
|
<template x-if="state === 'empty'"><p>请输入检索关键词。</p></template>
|
|
</div>
|
|
</main>
|
|
<footer><div class="footer-inner">
|
|
<span>© 2015 临川县正衡律师事务所 · 卷库房</span>
|
|
<span class="progress">21/39</span>
|
|
</div></footer>
|
|
</body>
|
|
</html>
|