asb_cloud_front/src/pages/Smbo.jsx

import SmboPlate, {SquareIndicator} from '../components/SmboPlate'
import '../styles/smbo.css'
import EquipmentDetails from '../components/modalWindows/EquipmentDetails'
import ActiveMessagesOnline from "../components/ActiveMessagesOnline"

const platesData = [
  {
    id: 1,
    title: 'Теплогенератор',
    placeHolderId: 1,
    state: 1,
    equipmentTimers: [
      {label: 'Полная наработка', value: 1, unit: 'ч'},
      {label: 'Наработка после ТО1', value: 1, unit: 'ч'},
      {label: 'Наработка после ТО1', value: 1, unit: 'ч'},
      {label: 'Наработка вне р/р', value: 1, unit: 'ч'},
      {label: 'Периодичность ТО1', value: 1, unit: 'ч'},
      {label: 'Периодичность ТО2', value: 1, unit: 'ч'},
    ],
    equipmentSensors: [
      {label: 'Скорость вращения', value: 1, unit: 'Об/мин'},
      {label: 'Крутящий момент', value: 1, unit: 'кН*м'},
      {label: 'Общий уровень вибрации', value: 1, unit: 'мм/с'},
      {label: 'Уровень масла в баке', value: 1, unit: 'м'},
      {label: 'Т верхнего подшипника', value: 1, unit: '°C'},
      {label: 'Т нижнего подшипника', value: 1, unit: '°C'},
      {label: 'Состояние ПЧ1', value: 1, unit: ''},
      {label: 'Состояние ПЧ2', value: 1, unit: ''},
    ],
    captionValue: 'У-У-У-у-у-у',
    custom: 'Я не понял про это',
    className: 'c1 r1'
  },
  {
    id: 2,
    title: 'Емкости бурового раствора',
    placeHolderId: 2,
    state: 1,
    equipmentTimers: [
      {label: 'Полная наработка', value: 1, unit: 'ч'},
      {label: 'Наработка после ТО1', value: 1, unit: 'ч'},
      {label: 'Наработка после ТО1', value: 1, unit: 'ч'},
      {label: 'Наработка вне р/р', value: 1, unit: 'ч'},
      {label: 'Периодичность ТО1', value: 1, unit: 'ч'},
      {label: 'Периодичность ТО2', value: 1, unit: 'ч'},
    ],
    equipmentSensors: [
      {label: 'Скорость вращения', value: 1, unit: 'Об/мин'},
      {label: 'Крутящий момент', value: 1, unit: 'кН*м'},
      {label: 'Общий уровень вибрации', value: 1, unit: 'мм/с'},
      {label: 'Уровень масла в баке', value: 1, unit: 'м'},
      {label: 'Т верхнего подшипника', value: 1, unit: '°C'},
      {label: 'Т нижнего подшипника', value: 1, unit: '°C'},
      {label: 'Состояние ПЧ1', value: 1, unit: ''},
      {label: 'Состояние ПЧ2', value: 1, unit: ''},
    ],
    captionValue: 'У-У-У-у-у-у',
    custom: 'Я не понял про это',
    className: 'c2 r1'
  },
  {
    id: 3,
    title: 'Подпорные насосы',
    placeHolderId: 3,
    state: 2,
    equipmentTimers: [
      {label: 'Полная наработка', value: 1, unit: 'ч'},
      {label: 'Наработка после ТО1', value: 1, unit: 'ч'},
      {label: 'Наработка после ТО1', value: 1, unit: 'ч'},
      {label: 'Наработка вне р/р', value: 1, unit: 'ч'},
      {label: 'Периодичность ТО1', value: 1, unit: 'ч'},
      {label: 'Периодичность ТО2', value: 1, unit: 'ч'},
    ],
    equipmentSensors: [
      {label: 'Скорость вращения', value: 1, unit: 'Об/мин'},
      {label: 'Крутящий момент', value: 1, unit: 'кН*м'},
      {label: 'Общий уровень вибрации', value: 1, unit: 'мм/с'},
      {label: 'Уровень масла в баке', value: 1, unit: 'м'},
      {label: 'Т верхнего подшипника', value: 1, unit: '°C'},
      {label: 'Т нижнего подшипника', value: 1, unit: '°C'},
      {label: 'Состояние ПЧ1', value: 1, unit: ''},
      {label: 'Состояние ПЧ2', value: 1, unit: ''},
    ],
    captionValue: 'У-У-У-у-у-у',
    custom: 'Я не понял про это',
    className: 'c3 r1'
  },
  {
    id: 4,
    title: 'Буровой насос №1',
    placeHolderId: 4,
    state: 1,
    equipmentTimers: [
      {label: 'Полная наработка', value: 1, unit: 'ч'},
      {label: 'Наработка после ТО1', value: 1, unit: 'ч'},
      {label: 'Наработка после ТО1', value: 1, unit: 'ч'},
      {label: 'Наработка вне р/р', value: 1, unit: 'ч'},
      {label: 'Периодичность ТО1', value: 1, unit: 'ч'},
      {label: 'Периодичность ТО2', value: 1, unit: 'ч'},
    ],
    equipmentSensors: [
      {label: 'Скорость вращения', value: 1, unit: 'Об/мин'},
      {label: 'Крутящий момент', value: 1, unit: 'кН*м'},
      {label: 'Общий уровень вибрации', value: 1, unit: 'мм/с'},
      {label: 'Уровень масла в баке', value: 1, unit: 'м'},
      {label: 'Т верхнего подшипника', value: 1, unit: '°C'},
      {label: 'Т нижнего подшипника', value: 1, unit: '°C'},
      {label: 'Состояние ПЧ1', value: 1, unit: ''},
      {label: 'Состояние ПЧ2', value: 1, unit: ''},
    ],
    captionValue: 'У-У-У-у-у-у',
    custom: 'Я не понял про это',
    className: 'c4 r1'
  },
  {
    id: 5,
    title: 'Буровой насос №2',
    placeHolderId: 5,
    state: 0,
    equipmentTimers: [
      {label: 'Полная наработка', value: 1, unit: 'ч'},
      {label: 'Наработка после ТО1', value: 1, unit: 'ч'},
      {label: 'Наработка после ТО1', value: 1, unit: 'ч'},
      {label: 'Наработка вне р/р', value: 1, unit: 'ч'},
      {label: 'Периодичность ТО1', value: 1, unit: 'ч'},
      {label: 'Периодичность ТО2', value: 1, unit: 'ч'},
    ],
    equipmentSensors: [
      {label: 'Скорость вращения', value: 1, unit: 'Об/мин'},
      {label: 'Крутящий момент', value: 1, unit: 'кН*м'},
      {label: 'Общий уровень вибрации', value: 1, unit: 'мм/с'},
      {label: 'Уровень масла в баке', value: 1, unit: 'м'},
      {label: 'Т верхнего подшипника', value: 1, unit: '°C'},
      {label: 'Т нижнего подшипника', value: 1, unit: '°C'},
      {label: 'Состояние ПЧ1', value: 1, unit: ''},
      {label: 'Состояние ПЧ2', value: 1, unit: ''},
    ],
    captionValue: 'У-У-У-у-у-у',
    custom: 'Я не понял про это',
    className: 'c5 r1'
  },
  {
    id: 6,
    title: 'Талевый канат',
    placeHolderId: 6,
    state: 2,
    equipmentTimers: [
      {label: 'Полная наработка', value: 1, unit: 'ч'},
      {label: 'Наработка после ТО1', value: 1, unit: 'ч'},
      {label: 'Наработка после ТО1', value: 1, unit: 'ч'},
      {label: 'Наработка вне р/р', value: 1, unit: 'ч'},
      {label: 'Периодичность ТО1', value: 1, unit: 'ч'},
      {label: 'Периодичность ТО2', value: 1, unit: 'ч'},
    ],
    equipmentSensors: [
      {label: 'Скорость вращения', value: 1, unit: 'Об/мин'},
      {label: 'Крутящий момент', value: 1, unit: 'кН*м'},
      {label: 'Общий уровень вибрации', value: 1, unit: 'мм/с'},
      {label: 'Уровень масла в баке', value: 1, unit: 'м'},
      {label: 'Т верхнего подшипника', value: 1, unit: '°C'},
      {label: 'Т нижнего подшипника', value: 1, unit: '°C'},
      {label: 'Состояние ПЧ1', value: 1, unit: ''},
      {label: 'Состояние ПЧ2', value: 1, unit: ''},
    ],
    captionValue: 'У-У-У-у-у-у',
    custom: 'Я не понял про это',
    className: 'c6 r1'
  },
  {
    id: 7,
    title: 'Станция управления ВСП',
    placeHolderId: 7,
    state: 3,
    equipmentTimers: [
      {label: 'Полная наработка', value: 1, unit: 'ч'},
      {label: 'Наработка после ТО1', value: 1, unit: 'ч'},
      {label: 'Наработка после ТО1', value: 1, unit: 'ч'},
      {label: 'Наработка вне р/р', value: 1, unit: 'ч'},
      {label: 'Периодичность ТО1', value: 1, unit: 'ч'},
      {label: 'Периодичность ТО2', value: 1, unit: 'ч'},
    ],
    equipmentSensors: [
      {label: 'Скорость вращения', value: 1, unit: 'Об/мин'},
      {label: 'Крутящий момент', value: 1, unit: 'кН*м'},
      {label: 'Общий уровень вибрации', value: 1, unit: 'мм/с'},
      {label: 'Уровень масла в баке', value: 1, unit: 'м'},
      {label: 'Т верхнего подшипника', value: 1, unit: '°C'},
      {label: 'Т нижнего подшипника', value: 1, unit: '°C'},
      {label: 'Состояние ПЧ1', value: 1, unit: ''},
      {label: 'Состояние ПЧ2', value: 1, unit: ''},
    ],
    captionValue: 'У-У-У-у-у-у',
    custom: 'Я не понял про это',
    className: 'c1 r2'
  },
  {
    id: 8,
    title: 'Компрессорный блок',
    placeHolderId: 8,
    state: 3,
    equipmentTimers: [
      {label: 'Полная наработка', value: 1, unit: 'ч'},
      {label: 'Наработка после ТО1', value: 1, unit: 'ч'},
      {label: 'Наработка после ТО1', value: 1, unit: 'ч'},
      {label: 'Наработка вне р/р', value: 1, unit: 'ч'},
      {label: 'Периодичность ТО1', value: 1, unit: 'ч'},
      {label: 'Периодичность ТО2', value: 1, unit: 'ч'},
    ],
    equipmentSensors: [
      {label: 'Скорость вращения', value: 1, unit: 'Об/мин'},
      {label: 'Крутящий момент', value: 1, unit: 'кН*м'},
      {label: 'Общий уровень вибрации', value: 1, unit: 'мм/с'},
      {label: 'Уровень масла в баке', value: 1, unit: 'м'},
      {label: 'Т верхнего подшипника', value: 1, unit: '°C'},
      {label: 'Т нижнего подшипника', value: 1, unit: '°C'},
      {label: 'Состояние ПЧ1', value: 1, unit: ''},
      {label: 'Состояние ПЧ2', value: 1, unit: ''},
    ],
    captionValue: 'У-У-У-у-у-у',
    custom: 'Я не понял про это',
    className: 'c6 r2'
  },
  {
    id: 9,
    title: 'Лебедка буровая',
    placeHolderId: 9,
    state: 1,
    equipmentTimers: [
      {label: 'Полная наработка', value: 1, unit: 'ч'},
      {label: 'Наработка после ТО1', value: 1, unit: 'ч'},
      {label: 'Наработка после ТО1', value: 1, unit: 'ч'},
      {label: 'Наработка вне р/р', value: 1, unit: 'ч'},
      {label: 'Периодичность ТО1', value: 1, unit: 'ч'},
      {label: 'Периодичность ТО2', value: 1, unit: 'ч'},
    ],
    equipmentSensors: [
      {label: 'Скорость вращения', value: 1, unit: 'Об/мин'},
      {label: 'Крутящий момент', value: 1, unit: 'кН*м'},
      {label: 'Общий уровень вибрации', value: 1, unit: 'мм/с'},
      {label: 'Уровень масла в баке', value: 1, unit: 'м'},
      {label: 'Т верхнего подшипника', value: 1, unit: '°C'},
      {label: 'Т нижнего подшипника', value: 1, unit: '°C'},
      {label: 'Состояние ПЧ1', value: 1, unit: ''},
      {label: 'Состояние ПЧ2', value: 1, unit: ''},
    ],
    captionValue: 'У-У-У-у-у-у',
    custom: 'Я не понял про это',
    className: 'c1 r3'
  },
  {
    id: 10,
    title: 'Блок сопротивлений и КТУ',
    placeHolderId: 10,
    state: 1,
    equipmentTimers: [
      {label: 'Полная наработка', value: 1, unit: 'ч'},
      {label: 'Наработка после ТО1', value: 1, unit: 'ч'},
      {label: 'Наработка после ТО1', value: 1, unit: 'ч'},
      {label: 'Наработка вне р/р', value: 1, unit: 'ч'},
      {label: 'Периодичность ТО1', value: 1, unit: 'ч'},
      {label: 'Периодичность ТО2', value: 1, unit: 'ч'},
    ],
    equipmentSensors: [
      {label: 'Скорость вращения', value: 1, unit: 'Об/мин'},
      {label: 'Крутящий момент', value: 1, unit: 'кН*м'},
      {label: 'Общий уровень вибрации', value: 1, unit: 'мм/с'},
      {label: 'Уровень масла в баке', value: 1, unit: 'м'},
      {label: 'Т верхнего подшипника', value: 1, unit: '°C'},
      {label: 'Т нижнего подшипника', value: 1, unit: '°C'},
      {label: 'Состояние ПЧ1', value: 1, unit: ''},
      {label: 'Состояние ПЧ2', value: 1, unit: ''},
    ],
    captionValue: 'У-У-У-у-у-у',
    custom: 'Я не понял про это',
    className: 'c6 r3'
  },
  {
    id: 11,
    title: 'Вспомогательная лебедка',
    placeHolderId: 11,
    state: 0,
    equipmentTimers: [
      {label: 'Полная наработка', value: 1, unit: 'ч'},
      {label: 'Наработка после ТО1', value: 1, unit: 'ч'},
      {label: 'Наработка после ТО1', value: 1, unit: 'ч'},
      {label: 'Наработка вне р/р', value: 1, unit: 'ч'},
      {label: 'Периодичность ТО1', value: 1, unit: 'ч'},
      {label: 'Периодичность ТО2', value: 1, unit: 'ч'},
    ],
    equipmentSensors: [
      {label: 'Скорость вращения', value: 1, unit: 'Об/мин'},
      {label: 'Крутящий момент', value: 1, unit: 'кН*м'},
      {label: 'Общий уровень вибрации', value: 1, unit: 'мм/с'},
      {label: 'Уровень масла в баке', value: 1, unit: 'м'},
      {label: 'Т верхнего подшипника', value: 1, unit: '°C'},
      {label: 'Т нижнего подшипника', value: 1, unit: '°C'},
      {label: 'Состояние ПЧ1', value: 1, unit: ''},
      {label: 'Состояние ПЧ2', value: 1, unit: ''},
    ],
    captionValue: 'У-У-У-у-у-у',
    custom: 'Я не понял про это',
    className: 'c1 r4'
  },
  {
    id: 12,
    title: 'Блок НКУ',
    placeHolderId: 12,
    state: 1,
    equipmentTimers: [
      {label: 'Полная наработка', value: 1, unit: 'ч'},
      {label: 'Наработка после ТО1', value: 1, unit: 'ч'},
      {label: 'Наработка после ТО1', value: 1, unit: 'ч'},
      {label: 'Наработка вне р/р', value: 1, unit: 'ч'},
      {label: 'Периодичность ТО1', value: 1, unit: 'ч'},
      {label: 'Периодичность ТО2', value: 1, unit: 'ч'},
    ],
    equipmentSensors: [
      {label: 'Скорость вращения', value: 1, unit: 'Об/мин'},
      {label: 'Крутящий момент', value: 1, unit: 'кН*м'},
      {label: 'Общий уровень вибрации', value: 1, unit: 'мм/с'},
      {label: 'Уровень масла в баке', value: 1, unit: 'м'},
      {label: 'Т верхнего подшипника', value: 1, unit: '°C'},
      {label: 'Т нижнего подшипника', value: 1, unit: '°C'},
      {label: 'Состояние ПЧ1', value: 1, unit: ''},
      {label: 'Состояние ПЧ2', value: 1, unit: ''},
    ],
    captionValue: 'У-У-У-у-у-у',
    custom: 'Я не понял про это',
    className: 'c6 r4'
  },
  {
    id: 13,
    title: 'Гидрорасцепитель',
    placeHolderId: 13,
    state: 1,
    equipmentTimers: [
      {label: 'Полная наработка', value: 1, unit: 'ч'},
      {label: 'Наработка после ТО1', value: 1, unit: 'ч'},
      {label: 'Наработка после ТО1', value: 1, unit: 'ч'},
      {label: 'Наработка вне р/р', value: 1, unit: 'ч'},
      {label: 'Периодичность ТО1', value: 1, unit: 'ч'},
      {label: 'Периодичность ТО2', value: 1, unit: 'ч'},
    ],
    equipmentSensors: [
      {label: 'Скорость вращения', value: 1, unit: 'Об/мин'},
      {label: 'Крутящий момент', value: 1, unit: 'кН*м'},
      {label: 'Общий уровень вибрации', value: 1, unit: 'мм/с'},
      {label: 'Уровень масла в баке', value: 1, unit: 'м'},
      {label: 'Т верхнего подшипника', value: 1, unit: '°C'},
      {label: 'Т нижнего подшипника', value: 1, unit: '°C'},
      {label: 'Состояние ПЧ1', value: 1, unit: ''},
      {label: 'Состояние ПЧ2', value: 1, unit: ''},
    ],
    captionValue: 'У-У-У-у-у-у',
    custom: 'Я не понял про это',
    className: 'c1 r5'
  },
  {
    id: 14,
    title: 'Блок КРУ',
    placeHolderId: 14,
    state: 1,
    equipmentTimers: [
      {label: 'Полная наработка', value: 1, unit: 'ч'},
      {label: 'Наработка после ТО1', value: 1, unit: 'ч'},
      {label: 'Наработка после ТО1', value: 1, unit: 'ч'},
      {label: 'Наработка вне р/р', value: 1, unit: 'ч'},
      {label: 'Периодичность ТО1', value: 1, unit: 'ч'},
      {label: 'Периодичность ТО2', value: 1, unit: 'ч'},
    ],
    equipmentSensors: [
      {label: 'Скорость вращения', value: 1, unit: 'Об/мин'},
      {label: 'Крутящий момент', value: 1, unit: 'кН*м'},
      {label: 'Общий уровень вибрации', value: 1, unit: 'мм/с'},
      {label: 'Уровень масла в баке', value: 1, unit: 'м'},
      {label: 'Т верхнего подшипника', value: 1, unit: '°C'},
      {label: 'Т нижнего подшипника', value: 1, unit: '°C'},
      {label: 'Состояние ПЧ1', value: 1, unit: ''},
      {label: 'Состояние ПЧ2', value: 1, unit: ''},
    ],
    captionValue: 'У-У-У-у-у-у',
    custom: 'Я не понял про это',
    className: 'c6 r5'
  },
  {
    id: 15,
    title: 'Привод ВСП',
    placeHolderId: 15,
    state: 2,
    equipmentTimers: [
      {label: 'Полная наработка', value: 1, unit: 'ч'},
      {label: 'Наработка после ТО1', value: 1, unit: 'ч'},
      {label: 'Наработка после ТО1', value: 1, unit: 'ч'},
      {label: 'Наработка вне р/р', value: 1, unit: 'ч'},
      {label: 'Периодичность ТО1', value: 1, unit: 'ч'},
      {label: 'Периодичность ТО2', value: 1, unit: 'ч'},
    ],
    equipmentSensors: [
      {label: 'Скорость вращения', value: 1, unit: 'Об/мин'},
      {label: 'Крутящий момент', value: 1, unit: 'кН*м'},
      {label: 'Общий уровень вибрации', value: 1, unit: 'мм/с'},
      {label: 'Уровень масла в баке', value: 1, unit: 'м'},
      {label: 'Т верхнего подшипника', value: 1, unit: '°C'},
      {label: 'Т нижнего подшипника', value: 1, unit: '°C'},
      {label: 'Состояние ПЧ1', value: 1, unit: ''},
      {label: 'Состояние ПЧ2', value: 1, unit: ''},
    ],
    captionValue: 'У-У-У-у-у-у',
    custom: 'Я не понял про это',
    className: 'c1 r6'
  },
  {
    id: 16,
    title: 'Теплогенератор',
    placeHolderId: 16,
    state: 3,
    equipmentTimers: [
      {label: 'Полная наработка', value: 1, unit: 'ч'},
      {label: 'Наработка после ТО1', value: 1, unit: 'ч'},
      {label: 'Наработка после ТО1', value: 1, unit: 'ч'},
      {label: 'Наработка вне р/р', value: 1, unit: 'ч'},
      {label: 'Периодичность ТО1', value: 1, unit: 'ч'},
      {label: 'Периодичность ТО2', value: 1, unit: 'ч'},
    ],
    equipmentSensors: [
      {label: 'Скорость вращения', value: 1, unit: 'Об/мин'},
      {label: 'Крутящий момент', value: 1, unit: 'кН*м'},
      {label: 'Общий уровень вибрации', value: 1, unit: 'мм/с'},
      {label: 'Уровень масла в баке', value: 1, unit: 'м'},
      {label: 'Т верхнего подшипника', value: 1, unit: '°C'},
      {label: 'Т нижнего подшипника', value: 1, unit: '°C'},
      {label: 'Состояние ПЧ1', value: 1, unit: ''},
      {label: 'Состояние ПЧ2', value: 1, unit: ''},
    ],
    captionValue: 'А вот тут, совсем не У-У-У-у-у-у',
    custom: 'Я не понял про это',
    className: 'c6 r6'
  },
  {
    id: 17,
    title: 'Теплогенератор',
    placeHolderId: 17,
    state: 1,
    equipmentTimers: [
      {label: 'Полная наработка', value: 1, unit: 'ч'},
      {label: 'Наработка после ТО1', value: 1, unit: 'ч'},
      {label: 'Наработка после ТО1', value: 1, unit: 'ч'},
      {label: 'Наработка вне р/р', value: 1, unit: 'ч'},
      {label: 'Периодичность ТО1', value: 1, unit: 'ч'},
      {label: 'Периодичность ТО2', value: 1, unit: 'ч'},
    ],
    equipmentSensors: [
      {label: 'Скорость вращения', value: 1, unit: 'Об/мин'},
      {label: 'Крутящий момент', value: 1, unit: 'кН*м'},
      {label: 'Общий уровень вибрации', value: 1, unit: 'мм/с'},
      {label: 'Уровень масла в баке', value: 1, unit: 'м'},
      {label: 'Т верхнего подшипника', value: 1, unit: '°C'},
      {label: 'Т нижнего подшипника', value: 1, unit: '°C'},
      {label: 'Состояние ПЧ1', value: 1, unit: ''},
      {label: 'Состояние ПЧ2', value: 1, unit: ''},
    ],
    captionValue: 'У-У-У-у-у-у',
    custom: 'Я не понял про это',
    className: 'c1 r7'
  },
  {
    id: 18,
    title: 'Теплогенератор',
    placeHolderId: 18,
    state: 0,
    equipmentTimers: [
      {label: 'Полная наработка', value: 1, unit: 'ч'},
      {label: 'Наработка после ТО1', value: 1, unit: 'ч'},
      {label: 'Наработка после ТО1', value: 1, unit: 'ч'},
      {label: 'Наработка вне р/р', value: 1, unit: 'ч'},
      {label: 'Периодичность ТО1', value: 1, unit: 'ч'},
      {label: 'Периодичность ТО2', value: 1, unit: 'ч'},
    ],
    equipmentSensors: [
      {label: 'Скорость вращения', value: 1, unit: 'Об/мин'},
      {label: 'Крутящий момент', value: 1, unit: 'кН*м'},
      {label: 'Общий уровень вибрации', value: 1, unit: 'мм/с'},
      {label: 'Уровень масла в баке', value: 1, unit: 'м'},
      {label: 'Т верхнего подшипника', value: 1, unit: '°C'},
      {label: 'Т нижнего подшипника', value: 1, unit: '°C'},
      {label: 'Состояние ПЧ1', value: 1, unit: ''},
      {label: 'Состояние ПЧ2', value: 1, unit: ''},
    ],
    captionValue: 'наработка',
    custom: 'Я не понял про это',
    className: 'c6 r7'
  },
  {
    id: 19,
    title: 'Теплогенератор',
    placeHolderId: 19,
    state: 0,
    equipmentTimers: [
      {label: 'Полная наработка', value: 1, unit: 'ч'},
      {label: 'Наработка после ТО1', value: 1, unit: 'ч'},
      {label: 'Наработка после ТО1', value: 1, unit: 'ч'},
      {label: 'Наработка вне р/р', value: 1, unit: 'ч'},
      {label: 'Периодичность ТО1', value: 1, unit: 'ч'},
      {label: 'Периодичность ТО2', value: 1, unit: 'ч'},
    ],
    equipmentSensors: [
      {label: 'Скорость вращения', value: 1, unit: 'Об/мин'},
      {label: 'Крутящий момент', value: 1, unit: 'кН*м'},
      {label: 'Общий уровень вибрации', value: 1, unit: 'мм/с'},
      {label: 'Уровень масла в баке', value: 1, unit: 'м'},
      {label: 'Т верхнего подшипника', value: 1, unit: '°C'},
      {label: 'Т нижнего подшипника', value: 1, unit: '°C'},
      {label: 'Состояние ПЧ1', value: 1, unit: ''},
      {label: 'Состояние ПЧ2', value: 1, unit: ''},
    ],
    captionValue: 'У-У-У-у-у-у',
    custom: 'Я не понял про это',
    className: 'c1 r8'
  },
  {
    id: 20,
    title: 'Теплогенератор',
    placeHolderId: 20,
    state: 1,
    equipmentTimers: [
      {label: 'Полная наработка', value: 1, unit: 'ч'},
      {label: 'Наработка после ТО1', value: 1, unit: 'ч'},
      {label: 'Наработка после ТО1', value: 1, unit: 'ч'},
      {label: 'Наработка вне р/р', value: 1, unit: 'ч'},
      {label: 'Периодичность ТО1', value: 1, unit: 'ч'},
      {label: 'Периодичность ТО2', value: 1, unit: 'ч'},
    ],
    equipmentSensors: [
      {label: 'Скорость вращения', value: 1, unit: 'Об/мин'},
      {label: 'Крутящий момент', value: 1, unit: 'кН*м'},
      {label: 'Общий уровень вибрации', value: 1, unit: 'мм/с'},
      {label: 'Уровень масла в баке', value: 1, unit: 'м'},
      {label: 'Т верхнего подшипника', value: 1, unit: '°C'},
      {label: 'Т нижнего подшипника', value: 1, unit: '°C'},
      {label: 'Состояние ПЧ1', value: 1, unit: ''},
      {label: 'Состояние ПЧ2', value: 1, unit: ''},
    ],
    captionValue: 'У-У-У-у-у-у',
    custom: 'Я не понял про это',
    className: 'c6 r8'
  },
]

