From 4386672cf3c8b18e1762d90a8c08f33f9cd5a4c8 Mon Sep 17 00:00:00 2001 From: KharchenkoVV Date: Wed, 28 Jul 2021 17:59:16 +0500 Subject: [PATCH] CF2-40: Changed 'Last Data' tables --- src/components/CementFluid.jsx | 295 ++++++++++++++++-------- src/components/Nnb.jsx | 122 ++++++++++ src/components/NnbTable.jsx | 250 -------------------- src/components/Sludge.jsx | 383 ------------------------------- src/components/SludgeDiagram.jsx | 194 ++++++++++++++++ src/pages/LastData.jsx | 22 +- src/pages/Well.jsx | 2 +- src/styles/App.less | 16 ++ 8 files changed, 539 insertions(+), 745 deletions(-) create mode 100644 src/components/Nnb.jsx delete mode 100644 src/components/NnbTable.jsx delete mode 100644 src/components/Sludge.jsx create mode 100644 src/components/SludgeDiagram.jsx diff --git a/src/components/CementFluid.jsx b/src/components/CementFluid.jsx index 45fa840..55cd1d2 100644 --- a/src/components/CementFluid.jsx +++ b/src/components/CementFluid.jsx @@ -1,106 +1,201 @@ -let date = new Date().toLocaleString() +import {Table} from 'antd' + +const columns = [ + { + title: Наименование, + key: 'name', + dataIndex: 'name', + align: 'center', + render: (item) => {item} + }, + { + title: Температура, °C, + key: 'temperature', + dataIndex: 'temperature', + align: 'center' + }, + { + title: Плотность, г/см³, + key: 'density', + dataIndex: 'density', + align: 'center' + }, + { + title: Усл. вязкость, сек, + key: 'conditionalViscosity', + dataIndex: 'conditionalViscosity', + align: 'center' + }, + { + title: R300, + key: 'r300', + dataIndex: 'R300', + align: 'center' + }, + { + title: R600, + key: 'r600', + dataIndex: 'R600', + align: 'center' + }, + { + title: R3/R6, + key: 'r3r6', + dataIndex: 'r3/R6', + align: 'center' + }, + { + title: ДНС, дПа, + key: 'dnsDpa', + dataIndex: 'dnsDpa', + align: 'center' + }, + { + title: Пластич. вязкость, сПз, + key: 'plasticViscocity', + dataIndex: 'plasticViscocity', + align: 'center' + }, + { + title: СНС, дПа, + key: 'snsDpa', + dataIndex: 'snsDpa', + align: 'center' + }, + { + title: R3/R6 49С, + key: 'r3r649С', + dataIndex: 'r3/R649С', + align: 'center' + }, + { + title: ДНС 49С, дПа, + key: 'dns49Cdpa', + dataIndex: 'dns49Cdpa', + align: 'center' + }, + { + title: Пластич. вязкость 49С, сПз, + key: 'plasticViscocity49c', + dataIndex: 'plasticViscocity49c', + align: 'center' + }, + { + title: СНС 49С, дПа, + key: 'sns49Cdpa', + dataIndex: 'sns49Cdpa', + align: 'center' + }, + { + title: МВТ, кг/м³, + key: 'mbt', + dataIndex: 'mbt', + align: 'center' + }, + { + title: Песок, %, + key: 'sand', + dataIndex: 'sand', + align: 'center' + }, + { + title: Фильтрация, см³/30мин, + key: 'filter', + dataIndex: 'filter', + align: 'center' + }, + { + title: Корка, мм, + key: 'crust', + dataIndex: 'crust', + align: 'center' + }, + { + title: КТК, + key: 'ktk', + dataIndex: 'ktk', + align: 'center' + }, + { + title: pH, + key: 'ph', + dataIndex: 'ph', + align: 'center' + }, + { + title: Жесткость, мг/л, + key: 'hardness', + dataIndex: 'hardness', + align: 'center' + }, + { + title: Хлориды, мг/л, + key: 'chlorides', + dataIndex: 'chlorides', + align: 'center' + }, + { + title: Pf, + key: 'pf', + dataIndex: 'pf', + align: 'center' + }, + { + title: Mf, + key: 'mf', + dataIndex: 'mf', + align: 'center' + }, + { + title: Pm, + key: 'pm', + dataIndex: 'pm', + align: 'center' + }, + { + title: Твердая фаза раствора, %, + key: 'fluidSolidPhase', + dataIndex: 'fluidSolidPhase', + align: 'center' + }, + { + title: Смазка, %, + key: 'grease', + dataIndex: 'grease', + align: 'center' + }, + { + title: Карбонат кальция, кг/м³, + key: 'calciumCarbonate', + dataIndex: 'calciumCarbonate', + align: 'center' + } +]; + +const data = [ + { + key: '1', name: 'План', temperature: '', density: '', conditionalViscosity: '', r300: '', r600: '', r3r6: '', dnsDpa: '', plasticViscocity: '', + snsDpa: '', r3r649С: '', dns49Cdpa: '', plasticViscocity49c: '', sns49Cdpa: '', mbt: '', sand: '', filter: '', crust: '', ktk: '', ph: '', + hardness: '', chlorides: '', pf: '', mf: '', pm: '', fluidSolidPhase: '', grease: '', calciumCarbonate: '' + }, + { + key: '2', name: 'Факт', temperature: '', density: '', conditionalViscosity: '', r300: '', r600: '', r3r6: '', dnsDpa: '', plasticViscocity: '', + snsDpa: '', r3r649С: '', dns49Cdpa: '', plasticViscocity49c: '', sns49Cdpa: '', mbt: '', sand: '', filter: '', crust: '', ktk: '', ph: '', + hardness: '', chlorides: '', pf: '', mf: '', pm: '', fluidSolidPhase: '', grease: '', calciumCarbonate: '' + } +]; export function CementFluid() { return (<> - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- НаименованиеТемпература, °CПлотность, г/см³Усл. вязкость, секR300R600R3/R6ДНС, дПаПластич. вязкость, сПзСНС, дПаR3/R6 49СДНС 49С, дПаПластич. вязкость 49С, сПзСНС 49С, дПаМВТ, кг/м³Песок, %Фильтрация, см³/30минКорка, ммКТКрНЖесткость, мг/лХлориды, мг/лPfMfPmТвердая фаза раствора, %Смазка, %Карбонат кальция, кг/м³
План                           
Факт                           
-
 
-

{date}

+ +
 
+

{new Date().toLocaleDateString()}

) } \ No newline at end of file diff --git a/src/components/Nnb.jsx b/src/components/Nnb.jsx new file mode 100644 index 0000000..6dbd2d1 --- /dev/null +++ b/src/components/Nnb.jsx @@ -0,0 +1,122 @@ +import {Table} from 'antd' + +const columns = [ + { + title: 'Глубина по стволу, м', + key: 'depth', + dataIndex: 'depth', + align: 'center', + }, + { + title: 'Зенитный угол, град', + key: 'zenithAngle', + dataIndex: 'zenithAngle', + align: 'center' + }, + { + title: 'Азимут магнитный, град', + key: 'magneticAzimuth', + dataIndex: 'magneticAzimuth', + align: 'center' + }, + { + title: 'Азимут истинный, град', + key: 'trueAzimuth', + dataIndex: 'trueAzimuth', + align: 'center' + }, + { + title: 'Азимут дирекц., град', + key: 'directAzimuth', + dataIndex: 'directAzimuth', + align: 'center' + }, + { + title: 'Глубина по вертикали, м', + key: 'verticalDepth', + dataIndex: 'verticalDepth', + align: 'center' + }, + { + title: 'Абсолютная отметка, м', + key: 'absoluteMark', + dataIndex: 'absoluteMark', + align: 'center' + }, + { + title: 'Лок. смещение к северу, м', + key: 'localNorthOffset', + dataIndex: 'localNorthOffset', + align: 'center' + }, + { + title: 'Лок. смещение к востоку, м', + key: 'localEastOffset', + dataIndex: 'localEastOffset', + align: 'center' + }, + { + title: 'Отклонение от устья, м', + key: 'outFallOffset', + dataIndex: 'outFallOffset', + align: 'center' + }, + { + title: 'Азимут смещения, град', + key: 'offsetAzimuth', + dataIndex: 'offsetAzimuth', + align: 'center' + }, + { + title: 'Пространст. интенсивность, град/10 м', + key: 'areaIntensity', + dataIndex: 'areaIntensity', + align: 'center' + }, + { + title: 'Угол установки отклон., град', + key: 'offsetStopAngle', + dataIndex: 'offsetStopAngle', + align: 'center' + }, + { + title: 'Интенсив. по зениту, град/10 м', + key: 'zenithIntensity', + dataIndex: 'zenithIntensity', + align: 'center' + }, + { + title: 'Комментарий', + key: 'comment', + dataIndex: 'comment', + align: 'center' + }, + { + title: 'Разница вертикальных глубин между ХХХ (план) и ХХХ (факт)', + key: 'depthPlanFactDifference', + dataIndex: 'depthPlanFactDifference', + align: 'center' + }, + { + title: 'Расстояние в пространстве между ХХХ (план) и ХХХ (факт)', + key: 'distancePlanFactDifference', + dataIndex: 'distancePlanFactDifference', + align: 'center' + } +]; + +const data = [] + +export function Nnb() { + return (<> +
+
 
+

{new Date().toLocaleString()}

+ ) +} \ No newline at end of file diff --git a/src/components/NnbTable.jsx b/src/components/NnbTable.jsx deleted file mode 100644 index 978e7c6..0000000 --- a/src/components/NnbTable.jsx +++ /dev/null @@ -1,250 +0,0 @@ -let date = new Date().toLocaleString() - -export function NnbTable() { - return (<> -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Глубина по - стволу, мЗенитный - угол, градАзимут - магнитный, градАзимут - истинный, градАзимут - дирекц., градГлубина по - вертикали, мАбсолютная - отметка, мЛок. - смещение к северу, мЛок. - смещение к востоку, мОтклонение - от устья, мАзимут - смещения, градОтклонение - от устья, мПространст. - интенсивность, град/10 мУгол - установки отклон., градИнтенсив. - по зениту, град/10 мКомментарийРазница вертикальных глубин - между ХХХ (план) и ХХХ (факт)Расстояние в пространстве между - ХХХ (план) и ХХХ (факт)


















-
 
-

{date}

- ) -} \ No newline at end of file diff --git a/src/components/Sludge.jsx b/src/components/Sludge.jsx deleted file mode 100644 index 4705892..0000000 --- a/src/components/Sludge.jsx +++ /dev/null @@ -1,383 +0,0 @@ -let date = new Date().toLocaleString() - -export function Sludge() { - return (<> - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
N пробы - Глубина - отбора пробыЛитологияКраткое - описаниеЛБА - бурового раствора ЛБА - (шлама)Газопоказания - Мех. - скоростьПредварительное заключение о насыщении по ГК
Песчаник - (%) Алевролит - (%)Аргиллит - (%)Аргиллит - бит. (%)Уголь - (%)Песок - (%)Глина - (%)Известняк - (%)Цемент - (%)Сумма - УВ мах. (абс%) С1 - метан (отн%)С2 этан - (отн%)С3 - пропан (отн%)С4 - бутан (отн%)С5 - пентан (отн%)






















-
 
-

{date}

- - ) -} \ No newline at end of file diff --git a/src/components/SludgeDiagram.jsx b/src/components/SludgeDiagram.jsx new file mode 100644 index 0000000..6e99175 --- /dev/null +++ b/src/components/SludgeDiagram.jsx @@ -0,0 +1,194 @@ +import {Table} from 'antd' + +const columns = [ + { + title: 'N пробы', + key: 'probeNumber', + dataIndex: 'probeNumber', + align: 'center', + className: 'yellow-background' + }, + { + title: 'Глубина отбора пробы', + key: 'probeExtractionDepth', + dataIndex: 'probeExtractionDepth', + align: 'center', + className: 'yellow-background' + }, + { + title: 'Литология', + key: 'lithology', + dataIndex: 'lithology', + align: 'center', + className: 'yellow-background', + children: [ + { + title: 'Песчаник (%)', + key: 'sandstone', + dataIndex: 'sandstone', + align: 'center', + className: 'lightpurple-background' + }, + { + title: 'Алевролит (%)', + key: 'siltstone', + dataIndex: 'siltstone', + align: 'center', + className: 'lightpurple-background' + }, + { + title: 'Аргиллит (%)', + key: 'argillit', + dataIndex: 'argillit', + align: 'center', + className: 'lightpurple-background' + }, + { + title: 'Аргиллит бит. (%)', + key: 'brokenArgillit', + dataIndex: 'verticalDepth', + align: 'center', + className: 'lightpurple-background' + }, + { + title: 'Уголь (%)', + key: 'coal', + dataIndex: 'coal', + align: 'center', + className: 'lightpurple-background' + }, + { + title: 'Песок (%)', + key: 'sand', + dataIndex: 'sand', + align: 'center', + className: 'lightpurple-background' + }, + { + title: 'Глина (%)', + key: 'clay', + dataIndex: 'clay', + align: 'center', + className: 'lightpurple-background' + }, + { + title: 'Известняк (%)', + key: 'camstone', + dataIndex: 'camstone', + align: 'center', + className: 'lightpurple-background' + }, + { + title: 'Цемент (%)', + key: 'cement', + dataIndex: 'cement', + align: 'center', + className: 'lightpurple-background' + } + ] + }, + + { + title: 'Краткое описание', + key: 'summary', + dataIndex: 'summary', + align: 'center', + className: 'yellow-background' + }, + { + title: 'ЛБА бурового раствора', + key: 'drillingMud', + dataIndex: 'drillingMud', + align: 'center', + className: 'lightgray-background' + }, + { + title: 'ЛБА (шлама)', + key: 'sludge', + dataIndex: 'sludge', + align: 'center', + className: 'lightorange-background' + }, + { + title: 'Газопоказания', + key: 'gasIndications', + dataIndex: 'gasIndications', + align: 'center', + className: 'yellow-background', + children: [ + { + title: 'Сумма УВ мах. (абс%)', + key: 'maxSum', + dataIndex: 'maxSum', + align: 'center', + className: 'lightpurple-background' + }, + { + title: 'С1 метан (отн%)', + key: 'methane', + dataIndex: 'depthPlanFactDifference', + align: 'center', + className: 'lightpurple-background' + }, + { + title: 'С2 этан (отн%)', + key: 'ethan', + dataIndex: 'ethan', + align: 'center', + className: 'lightpurple-background' + }, + { + title: 'С3 пропан (отн%)', + key: 'propane', + dataIndex: 'propane', + align: 'center', + className: 'lightpurple-background' + }, + { + title: 'С4 бутан (отн%)', + key: 'butane', + dataIndex: 'butane', + align: 'center', + className: 'lightpurple-background' + }, + { + title: 'С5 пентан (отн%)', + key: 'pentane', + dataIndex: 'pentane', + align: 'center', + className: 'lightpurple-background' + } + ] + }, + { + title: 'Мех. скорость', + key: 'mechanicalSpeed', + dataIndex: 'mechanicalSpeed', + align: 'center', + className: 'yellow-background' + }, + { + title: 'Предварительное заключение о насыщении по ГК', + key: 'preliminaryConclusion', + dataIndex: 'preliminaryConclusion', + align: 'center', + className: 'lightorange-background' + } +]; + +const data = [] + +export function SludgeDiagram() { + return (<> + +
 
+

{new Date().toLocaleString()}

+ + ) +} \ No newline at end of file diff --git a/src/pages/LastData.jsx b/src/pages/LastData.jsx index 45f434c..11bf595 100644 --- a/src/pages/LastData.jsx +++ b/src/pages/LastData.jsx @@ -1,13 +1,13 @@ import {Button, Modal, Checkbox } from "antd"; import {CementFluid} from "../components/CementFluid"; import {useState} from "react"; -import {Sludge} from "../components/Sludge"; -import {NnbTable} from "../components/NnbTable" +import {SludgeDiagram} from "../components/SludgeDiagram"; +import {Nnb} from "../components/Nnb" import Disposition from "../components/Disposition"; export default function LastData() { - const [tableVisible, setTableVisible] = useState(false) + const [tableVisible, setCementTableVisible] = useState(false) const [tableSludgeVisible, setTableSludgeVisible] = useState(false) const [tableNNBVisible, setTableNNBVisible] = useState(false) const [dispositionVisible, setDispositionVisible] = useState(false) @@ -15,16 +15,16 @@ export default function LastData() { return ( <>
 
- setTableVisible(false)} - onCancel={() => setTableVisible(false)} - width={1800} + onOk={() => setCementTableVisible(false)} + onCancel={() => setCementTableVisible(false)} + width={2000} okText='Ок' cancelText='Отмена' > @@ -39,11 +39,11 @@ export default function LastData() { visible={tableSludgeVisible} onOk={() => setTableSludgeVisible(false)} onCancel={() => setTableSludgeVisible(false)} - width={1600} + width={2000} okText='Ок' cancelText='Отмена' > - +