| 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> | 
 |