1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
  | <template> 
 |    <div v-if="containRoles(roles) && containPermissions(permissions)"> 
 |      <slot></slot> 
 |    </div> 
 |    <div v-else class="not-allow-wrap"> 
 |      <slot name="not-allow"><NotAllow/></slot> 
 |    </div> 
 |  </template> 
 |    
 |  <script> 
 |  import BasePage from '@/components/base/BasePage' 
 |  import NotAllow from './NotAllow' 
 |  export default { 
 |    name: 'Profile', 
 |    components: { NotAllow }, 
 |    extends: BasePage, 
 |    props: { 
 |      permissions: { 
 |        type: Array 
 |      }, 
 |      roles: { 
 |        type: Array 
 |      } 
 |    } 
 |  } 
 |  </script> 
 |    
 |  <style scoped lang="scss"> 
 |  .not-allow-wrap { 
 |    height: 100%; 
 |    padding: 10px 16px; 
 |    box-sizing: border-box; 
 |  } 
 |  </style> 
 |  
  |