Bladeren bron

给DashboardLayout的添加地图插槽,修改其他页面地图布局;

画安 3 dagen geleden
bovenliggende
commit
fbd5f3632a

+ 2 - 0
src/layouts/DashboardLayout.vue

@@ -7,6 +7,8 @@
         <div class="frame-right"></div>
         <div class="frame-bottom"></div>
 
+        <slot name="map"></slot>
+
         <div class="ui-layer">
 
             <header class="top-header">

+ 9 - 3
src/views/DataAnalysis.vue

@@ -9,6 +9,14 @@
             <DateTimeWidget />
         </template>
 
+        <!-- 地图 -->
+        <template #map>
+            <TongzhouTrafficMap
+            amapKey="db2da7e3e248c3b2077d53fc809be63f"
+            securityJsCode="a7413c674852c5eaf01d90813c5b7ef6"
+            />
+        </template>
+
         <template #left>
             <!-- 左侧Tab菜单栏 -->
             <TechTabs v-model="activeLeftTab" type="underline">
@@ -36,9 +44,7 @@
         </template>
 
         <template #center>
-            <!-- 地图 -->
-            <TongzhouTrafficMap amapKey="db2da7e3e248c3b2077d53fc809be63f"
-                securityJsCode="a7413c674852c5eaf01d90813c5b7ef6" />
+            
         </template>
 
         <template #dialogs>

+ 9 - 6
src/views/Home.vue

@@ -9,6 +9,14 @@
       <DateTimeWidget />
     </template>
 
+    <!-- 地图 -->
+    <template #map>
+        <TongzhouTrafficMap
+          amapKey="db2da7e3e248c3b2077d53fc809be63f"
+          securityJsCode="a7413c674852c5eaf01d90813c5b7ef6"
+        />
+    </template>
+
     <template #left>
       <div class="panel-list">
         <div class="panel-item">
@@ -116,12 +124,7 @@
     </template>
 
     <template #center>
-      <!-- 地图 -->
-      <TongzhouTrafficMap
-        amapKey="db2da7e3e248c3b2077d53fc809be63f"
-        securityJsCode="a7413c674852c5eaf01d90813c5b7ef6"
-      />
-
+      
     </template>
 
   </DashboardLayout>

+ 9 - 3
src/views/SpecialSituationMonitoring.vue

@@ -9,6 +9,14 @@
             <DateTimeWidget />
         </template>
 
+        <!-- 地图 -->
+        <template #map>
+            <TongzhouTrafficMap
+            amapKey="db2da7e3e248c3b2077d53fc809be63f"
+            securityJsCode="a7413c674852c5eaf01d90813c5b7ef6"
+            />
+        </template>
+
         <template #left>
             <!-- 左侧Tab菜单栏 -->
             <TechTabs v-model="activeLeftTab" type="underline">
@@ -36,9 +44,7 @@
         </template>
 
         <template #center>
-            <!-- 地图 -->
-            <TongzhouTrafficMap amapKey="db2da7e3e248c3b2077d53fc809be63f"
-                securityJsCode="a7413c674852c5eaf01d90813c5b7ef6" />
+            
         </template>
 
         <template #dialogs>

+ 9 - 3
src/views/StatusMonitoring.vue

@@ -9,6 +9,14 @@
             <DateTimeWidget />
         </template>
 
+        <!-- 地图 -->
+        <template #map>
+            <TongzhouTrafficMap
+            amapKey="db2da7e3e248c3b2077d53fc809be63f"
+            securityJsCode="a7413c674852c5eaf01d90813c5b7ef6"
+            />
+        </template>
+
         <template #left>
             <!-- 左侧Tab菜单栏 -->
             <TechTabs v-model="activeLeftTab" type="underline">
@@ -36,9 +44,7 @@
         </template>
 
         <template #center>
-            <!-- 地图 -->
-            <TongzhouTrafficMap amapKey="db2da7e3e248c3b2077d53fc809be63f"
-                securityJsCode="a7413c674852c5eaf01d90813c5b7ef6" />
+            
         </template>
 
         <template #dialogs>