\r\n \r\n \r\n \r\n {loader &&
\r\n )\r\n}","/* istanbul ignore file */\n/* tslint:disable */\n/* eslint-disable */\nimport type { AuthDto } from '../models/AuthDto';\nimport type { UserTokenDto } from '../models/UserTokenDto';\nimport { request as __request } from '../core/request';\n\nexport class AuthService {\n\n /**\n * Аутентификация пользователя\n * @param requestBody \n * @returns UserTokenDto новый токен\n * @throws ApiError\n */\n public static async login(\nrequestBody?: AuthDto,\n): Promise\r\n
)\r\n}","import { notification } from 'antd';\r\n\r\nconst typeDictionary = {\r\n 'error': 'Ошибка',\r\n 'warning': 'Предупрежение',\r\n 'info': 'Информация'\r\n\r\n}\r\n/**\r\n * Вызов оповещений всплывающим окошком.\r\n * @param body string или ReactNode\r\n * @param type для параметра типа. Допустимые значение 'error', 'warning', 'info'\r\n */\r\nexport default function notify(body, type='info'){\r\n\r\n notification[type]({\r\n description: body,\r\n message: typeDictionary[type],\r\n type,\r\n placement: \"bottomRight\",\r\n duration: 10,\r\n })\r\n\r\n}","import { useState, useEffect } from 'react'\r\nimport { WellService } from '../services/api'\r\nimport LoaderPortal from '../components/LoaderPortal'\r\nimport { Table } from 'antd' // TreeSelect \r\nimport { useHistory } from 'react-router-dom'\r\nimport notify from '../components/notify'\r\n\r\nconst columns = [\r\n {\r\n title: 'Месторождение',\r\n dataIndex: 'deposit',\r\n key: 'deposit',\r\n },\r\n {\r\n title: 'Куст',\r\n dataIndex: 'cluster',\r\n key: 'cluster',\r\n },\r\n {\r\n title: 'Скважина',\r\n dataIndex: 'caption',\r\n key: 'caption',\r\n }, \r\n {\r\n title: 'Данные',\r\n dataIndex: 'lastData',\r\n key: 'lastData',\r\n },\r\n];\r\n\r\nexport default function Wells(props){\r\n const [wells, setWells] = useState([])\r\n const [loader, setLoader] = useState(false)\r\n const history = useHistory()\r\n\r\n const updateWellsList = async () => {\r\n setLoader(true)\r\n try{\r\n let newWells = (await WellService.getWells()).map(w =>{return {key:w.id, ...w}})\r\n console.log(newWells)\r\n setWells( newWells )\r\n }\r\n catch(e){\r\n notify('Не удалось загрузить список скважин', 'error')\r\n console.error(`${e}`);\r\n }\r\n setLoader(false)\r\n }\r\n\r\n useEffect(()=>updateWellsList(), [])\r\n\r\n return(<>\r\n \r\n {children}\r\n
\r\n {show && fade && } \r\n {show && Скважины
\r\n| Проходка на долото, м | \r\nНаименование технологических\r\n операций\r\n | \r\n|||||||
\r\n | \r\n \r\n | \r\n 0,00\r\n | \r\n0 | \r\n0 | \r\nПР к бурению. Сборка КНБК Скважина\r\n открыта циклом бурения 18:00ч. 21.06.2021г. | \r\n |||
| 0,04 | \r\n0,04\r\n | \r\n54 | \r\n54 | \r\nБурение 0-54м | \r\n||||
| 0,06 | \r\n0,02\r\n | \r\n54 | \r\n0 | \r\nПроработка 54-0-54м | \r\n||||
| 0,08 | \r\n0,02\r\n | \r\n54 | \r\n0 | \r\nПодъем, Разборка КНБК | \r\n||||
| 0,13 | \r\n0,04\r\n | \r\n54 | \r\n0 | \r\nСпуск направления 324мм.\r\n БК – 53,66м | \r\n||||
| 0,21 | \r\n0,08\r\n | \r\n54 | \r\n0 | \r\nЦементаж | \r\n||||
| 0,25 | \r\n0,04\r\n | \r\n54 | \r\n0 | \r\nОЗЦ | \r\n||||
| 0,50 | \r\n0,25 | \r\n54 | \r\n0 | \r\nОЗЦ. Оборудование устья, приготовление\r\n раствора, чистка ЦСГО, сборка КНБК | \r\n||||
| 0,56 | \r\n0,06 | \r\n54 | \r\n0 | \r\nСборка КНБК | \r\n||||
| 1,25 | \r\n0,69 | \r\n782 | \r\n728 | \r\nБурение в инт. 54-782м | \r\n||||
| 0,54\r\n | \r\n1200 | \r\nБурение в инт. 782-1200м (Vмех=80м/ч,\r\n Vплан=55м/ч) | \r\n||||||
| 1,88 | \r\n0,08\r\n | \r\n1200 | \r\n0 | \r\nПромывка | \r\n||||
| 2,04 | \r\n0,17\r\n | \r\n1200 | \r\n0 | \r\nПодъем КНБК | \r\n||||
| 2,13 | \r\n0,08\r\n | \r\n1200 | \r\n0 | \r\nРазборка КНБК (исключение Т/С,\r\n УБТ)\r\n | \r\n||||
| 2,25 | \r\n0,13 | \r\n1200 | \r\n0 | \r\nСпуск ЛБТ-147 со сборкой с\r\n мостков – 900м | \r\n||||
| 2,29 | \r\n0,04\r\n | \r\n1200 | \r\n0 | \r\nСпуск ЛБТ-147 с мостков до гл.\r\n 1200м\r\n | \r\n||||
| 2,42 | \r\n0,13 | \r\n1200 | \r\n0 | \r\nГИС. ИОН | \r\n||||
| 2,50 | \r\n0,08\r\n | \r\n1200 | \r\n0 | \r\nПромывка. Прокачка ВУС. | \r\n||||
| 2,71 | \r\n0,21\r\n | \r\n1200 | \r\n\r\n | \r\n Подъем ЛБТ-147 с выбросом на\r\n мостки\r\n | \r\n||||
| 2,75 | \r\n0,04\r\n | \r\n1200 | \r\n0 | \r\nРазборка КНБК | \r\n||||
| 3,13 | \r\n0,38 | \r\n1200 | \r\n0 | \r\nПР. Спуск ОК-245мм | \r\n||||
| 3,19 | \r\n0,06 | \r\n1200 | \r\n0 | \r\nПромывка | \r\n||||
| 3,25 | \r\n0,06 | \r\n1200 | \r\n0 | \r\nЦементаж | \r\n||||
| 3,33 | \r\n0,08\r\n | \r\n1200 | \r\n0 | \r\nЦементаж. Рраб=\"7\"5атм, Рстоп=105атм..\r\n ЦКОД -\r\n герметично | \r\n||||
| 3,46 | \r\n0,13 | \r\n1200 | \r\n0 | \r\nОЗЦ. Монтаж стволовой ПВО | \r\n||||
| 3,63 | \r\n0,17\r\n | \r\n1200 | \r\n0 | \r\nОЗЦ. ГИС. цементомер (чистка ЦСГО,\r\n емкостей,\r\n прокрепление ПВО) | \r\n||||
| 3,83 | \r\n0,21\r\n | \r\n1200 | \r\n0 | \r\nОЗЦ. Монтаж ПВО - 100%, ТО СВП. смена\r\n рабочего переводника. Ревизия ПКР. Центровка Ротора | \r\n||||
| 3,88 | \r\n0,04\r\n | \r\n1200 | \r\n0 | \r\nОпрессовка ПВО (глухие, линии)\r\n Р=100атм.\r\n герметично | \r\n||||
| 4,00 | \r\n0,13 | \r\n1200 | \r\n0 | \r\nСборка КНБК | \r\n||||
| 4,17 | \r\n0,17\r\n | \r\n1200 | \r\n0 | \r\nСпуск КНБК до 1050м | \r\n||||
| 4,25 | \r\n0,08\r\n | \r\n1200 | \r\n0 | \r\nПеретяжка талевого каната | \r\n||||
| 4,33 | \r\n0,08\r\n | \r\n1200 | \r\n0 | \r\nПеретяжка Талевого\r\n каната – 350м\r\n | \r\n||||
| 4,38 | \r\n0,04\r\n | \r\n1200 | \r\n0 | \r\nОпрессовка ПВО (трубные ПУГ) Р=90атм.\r\n герметично | \r\n||||
| 4,46 | \r\n0,08\r\n | \r\n1200 | \r\n0 | \r\nРазбурка ЦКОД, башмак,\r\n цем.стакан\r\n | \r\n||||
| 4,50 | \r\n0,04\r\n | \r\n1200 | \r\n0 | \r\nЗамещение бурового раствора.\r\n | \r\n||||
| 4,54 | \r\n0,04\r\n | \r\n1200 | \r\n0 | \r\nОпрессовка ЦМ. кольца. Чистка\r\n ЦСГО\r\n | \r\n||||
| 4,67 | \r\n\r\n | \r\n 0,13 | \r\n1200 | \r\n0 | \r\nОжидание вывоза шлама | \r\n|||
| 5,25 | \r\n0,58\r\n | \r\n1830 | \r\n630 | \r\nбурение в инт. 1200-1830м (Vмех=80м/ч,\r\n Vплан=\"3\"5м/ч) | \r\n||||
| 1,00\r\n | \r\n2365 | \r\nбурение в инт. 1830м-2365м\r\n (Vмех=\"4\"0м/ч,\r\n Vплан=\"3\"5м/ч) | \r\n||||||
| 1,00\r\n | \r\n2680 | \r\nБурение в инт. 2365-2680м (Vмех=\"3\"5м/ч,\r\n Vплан=\"3\"5м/ч) | \r\n||||||
| 8,17 | \r\n0,92\r\n | \r\n2986 | \r\n306 | \r\nБурение в инт. 2680-2986м\r\n (Vмех=\"3\"5м/ч,\r\n Vплан=\"3\"5м/ч) | \r\n||||
| 8,25 | \r\n0,08\r\n | \r\n2986 | \r\n0 | \r\nПромывка. Прокачка ВУС. | \r\n
| План | \r\nФакт | \r\nПлан | \r\nФакт | \r\n||||||||||||||||||||||||||
\r\n
\r\n \r\n}","import {ValueDisplay} from './Display'\r\nimport {ControlOutlined} from '@ant-design/icons'\r\nimport {Popover} from 'antd'\r\n\r\nexport const ChartTimeOnlineFooter = (props) =>{ \r\n const { data,\r\n lineIdle,\r\n lineSp,\r\n linesOther} = props\r\n \r\n let sp = null\r\n let idle = null\r\n\r\n if(data && lineSp)\r\n sp = data[lineSp.xAccessorName]\r\n\r\n if(data && lineIdle)\r\n idle = data[lineIdle.xAccessorName]\r\n\r\n let spField = {label}
\r\n \r\n
\r\n \r\n {line.label}\r\n \r\n
)\r\n })\r\n\r\n if(popContent)\r\n spField = \r\n
\r\n \r\n {spField}\r\n
\r\n\r\n return(\r\n {spField}\r\n
)\r\n}","import {Display} from './Display'\r\n\r\nexport const CustomColumn = ({data}) => {\r\n const dataLast = data[data.length -1]\r\n\r\n const lines = [\r\n {label:'Рот., об/мин', accessorName:'rotorSpeed'},\r\n {label:'Долото, м', accessorName:'bitDepth'},\r\n {label:'Забой, м', accessorName:'wellDepth'},\r\n {label:'Расход, м³/ч', accessorName:'flow'},\r\n {label:'Расход х.х., м³/ч', accessorName:'flowIdle'},\r\n ]\r\n \r\n if(dataLast)\r\n lines.forEach(line => line.value = dataLast[line.accessorName]?.toPrecision(4)??'-' )\r\n else\r\n lines.forEach(line => line.value = '-' )\r\n\r\n return (<>\r\n {lines.map(line => \r\n х.х.\r\n \r\n
\r\n \r\n Режим:\r\n {value}\r\n
)\r\n}","import {useState, useEffect} from 'react'\r\nimport {useParams} from 'react-router-dom'\r\nimport {Row, Col, Select, Table} from 'antd'\r\nimport {ChartTimeOnline} from '../components/charts/ChartTimeOnline'\r\nimport LoaderPortal from '../components/LoaderPortal'\r\nimport {ChartTimeOnlineFooter} from '../components/ChartTimeOnlineFooter'\r\nimport {CustomColumn} from '../components/CustomColumn'\r\nimport {UserOfWells} from '../components/UserOfWells'\r\nimport {ModeDisplay} from '../components/ModeDisplay'\r\nimport {Display} from '../components/Display'\r\nimport moment from 'moment'\r\nimport {Subscribe} from '../services/signalr'\r\nimport {DataService, MessageService} from '../services/api'\r\nimport '../styles/message.css'\r\nimport notify from \"../components/notify\"\r\n\r\nconst {Option} = Select\r\n\r\nconst dash = [7, 3]\r\n\r\nconst blockHeightGroup = {\r\n label: \"Высота блока\",\r\n yDisplay: false,\r\n linePv: { label: \"blockPosition\", units: 'м', xAccessorName: \"blockPosition\", yAccessorName: \"date\", color: '#333' },\r\n lineOther: { label: \"wellDepth\", units: 'м', xAccessorName: \"wellDepth\", yAccessorName: \"date\", color: '#333', showLine: false, xConstValue:30 },\r\n}\r\n\r\nconst blockSpeedGroup = {\r\n label: \"Скорость блока\",\r\n yDisplay: false,\r\n linePv: {label: \"blockSpeed\", units: 'м/ч', xAccessorName: \"blockSpeed\", yAccessorName: \"date\", color: '#0a0'},\r\n lineSp: {label: \"blockSpeedSp\", units: 'м/ч', xAccessorName: \"blockSpeedSp\", yAccessorName: \"date\", color: '#0a0'},\r\n}\r\n\r\nconst pressureGroup = {\r\n label: \"Давление\",\r\n yDisplay: false,\r\n linePv: {label: \"pressure\", units: 'атм', xAccessorName: \"pressure\", yAccessorName: \"date\", color: '#c00'},\r\n lineSp: {label: \"pressureSp\", units: 'атм', xAccessorName: \"pressureSp\", yAccessorName: \"date\", color: '#c00'},\r\n lineIdle: {label: \"pressureIdle\", units: 'атм', xAccessorName: \"pressureIdle\", yAccessorName: \"date\", color: '#c00'},\r\n linesOther: [\r\n {\r\n label: \"мекс. перепад\",\r\n units: 'атм',\r\n xAccessorName: \"pressureDeltaLimitMax\",\r\n yAccessorName: \"date\",\r\n color: '#c00'\r\n },\r\n ],\r\n}\r\n\r\nconst axialLoadGroup = {\r\n label: \"Осевая нагрузка\",\r\n yDisplay: false,\r\n linePv: {label: \"axialLoad\", units: 'т', xAccessorName: \"axialLoad\", yAccessorName: \"date\", color: '#00a'},\r\n lineSp: {label: \"axialLoadSp\", units: 'т', xAccessorName: \"axialLoadSp\", yAccessorName: \"date\", color: '#00a', dash},\r\n linesOther: [\r\n {label: \"axialLoadLimitMax\", units: 'т', xAccessorName: \"axialLoadLimitMax\", yAccessorName: \"date\", color: '#00a'},\r\n ],\r\n}\r\n\r\nconst hookWeightGroup = {\r\n label: \"Вес на крюке\",\r\n yDisplay: false,\r\n linePv: {label: \"hookWeight\", units: 'т', xAccessorName: \"hookWeight\", yAccessorName: \"date\", color: '#0aa'},\r\n lineIdle: {\r\n label: \"hookWeightIdle\",\r\n units: 'т',\r\n xAccessorName: \"hookWeightIdle\",\r\n yAccessorName: \"date\",\r\n color: '#0aa',\r\n dash\r\n },\r\n linesOther: [\r\n {\r\n label: \"hookWeightLimitMin\",\r\n units: 'т',\r\n xAccessorName: \"hookWeightLimitMin\",\r\n yAccessorName: \"date\",\r\n color: '#0aa'\r\n },\r\n {\r\n label: \"hookWeightLimitMax\",\r\n units: 'т',\r\n xAccessorName: \"hookWeightLimitMax\",\r\n yAccessorName: \"date\",\r\n color: '#0aa'\r\n },\r\n ],\r\n}\r\n\r\nconst rotorTorqueGroup = {\r\n label: \"Момент на роторе\",\r\n yDisplay: false,\r\n linePv: {label: \"rotorTorque\", units: 'кН·м', xAccessorName: \"rotorTorque\", yAccessorName: \"date\", color: '#a0a'},\r\n lineSp: {label: \"rotorTorqueSp\", units: 'кН·м', xAccessorName: \"rotorTorqueSp\", yAccessorName: \"date\", color: '#a0a'},\r\n lineIdle: {\r\n label: \"rotorTorqueIdle\",\r\n units: 'кН·м',\r\n xAccessorName: \"rotorTorqueIdle\",\r\n yAccessorName: \"date\",\r\n color: '#a0a'\r\n },\r\n linesOther: [\r\n {\r\n label: \"rotorTorqueLimitMax\",\r\n units: 'кН·м',\r\n xAccessorName: \"rotorTorqueLimitMax\",\r\n yAccessorName: \"date\",\r\n color: '#a0a'\r\n },\r\n ],\r\n}\r\n\r\nconst paramsGroups = [blockHeightGroup, blockSpeedGroup, pressureGroup, axialLoadGroup, hookWeightGroup, rotorTorqueGroup]\r\n\r\nexport const Column = ({lineGroup, data, interval}) => {\r\n let lines = [lineGroup.linePv]\r\n\r\n if (lineGroup.lineSp)\r\n lines.push(lineGroup.lineSp)\r\n\r\n if (lineGroup.lineOther)\r\n lines.push(lineGroup.lineOther)\r\n\r\n let dataLast = null\r\n let pv = null\r\n if (data?.length > 0) {\r\n dataLast = data[data.length - 1];\r\n if (lineGroup.linePv)\r\n pv = dataLast[lineGroup.linePv?.xAccessorName]\r\n }\r\n\r\n return (\r\n <>\r\n \r\n
\r\n \r\n )\r\n}","import React from \"react\";\r\n\r\nexport const tableNew = (\r\n X\r\n
\r\n \r\n X\r\n
\r\n \r\n X\r\n
\r\n \r\n X\r\n
\r\n | \r\n Документ\r\n | \r\n\r\n Дата загрузки\r\n | \r\n\r\n Ф.И.О.\r\n | \r\n
| \r\n Долотная программа.xlsx\r\n | \r\n1.06.2021 | \r\nAdmin Admin | \r\n
| \r\n Профиль ствола скважин.xlsx\r\n | \r\n14.06.2021 | \r\nAdmin Admin | \r\n
| \r\n ГТН.xlsx\r\n | \r\n15.06.2021 | \r\nAdmin Admin | \r\n
| \r\n Программа по буровым расстворам.xlsx\r\n | \r\n15.06.2021 | \r\nAdmin Admin | \r\n
| \r\n Программа по цементированию скважин.xlsx\r\n | \r\n15.06.2021 | \r\nAdmin Admin | \r\n
| \r\n График глубина день.xlsx\r\n | \r\n15.06.2021 | \r\nAdmin Admin | \r\n
| \r\n Программа по бурению скважин.xlsx\r\n | \r\n15.06.2021 | \r\nAdmin Admin | \r\n
| \r\n {el.replace('C:\\\\fakepath\\\\', '')}\r\n | \r\n1.07.2021 | \r\nAdmin Admin | \r\n
\r\n \r\n {tableNew}\r\n {files.map((el) => {\r\n return LinksList(el)\r\n })}\r\n
\r\n {\r\n setFile(e.target.value)\r\n files.push(e.target.value)\r\n localStorage.setItem(e.target.value, file)\r\n setFiles(files)\r\n console.log(e.target.value)\r\n }\r\n }/>\r\n
);\r\n}","import React from \"react\";\r\n\r\nexport const tableNewNnb = (\r\n {\r\n setFile(e.target.value)\r\n files.push(e.target.value)\r\n localStorage.setItem(e.target.value, file)\r\n setFiles(files)\r\n console.log(e.target.value)\r\n }\r\n }/>\r\n
| \r\n Документ\r\n | \r\n\r\n Дата загрузки\r\n | \r\n\r\n Ф.И.О.\r\n | \r\n
| \r\n Троектория скважины 15.06.2021.xlsx\r\n | \r\n15.06.2021 | \r\nAdmin Admin | \r\n
| \r\n Троектория скважины 16.06.2021.xlsx\r\n | \r\n16.06.2021 | \r\nAdmin Admin | \r\n
| \r\n Троектория скважины 17.06.2021.xlsx\r\n | \r\n17.06.2021 | \r\nAdmin Admin | \r\n
| \r\n Троектория скважины 18.06.2021.xlsx\r\n | \r\n18.06.2021 | \r\nAdmin Admin | \r\n
| \r\n Троектория скважины 19.06.2021.xlsx\r\n | \r\n19.06.2021 | \r\nAdmin Admin | \r\n
| \r\n Троектория скважины 20.06.2021.xlsx\r\n | \r\n20.06.2021 | \r\nAdmin Admin | \r\n
| \r\n Троектория скважины 21.06.2021.xlsx\r\n | \r\n21.06.2021 | \r\nAdmin Admin | \r\n
| \r\n Троектория скважины 22.06.2021.xlsx\r\n | \r\n22.06.2021 | \r\nAdmin Admin | \r\n
| \r\n Троектория скважины 23.06.2021.xlsx\r\n | \r\n23.06.2021 | \r\nAdmin Admin | \r\n
| \r\n Троектория скважины 24.06.2021.xlsx\r\n | \r\n24.06.2021 | \r\nAdmin Admin | \r\n
| \r\n Троектория скважины 25.06.2021.xlsx\r\n | \r\n25.06.2021 | \r\nAdmin Admin | \r\n
| \r\n Троектория скважины 26.06.2021.xlsx\r\n | \r\n26.06.2021 | \r\nAdmin Admin | \r\n
| \r\n Троектория скважины 27.06.2021.xlsx\r\n | \r\n27.06.2021 | \r\nAdmin Admin | \r\n
| \r\n Троектория скважины 28.06.2021.xlsx\r\n | \r\n28.06.2021 | \r\nAdmin Admin | \r\n
| \r\n Троектория скважины 29.06.2021.xlsx\r\n | \r\n29.06.2021 | \r\nAdmin Admin | \r\n
| \r\n Троектория скважины 30.06.2021.xlsx\r\n | \r\n30.06.2021 | \r\nAdmin Admin | \r\n
| \r\n {el.replace('C:\\\\fakepath\\\\', '')}\r\n | \r\n1.07.2021 | \r\nAdmin Admin | \r\n
\r\n \r\n {tableNewNnb}\r\n {files.map((el) => {\r\n return LinksList(el)\r\n })}\r\n
\r\n {\r\n setFile(e.target.value)\r\n files.push(e.target.value)\r\n localStorage.setItem(e.target.value, file)\r\n setFiles(files)\r\n console.log(e.target.value)\r\n }\r\n }/>\r\n
);\r\n}","import {Layout, Menu} from \"antd\";\r\nimport {FolderOutlined, FundViewOutlined} from \"@ant-design/icons\";\r\nimport {Link, Redirect, Route, Switch, useParams} from \"react-router-dom\";\r\nimport Files from \"../pages/Files\";\r\nimport Archive from \"../pages/Archive\";\r\nimport Messages from \"../pages/Messages\";\r\nimport Report from \"../pages/Report\";\r\nimport Analysis from \"../pages/Analysis\";\r\nimport TelemetryView from \"../pages/TelemetryView\";\r\nimport Video from \"../pages/Video\"\r\nimport Documents from \"./Documents\";\r\nimport Nnb from \"./Nnb\";\r\n\r\nconst { Content } = Layout\r\n\r\nexport default function Well() {\r\n let { id } = useParams()\r\n\r\n return (<>\r\n \r\n {\r\n setFile(e.target.value)\r\n files.push(e.target.value)\r\n localStorage.setItem(e.target.value, file)\r\n setFiles(files)\r\n console.log(e.target.value)\r\n }\r\n }/>\r\n
\r\n 
\r\n
\r\n )\r\n\r\n const linkTelemetryTwo = (\r\n БУ
к404
\r\n \r\n
\r\n )\r\n\r\n const linkTelemetryThree = (\r\n БУ
к406
\r\n \r\n
\r\n )\r\n\r\n const logoASB = (\r\n БУ
к411
\r\n 
\r\n {logoASB}\r\n {linkTelemetryOne}\r\n {linkTelemetryTwo}\r\n {linkTelemetryThree}\r\n
)\r\n}\r\n","import { useState, useEffect } from 'react'\r\nimport { useParams } from 'react-router-dom'\r\nimport { WellService } from '../services/api'\r\nimport Loader from '../components/Loader'\r\nimport { TreeSelect } from 'antd'\r\nimport { useHistory } from 'react-router-dom'\r\nimport notify from './notify'\r\n\r\nconst groupBy = (table, ...keys) => {\r\n let key = keys[0]\r\n\r\n let groups = table.reduce((rv, item) => {\r\n let keyValue = item[key]\r\n let group = rv.find(o => o.title === keyValue)\r\n if (!group) {\r\n group = {\r\n title: keyValue,\r\n value: keys.length === 1 ? `${item['id']}` : `${key} ${keyValue} ${item['id']}`,\r\n selectable: keys.length === 1,\r\n children: []\r\n }\r\n rv.push(group)\r\n }\r\n if (keys.length > 1)\r\n group.children.push(item);\r\n return rv;\r\n }, []);\r\n\r\n if (keys.length > 1) {\r\n for (let group of groups) {\r\n group.children = groupBy(group.children, ...keys.slice(1))\r\n }\r\n }\r\n\r\n return groups\r\n};\r\n\r\nexport default function WellTreeSelector(props) {\r\n // const [wells, setWells] = useState([])\r\n const [wellsTree, setWellsTree] = useState([])\r\n const [loader, setLoader] = useState(false)\r\n const history = useHistory()\r\n let { id } = useParams();\r\n\r\n let updateWellsList = async () => {\r\n setLoader(true)\r\n try {\r\n let newWells = (await WellService.getWells()).map(w => { return { key: w.id, ...w } })\r\n let wellsTree = groupBy(newWells, 'deposit', 'cluster', 'caption')\r\n setWellsTree(wellsTree)\r\n }\r\n catch (e) {\r\n notify('Не удалось загрузить список скважин', 'error')\r\n console.error(`${e.message}`);\r\n }\r\n setLoader(false)\r\n }\r\n\r\n useEffect(() => { updateWellsList() }, [])\r\n\r\n const onSelect = (value) => {\r\n if (value)\r\n history.push(`/well/${value}/`);\r\n console.log(value)\r\n }\r\n\r\n return (\r\n <>\r\n