diff options
Diffstat (limited to 'src/views/SILA/RAID/Specification/RAIDSpecificationPage.vue')
-rw-r--r-- | src/views/SILA/RAID/Specification/RAIDSpecificationPage.vue | 127 |
1 files changed, 61 insertions, 66 deletions
diff --git a/src/views/SILA/RAID/Specification/RAIDSpecificationPage.vue b/src/views/SILA/RAID/Specification/RAIDSpecificationPage.vue index 057c120b..44eba030 100644 --- a/src/views/SILA/RAID/Specification/RAIDSpecificationPage.vue +++ b/src/views/SILA/RAID/Specification/RAIDSpecificationPage.vue @@ -4,23 +4,69 @@ fluid="xxl pt-0 m-0" > <page-title /> - <div class="main-container"> - <data-tabs - :slots="raidSlots" - :switch-tab="switchRaidSlot" - :current-tab="currentRaidSlot" - :slot-width="100" - :slider-width="79" - style="margin-top: 16px" - /> + <data-tabs + :slots="raidSlots" + :switch-tab="switchRaidSlot" + :current-tab="currentRaidSlot" + :slot-width="100" + :slider-width="79" + style="margin-top: 16px" + /> + <page-section class="bootstrap-table__section"> + <b-table + responsive="md" + show-empty + class="bootstrap-rounded-table" + :items="items" + :fields="fields" + :empty-text="$t('global.table.emptyMessage')" + > + <template #cell(value)="{ index, value }"> + <b-row v-if="index === 0"> + <b-col> + <img src="@/assets/images/status/on.svg" class="icon-chevron" /> + <span> + {{ 'Работоспособен' }} + </span> + </b-col> + </b-row> + <b-row v-else-if="index === 7"> + <b-col> + <span class="regular-12px pointer" @click="redirectDrivers"> + {{ value }} + </span> + </b-col> + </b-row> + <b-row v-else-if="index === 8"> + <b-col> + <span class="regular-12px pointer" @click="redirectVirtual"> + {{ value }} + </span> + </b-col> + </b-row> + <b-row v-else> + <b-col> + <span>{{ value }}</span> + </b-col> + </b-row> + </template> + </b-table> + </page-section> + <b-button + v-b-toggle.toggle-collapse + variant="link" + class="collapse-button semi-bold-16px" + > + <component :is="iconChevronUp" class="icon-expand-right" /> + {{ $t('RAID.extraParam') }} + </b-button> + <b-collapse id="toggle-collapse" class="nav-item__nav"> <page-section class="bootstrap-table__section"> <b-table responsive="md" - show-empty - class="bootstrap-rounded-table" - :items="items" - :fields="fields" - :empty-text="$t('global.table.emptyMessage')" + class="bootstrap-table bootstrap-table__stripes" + :items="items_2" + :fields="fields_2" > <template #cell(value)="{ index, value }"> <b-row v-if="index === 0"> @@ -31,20 +77,6 @@ </span> </b-col> </b-row> - <b-row v-else-if="index === 7"> - <b-col> - <span class="regular-12px pointer" @click="redirectDrivers"> - {{ value }} - </span> - </b-col> - </b-row> - <b-row v-else-if="index === 8"> - <b-col> - <span class="regular-12px pointer" @click="redirectVirtual"> - {{ value }} - </span> - </b-col> - </b-row> <b-row v-else> <b-col> <span>{{ value }}</span> @@ -53,44 +85,7 @@ </template> </b-table> </page-section> - <b-button - v-b-toggle.toggle-collapse - variant="link" - class="collapse-button semi-bold-16px" - > - <component :is="iconChevronUp" class="icon-expand-right" /> - {{ $t('RAID.extraParam') }} - </b-button> - <b-collapse id="toggle-collapse" class="nav-item__nav"> - <page-section class="bootstrap-table__section"> - <b-table - responsive="md" - class="bootstrap-table bootstrap-table__stripes" - :items="items_2" - :fields="fields_2" - > - <template #cell(value)="{ index, value }"> - <b-row v-if="index === 0"> - <b-col> - <img - src="@/assets/images/status/on.svg" - class="icon-chevron" - /> - <span> - {{ 'Работоспособен' }} - </span> - </b-col> - </b-row> - <b-row v-else> - <b-col> - <span>{{ value }}</span> - </b-col> - </b-row> - </template> - </b-table> - </page-section> - </b-collapse> - </div> + </b-collapse> </b-container> </template> |