湖里大屏(安全管理)：更改布局

src/views/projectAdmin/dataBoard/projectHuScreen/safeManage/index.vue

@@ -1,23 +1,23 @@
 <template>
-<!-- CIM -->
+  <!-- CIM -->
   <div class="container">
     <div class="leftBox">
       <div class="leftTop">
-            <leftTop title="问题类型"  /> 
+        <leftTop title="问题类型" />
       </div>
       <div class="leftCenter">
-            <leftCenter title="安全预警" />
+        <leftCenter title="安全预警" />
       </div>
       <div class="leftBottom">
-            <leftCenter title="隐患排查" />
+        <leftBottom title="隐患排查" />
       </div>
     </div>
     <div class="centerBox">
-      <div class="centerTop">
+      <div class="rightTop">
-           <centerTop title="检查统计" />
+        <rightTop title="检查统计" />
       </div>
-      <div class="centerBottom">
+      <div class="rightBottom">
-           <centerTop title="隐患趋势" />
+        <rightBottom title="隐患趋势" />
       </div>
     </div>
   </div>
@@ -27,12 +27,16 @@
 import leftTop from './leftTop'
 import leftCenter from './leftCenter'
 import leftBottom from './leftBottom'
-import centerTop from './centerTop'
+import rightTop from './rightTop'
-import centerBottom from './centerBottom';
+import rightBottom from './rightBottom'
 export default {
   components: {
-    leftTop,leftCenter,leftBottom,centerTop,centerBottom
+    leftTop,
-  },
+    leftCenter,
+    leftBottom,
+    rightTop,
+    rightBottom
+  }
 }
 </script>
 
@@ -67,12 +71,12 @@ export default {
   width: 70%;
   height: 100%;
   margin-right: 15px;
-  .centerTop {
+  .rightTop {
-    height: 66%;
+    height: 35%;
     margin-bottom: 15px;
   }
-  .centerBottom {
+  .rightBottom {
-    height: 30%;
+    height: 62%;
   }
 }
-</style>
+</style>