Add depend: highcarts. Pages: power, analytical motherboard, memory, fans, event logs, Fix styles, add global components.

1 files changed, 44 insertions, 0 deletions

diff --git a/src/views/Processors/Specification/ProcessorsSpecificationPage.vue b/src/views/Processors/Specification/ProcessorsSpecificationPage.vue
new file mode 100644
index 000000000..3f9525ae1
--- /dev/null
+++ b/src/views/Processors/Specification/ProcessorsSpecificationPage.vue
@@ -0,0 +1,44 @@
+<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('pageInventory.installedProcessors')
+        }}</span>
+        <!-- Processors Specification Table -->
+        <processors-specification-table />
+        <span class="bold-16px">{{
+          $t('pageInventory.installedAccelerator')
+        }}</span>
+        <!-- Accelerators Specification Table -->
+        <accelerator-specification-table />
+      </page-section>
+    </div>
+  </b-container>
+</template>
+
+<script>
+import PageTitle from '@/components/Global/PageTitle';
+import PageSection from '@/components/Global/PageSection';
+
+import ProcessorsSpecificationTable from './ProcessorsSpecificationTable';
+import AcceleratorSpecificationTable from './AcceleratorSpecificationTable';
+export default {
+  components: {
+    PageTitle,
+    PageSection,
+    ProcessorsSpecificationTable,
+    AcceleratorSpecificationTable,
+  },
+};
+</script>
+<style lang="scss" scoped>
+.bold-16px {
+  display: block;
+  margin: 25px 0 16px 0;
+}
+</style>