1 files changed, 97 insertions, 0 deletions
diff --git a/src/views/Motherboard/Specification/MotherboardSpecificationPage.vue b/src/views/Motherboard/Specification/MotherboardSpecificationPage.vue
new file mode 100644
index 00000000..2146663d
--- /dev/null
+++ b/src/views/Motherboard/Specification/MotherboardSpecificationPage.vue
@@ -0,0 +1,97 @@
+<template>
+  <b-container
+    :style="{ display: 'flex', 'flex-direction': 'column' }"
+    fluid="xxl pt-0 m-0"
+  >
+    <page-title />
+    <div class="main-container">
+      <page-section class="bootstrap-table__section">
+        <span class="bold-16px">{{ $t('global.table.info') }}</span>
+        <b-table
+          responsive="md"
+          show-empty
+          class="bootstrap-rounded-table"
+          :items="items"
+          :fields="fields"
+          :empty-text="$t('global.table.emptyMessage')"
+        >
+        </b-table>
+        <span class="bold-16px">{{
+          $t('appNavigation.motherboardParam')
+        }}</span>
+        <popover
+          id="popover-reactive-1"
+          description="SystemDescription.onBootRom"
+          popup="SystemDescription.onBootRom_popup"
+          button="global.action.refresh"
+        />
+        <popover
+          id="popover-reactive-2"
+          description="SystemDescription.offBootRom"
+          popup="SystemDescription.offBootRom_popup"
+          button="global.action.refresh"
+        />
+      </page-section>
+    </div>
+  </b-container>
+</template>
+
+<script>
+import PageTitle from '@/components/Global/PageTitle';
+import PageSection from '@/components/Global/PageSection';
+
+import Popover from '@/components/Global/Popover';
+
+export default {
+  components: { PageTitle, PageSection, Popover },
+  data() {
+    return {
+      fields: [
+        {
+          key: 'parametr',
+          label: 'Параметр',
+          formatter: this.dataFormatter,
+          thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg',
+          class: 'bootstrap-rounded-table__column-first',
+          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',
+          tdClass: 'regular-12px bootstrap-rounded-table__td',
+        },
+      ],
+      items: [
+        {
+          parametr: 'Модель',
+          value: 'R2132',
+        },
+        {
+          parametr: 'Производитель',
+          value: 'Asus',
+        },
+        {
+          parametr: 'Версия',
+          value: '4.2',
+        },
+        {
+          parametr: 'Серийный номер',
+          value: '231232132133',
+        },
+        {
+          parametr: 'Версия BIOS',
+          value: '2',
+        },
+      ],
+    };
+  },
+};
+</script>
+<style lang="scss" scoped>
+.bootstrap-rounded-table {
+  margin: 16px 0;
+}
+</style>