门禁端网页独立出来，全屏功能修好

2023-03-21 22:39:44 +08:00
parent 23dfc8288c
commit 5f4e20af66
15 changed files with 353 additions and 109 deletions
--- a/backend/microservice-provider-access-8002/src/main/resources/static/access/index.html
+++ b/backend/microservice-provider-access-8002/src/main/resources/static/access/index.html
@@ -0,0 +1,55 @@
+<!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="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">
+            <img id="qrcode" src="">
+            <p id="refreshTimeCountDown"></p>
+        </div>
+    </div>
+
+    <div id="full-screen-mask" class="full-screen-mask"></div>
+    <div id="setting-container" class="setting-container">
+        <div class="setting-panel">
+            <!-- 关闭按钮 -->
+            <img id="close-setting-button" class="btn" src="./assets/svg/close.svg" alt="">
+
+            <div class="save-button-container" style="text-align: center;">
+                <button class="save-setting-button">保 存</button>
+            </div>
+        </div>
+    </div>
+    <script src="./renderer.js" type="module"></script>
+    <script src="./assets/js/setting-panel.js" type="module"></script>
+</body>
+
+</html>