Колонки исправлены и стилизованы

2021-11-17 12:10:33 +05:00 · 2021-11-17 12:10:33 +05:00 · 91e1abc0fc
commit 91e1abc0fc
parent a26cd7265e
4 changed files with 172 additions and 172 deletions
--- a/src/pages/Measure/columnsCommon.js
+++ b/src/pages/Measure/columnsCommon.js
@ -1,35 +1,36 @@
-import {RegExpIsFloat} from '../../components/Table'
+import React from 'react'
 import { Input } from 'antd'
+import { RegExpIsFloat } from '../../components/Table'

 const { TextArea } = Input

-// export const v = (text) => <div 
-//   style={{
-//     position: 'absolute',
-//     top: '0',
-//     left: '0',
-//     transform: 'rotate(-90deg)',
-//     transformOrigin: 'left',
-//     height:'000px',
-//     width:'400px'
-//   }}>
-//   {text}
-// </div>
+export const v = (text) => (
+  <div style={{
+    display: 'flex',
+    height: '180px',
+    justifyContent: 'center'
+  }}>
+    <span
+      style={{
+        whiteSpace: 'pre',
+        verticalAlign: 'center',
+        textAlign: 'center',

-// export const v = (text) => <div 
-//   style={{
-//     writingMode:'vertical-lr',
-//     textOrientation: 'mixed',
-//   }}>
-//   {text}
-// </div>
-
-export const v = (text) => text
+        WebkitTransform: 'rotate(-90deg)',
+        MozTransform: 'rotate(-90deg)',
+        MsTransform: 'rotate(-90deg)',
+        OTransform: 'rotate(-90deg)',
+        transform: 'rotate(-90deg)',
+      }}>
+      {text}
+    </span>
+  </div>
+)

 export const numericColumnOptions = {
  editable: true,
  initialValue: 0,
-  width:'4rem',
+  width: '3rem',
  formItemRules: [
    {
      required: true,
@ -42,10 +43,9 @@ export const numericColumnOptions = {
 export const textColumnOptions = {
  editable: true,
  input: <TextArea/>,
-  width:'20rem',
-  formItemRules: [
-    {
+  width: '3rem',
+  formItemRules: [{
    required: true,
    message: `Введите текст`
-    },
-  ],}
+  }],
+}
--- a/src/pages/Measure/drillingFluidData.js
+++ b/src/pages/Measure/drillingFluidData.js
@ -1,35 +1,35 @@
-import { makeColumn } from "../../components/Table";
-import {v, numericColumnOptions, textColumnOptions} from './columnsCommon'
+import { makeColumn } from '../../components/Table';
+import { numericColumnOptions, textColumnOptions } from './columnsCommon'

 export const columnsDrillingFluid = [
-  makeColumn("Наименование", "name", textColumnOptions),
-  makeColumn(v("Температура, °C"), "temperature",numericColumnOptions),
-  makeColumn(v("Плотность, г/см³"), "density",numericColumnOptions),
-  makeColumn(v("Усл. вязкость, сек"), "conditionalViscosity",numericColumnOptions),
-  makeColumn(v("R300"), "r300",numericColumnOptions),
-  makeColumn(v("R600"), "r600",numericColumnOptions),
-  makeColumn(v("R3/R6"), "r3r6",numericColumnOptions),
-  makeColumn(v("ДНС, дПа"), "dnsDpa",numericColumnOptions),
-  makeColumn(v("Пластич. вязкость, сПз"), "plasticViscocity",numericColumnOptions),
-  makeColumn(v("СНС, дПа"), "snsDpa",numericColumnOptions),
-  makeColumn(v("R3/R6 49С"), "r3r649С",numericColumnOptions),
-  makeColumn(v("ДНС 49С, дПа"), "dns49Cdpa",numericColumnOptions),
-  makeColumn(v("Пластич. вязкость 49С, сПз"), "plasticViscocity49c",numericColumnOptions),
-  makeColumn(v("СНС 49С, дПа"), "sns49Cdpa",numericColumnOptions),
-  makeColumn(v("МВТ, кг/м³"), "mbt",numericColumnOptions),
-  makeColumn(v("Песок, %"), "sand",numericColumnOptions),
-  makeColumn(v("Фильтрация, см³/30мин"), "filtering",numericColumnOptions),
-  makeColumn(v("Корка, мм"), "crust",numericColumnOptions),
-  makeColumn(v("KTK"), "ktk",numericColumnOptions),
-  makeColumn(v("pH"), "ph",numericColumnOptions),
-  makeColumn(v("Жесткость, мг/л"), "hardness",numericColumnOptions),
-  makeColumn(v("Хлориды, мг/л"), "chlorides",numericColumnOptions),
-  makeColumn(v("PF"), "pf",numericColumnOptions),
-  makeColumn(v("Mf"), "mf",numericColumnOptions),
-  makeColumn(v("Pm"), "pm",numericColumnOptions),
-  makeColumn(v("Твердая фаза раствора, %"), "fluidSolidPhase",numericColumnOptions),
-  makeColumn(v("Смазка, %"), "grease",numericColumnOptions),
-  makeColumn(v("Карбонат кальция, кг/м³"), "calciumCarbonate",numericColumnOptions),
+  makeColumn('Наименование', 'name', textColumnOptions),
+  makeColumn('Температура, °C', 'temperature',numericColumnOptions),
+  makeColumn('Плотность, г/см³', 'density',numericColumnOptions),
+  makeColumn('Усл. вязкость, сек', 'conditionalViscosity',numericColumnOptions),
+  makeColumn('R300', 'r300',numericColumnOptions),
+  makeColumn('R600', 'r600',numericColumnOptions),
+  makeColumn('R3/R6', 'r3r6',numericColumnOptions),
+  makeColumn('ДНС, дПа', 'dnsDpa',numericColumnOptions),
+  makeColumn('Пластич. вязкость, сПз', 'plasticViscocity',numericColumnOptions),
+  makeColumn('СНС, дПа', 'snsDpa',numericColumnOptions),
+  makeColumn('R3/R6 49С', 'r3r649С',numericColumnOptions),
+  makeColumn('ДНС 49С, дПа', 'dns49Cdpa',numericColumnOptions),
+  makeColumn('Пластич. вязкость 49С, сПз', 'plasticViscocity49c',numericColumnOptions),
+  makeColumn('СНС 49С, дПа', 'sns49Cdpa',numericColumnOptions),
+  makeColumn('МВТ, кг/м³', 'mbt',numericColumnOptions),
+  makeColumn('Песок, %', 'sand',numericColumnOptions),
+  makeColumn('Фильтрация, см³/30мин', 'filtering',numericColumnOptions),
+  makeColumn('Корка, мм', 'crust',numericColumnOptions),
+  makeColumn('KTK', 'ktk',numericColumnOptions),
+  makeColumn('pH', 'ph',numericColumnOptions),
+  makeColumn('Жесткость, мг/л', 'hardness',numericColumnOptions),
+  makeColumn('Хлориды, мг/л', 'chlorides',numericColumnOptions),
+  makeColumn('PF', 'pf',numericColumnOptions),
+  makeColumn('Mf', 'mf',numericColumnOptions),
+  makeColumn('Pm', 'pm',numericColumnOptions),
+  makeColumn('Твердая фаза раствора, %', 'fluidSolidPhase',numericColumnOptions),
+  makeColumn('Смазка, %', 'grease',numericColumnOptions),
+  makeColumn('Карбонат кальция, кг/м³', 'calciumCarbonate',numericColumnOptions),
 ];

 export const drillingFluidDefaultData = {
@ -38,33 +38,33 @@ export const drillingFluidDefaultData = {
  idCategory: 0,
  isDefaultData: true,
  data: {
-    "name": 0,
-    "temperature": 0,
-    "density": 0,
-    "conditionalViscosity": 0,
-    "r300": 0,
-    "r600": 0,
-    "r3r6": 0,
-    "dnsDpa": 0,
-    "plasticViscocity": 0,
-    "snsDpa": 0,
-    "r3r649С": 0,
-    "dns49Cdpa": 0,
-    "plasticViscocity49c": 0,
-    "sns49Cdpa": 0,
-    "mbt": 0,
-    "sand": 0,
-    "filtering": 0,
-    "crust": 0,
-    "ktk": 0,
-    "ph": 0,
-    "hardness": 0,
-    "chlorides": 0,
-    "pf": 0,
-    "mf": 0,
-    "pm": 0,
-    "fluidSolidPhase": 0,
-    "grease": 0,
-    "calciumCarbonate": 0
+    'name': 0,
+    'temperature': 0,
+    'density': 0,
+    'conditionalViscosity': 0,
+    'r300': 0,
+    'r600': 0,
+    'r3r6': 0,
+    'dnsDpa': 0,
+    'plasticViscocity': 0,
+    'snsDpa': 0,
+    'r3r649С': 0,
+    'dns49Cdpa': 0,
+    'plasticViscocity49c': 0,
+    'sns49Cdpa': 0,
+    'mbt': 0,
+    'sand': 0,
+    'filtering': 0,
+    'crust': 0,
+    'ktk': 0,
+    'ph': 0,
+    'hardness': 0,
+    'chlorides': 0,
+    'pf': 0,
+    'mf': 0,
+    'pm': 0,
+    'fluidSolidPhase': 0,
+    'grease': 0,
+    'calciumCarbonate': 0
  }
 }
--- a/src/pages/Measure/mudDiagramData.js
+++ b/src/pages/Measure/mudDiagramData.js
@ -1,28 +1,28 @@
 import { makeColumn } from '../../components/Table'
-import {v, numericColumnOptions, textColumnOptions} from './columnsCommon'
+import { numericColumnOptions, textColumnOptions } from './columnsCommon'

 export const columnsMudDiagram = [
-  makeColumn(v('N пробы'), 'probeNumber', numericColumnOptions),
-  makeColumn(v('Глубина отбора пробы'), 'probeExtractionDepth', numericColumnOptions),
-  makeColumn(v('Песчаник (%)'), 'sandstone', numericColumnOptions),
-  makeColumn(v('Алевролит (%)'), 'siltstone', numericColumnOptions),
-  makeColumn(v('Аргиллит (%)'), 'argillit', numericColumnOptions),
-  makeColumn(v('Аргиллит бит. (%)'), 'brokenArgillit', numericColumnOptions),
-  makeColumn(v('Уголь (%)'), 'coal', numericColumnOptions),
-  makeColumn(v('Песок (%)'), 'sand', numericColumnOptions),
-  makeColumn(v('Глина (%)'), 'clay', numericColumnOptions),
-  makeColumn(v('Известняк (%)'), 'camstone', numericColumnOptions),
-  makeColumn(v('Цемент (%)'), 'cement', numericColumnOptions),
+  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),
+  makeColumn('Известняк (%)', 'camstone', numericColumnOptions),
+  makeColumn('Цемент (%)', 'cement', numericColumnOptions),
  makeColumn('Краткое описание', 'summary', textColumnOptions),
-  makeColumn(v('ЛБА бурового раствора'), 'drillingMud', numericColumnOptions),
-  makeColumn(v('ЛБА (шлама)'), 'sludge', numericColumnOptions),
-  makeColumn(v('Сумма УВ мах. (абс%)'), 'maxSum', numericColumnOptions),
-  makeColumn(v('С1 метан (отн%)'), 'methane', numericColumnOptions),
-  makeColumn(v('С2 этан (отн%)'), 'ethane', numericColumnOptions),
-  makeColumn(v('С3 пропан (отн%)'), 'propane', numericColumnOptions),
-  makeColumn(v('С4 бутан (отн%)'), 'butane', numericColumnOptions),
-  makeColumn(v('С5 пентан (отн%)'), 'pentane', numericColumnOptions),
-  makeColumn(v('Мех. скорость'), 'mechanicalSpeed', numericColumnOptions),
+  makeColumn('ЛБА бурового раствора', 'drillingMud', numericColumnOptions),
+  makeColumn('ЛБА (шлама)', 'sludge', numericColumnOptions),
+  makeColumn('Сумма УВ мах. (абс%)', 'maxSum', numericColumnOptions),
+  makeColumn('С1 метан (отн%)', 'methane', numericColumnOptions),
+  makeColumn('С2 этан (отн%)', 'ethane', numericColumnOptions),
+  makeColumn('С3 пропан (отн%)', 'propane', numericColumnOptions),
+  makeColumn('С4 бутан (отн%)', 'butane', numericColumnOptions),
+  makeColumn('С5 пентан (отн%)', 'pentane', numericColumnOptions),
+  makeColumn('Мех. скорость', 'mechanicalSpeed', numericColumnOptions),
  makeColumn('Предварительное заключение о насыщении по ГК', 'preliminaryConclusion', textColumnOptions),
 ]

@ -32,27 +32,27 @@ export const mudDiagramDefaultData = {
  idCategory: 0,
  isDefaultData: true,
  data: {
-    "probeNumber": 0,
-    "probeExtractionDepth": 0,
-    "sandstone": 0,
-    "siltstone": 0,
-    "argillit": 0,
-    "brokenArgillit": 0,
-    "coal": 0,
-    "sand": 0,
-    "clay": 0,
-    "camstone": 0,
-    "cement": 0,
-    "summary": '-',
-    "drillingMud": 0,
-    "sludge": 0,
-    "maxSum": 0,
-    "methane": 0,
-    "ethane": 0,
-    "propane": 0,
-    "butane": 0,
-    "pentane": 0,
-    "mechanicalSpeed": 0,
-    "preliminaryConclusion": '-'
+    'probeNumber': 0,
+    'probeExtractionDepth': 0,
+    'sandstone': 0,
+    'siltstone': 0,
+    'argillit': 0,
+    'brokenArgillit': 0,
+    'coal': 0,
+    'sand': 0,
+    'clay': 0,
+    'camstone': 0,
+    'cement': 0,
+    'summary': '-',
+    'drillingMud': 0,
+    'sludge': 0,
+    'maxSum': 0,
+    'methane': 0,
+    'ethane': 0,
+    'propane': 0,
+    'butane': 0,
+    'pentane': 0,
+    'mechanicalSpeed': 0,
+    'preliminaryConclusion': '-'
  }
 }
--- a/src/pages/Measure/nnbData.js
+++ b/src/pages/Measure/nnbData.js
@ -1,24 +1,24 @@
 import { makeColumn } from '../../components/Table'
-import {v, numericColumnOptions, textColumnOptions} from './columnsCommon'
+import { numericColumnOptions, textColumnOptions } from './columnsCommon'

 export const columnsNnb = [
  makeColumn('Глубина по стволу, м', 'depth', textColumnOptions),
-  makeColumn(v('Зенитный угол, град'), 'zenithAngle', numericColumnOptions),
-  makeColumn(v('Азимут магнитный, град'), 'magneticAzimuth', numericColumnOptions),
-  makeColumn(v('Азимут истинный, град'), 'trueAzimuth', numericColumnOptions),
-  makeColumn(v('Азимут дирекц., град'), 'directAzimuth', numericColumnOptions),
-  makeColumn(v('Глубина по вертикали, м'), 'verticalDepth', numericColumnOptions),
-  makeColumn(v('Абсолютная отметка, м'), 'absoluteMark', numericColumnOptions),
-  makeColumn(v('Лок. смещение к северу, м'), 'localNorthOffset', numericColumnOptions),
-  makeColumn(v('Лок. смещение к востоку, м'), 'localEastOffset', numericColumnOptions),
-  makeColumn(v('Отклонение от устья, м'), 'outFallOffset', numericColumnOptions),
-  makeColumn(v('Азимут смещения, град'), 'offsetAzimuth', numericColumnOptions),
-  makeColumn(v('Пространст. интенсивность, град/10 м'), 'areaIntensity', numericColumnOptions),
-  makeColumn(v('Угол установки отклон., град'), 'offsetStopAngle', numericColumnOptions),
-  makeColumn(v('Интенсив. по зениту, град/10 м'), 'zenithIntensity', numericColumnOptions),
-  makeColumn(v('Комментарий'), 'comment', numericColumnOptions),
-  makeColumn(v('Разница вертикальных глубин\nмежду планом и фактом'), 'depthPlanFactDifference', numericColumnOptions),
-  makeColumn(v('Расстояние в пространстве\nмежду планом и фактом'), 'distancePlanFactDifference', numericColumnOptions),
+  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),
 ];

 export const nnbDefaultData = {
@ -27,22 +27,22 @@ export const nnbDefaultData = {
  idCategory: 0,
  isDefaultData: true,
  data: {
-    "depth": 0,
-    "zenithAngle": 0,
-    "magneticAzimuth": 0,
-    "trueAzimuth": 0,
-    "directAzimuth": 0,
-    "verticalDepth": 0,
-    "absoluteMark": 0,
-    "localNorthOffset": 0,
-    "localEastOffset": 0,
-    "outFallOffset": 0,
-    "offsetAzimuth": 0,
-    "areaIntensity": '-',
-    "offsetStopAngle": 0,
-    "zenithIntensity": 0,
-    "comment": '-',
-    "depthPlanFactDifference": 0,
-    "distancePlanFactDifference": 0
+    'depth': 0,
+    'zenithAngle': 0,
+    'magneticAzimuth': 0,
+    'trueAzimuth': 0,
+    'directAzimuth': 0,
+    'verticalDepth': 0,
+    'absoluteMark': 0,
+    'localNorthOffset': 0,
+    'localEastOffset': 0,
+    'outFallOffset': 0,
+    'offsetAzimuth': 0,
+    'areaIntensity': '-',
+    'offsetStopAngle': 0,
+    'zenithIntensity': 0,
+    'comment': '-',
+    'depthPlanFactDifference': 0,
+    'distancePlanFactDifference': 0
  }
 }