72 lines
2.5 KiB
HTML
72 lines
2.5 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<!-- https://developer.mozilla.org/zh-CN/docs/Web/HTTP/CSP -->
|
|
<!-- <meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self'"> -->
|
|
<!-- Electron -->
|
|
<!-- <meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src *; img-src *; connect-src *;"> -->
|
|
<title>社区疫情防控系统 - 门禁端</title>
|
|
<link rel="stylesheet" href="./assets/css/index.css"/>
|
|
<link rel="stylesheet" href="./assets/css/setting-panel.css"/>
|
|
</head>
|
|
|
|
<body>
|
|
<div class="ctrl-btn">
|
|
<img class="btn btn-ctrl" id="setting-button" src="./assets/svg/setting.svg" alt="">
|
|
<img class="btn btn-ctrl" id="fullscreen-button" src="./assets/svg/fullscreen.svg" alt="">
|
|
</div>
|
|
<div class="container">
|
|
<div class="top-container">
|
|
<p id="gate-name" style="font-size: 28px;">Loading...</p>
|
|
</div>
|
|
<div class="left-container">
|
|
<h1>进出社区请扫码</h1>
|
|
<h3>社区居民</h3>
|
|
<p>1. 打开 微信 > 扫一扫，扫描右侧小程序码</p>
|
|
<p>2. 点击确认进入，门即开启</p>
|
|
|
|
<h3>外来访客</h3>
|
|
<p>1. 打开 微信 > 扫一扫，扫描右侧小程序码</p>
|
|
<p>2. 填写进入申请表</p>
|
|
|
|
<h3>长期租客</h3>
|
|
<p>1. 请联系管理员为你添加进出权限</p>
|
|
</div>
|
|
<div class="right-container">
|
|
<h1 id="no-qrcode">请选择大门</h1>
|
|
<img id="qrcode" src="" style="display: none">
|
|
<p id="refreshTimeCountDown"></p>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="full-screen-mask" class="full-screen-mask hidden"></div>
|
|
<div id="setting-container" class="setting-container hidden">
|
|
<div class="setting-panel">
|
|
<!-- 关闭按钮 -->
|
|
<img id="close-setting-button" class="btn" src="./assets/svg/close.svg" alt="">
|
|
|
|
<h3 style="text-align: center;">请选择大门</h3>
|
|
|
|
<div id="gate-list">
|
|
<div class="gate-list-item">
|
|
<p>大门1</p>
|
|
<p class="status open closed">
|
|
开放 封闭
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="save-button-container" style="text-align: center;">
|
|
<button class="save-setting-button">保 存</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script src="./assets/js/setting-panel.js" type="module"></script>
|
|
<script src="./renderer.js" type="module"></script>
|
|
<script src="./assets/js/websocket.js"></script>
|
|
</body>
|
|
|
|
</html>
|