const placeholderIdDictionary = {
  1: {row: 8, col: 1},
  2: {row: 7, col: 1},
  3: {row: 6, col: 1},
  4: {row: 5, col: 1},
  5: {row: 4, col: 1},
  6: {row: 3, col: 1},
  7: {row: 2, col: 1},
  8: {row: 1, col: 1},
  9: {row: 1, col: 2},
  10: {row: 1, col: 3},
  11: {row: 1, col: 4},
  12: {row: 1, col: 5},
  13: {row: 1, col: 6},
  14: {row: 2, col: 6},
  15: {row: 3, col: 6},
  16: {row: 4, col: 6},
  17: {row: 5, col: 6},
  18: {row: 6, col: 6},
  19: {row: 7, col: 6},
  20: {row: 8, col: 6},
}

const makeStyleByPlaceHolderId = (placeholderId) => {
  const placeholder = placeholderIdDictionary[placeholderId]
  return {
    gridColumnStart: placeholder.col,
    gridRowStart: placeholder.row
  }
}

const SmboPlates = platesData.map((items,) => (
    <div style={makeStyleByPlaceHolderId(items.placeHolderId)} className="pointer">
      <SmboPlate title={items.title} state={items.state} operatingTime={items.placeHolderId}
                 captionValue={items.captionValue}>
        <EquipmentDetails
          id={items.id}
          title={items.title}
          placeHolderId={items.placeHolderId}
          equipmentTimers={items.equipmentTimers}
          equipmentSensors={items.equipmentSensors}
          state={items.state}
          captionValue={items.captionValue}/>
      </SmboPlate>
    </div>
  )
)

export default function Smbo() {

  return (<>
    <div className="smbo_container">
      {SmboPlates}
      <div className="c2 r8 ce6 center">
        <ActiveMessagesOnline/>
      </div>

    </div>
  </>)
}