style(bi): 修整 bi 页面垂直方向的容器样式

src/views/bi/competitor/cmm/index.vue

@@ -262,12 +262,11 @@ const reset = async () => {
   lang="scss">
   
   .tabs-container {
-    min-height: 100%;
+    flex: 1;
     display: flex;
     flex-direction: column;
 
     .chart_wrap {
-      /* padding: 20px 0; */
       flex: 1;
       display: flex;
       flex-direction: column;

src/views/bi/competitor/index.vue

@@ -6,9 +6,7 @@
         :label="item.name"
         :name="item.name"
         lazy>
-        <keep-alive>
-          <component :is="item.component"></component>
-        </keep-alive>
+        <component :is="item.component"></component>
       </el-tab-pane>
     </el-tabs>
   </div>
@@ -18,7 +16,7 @@
 import cmm from './cmm'
 import sycmStore from './sycm_store'
 import sycmPrd from './sycm_prd'
-import { ref } from 'vue'
+
 const list = ref([
   { name: '蝉妈妈', component: shallowRef(cmm) },
   { name: '生意参谋-竞店', component: shallowRef(sycmStore) },
@@ -39,11 +37,14 @@ const activeName = ref(list.value[0].name)
 
       ::v-deep(.el-tabs__content) {
         flex: 1;
+        display: flex;
+        flex-direction: column;
 
         .el-tab-pane {
-          min-height: 100%;
+          flex: 1;
+          display: flex;
+          flex-direction: column;
         }
-
       }
     }
   }