新增数据大屏页面

src/views/homeIndex/components/AlarmCount.vue

@@ -0,0 +1,6 @@
+<template>
+    <div></div>
+</template>
+<script setup lang="ts"> 
+</script>
+<style scoped lang="scss"></style>

src/views/homeIndex/components/AlarmEvent.vue

@@ -0,0 +1,6 @@
+<template>
+    <div></div>
+</template>
+<script setup lang="ts"> 
+</script>
+<style scoped lang="scss"></style>

src/views/homeIndex/components/AlarmOverview.vue

@@ -0,0 +1,45 @@
+<template>
+    <div>
+        <div class="alarmOvery">
+            <div class="alarm">
+                <div class="alarmIMG"></div>
+                <div class="alarmText">正在报警</div>
+            </div>
+
+            <div class="alarm">
+                <div class="alarmIMG"></div>
+                <div class="alarmText">报警总数</div>
+            </div>
+            <div class="alarm">
+                <div class="alarmIMG"></div>
+                <div class="alarmText">已处理</div>
+            </div>
+        </div>
+    </div>
+</template>
+<script setup lang="ts">
+
+</script>
+<style scoped lang="scss">
+.alarmOvery {
+    display: flex;
+    justify-content: space-between;
+    width: 100%;
+    align-items: center;
+    padding-top: 7.5vh;
+    text-align: center;
+    font-size:0.8vw;
+    color: #DEEFFF;
+}
+
+.alarmIMG {
+    width: 12vh;
+    height: 12vh;
+    background: url(@/assets/homeIndex/alarmIMG.png) no-repeat;
+    background-size: 100% 100%;
+
+}
+.alarmText{
+    padding-top: 1.5vh;
+}
+</style>

src/views/homeIndex/components/DeviceCategory.vue

@@ -0,0 +1,6 @@
+<template>
+    <div></div>
+</template>
+<script setup lang="ts"> 
+</script>
+<style scoped lang="scss"></style>

src/views/homeIndex/components/DeviceOverview.vue

@@ -0,0 +1,6 @@
+<template>
+    <div></div>
+</template>
+<script setup lang="ts"> 
+</script>
+<style scoped lang="scss"></style>

src/views/homeIndex/components/DeviceUsage.vue

@@ -0,0 +1,6 @@
+<template>
+    <div></div>
+</template>
+<script setup lang="ts"> 
+</script>
+<style scoped lang="scss"></style>

src/views/homeIndex/components/MapComponent.vue

@@ -0,0 +1,8 @@
+<template>
+    <div class="map-component">地图模块</div>
+</template>
+<script setup lang="ts"> 
+</script>
+<style scoped lang="scss">
+
+</style>

src/views/homeIndex/components/RealTimeAlarm.vue

@@ -0,0 +1,6 @@
+<template>
+    <div></div>
+</template>
+<script setup lang="ts"> 
+</script>
+<style scoped lang="scss"></style>