|  |  | 
 |  |  |           <AppHeader/> | 
 |  |  |         </header> | 
 |  |  |         <div style="height:10px;"></div> | 
 |  |  |         <main> | 
 |  |  |         <main ref="containerS"> | 
 |  |  |           <transition name="fade"> | 
 |  |  | <!--            <keep-alive>--> | 
 |  |  |               <router-view></router-view> | 
 |  |  | 
 |  |  | import Header from '@/components/common/Header' | 
 |  |  | import CommonHeader from '@/components/common/CommonHeader' | 
 |  |  | import Menu from '@/components/common/Menu' | 
 |  |  | import Watermark from "@/utils/waterMark"; | 
 |  |  | export default { | 
 |  |  |   name: 'DefaultLayout', | 
 |  |  |   components: { AppHeader: Header, Menu, CommonHeader }, | 
 |  |  |   data() { | 
 |  |  |     return { | 
 |  |  |       isFinishData: false | 
 |  |  |       isFinishData: false, | 
 |  |  |         orgBackground: '' | 
 |  |  |     } | 
 |  |  |   }, | 
 |  |  |   computed: { | 
 |  |  |     ...mapState(['menuData', 'userInfo']) | 
 |  |  |   }, | 
 |  |  |  | 
 |  |  |   methods: { | 
 |  |  |     mounted() { | 
 |  |  |       // 企业端用户设置水印 | 
 |  |  |       if (this.userInfo.type === 1) { | 
 |  |  |           Watermark.set(this.userInfo.company.name, this.$refs.containerS); | 
 |  |  |       } | 
 |  |  |     }, | 
 |  |  |  | 
 |  |  |     methods: { | 
 |  |  |  | 
 |  |  |   }, | 
 |  |  | } | 
 |  |  | 
 |  |  |     } | 
 |  |  |     & > main { | 
 |  |  |       height: 100%; | 
 |  |  |         box-sizing: border-box; | 
 |  |  |       overflow-y: auto; | 
 |  |  |     } | 
 |  |  |   } |