summaryrefslogtreecommitdiff
path: root/src/views/SILA/RAID/Specification/RAIDSpecificationPage.vue
diff options
context:
space:
mode:
Diffstat (limited to 'src/views/SILA/RAID/Specification/RAIDSpecificationPage.vue')
-rw-r--r--src/views/SILA/RAID/Specification/RAIDSpecificationPage.vue127
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>