首页跳转 图表高度自适应

src/views/home.vue

@@ -59,7 +59,7 @@
           </div>
         </el-col>
       </el-row>
-      <el-row :gutter="20" style="margin-bottom:20px;height:276px;">
+      <el-row :gutter="20" style="margin-bottom:20px;height: calc(50vh - 231px);">
         <el-col :xs="24" :sm="24" :lg="8">
           <!-- 待办事项 -->
           <div class="container-wrap">
@@ -136,7 +136,7 @@
           </div>
         </el-col>
       </el-row>
-      <el-row :gutter="20" style="height:302px;">
+      <el-row :gutter="20" style="height: calc(50vh - 231px);">
         <el-col :xs="24" :sm="24" :lg="8">
           <!-- 档案借阅 -->
           <div class="container-wrap">
@@ -242,8 +242,13 @@ export default {
     getData() {
       this.tableData = data1.rows
     },
-    changeActiveTab() {
-      this.$router.push({ path: '/storeManage/warehouse3D' })
+    changeActiveTab(id) {
+      this.$router.push({
+        name: 'warehouse3D',
+        params: {
+          roomId: id
+        }
+      })
     }
   }
 }
@@ -264,9 +269,10 @@ export default {
   // }
 
   .chart-wrapper {
+    height: calc(100% - 40px);
     // background: #fff;
-    padding: 16px 16px 0;
-    margin-bottom: 32px;
+    // padding: 16px 16px 0;
+    // margin-bottom: 32px;
   }
 }
 @media (max-width: 1024px) {

src/views/storeManage/warehouse3D/index.vue

@@ -66,6 +66,9 @@ export default {
   created() {
     console.log(1111)
     this.initWebSocket()
+    if (this.$route.params.roomId) {
+      this.activeIndex = this.$route.params.roomId
+    }
   },
   methods: {
     handleMessageEvent(event) {