diff options
author | Maksim Zakharov <m.zakharov@IBS.RU> | 2022-07-21 16:08:13 +0300 |
---|---|---|
committer | Maksim Zakharov <m.zakharov@IBS.RU> | 2022-07-21 16:08:13 +0300 |
commit | 84ee6ea0c4ff5ff69e6aaeac2f587e491d9b3eb7 (patch) | |
tree | f5942fd4460f7e5d979d3e3cfb2de09f514bc76a /src/views | |
parent | 0b19a9b45a6471a44c03054c0fea1e046ee53d99 (diff) | |
download | webui-vue-84ee6ea0c4ff5ff69e6aaeac2f587e491d9b3eb7.tar.xz |
create accessoryTable(no styles for XS size, start to create collapse component)
Diffstat (limited to 'src/views')
-rw-r--r-- | src/views/_sila/Fans/Static/FansStaticPage.vue | 1 | ||||
-rw-r--r-- | src/views/_sila/Processors/Dynamic/ProcessorsDynamicPage.vue | 28 |
2 files changed, 26 insertions, 3 deletions
diff --git a/src/views/_sila/Fans/Static/FansStaticPage.vue b/src/views/_sila/Fans/Static/FansStaticPage.vue index 311ea8fe..3ce9079e 100644 --- a/src/views/_sila/Fans/Static/FansStaticPage.vue +++ b/src/views/_sila/Fans/Static/FansStaticPage.vue @@ -5,6 +5,7 @@ <b-table responsive="md" show-empty + hover :items="fans" :busy="isBusy" :fields="fields" diff --git a/src/views/_sila/Processors/Dynamic/ProcessorsDynamicPage.vue b/src/views/_sila/Processors/Dynamic/ProcessorsDynamicPage.vue index ac510875..29ec1997 100644 --- a/src/views/_sila/Processors/Dynamic/ProcessorsDynamicPage.vue +++ b/src/views/_sila/Processors/Dynamic/ProcessorsDynamicPage.vue @@ -1,21 +1,43 @@ <template> <b-container fluid="xl"> <page-title :description="$t('appPageTitle.dynamicInformation')" /> - - <chart :data="filteredSensors"></chart> + <collapse id="collapse_1"> + <chart :data="filteredSensors"></chart> + <page-section small-section-title="Заголовок таблицы"> + <b-table + responsive="md" + show-empty + table-variant="accessory" + hover + :items="items" + :fields="fields" + :empty-text="$t('global.table.emptyMessage')" + > + <template #cell(name)="{ value, index }"> + <div + class="item-color" + :style="`background-color: ${colors[index]}`" + ></div> + {{ value }} + </template> + </b-table> + </page-section> + </collapse> </b-container> </template> <script> import PageTitle from '@/components/_sila/Global/PageTitle'; import Chart from '@/components/_sila/Global/Chart'; +import PageSection from '@/components/Global/PageSection'; import DataFormatterMixin from '@/components/_sila/Mixins/DataFormatterMixin'; import LoadingBarMixin from '@/components/_sila/Mixins/LoadingBarMixin'; import TableFilterMixin from '@/components/_sila/Mixins/TableFilterMixin'; +import Collapse from '@/components/_sila/Global/Collapse'; export default { - components: { PageTitle, Chart }, + components: { PageTitle, Collapse, PageSection, Chart }, mixins: [DataFormatterMixin, LoadingBarMixin, TableFilterMixin], data() { return { |