Исправлено отображение строк в таблицах во вкладке Измерения

This commit is contained in:
ts_salikhov 2022-09-05 14:51:43 +04:00
parent aceedd8dee
commit fbe86e23f6
6 changed files with 127 additions and 131 deletions

View File

@ -21,7 +21,7 @@ import '@styles/index.css'
import '@styles/measure.css' import '@styles/measure.css'
const createEditingColumns = (cols, renderDelegate) => const createEditingColumns = (cols, renderDelegate) =>
cols.map(col => ({ render: renderDelegate, ...col })) cols.map(col => col.map(col => ({ render: renderDelegate, ...col })))
const disabled = !hasPermission('Measure.edit') const disabled = !hasPermission('Measure.edit')
@ -156,7 +156,7 @@ export const MeasureTable = memo(({ group, updateMeasuresFunc, additionalButtons
<div className={'w-100'}> <div className={'w-100'}>
<LoaderPortal show={showLoader}> <LoaderPortal show={showLoader}>
<Form form={measuresForm} onFinish={handleSubmitMeasuresForm}> <Form form={measuresForm} onFinish={handleSubmitMeasuresForm}>
<View item={displayedValues?.data ?? {}} columns={editingColumns} rowsInColumn={group.rowsInColumn}/> <View item={displayedValues?.data ?? {}} columns={editingColumns} />
</Form> </Form>
</LoaderPortal> </LoaderPortal>
</div> </div>

View File

@ -6,25 +6,17 @@ import { Grid, GridItem } from '@components/Grid'
import '@styles/index.css' import '@styles/index.css'
import '@styles/measure.css' import '@styles/measure.css'
export const View = memo(({ columns, item, rowsInColumn }) => { export const View = memo(({ columns, item }) => !item || !columns?.length ? (
let rowPosition = 0
let columnPosition = 1
return !item || !columns?.length ? (
<Empty key={'empty'} image={Empty.PRESENTED_IMAGE_SIMPLE} /> <Empty key={'empty'} image={Empty.PRESENTED_IMAGE_SIMPLE} />
) : ( ) : (
<Grid> <Grid>
{columns.map((column, i) => { {columns.map((cols, j) => {
if (i === rowsInColumn.first) { let rowPosition = 0
columnPosition = 3 let columnPosition = 1 + j * 2
rowPosition = 0 return cols.map((column) => {
} else if (i === rowsInColumn.second) {
columnPosition = 5
rowPosition = 0
}
rowPosition++ rowPosition++
return ( return (
<Fragment key={i}> <Fragment key={column.key}>
<GridItem <GridItem
key={column.dataIndex} key={column.dataIndex}
row={rowPosition} row={rowPosition}
@ -56,6 +48,7 @@ export const View = memo(({ columns, item, rowsInColumn }) => {
)} )}
</GridItem> </GridItem>
</Fragment> </Fragment>
)})} )})
}).flat()}
</Grid> </Grid>
)}) ))

View File

@ -3,6 +3,7 @@ import { makeColumn } from '@components/Table'
import { numericColumnOptions, textColumnOptions } from './columnsCommon' import { numericColumnOptions, textColumnOptions } from './columnsCommon'
export const columnsDrillingFluid = [ export const columnsDrillingFluid = [
[
makeColumn('Наименование', 'name', textColumnOptions), makeColumn('Наименование', 'name', textColumnOptions),
makeColumn('Температура, °C', 'temperature', numericColumnOptions), makeColumn('Температура, °C', 'temperature', numericColumnOptions),
makeColumn('Плотность, г/см³', 'density', numericColumnOptions), makeColumn('Плотность, г/см³', 'density', numericColumnOptions),
@ -13,6 +14,8 @@ export const columnsDrillingFluid = [
makeColumn('ДНС, дПа', 'dnsDpa', numericColumnOptions), makeColumn('ДНС, дПа', 'dnsDpa', numericColumnOptions),
makeColumn('Пластич. вязкость, сПз', 'plasticViscocity', numericColumnOptions), makeColumn('Пластич. вязкость, сПз', 'plasticViscocity', numericColumnOptions),
makeColumn('СНС, дПа', 'snsDpa', numericColumnOptions), makeColumn('СНС, дПа', 'snsDpa', numericColumnOptions),
],
[
makeColumn('R3/R6 49С', 'r3r649С', numericColumnOptions), makeColumn('R3/R6 49С', 'r3r649С', numericColumnOptions),
makeColumn('ДНС 49С, дПа', 'dns49Cdpa', numericColumnOptions), makeColumn('ДНС 49С, дПа', 'dns49Cdpa', numericColumnOptions),
makeColumn('Пластич. вязкость 49С, сПз', 'plasticViscocity49c', numericColumnOptions), makeColumn('Пластич. вязкость 49С, сПз', 'plasticViscocity49c', numericColumnOptions),
@ -22,6 +25,8 @@ export const columnsDrillingFluid = [
makeColumn('Фильтрация, см³/30мин', 'filtering', numericColumnOptions), makeColumn('Фильтрация, см³/30мин', 'filtering', numericColumnOptions),
makeColumn('Корка, мм', 'crust', numericColumnOptions), makeColumn('Корка, мм', 'crust', numericColumnOptions),
makeColumn('KTK', 'ktk', numericColumnOptions), makeColumn('KTK', 'ktk', numericColumnOptions),
],
[
makeColumn('pH', 'ph', numericColumnOptions), makeColumn('pH', 'ph', numericColumnOptions),
makeColumn('Жесткость, мг/л', 'hardness', numericColumnOptions), makeColumn('Жесткость, мг/л', 'hardness', numericColumnOptions),
makeColumn('Хлориды, мг/л', 'chlorides', numericColumnOptions), makeColumn('Хлориды, мг/л', 'chlorides', numericColumnOptions),
@ -31,6 +36,7 @@ export const columnsDrillingFluid = [
makeColumn('Твердая фаза раствора, %', 'fluidSolidPhase', numericColumnOptions), makeColumn('Твердая фаза раствора, %', 'fluidSolidPhase', numericColumnOptions),
makeColumn('Смазка, %', 'grease', numericColumnOptions), makeColumn('Смазка, %', 'grease', numericColumnOptions),
makeColumn('Карбонат кальция, кг/м³', 'calciumCarbonate', numericColumnOptions), makeColumn('Карбонат кальция, кг/м³', 'calciumCarbonate', numericColumnOptions),
],
] ]
export const drillingFluidDefaultData = { export const drillingFluidDefaultData = {

View File

@ -20,31 +20,16 @@ const defaultData = [
title: 'Замер бурового раствора', title: 'Замер бурового раствора',
columns: columnsDrillingFluid, columns: columnsDrillingFluid,
defaultValue: drillingFluidDefaultData, defaultValue: drillingFluidDefaultData,
rowsInColumn: {
first: 10,
second: 19,
third: 28,
},
}, { }, {
idCategory: 2, idCategory: 2,
title: 'Шламограмма', title: 'Шламограмма',
columns: columnsMudDiagram, columns: columnsMudDiagram,
defaultValue: mudDiagramDefaultData, defaultValue: mudDiagramDefaultData,
rowsInColumn: {
first: 6,
second: 15,
third: 22,
},
}, { }, {
idCategory: 3, idCategory: 3,
title: 'ННБ', title: 'ННБ',
columns: columnsNnb, columns: columnsNnb,
defaultValue: nnbDefaultData, defaultValue: nnbDefaultData,
rowsInColumn: {
first: 6,
second: 12,
third: 17,
},
additionalButtons: (group, idx, onClick) => (isEditing) => isEditing ? null : ( additionalButtons: (group, idx, onClick) => (isEditing) => isEditing ? null : (
<Button <Button
key={'table'} key={'table'}

View File

@ -3,12 +3,15 @@ import { makeColumn } from '@components/Table'
import { numericColumnOptions, textColumnOptions } from './columnsCommon' import { numericColumnOptions, textColumnOptions } from './columnsCommon'
export const columnsMudDiagram = [ export const columnsMudDiagram = [
[
makeColumn('N пробы', 'probeNumber', numericColumnOptions), makeColumn('N пробы', 'probeNumber', numericColumnOptions),
makeColumn('Глубина отбора пробы', 'probeExtractionDepth', numericColumnOptions), makeColumn('Глубина отбора пробы', 'probeExtractionDepth', numericColumnOptions),
makeColumn('Песчаник (%)', 'sandstone', numericColumnOptions), makeColumn('Песчаник (%)', 'sandstone', numericColumnOptions),
makeColumn('Алевролит (%)', 'siltstone', numericColumnOptions), makeColumn('Алевролит (%)', 'siltstone', numericColumnOptions),
makeColumn('Аргиллит (%)', 'argillit', numericColumnOptions), makeColumn('Аргиллит (%)', 'argillit', numericColumnOptions),
makeColumn('Аргиллит бит. (%)', 'brokenArgillit', numericColumnOptions), makeColumn('Аргиллит бит. (%)', 'brokenArgillit', numericColumnOptions),
],
[
makeColumn('Уголь (%)', 'coal', numericColumnOptions), makeColumn('Уголь (%)', 'coal', numericColumnOptions),
makeColumn('Песок (%)', 'sand', numericColumnOptions), makeColumn('Песок (%)', 'sand', numericColumnOptions),
makeColumn('Глина (%)', 'clay', numericColumnOptions), makeColumn('Глина (%)', 'clay', numericColumnOptions),
@ -18,6 +21,8 @@ export const columnsMudDiagram = [
makeColumn('ЛБА бурового раствора', 'drillingMud', numericColumnOptions), makeColumn('ЛБА бурового раствора', 'drillingMud', numericColumnOptions),
makeColumn('ЛБА (шлама)', 'sludge', numericColumnOptions), makeColumn('ЛБА (шлама)', 'sludge', numericColumnOptions),
makeColumn('Сумма УВ мах. (абс%)', 'maxSum', numericColumnOptions), makeColumn('Сумма УВ мах. (абс%)', 'maxSum', numericColumnOptions),
],
[
makeColumn('С1 метан (отн%)', 'methane', numericColumnOptions), makeColumn('С1 метан (отн%)', 'methane', numericColumnOptions),
makeColumn('С2 этан (отн%)', 'ethane', numericColumnOptions), makeColumn('С2 этан (отн%)', 'ethane', numericColumnOptions),
makeColumn('С3 пропан (отн%)', 'propane', numericColumnOptions), makeColumn('С3 пропан (отн%)', 'propane', numericColumnOptions),
@ -25,6 +30,7 @@ export const columnsMudDiagram = [
makeColumn('С5 пентан (отн%)', 'pentane', numericColumnOptions), makeColumn('С5 пентан (отн%)', 'pentane', numericColumnOptions),
makeColumn('Мех. скорость', 'mechanicalSpeed', numericColumnOptions), makeColumn('Мех. скорость', 'mechanicalSpeed', numericColumnOptions),
makeColumn('Предварительное заключение о насыщении по ГК', 'preliminaryConclusion', textColumnOptions), makeColumn('Предварительное заключение о насыщении по ГК', 'preliminaryConclusion', textColumnOptions),
],
] ]
export const mudDiagramDefaultData = { export const mudDiagramDefaultData = {

View File

@ -2,23 +2,29 @@ import { makeColumn } from '@components/Table'
import { numericColumnOptions, textColumnOptions } from './columnsCommon' import { numericColumnOptions, textColumnOptions } from './columnsCommon'
export const columnsNnb = [ export const columnsNnb = [
[
makeColumn('Глубина по стволу, м', 'depth', textColumnOptions), makeColumn('Глубина по стволу, м', 'depth', textColumnOptions),
makeColumn('Зенитный угол, град', 'zenithAngle', numericColumnOptions), makeColumn('Зенитный угол, град', 'zenithAngle', numericColumnOptions),
makeColumn('Азимут магнитный, град', 'magneticAzimuth', numericColumnOptions), makeColumn('Азимут магнитный, град', 'magneticAzimuth', numericColumnOptions),
makeColumn('Азимут истинный, град', 'trueAzimuth', numericColumnOptions), makeColumn('Азимут истинный, град', 'trueAzimuth', numericColumnOptions),
makeColumn('Азимут дирекц., град', 'directAzimuth', numericColumnOptions), makeColumn('Азимут дирекц., град', 'directAzimuth', numericColumnOptions),
makeColumn('Глубина по вертикали, м', 'verticalDepth', numericColumnOptions), makeColumn('Глубина по вертикали, м', 'verticalDepth', numericColumnOptions),
],
[
makeColumn('Абсолютная отметка, м', 'absoluteMark', numericColumnOptions), makeColumn('Абсолютная отметка, м', 'absoluteMark', numericColumnOptions),
makeColumn('Лок. смещение к северу, м', 'localNorthOffset', numericColumnOptions), makeColumn('Лок. смещение к северу, м', 'localNorthOffset', numericColumnOptions),
makeColumn('Лок. смещение к востоку, м', 'localEastOffset', numericColumnOptions), makeColumn('Лок. смещение к востоку, м', 'localEastOffset', numericColumnOptions),
makeColumn('Отклонение от устья, м', 'outFallOffset', numericColumnOptions), makeColumn('Отклонение от устья, м', 'outFallOffset', numericColumnOptions),
makeColumn('Азимут смещения, град', 'offsetAzimuth', numericColumnOptions), makeColumn('Азимут смещения, град', 'offsetAzimuth', numericColumnOptions),
makeColumn('Пространст.\nинтенсивность, град/10 м', 'areaIntensity', numericColumnOptions), makeColumn('Пространст.\nинтенсивность, град/10 м', 'areaIntensity', numericColumnOptions),
],
[
makeColumn('Угол установки отклон., град', 'offsetStopAngle', numericColumnOptions), makeColumn('Угол установки отклон., град', 'offsetStopAngle', numericColumnOptions),
makeColumn('Интенсив. по зениту, град/10 м', 'zenithIntensity', numericColumnOptions), makeColumn('Интенсив. по зениту, град/10 м', 'zenithIntensity', numericColumnOptions),
makeColumn('Разница вертикальных глубин\nмежду планом и фактом', 'depthPlanFactDifference', numericColumnOptions), makeColumn('Разница вертикальных глубин\nмежду планом и фактом', 'depthPlanFactDifference', numericColumnOptions),
makeColumn('Расстояние в пространстве\nмежду планом и фактом', 'distancePlanFactDifference', numericColumnOptions), makeColumn('Расстояние в пространстве\nмежду планом и фактом', 'distancePlanFactDifference', numericColumnOptions),
makeColumn('Комментарий', 'comment', numericColumnOptions), makeColumn('Комментарий', 'comment', numericColumnOptions),
],
] ]
export const nnbDefaultData = { export const nnbDefaultData = {