中建四局(安全管理)：完成布局

src/views/projectAdmin/zjsj/security/centerBottom.vue

@@ -1,6 +1,6 @@
 <template>
-  <Card title="晴雨表">
+  <Card title="危大工程">
-    晴雨表
+    危大工程
   </Card>
 </template>
 

src/views/projectAdmin/zjsj/security/centerTop.vue

@@ -1,6 +1,6 @@
 <template>
-  <Card title="实时数据">
+  <Card title="人员管理">
-    实时数据
+    人员管理
   </Card>
 </template>
 

src/views/projectAdmin/zjsj/security/index.vue

@@ -1,33 +1,25 @@
 <template>
   <div class="security">
-    <div class="between">
+    <div class="left">
       <div class="top"><LeftTop /></div>
-      <div class="center"><LeftCenter /></div>
       <div class="bottom"><LeftBottom /></div>
     </div>
     <div class="center">
       <div class="top"><CenterTop /></div>
       <div class="bottom"><CenterBottom /></div>
     </div>
-    <div class="between">
+    <div class="right"><RightTop /></div>
-      <div class="top"><RightTop /></div>
-      <div class="center"><RightCenter /></div>
-      <div class="bottom"><RightBottom /></div>
-    </div>
   </div>
 </template>
 
 <script>
 import LeftTop from './leftTop.vue'
-import LeftCenter from './leftCenter.vue'
 import LeftBottom from './leftBottom.vue'
 import CenterTop from './centerTop.vue'
 import CenterBottom from './centerBottom.vue'
 import RightTop from './rightTop.vue'
-import RightCenter from './rightCenter.vue'
-import RightBottom from './rightBottom.vue'
 export default {
-  components: { LeftTop, LeftCenter, LeftBottom, CenterTop, CenterBottom, RightTop, RightCenter, RightBottom }
+  components: { LeftTop, LeftBottom, CenterTop, CenterBottom, RightTop }
 }
 </script>
 
@@ -39,28 +31,29 @@ export default {
   justify-content: space-between;
   // background: url(../assets/temp/5.png) no-repeat;
   // background-size: 100% 100%;
-  .between {
+  .left {
     width: 20%;
     height: 100%;
     .top {
-      height: 33.33%;
+      height: 60%;
-    }
-    .center {
-      height: 33.33%;
     }
     .bottom {
-      height: 33.33%;
+      height: 40%;
     }
   }
-  > .center {
+  .center {
     width: calc(60% - 40px);
     height: 100%;
     .top {
-      height: 70%;
+      height: 65%;
     }
     .bottom {
-      height: 30%;
+      height: 35%;
     }
   }
+  .right {
+    width: 20%;
+    height: 100%;
+  }
 }
 </style>

src/views/projectAdmin/zjsj/security/leftBottom.vue

@@ -1,6 +1,6 @@
 <template>
-  <Card title="趋势图">
+  <Card title="视频AI分析">
-    趋势图
+    视频AI分析
   </Card>
 </template>
 

src/views/projectAdmin/zjsj/security/leftCenter.vue

@@ -1,14 +0,0 @@
-<template>
-  <Card title="雾炮喷淋">
-    雾炮喷淋
-  </Card>
-</template>
-
-<script>
-import Card from '../components/Card.vue'
-export default {
-  components: { Card }
-}
-</script>
-
-<style></style>

src/views/projectAdmin/zjsj/security/leftTop.vue

@@ -1,6 +1,6 @@
 <template>
-  <Card title="环境监测">
+  <Card title="安全巡检">
-    环境监测
+    安全巡检
   </Card>
 </template>
 

src/views/projectAdmin/zjsj/security/rightBottom.vue

@@ -1,14 +0,0 @@
-<template>
-  <Card title="报警记录">
-    报警记录
-  </Card>
-</template>
-
-<script>
-import Card from '../components/Card.vue'
-export default {
-  components: { Card }
-}
-</script>
-
-<style></style>

src/views/projectAdmin/zjsj/security/rightCenter.vue

@@ -1,14 +0,0 @@
-<template>
-  <Card title="今日报警统计">
-    今日报警统计
-  </Card>
-</template>
-
-<script>
-import Card from '../components/Card.vue'
-export default {
-  components: { Card }
-}
-</script>
-
-<style></style>

src/views/projectAdmin/zjsj/security/rightTop.vue

@@ -1,6 +1,6 @@
 <template>
-  <Card title="空气分析">
+  <Card title="设备监控">
-    空气分析
+    设备监控
   </Card>
 </template>