|
17 | 17 |
|
18 | 18 | <template> |
19 | 19 | <a-spin :spinning="componentLoading"> |
20 | | - <a-button |
21 | | - :disabled="!('createGuestNetworkIpv6Prefix' in $store.getters.apis)" |
22 | | - type="dashed" |
23 | | - style="margin-bottom: 20px; width: 100%" |
24 | | - @click="handleOpenAddIpv6PrefixForm()"> |
25 | | - <template #icon><plus-outlined /></template> |
26 | | - {{ $t('label.add.ip.v6.prefix') }} |
27 | | - </a-button> |
28 | | - <a-table |
29 | | - style="overflow-y: auto" |
30 | | - size="small" |
31 | | - :columns="ipv6Columns" |
32 | | - :dataSource="ipv6Prefixes" |
33 | | - :rowKey="record => record.id + record.prefix" |
34 | | - :pagination="false" |
35 | | - > |
36 | | - <template #bodyCell="{ column, record }"> |
37 | | - <template v-if="column.key === 'allocated'"> |
38 | | - {{ record.usedsubnets + '/' + record.totalsubnets }} |
39 | | - </template> |
40 | | - <template v-if="column.key === 'actions'"> |
41 | | - <div class="actions"> |
42 | | - <tooltip-button |
43 | | - tooltipPlacement="bottom" |
44 | | - :tooltip="$t('label.delete.ip.v6.prefix')" |
45 | | - type="primary" |
46 | | - icon="delete-outlined" |
47 | | - :danger="true" |
48 | | - @click="handleDeleteIpv6Prefix(record)" |
49 | | - :disabled="!('deleteGuestNetworkIpv6Prefix' in $store.getters.apis)" /> |
50 | | - </div> |
51 | | - </template> |
52 | | - </template> |
53 | | - </a-table> |
54 | | - <br> |
55 | | - <br> |
56 | | - |
57 | 20 | <a-button |
58 | 21 | :disabled="!('createNetwork' in $store.getters.apis)" |
59 | 22 | type="dashed" |
|
97 | 60 | </template> |
98 | 61 | </a-pagination> |
99 | 62 |
|
| 63 | + <br> |
| 64 | + <br> |
| 65 | + |
| 66 | + <a-button |
| 67 | + :disabled="!('createGuestNetworkIpv6Prefix' in $store.getters.apis)" |
| 68 | + type="dashed" |
| 69 | + style="margin-bottom: 20px; width: 100%" |
| 70 | + @click="handleOpenAddIpv6PrefixForm()"> |
| 71 | + <template #icon><plus-outlined /></template> |
| 72 | + {{ $t('label.add.ip.v6.prefix') }} |
| 73 | + </a-button> |
| 74 | + <a-table |
| 75 | + style="overflow-y: auto" |
| 76 | + size="small" |
| 77 | + :columns="ipv6Columns" |
| 78 | + :dataSource="ipv6Prefixes" |
| 79 | + :rowKey="record => record.id + record.prefix" |
| 80 | + :pagination="false" |
| 81 | + > |
| 82 | + <template #bodyCell="{ column, record }"> |
| 83 | + <template v-if="column.key === 'allocated'"> |
| 84 | + {{ record.usedsubnets + '/' + record.totalsubnets }} |
| 85 | + </template> |
| 86 | + <template v-if="column.key === 'actions'"> |
| 87 | + <div class="actions"> |
| 88 | + <tooltip-button |
| 89 | + tooltipPlacement="bottom" |
| 90 | + :tooltip="$t('label.delete.ip.v6.prefix')" |
| 91 | + type="primary" |
| 92 | + icon="delete-outlined" |
| 93 | + :danger="true" |
| 94 | + @click="handleDeleteIpv6Prefix(record)" |
| 95 | + :disabled="!('deleteGuestNetworkIpv6Prefix' in $store.getters.apis)" /> |
| 96 | + </div> |
| 97 | + </template> |
| 98 | + </template> |
| 99 | + </a-table> |
| 100 | + |
100 | 101 | <a-modal |
101 | 102 | v-if="showCreateForm" |
102 | 103 | :visible="showCreateForm" |
|
0 commit comments