| 对比新文件 | 
|  |  |  | 
|---|
|  |  |  | <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> | 
|---|