Исправлено отображение данных в таблице "Заполнить режимы текущей скважины" и в таблице на странице "Режимы"

This commit is contained in:
ts_salikhov 2022-09-26 17:23:44 +04:00
parent 95950458c8
commit b74d6d1e4f
5 changed files with 57 additions and 39 deletions

View File

@ -6,7 +6,22 @@ import { columnPropsOther, makeGroupColumn, RenderMethod } from '.'
export const RegExpIsFloat = /^[-+]?\d+\.?\d*$/ export const RegExpIsFloat = /^[-+]?\d+\.?\d*$/
export const makeNumericRender = <T extends unknown>(fixed?: number, columnKey?: string): RenderMethod<T> => (value, obj) => { export const makeNumericRender = <T extends unknown>(fixed?: number): RenderMethod<T> => (value) => {
let val = '-'
if ((value ?? null) !== null && Number.isFinite(+value)) {
val = (fixed ?? null) !== null
? (+value).toFixed(fixed)
: (+value).toPrecision(5)
}
return (
<div className={'text-align-r-container'}>
<span>{val}</span>
</div>
)
}
export const makeNumericColorRender = <T extends unknown>(fixed?: number, columnKey?: string): RenderMethod<T> => (value, obj) => {
let val = '-' let val = '-'
const isSelected = obj && columnKey ? obj[columnKey] : false const isSelected = obj && columnKey ? obj[columnKey] : false
if ((value ?? null) !== null && Number.isFinite(+value)) { if ((value ?? null) !== null && Number.isFinite(+value)) {
@ -22,7 +37,7 @@ export const makeNumericRender = <T extends unknown>(fixed?: number, columnKey?:
) )
} }
export const makeNumericColumnOptions = (fixed?: number, sorterKey?: string, columnKey?: string): columnPropsOther => ({ export const makeNumericColumnOptions = (fixed?: number, sorterKey?: string): columnPropsOther => ({
editable: true, editable: true,
initialValue: 0, initialValue: 0,
width: 100, width: 100,
@ -32,7 +47,20 @@ export const makeNumericColumnOptions = (fixed?: number, sorterKey?: string, col
message: 'Введите число', message: 'Введите число',
pattern: RegExpIsFloat, pattern: RegExpIsFloat,
}], }],
render: makeNumericRender(fixed, columnKey), render: makeNumericRender(fixed),
})
export const makeNumericColumnOptionsWithColor = (fixed?: number, sorterKey?: string, columnKey?: string): columnPropsOther => ({
editable: true,
initialValue: 0,
width: 100,
sorter: sorterKey ? makeNumericSorter(sorterKey) : undefined,
formItemRules: [{
required: true,
message: 'Введите число',
pattern: RegExpIsFloat,
}],
render: makeNumericColorRender(fixed, columnKey),
}) })
export const makeNumericColumn = ( export const makeNumericColumn = (
@ -104,9 +132,9 @@ export const makeNumericAvgRange = (
renderDelegate: (_: any, row: object) => any, renderDelegate: (_: any, row: object) => any,
width: string width: string
) => makeGroupColumn(title, [ ) => makeGroupColumn(title, [
makeNumericColumn('мин', dataIndex + 'Min', filters, filterDelegate, renderDelegate, width, makeNumericColumnOptions(fixed, dataIndex + 'Min', dataIndex + 'IsMin')), makeNumericColumn('мин', dataIndex + 'Min', filters, filterDelegate, renderDelegate, width, makeNumericColumnOptionsWithColor(fixed, dataIndex + 'Min', dataIndex + 'IsMin')),
makeNumericColumn('сред', dataIndex + 'Avg', filters, filterDelegate, renderDelegate, width, makeNumericColumnOptions(fixed, dataIndex + 'Avg')), makeNumericColumn('сред', dataIndex + 'Avg', filters, filterDelegate, renderDelegate, width, makeNumericColumnOptions(fixed, dataIndex + 'Avg')),
makeNumericColumn('макс', dataIndex + 'Max', filters, filterDelegate, renderDelegate, width, makeNumericColumnOptions(fixed, dataIndex + 'Max', dataIndex + 'IsMax')) makeNumericColumn('макс', dataIndex + 'Max', filters, filterDelegate, renderDelegate, width, makeNumericColumnOptionsWithColor(fixed, dataIndex + 'Max', dataIndex + 'IsMax'))
]) ])
export default makeNumericColumn export default makeNumericColumn

View File

@ -6,9 +6,8 @@ import { Table } from '@components/Table'
import LoaderPortal from '@components/LoaderPortal' import LoaderPortal from '@components/LoaderPortal'
import { invokeWebApiWrapperAsync } from '@components/factory' import { invokeWebApiWrapperAsync } from '@components/factory'
import { DrillParamsService } from '@api' import { DrillParamsService } from '@api'
import { getArrayConvertedObjectsIntoObjectsWithPrimitiveValues } from '@utils'
import { getColumns } from '@pages/WellOperations/WellDrillParams' import { getColumns, convertValuesInObjectsToPrimitiveValues } from '@pages/WellOperations/WellDrillParams'
export const NewParamsTable = memo(({ selectedWellsKeys }) => { export const NewParamsTable = memo(({ selectedWellsKeys }) => {
const [params, setParams] = useState([]) const [params, setParams] = useState([])
@ -26,7 +25,7 @@ export const NewParamsTable = memo(({ selectedWellsKeys }) => {
async () => { async () => {
setIsParamsModalVisible(true) setIsParamsModalVisible(true)
const params = await DrillParamsService.getCompositeAll(well.id) const params = await DrillParamsService.getCompositeAll(well.id)
setParams(getArrayConvertedObjectsIntoObjectsWithPrimitiveValues(params)) setParams(convertValuesInObjectsToPrimitiveValues(params))
}, },
setShowParamsLoader, setShowParamsLoader,
`Не удалось загрузить список режимов`, `Не удалось загрузить список режимов`,

View File

@ -10,8 +10,28 @@ import {
import LoaderPortal from '@components/LoaderPortal' import LoaderPortal from '@components/LoaderPortal'
import { invokeWebApiWrapperAsync } from '@components/factory' import { invokeWebApiWrapperAsync } from '@components/factory'
import { DrillParamsService, WellOperationService } from '@api' import { DrillParamsService, WellOperationService } from '@api'
import { arrayOrDefault, getArrayConvertedObjectsIntoObjectsWithPrimitiveValues } from '@utils' import { arrayOrDefault } from '@utils'
export function convertValuesInObjectsToPrimitiveValues(arr) {
return arr.map(param => {
const newObj = {}
for (const paramElement in param) {
if (typeof param[paramElement] === 'object') {
for (const item in param[paramElement]) {
newObj[paramElement + item[0].toUpperCase() + item.slice(1)] = param[paramElement][item]
}
} else {
// Typescript против использования числа в качестве типа значения select
if (paramElement === 'idWellSectionType') {
newObj[paramElement] = String(param[paramElement])
} else {
newObj[paramElement] = param[paramElement]
}
}
}
return newObj
})
}
export const getColumns = async (idWell) => { export const getColumns = async (idWell) => {
let sectionTypes = await WellOperationService.getSectionTypes(idWell) let sectionTypes = await WellOperationService.getSectionTypes(idWell)
@ -44,7 +64,7 @@ export const WellDrillParams = memo(() => {
const updateParams = useCallback(async () => await invokeWebApiWrapperAsync( const updateParams = useCallback(async () => await invokeWebApiWrapperAsync(
async () => { async () => {
const params = arrayOrDefault(await DrillParamsService.getAll(well.id)) const params = arrayOrDefault(await DrillParamsService.getAll(well.id))
setParams(getArrayConvertedObjectsIntoObjectsWithPrimitiveValues(params)) setParams(convertValuesInObjectsToPrimitiveValues(params))
}, },
setShowLoader, setShowLoader,
`Не удалось загрузить список режимов бурения`, `Не удалось загрузить список режимов бурения`,

View File

@ -1,26 +0,0 @@
export type ObjType = {
[key:string]: Object | any
}
export function getArrayConvertedObjectsIntoObjectsWithPrimitiveValues(arr: Array<ObjType>) {
return arr.map(param => {
const newObj:ObjType = {}
for (const paramElement in param) {
if (typeof param[paramElement] === 'object') {
for (const item in param[paramElement]) {
newObj[paramElement + item[0].toUpperCase() + item.slice(1)] = param[paramElement][item]
}
} else {
// Typescript против использования числа в качестве типа значения select
if (paramElement === 'idWellSectionType') {
newObj[paramElement] = String(param[paramElement])
} else {
newObj[paramElement] = param[paramElement]
}
}
}
return newObj
})
}
export default getArrayConvertedObjectsIntoObjectsWithPrimitiveValues

View File

@ -27,6 +27,3 @@ export * from './svg'
export * from './table_settings' export * from './table_settings'
export type { TableColumnSettings, TableSettings, TableSettingsStore } from './table_settings' export type { TableColumnSettings, TableSettings, TableSettingsStore } from './table_settings'
export * from './getArrayConvertedObjectsIntoObjectsWithPrimitiveValues'
export type { ObjType } from './getArrayConvertedObjectsIntoObjectsWithPrimitiveValues'