feat: 添加院区重点监控区域&样式修改

src/assets/svg/system-surveillance.svg

@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组 5备份 2</title>
+    <g id="园区安全态势" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="4-园区安全态势-院区监控区域管理" transform="translate(-24, -379)">
+            <g id="编组-25" transform="translate(10, 88)">
+                <g id="编组-27" transform="translate(0, 274)">
+                    <g id="编组-5备份-2" transform="translate(14, 17)">
+                        <g id="编组" transform="translate(3, 1)">
+                            <path d="M6.875,0 C10.6719696,0 13.75,3.07803036 13.75,6.875 C13.75,10.6719696 10.6719696,13.75 6.875,13.75 C3.07803036,13.75 0,10.6719696 0,6.875 C0,3.07803036 3.07803036,0 6.875,0 Z M6.875,3.75 C5.1491137,3.75 3.75,5.1491137 3.75,6.875 C3.75,8.6008863 5.1491137,10 6.875,10 C8.6008863,10 10,8.6008863 10,6.875 C10,5.1491137 8.6008863,3.75 6.875,3.75 Z" id="形状结合" fill="currentColor" fill-rule="nonzero"></path>
+                            <polygon id="路径" stroke="#FFFFFF" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" points="4.94525 13.125 3.54166667 17.2916667 10.2083333 17.2916667 8.79320833 13.125"></polygon>
+                            <line x1="1.875" y1="17.2916667" x2="11.875" y2="17.2916667" id="路径" stroke="#FFFFFF" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"></line>
+                        </g>
+                        <rect id="矩形" x="0" y="0" width="20" height="20"></rect>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

src/components/Login.vue

@@ -57,7 +57,7 @@
   import type { FormInstance } from 'element-plus';
   import exitIcon from 'assets/svg/exit.svg';
   import { useUserStore } from '@/store/modules/user';
-  
+
   const userStore = useUserStore();
 
   const formValue = reactive({
@@ -90,8 +90,8 @@
     position: fixed;
     left: 0;
     top: 0;
-    width: 100vw;
-    height: 100vh;
+    width: 100%;
+    height: 100%;
     background-color: rgba(0, 0, 0, 0.42);
     z-index: 1000;
   }

src/components/Login/components/BaseLogin.vue

@@ -93,8 +93,8 @@
     position: fixed;
     left: 0;
     top: 0;
-    width: 100vw;
-    height: 100vh;
+    width: 100%;
+    height: 100%;
     background-color: rgba(0, 0, 0, 0.42);
     z-index: 1000;
   }

src/components/UpdatePwd.vue

@@ -152,8 +152,8 @@
     position: fixed;
     left: 0;
     top: 0;
-    width: 100vw;
-    height: 100vh;
+    width: 100%;
+    height: 100%;
     background-color: rgba(0, 0, 0, 0.42);
     z-index: 1000;
   }

src/router/router-icons.ts

@@ -83,4 +83,5 @@ export const constantRouterIcon = {
   SecurityPositionIcon: renderSvg('security-position'),
   ConfidentialityPositionIcon: renderSvg('security-confidentiality-position'),
   SecuritySurveillanceIcon: renderSvg('security-Surveillance'),
+  PlatformSurveillanceIcon: renderSvg('system-surveillance'),
 };

src/router/routers/campus.ts

@@ -15,7 +15,7 @@ const campusRoutes = {
     {
       id: 6001,
       parentId: 6000,
-      name: 'overview',
+      name: 'safety-overview',
       path: 'overview',
       component: '/institute-safety/PageInstituteSafety',
       redirect: '',

src/router/routers/platform.ts

@@ -107,6 +107,15 @@ const platformRoutes = {
         title: '编辑审批流程',
       },
     },
+    {
+      path: 'surveillance',
+      name: 'SystemSurveillance',
+      component: '/system/surveillance/PageSurveillance',
+      meta: {
+        icon: 'PlatformSurveillanceIcon',
+        title: '院区监控区域管理',
+      },
+    },
   ],
 };
 

src/views/institute-safety/PageInstituteSafety.vue

@@ -56,7 +56,8 @@
   }
 
   .card-map-and-alert {
-    width: 1220px;
+    // width: 1220px;
+    width: 100%;
     height: 982px;
     background: #ffffff;
     border-radius: 8px;

src/views/institute-safety/components/CardMapAndAlert.vue

@@ -1,5 +1,7 @@
 <template>
-  <div> </div>
+  <div>
+    <img style="width: 100%" src="@/assets/images/sfy.jpg" alt="" />
+  </div>
 </template>
 
 <script setup lang="ts"></script>

src/views/system/surveillance/PageSurveillance.vue

@@ -0,0 +1,7 @@
+<template>
+  <div>院区重点监控区域</div>
+</template>
+
+<script setup lang="ts"></script>
+
+<style scoped></style>