diff --git a/src/assets/main.css b/src/assets/main.css
index 6bc07f6..348d1f0 100644
--- a/src/assets/main.css
+++ b/src/assets/main.css
@@ -111,6 +111,11 @@ a, .green {
   flex-shrink: 0;
 }
 
+.summary .item {
+  white-space: wrap;
+  word-break: break-all;
+}
+
 .dialogTable {
   position: fixed !important;
   left: 50%;
diff --git a/src/views/AppMarketBoard.vue b/src/views/AppMarketBoard.vue
index d9bf30b..9bb12f7 100644
--- a/src/views/AppMarketBoard.vue
+++ b/src/views/AppMarketBoard.vue
@@ -1,18 +1,47 @@
 <script>
 import AppMarketBoardFilter from "@/views/AppMarketBoardFilter.vue";
-import AppThreeMap from "@/views/AppThreeMap.vue";
+import AppNavbar from "@/views/AppNavbar.vue";
+import AppMap from "@/views/AppMap.vue";
+import AppSubTitle from "@/views/AppSubTitle.vue";
+import AppSalesPerformance from "@/views/AppSalesPerformance.vue";
+import AppKeyGoods from "@/views/AppKeyGoods.vue";
+import AppGroupMonitorTable from "@/views/AppGroupMonitorTable.vue";
+import AppStoreMonitor from "@/views/AppStoreMonitor.vue";
+import AppHourSale from "@/views/AppHourSale.vue";
+import AppHourCount from "@/views/AppHourCount.vue";
 
 export default {
   name: "AppMarketBoard",
   label: "市场看板",
-  components: {AppMarketBoardFilter, AppThreeMap}
+  components: {AppHourCount, AppHourSale, AppStoreMonitor, AppGroupMonitorTable, AppKeyGoods, AppSalesPerformance, AppSubTitle, AppMap, AppNavbar, AppMarketBoardFilter}
 }
 </script>
 
 <template>
   <section class="AppMarketBoard">
+    <app-navbar/>
     <app-market-board-filter/>
-    <app-three-map/>
+    <div class="flex" style="gap:20px">
+      <div class="fill">
+        <div class="flex gap">
+          <div style="width: 430px;">
+            <app-sub-title/>
+            <app-sales-performance style="margin-bottom: 20px"/>
+            <app-sub-title/>
+            <app-key-goods/>
+          </div>
+          <app-map class="fill"/>
+        </div>
+        <div class="flex gap">
+          <app-group-monitor-table class="fill"/>
+          <app-store-monitor class="fill"/>
+        </div>
+      </div>
+      <div style="width: 480px;">
+        <app-hour-sale/>
+        <app-hour-count/>
+      </div>
+    </div>
   </section>
 </template>
 
@@ -21,4 +50,7 @@ export default {
   width: 100%;
   height: 100%;
 }
+.gap{
+  gap: 20px;
+}
 </style>