From 27e7282066ce8e54769f9fb456092441c3ecbb11 Mon Sep 17 00:00:00 2001
From: fuliqi <fuliqi@qq.com>
Date: 星期三, 20 三月 2024 09:05:41 +0800
Subject: [PATCH] 车俩卡口路由

---
 src/views/screen/components/screen-wrapper/index.vue |   18 +++++++++++++++---
 1 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/src/views/screen/components/screen-wrapper/index.vue b/src/views/screen/components/screen-wrapper/index.vue
index 532a79a..b314a67 100644
--- a/src/views/screen/components/screen-wrapper/index.vue
+++ b/src/views/screen/components/screen-wrapper/index.vue
@@ -7,7 +7,8 @@
         <screen-car></screen-car>
         <screen-video></screen-video>
       </div>
-      <div class="center-container wrapper">
+      <div class="center-container center-wrapper">
+        <screen-map></screen-map>
         <screen-detection></screen-detection>
 
       </div>
@@ -24,6 +25,7 @@
 import ScreenExamine from '../screen-examine/index';
 import ScreenVideo from '../screen-video/index';
 import ScreenCar from '../screen-car/index';
+import ScreenMap from '../screen-map/index';
 export default {
   name: 'ScreenWrapper',
   components: {
@@ -31,7 +33,8 @@
     ScreenDetection,
     ScreenExamine,
     ScreenVideo,
-    ScreenCar
+    ScreenCar,
+    ScreenMap
   },
 }
 </script>
@@ -59,7 +62,7 @@
 }
 
 .wrapper {
-  width: 33.3%;
+  width: 27%;
   height: 100%;
   box-sizing: border-box;
   padding: 0 10px;
@@ -75,4 +78,13 @@
     padding-right: 0;
   }
 }
+.center-wrapper {
+  width: 46%;
+  height: 100%;
+  box-sizing: border-box;
+  padding: 0 10px;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+}
 </style>
\ No newline at end of file

--
Gitblit v1.8.0