1 files changed, 147 insertions, 0 deletions
diff --git a/src/views/Fans/StaticInformation/FansStaticPage.vue b/src/views/Fans/StaticInformation/FansStaticPage.vue
new file mode 100644
index 00000000..45bd1914
--- /dev/null
+++ b/src/views/Fans/StaticInformation/FansStaticPage.vue
@@ -0,0 +1,147 @@
+<template>
+  <b-container
+    :style="{ display: 'flex', 'flex-direction': 'column' }"
+    fluid="xxl pt-0 m-0"
+  >
+    <page-title />
+    <span class="bold-16px">{{ $t('tablesDescription.installedFans') }}</span>
+    <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(status)="{ value }">
+          <div v-if="value" class="fans-table-col-first__cell">
+            <img
+              class="status__img"
+              src="@/assets/images/fans-page/working.svg"
+            />
+            <span>
+              {{ $t('fansPage.inWork') }}
+            </span>
+          </div>
+          <div v-else class="fans-table-col-first__cell">
+            <img
+              class="status__img"
+              src="@/assets/images/fans-page/notWorking.svg"
+            />
+            <span>
+              {{ $t('fansPage.notWorking') }}
+            </span>
+          </div>
+        </template>
+      </b-table>
+    </page-section>
+  </b-container>
+</template>
+
+<script>
+import PageTitle from '@/components/Global/PageTitle';
+import PageSection from '@/components/Global/PageSection';
+
+export default {
+  components: { PageTitle, PageSection },
+  data() {
+    return {
+      isBusy: true,
+      isAddersСolon: false,
+      fields: [
+        {
+          key: 'status',
+          label: 'Статус',
+          formatter: this.dataFormatter,
+          thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg',
+          class: `bootstrap-rounded-table__column-first
+            fans-table-col-first`,
+          tdClass: 'regular-12px bootstrap-rounded-table__td',
+        },
+        {
+          key: 'name',
+          label: 'Имя',
+          formatter: this.dataFormatter,
+          thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg',
+          class: `bootstrap-rounded-table__column-center
+            fans-table-col-second`,
+          tdClass: 'regular-12px bootstrap-rounded-table__td',
+        },
+        {
+          key: 'type',
+          label: 'Тип',
+          formatter: this.dataFormatter,
+          thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg',
+          class: `bootstrap-rounded-table__column-center
+            fans-table-col-third`,
+          tdClass: 'regular-12px bootstrap-rounded-table__td',
+        },
+        {
+          key: 'value',
+          label: 'Номинальная скорость, об/мин',
+          formatter: this.dataFormatter,
+          thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg',
+          class: `bootstrap-rounded-table__column-last 
+            fans-table-col-third`,
+          tdClass: 'regular-12px bootstrap-rounded-table__td',
+        },
+      ],
+      items: [
+        {
+          status: true,
+          name: 'Венититор 1',
+          type: 'Системная плата',
+          value: '2100',
+        },
+        {
+          status: true,
+          name: 'Венититор 2',
+          type: 'Системная плата',
+          value: '2300',
+        },
+        {
+          status: false,
+          name: 'Венититор 3',
+          type: 'Системная плата',
+          value: '2400',
+        },
+      ],
+    };
+  },
+};
+</script>
+<style lang="scss">
+.fans-table-col-first {
+  width: 25%;
+}
+
+.fans-table-col-second {
+  width: 25%;
+}
+
+.fans-table-col-third {
+  width: 25%;
+}
+</style>
+
+<style lang="scss" scoped>
+.row {
+  margin: 0px;
+}
+
+.fans-table-col-first__cell {
+  display: flex;
+  flex-flow: row nowrap;
+  align-items: center;
+  justify-content: flex-start;
+}
+
+.status__img {
+  margin-right: 7px;
+}
+
+.bold-16px {
+  margin: 24px 0 0 2rem;
+}
+</style>