Merged in feature/rearranging-rows-in-dimensions-tab (pull request #6)

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

Approved-by: Александр Васильевич Сироткин

src/pages/Measure/MeasureTable.jsx

@@ -21,7 +21,7 @@ import '@styles/index.css'
 import '@styles/measure.css'
 
 const createEditingColumns = (cols, renderDelegate) =>
-  cols.map(col => ({ render: renderDelegate, ...col }))
+  cols.map(col => col.map(col => ({ render: renderDelegate, ...col })))
 
 const disabled = !hasPermission('Measure.edit')
 
@@ -134,7 +134,7 @@ export const MeasureTable = memo(({ group, updateMeasuresFunc, additionalButtons
             </div>
           </div>
 
-          <div className={'measure-dates mt-20px'}>
+          <div className={'measure-dates mt-20px p-10'}>
             <Timeline className={'mt-12px ml-10px'}>
               {data.map((item, index) => (
                 <Timeline.Item

src/pages/Measure/View.jsx

@@ -6,18 +6,18 @@ import { Grid, GridItem } from '@components/Grid'
 import '@styles/index.css'
 import '@styles/measure.css'
 
-const colsCount = 3
-
 export const View = memo(({ columns, item }) => !item || !columns?.length ? (
   <Empty key={'empty'} image={Empty.PRESENTED_IMAGE_SIMPLE} />
 ) : (
   <Grid>
-    {columns.map((column, i) => (
-      <Fragment key={i}>
+    {columns.map((cols, i) => {
+      const columnPosition = 1 + i * 2
+      return cols.map((column, j) => (
+        <Fragment key={column.key}>
           <GridItem
             key={column.dataIndex}
-          row={Math.floor(i / colsCount) + 1}
-          col={(i % colsCount) * 2 + 1}
+            row={j + 1}
+            col={columnPosition}
             className={'measure-column-header'}
           >
             {column.title}
@@ -25,8 +25,8 @@ export const View = memo(({ columns, item }) => !item || !columns?.length ? (
 
           <GridItem
             key={column.title}
-          row={Math.floor(i / colsCount) + 1}
-          col={(i % colsCount) * 2 + 2}
+            row={j + 1}
+            col={columnPosition + 1}
             className={'measure-column-value'}
             style={{ padding: 0 }}
           >
@@ -45,6 +45,7 @@ export const View = memo(({ columns, item }) => !item || !columns?.length ? (
             )}
           </GridItem>
         </Fragment>
-    ))}
+      ))
+    }).flat()}
   </Grid>
 ))

src/pages/Measure/drillingFluidData.js

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

src/pages/Measure/mudDiagramData.js

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

src/pages/Measure/nnbData.js

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