Showing
1 changed file
with
55 additions
and
7 deletions
... | ... | @@ -2,29 +2,75 @@ |
2 | 2 | <div class="platform flex"> |
3 | 3 | <Card class="tab-card" :bordered="false"> |
4 | 4 | <Tabs v-model:activeKey="activeKey" tab-position="left"> |
5 | - <Tabs.TabPane key="企业信息" tab="企业信息" /> | |
6 | - <Tabs.TabPane key="平台信息" tab="平台信息" /> | |
7 | - <Tabs.TabPane key="APP信息" tab="APP信息" /> | |
5 | + <Tabs.TabPane | |
6 | + v-if=" | |
7 | + isWhereAdmin == 'TENANT_ADMIN' || | |
8 | + (isWhereAdmin == 'SYS_ADMIN' && isWhereAdmin !== 'CUSTOMER_USER') | |
9 | + " | |
10 | + key="企业信息" | |
11 | + tab="企业信息" | |
12 | + /> | |
13 | + <Tabs.TabPane | |
14 | + v-if="isWhereAdmin !== 'CUSTOMER_USER' && isWhereAdmin !== 'TENANT_ADMIN'" | |
15 | + key="平台信息" | |
16 | + tab="平台信息" | |
17 | + /> | |
18 | + <Tabs.TabPane | |
19 | + v-if="isWhereAdmin !== 'CUSTOMER_USER' && isWhereAdmin !== 'TENANT_ADMIN'" | |
20 | + key="APP信息" | |
21 | + tab="APP信息" | |
22 | + /> | |
8 | 23 | </Tabs> |
9 | 24 | </Card> |
10 | 25 | |
11 | 26 | <div style="width: 100%"> |
12 | 27 | <Card class="card" :title="activeKey" :bordered="false" :bodyStyle="{ display: 'none' }" /> |
13 | - <EnterpriseInfo v-if="activeKey === '企业信息'" /> | |
14 | - <CVIDraw v-else-if="activeKey === '平台信息'" /> | |
15 | - <AppDraw v-else /> | |
28 | + <EnterpriseInfo | |
29 | + v-if=" | |
30 | + (activeKey === '企业信息' && isWhereAdmin == 'SYS_ADMIN') || | |
31 | + (isWhereAdmin == 'TENANT_ADMIN' && isWhereAdmin !== 'CUSTOMER_USER') | |
32 | + " | |
33 | + /> | |
34 | + <CVIDraw | |
35 | + v-if=" | |
36 | + activeKey === '平台信息' && | |
37 | + isWhereAdmin == 'SYS_ADMIN' && | |
38 | + isWhereAdmin !== 'CUSTOMER_USER' && | |
39 | + isWhereAdmin !== 'TENANT_ADMIN' | |
40 | + " | |
41 | + /> | |
42 | + <AppDraw | |
43 | + v-if=" | |
44 | + activeKey === 'APP信息' && | |
45 | + isWhereAdmin == 'SYS_ADMIN' && | |
46 | + isWhereAdmin !== 'CUSTOMER_USER' && | |
47 | + isWhereAdmin !== 'TENANT_ADMIN' | |
48 | + " | |
49 | + /> | |
16 | 50 | </div> |
17 | 51 | </div> |
18 | 52 | </template> |
19 | 53 | |
20 | 54 | <script lang="ts" setup> |
21 | 55 | import { Tabs, Card } from 'ant-design-vue'; |
22 | - import { ref } from 'vue'; | |
56 | + import { ref, computed } from 'vue'; | |
23 | 57 | import EnterpriseInfo from './cpns/EnterpriseInfo.vue'; |
24 | 58 | import CVIDraw from './cpns/CVIDraw.vue'; |
25 | 59 | import AppDraw from './cpns/AppDraw.vue'; |
60 | + import { USER_INFO_KEY } from '/@/enums/cacheEnum'; | |
61 | + import { getAuthCache } from '/@/utils/auth'; | |
26 | 62 | |
27 | 63 | const activeKey = ref('企业信息'); |
64 | + const userInfo: any = getAuthCache(USER_INFO_KEY); | |
65 | + const isWhereAdmin: any = computed(() => { | |
66 | + if (userInfo.roles.includes('TENANT_ADMIN')) { | |
67 | + return 'TENANT_ADMIN'; | |
68 | + } else if (userInfo.roles.includes('CUSTOMER_USER')) { | |
69 | + return 'CUSTOMER_USER'; | |
70 | + } else { | |
71 | + return 'SYS_ADMIN'; | |
72 | + } | |
73 | + }); | |
28 | 74 | </script> |
29 | 75 | |
30 | 76 | <style lang="less" scoped> |
... | ... | @@ -37,9 +83,11 @@ |
37 | 83 | padding-left: 10px; |
38 | 84 | background-color: #fff; |
39 | 85 | } |
86 | + | |
40 | 87 | .tab-card { |
41 | 88 | margin: 1rem 0 1rem 1rem; |
42 | 89 | } |
90 | + | |
43 | 91 | .card { |
44 | 92 | margin: 1rem; |
45 | 93 | } | ... | ... |