后端添加域名访问首页入口单页；前端打包塞入Gateway中

2023-04-22 17:18:24 +08:00
parent d4edba9212
commit f5bc5b9eef
52 changed files with 451 additions and 157 deletions
--- a/backend/microservice-gateway/src/main/resources/static/guard/index.html
+++ b/backend/microservice-gateway/src/main/resources/static/guard/index.html
@@ -0,0 +1,71 @@
+<!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>