|  |  | 
 |  |  |         </header> | 
 |  |  |         <main ref="containerS"> | 
 |  |  |           <transition name="fade"> | 
 |  |  | <!--            <keep-alive>--> | 
 |  |  |              <keep-alive :include="cachedViews"> | 
 |  |  |               <router-view></router-view> | 
 |  |  | <!--            </keep-alive>--> | 
 |  |  |              </keep-alive> | 
 |  |  |           </transition> | 
 |  |  |         </main> | 
 |  |  |       </el-main> | 
 |  |  |     </el-container> | 
 |  |  |  | 
 |  |  |   </div> | 
 |  |  | </template> | 
 |  |  |  | 
 |  |  | 
 |  |  |   components: { AppHeader: Header, Menu, CommonHeader }, | 
 |  |  |   data() { | 
 |  |  |     return { | 
 |  |  |       cachedViews:['abccdd'], | 
 |  |  |       isFinishData: false, | 
 |  |  |       orgBackground: '' | 
 |  |  |     } | 
 |  |  | 
 |  |  |   mounted() { | 
 |  |  |  | 
 |  |  |   }, | 
 |  |  |  | 
 |  |  |     methods: { | 
 |  |  |  | 
 |  |  |   methods: { | 
 |  |  |   }, | 
 |  |  | } | 
 |  |  | </script> | 
 |  |  | 
 |  |  |   background: #F7F8F9; | 
 |  |  |   height: 100%; | 
 |  |  |   display: flex; | 
 |  |  |   // overflow: hidden; | 
 |  |  |   overflow: scroll; | 
 |  |  |    overflow: hidden; | 
 |  |  |   //overflow: scroll; | 
 |  |  |   // 左边菜单 | 
 |  |  |   .el-aside { | 
 |  |  |     width: $menu-width !important; | 
 |  |  |     flex-shrink: 0; | 
 |  |  |     // height: 100%; | 
 |  |  |     // height: 900px; | 
 |  |  |     height: calc(100vh - 80px); | 
 |  |  |     height: calc(100vh - 60px); | 
 |  |  |     overflow-y: scroll; | 
 |  |  |     overflow-x: hidden; | 
 |  |  |     background: #fff; | 
 |  |  | 
 |  |  |     width: 100%; | 
 |  |  |      //height: 100%; | 
 |  |  |     overflow: hidden; | 
 |  |  |     height: calc(100vh - 94px); | 
 |  |  |     height: calc(100vh - 60px); | 
 |  |  |     padding: 0; | 
 |  |  |     position: relative; | 
 |  |  |     display: flex; |