ia.novokshanov/asb_cloud_front
1
0
Fork 0
forked from ddrilling/asb_cloud_front
Code Issues Pull Requests Packages Projects Releases Wiki Activity

CF2-29: Добавлена таблица с операциями по скважине + openApi автосгенерированные классы

Browse Source
This commit is contained in:
KharchenkoVV 2021-07-21 16:53:33 +05:00
parent d23287918f
commit 396e94e334
8 changed files with 242 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/Well.jsx
View File

@ -6,6 +6,7 @@ import Archive from "../pages/Archive";
import Messages from "../pages/Messages";
import Report from "../pages/Report";
import Analysis from "../pages/Analysis";
import WellAnalysis from "../pages/WellAnalysis";
import TelemetryView from "../pages/TelemetryView";
const { Content } = Layout
@ -33,9 +34,12 @@ export default function Well() {
<Link to='analysis'>Анализ</Link>
</Menu.Item>
<Menu.Item key="5" icon={<FolderOutlined/>}>
<Link to='file'>Файлы</Link>
<Link to='wellAnalysis'>Операции по скважине</Link>
</Menu.Item>
<Menu.Item key="6" icon={<FolderOutlined/>}>
<Link to='file'>Файлы</Link>
</Menu.Item>
<Menu.Item key="7" icon={<FolderOutlined/>}>
<Link to='archive'>Архив</Link>
</Menu.Item>
</Menu>
@ -58,6 +62,9 @@ export default function Well() {
<Route path="/well/:id/analysis">
<Analysis/>
</Route>
<Route path="/well/:id/wellAnalysis">
<WellAnalysis/>
</Route>
<Route path="/well/:id/telemetry">
<TelemetryView/>
</Route>

159
src/pages/WellAnalysis.jsx Normal file
View File

@ -0,0 +1,159 @@
import {Table, Select, DatePicker, ConfigProvider} from 'antd';
import {AnalyticsService} from '../services/api'
import {useState, useEffect} from 'react'
import {useParams} from 'react-router-dom'
import notify from '../components/notify'
import LoaderPortal from '../components/LoaderPortal'
import locale from "antd/lib/locale/ru_RU";
import moment from 'moment'
import '../styles/message.css'
const {Option} = Select
const pageSize = 26
const {RangePicker} = DatePicker;
const columns = [
{
title: 'Название операции',
key: 'name',
dataIndex: 'name',
},
{
title: 'Дата начала операции',
key: 'beginDate',
dataIndex: 'beginDate',
render: (item) => moment.utc(item).local().format('DD MMM YYYY, HH:mm:ss')
},
{
title: 'Дата окончания операции',
key: 'endDate',
dataIndex: 'endDate',
render: (item) => moment.utc(item).local().format('DD MMM YYYY, HH:mm:ss')
},
{
title: 'Глубина скважины в начале операции',
key: 'beginWellDepth',
dataIndex: 'startWellDepth',
},
{
title: 'Глубина скважины в конце операции',
key: 'endWellDepth',
dataIndex: 'endWellDepth',
}
];
const filterOptions = [
{label: 'Невозможно определить операцию', value: 1},
{label: 'Роторное бурение', value: 2},
{label: 'Слайдирование', value: 3},
{label: 'Подъем с проработкой', value: 4},
{label: 'Спуск с проработкой', value: 5},
{label: 'Подъем с промывкой', value: 6},
{label: 'Спуск с промывкой', value: 7},
{label: 'Спуск в скважину', value: 8},
{label: 'Спуск с вращением', value: 9},
{label: 'Подъем из скважины', value: 10},
{label: 'Подъем с вращением', value: 11},
{label: 'Промывка в покое', value: 12},
{label: 'Промывка с вращением', value: 13},
{label: 'Удержание в клиньях', value: 14},
{label: 'Неподвижное состояние', value: 15},
{label: 'Вращение без циркуляции', value: 16},
{label: 'На поверхности', value: 17}
]
export default function WellAnalysis() {
let {id} = useParams()
const [page, setPage] = useState(1)
const [range, setRange] = useState([])
const [categories, setCategories] = useState([])
const [pagination, setPagination] = useState(null)
const [operations, setOperations] = useState([])
const [loader, setLoader] = useState(false)
const children = filterOptions.map((line) => <Option key={line.value}>{line.label}</Option>)
const onChangeRange = (range) => {
setRange(range)
}
useEffect(() => {
const GetOperations = async () => {
setLoader(true)
try {
let begin = null
let end = null
if (range?.length > 1) {
begin = range[0].toISOString()
end = range[1].toISOString()
}
await AnalyticsService.getOperationsByWell(
`${id}`,
(page-1) * pageSize,
pageSize,
categories,
begin,
end).then((paginatedOperations) => {
setOperations(paginatedOperations?.items.map(o => {
return {
key: o.id,
begin: o.date,
...o
}
}))
setPagination({
total: paginatedOperations?.count,
current: Math.floor(paginatedOperations?.skip / pageSize),
})
}
)
} catch (ex) {
notify(`Не удалось загрузить операции по скважине "${id}"`, 'error')
console.log(ex)
}
setLoader(false)
}
GetOperations()
}, [id, categories, range])
return(<>
<div className='filter-group'>
<h3 className='filter-group__heading'>Фильтр операций</h3>
<Select
mode="multiple"
allowClear
placeholder="Фильтр операций"
className="filter-selector"
value={categories}
onChange={setCategories}>
{children}
</Select>
<ConfigProvider locale={locale}>
<RangePicker
showTime
placeholder={["Дата начала операции", "Дата окончания операции"]}
onChange={onChangeRange}
/>
</ConfigProvider>
</div>
<LoaderPortal show={loader}>
<Table
columns={columns}
dataSource={operations}
size={'small'}
pagination={{
pageSize: pageSize,
showSizeChanger: false,
total: pagination?.total,
current: page,
onChange: (page) => setPage(page)
}}
rowKey={(record) => record.id}
/>
</LoaderPortal>
</>)
}

2
src/services/api/index.ts
View File

@ -13,6 +13,8 @@ export type { DepositDto } from './models/DepositDto';
export type { EventDto } from './models/EventDto';
export type { MessageDto } from './models/MessageDto';
export type { MessageDtoPaginationContainer } from './models/MessageDtoPaginationContainer';
export type { OperationDto } from './models/OperationDto';
export type { OperationDtoPaginationContainer } from './models/OperationDtoPaginationContainer';
export type { OperationDurationDto } from './models/OperationDurationDto';
export type { TelemetryInfoDto } from './models/TelemetryInfoDto';
export type { TelemetryMessageDto } from './models/TelemetryMessageDto';

2
src/services/api/models/DataSaubBaseDto.ts
View File

@ -38,4 +38,6 @@ export type DataSaubBaseDto = {
flow?: number | null;
flowIdle?: number | null;
flowDeltaLimitMax?: number | null;
idFeedRegulator?: number | null;
mseState?: number | null;
}

12
src/services/api/models/OperationDto.ts Normal file
View File

@ -0,0 +1,12 @@
/* istanbul ignore file */
/* tslint:disable */
/* eslint-disable */
export type OperationDto = {
id?: number;
name?: string | null;
beginDate?: string;
endDate?: string;
startWellDepth?: number;
endWellDepth?: number;
}

12
src/services/api/models/OperationDtoPaginationContainer.ts Normal file
View File

@ -0,0 +1,12 @@
/* istanbul ignore file */
/* tslint:disable */
/* eslint-disable */
import type { OperationDto } from './OperationDto';
export type OperationDtoPaginationContainer = {
skip?: number;
take?: number;
count?: number;
items?: Array<OperationDto> | null;
}

2
src/services/api/models/OperationDurationDto.ts
View File

@ -3,6 +3,6 @@
/* eslint-disable */
export type OperationDurationDto = {
processName?: string | null;
operationName?: string | null;
duration?: number;
}

58
src/services/api/services/AnalyticsService.ts
View File

@ -1,6 +1,7 @@
/* istanbul ignore file */
/* tslint:disable */
/* eslint-disable */
import type { OperationDtoPaginationContainer } from '../models/OperationDtoPaginationContainer';
import type { OperationDurationDto } from '../models/OperationDurationDto';
import type { WellDepthToDayDto } from '../models/WellDepthToDayDto';
import type { WellDepthToIntervalDto } from '../models/WellDepthToIntervalDto';
@ -8,6 +9,39 @@ import { request as __request } from '../core/request';
export class AnalyticsService {
/**
* Возвращает список операций на скважине за все время
* @param wellId id скважины
* @param skip для пагинации кол-во записей пропустить
* @param take для пагинации кол-во записей
* @param categoryids
* @param begin
* @param end
* @returns OperationDtoPaginationContainer Success
* @throws ApiError
*/
public static async getOperationsByWell(
wellId: number,
skip: number,
take: number = 32,
categoryids?: Array<number>,
begin?: string,
end?: string,
): Promise<OperationDtoPaginationContainer> {
const result = await __request({
method: 'GET',
path: `/api/analytics/${wellId}/operationsByWell`,
query: {
'skip': skip,
'take': take,
'categoryids': categoryids,
'begin': begin,
'end': end,
},
});
return result.body;
}
/**
* Возвращает данные по скважине "глубина-день"
* @param wellId id скважины
@ -27,22 +61,22 @@ wellId: number,
/**
* Возвращает данные по глубине скважины за период
* @param wellId id скважины
* @param intervalHoursTimestamp количество секунд в необходимом интервале времени
* @param workBeginTimestamp количество секунд в времени начала смены
* @param intervalSeconds количество секунд в необходимом интервале времени
* @param workBeginSeconds количество секунд в времени начала смены
* @returns WellDepthToIntervalDto Success
* @throws ApiError
*/
public static async getWellDepthToInterval(
wellId: number,
intervalHoursTimestamp?: number,
workBeginTimestamp?: number,
intervalSeconds?: number,
workBeginSeconds?: number,
): Promise<Array<WellDepthToIntervalDto>> {
const result = await __request({
method: 'GET',
path: `/api/analytics/${wellId}/wellDepthToInterval`,
query: {
'intervalHoursTimestamp': intervalHoursTimestamp,
'workBeginTimestamp': workBeginTimestamp,
'intervalSeconds': intervalSeconds,
'workBeginSeconds': workBeginSeconds,
},
});
return result.body;
@ -75,22 +109,22 @@ end?: string,
/**
* Возвращает детальные данные по операциям на скважине за период
* @param wellId id скважины
* @param intervalHoursTimestamp количество секунд в необходимом интервале времени
* @param workBeginTimestamp количество секунд в времени начала смены
* @param intervalSeconds количество секунд в необходимом интервале времени
* @param workBeginSeconds количество секунд в времени начала смены
* @returns OperationDurationDto Success
* @throws ApiError
*/
public static async getOperationsToInterval(
wellId: number,
intervalHoursTimestamp?: number,
workBeginTimestamp?: number,
intervalSeconds?: number,
workBeginSeconds?: number,
): Promise<Array<OperationDurationDto>> {
const result = await __request({
method: 'GET',
path: `/api/analytics/${wellId}/operationsToInterval`,
query: {
'intervalHoursTimestamp': intervalHoursTimestamp,
'workBeginTimestamp': workBeginTimestamp,
'intervalSeconds': intervalSeconds,
'workBeginSeconds': workBeginSeconds,
},
});
return result.body;