forked from CITKParus/P8-Panels
ЦИТК-808, ЦИТК-806 - адаптация под PG, функционал "анализ отклонений" в панели "Производственная программа"
ЦИТК-808 - Обеспечение конвертации в ПГ
This commit is contained in:
commit
dfe0bed7c4
251
app/panels/mech_rec_cost_prod_plans/datagrids/backend_dg.js
Normal file
251
app/panels/mech_rec_cost_prod_plans/datagrids/backend_dg.js
Normal file
@ -0,0 +1,251 @@
|
||||
//---------------------
|
||||
//Подключение библиотек
|
||||
//---------------------
|
||||
|
||||
import { useState, useCallback, useEffect, useContext } from "react";
|
||||
import { BackEndСtx } from "../../../context/backend"; //Контекст взаимодействия с сервером
|
||||
import { object2Base64XML, formatDateRF } from "../../../core/utils"; //Вспомогательные функции
|
||||
|
||||
//---------
|
||||
//Константы
|
||||
//---------
|
||||
|
||||
//Размер страницы данных
|
||||
const DATA_GRID_PAGE_SIZE = 10;
|
||||
|
||||
//-----------
|
||||
//Тело модуля
|
||||
//-----------
|
||||
|
||||
//Хук для таблицы маршрутных листов
|
||||
const useCostRouteLists = (task, taskType) => {
|
||||
//Собственное состояние - таблица данных
|
||||
const [costRouteLists, setCostRouteLists] = useState({
|
||||
dataLoaded: false,
|
||||
columnsDef: [],
|
||||
orders: null,
|
||||
rows: [],
|
||||
reload: true,
|
||||
pageNumber: 1,
|
||||
morePages: true,
|
||||
quantPlanSum: 0,
|
||||
uniqueNomns: []
|
||||
});
|
||||
|
||||
//Подключение к контексту взаимодействия с сервером
|
||||
const { executeStored, SERV_DATA_TYPE_CLOB } = useContext(BackEndСtx);
|
||||
|
||||
//Загрузка данных таблицы с сервера
|
||||
const loadData = useCallback(async () => {
|
||||
if (costRouteLists.reload) {
|
||||
const data = await executeStored({
|
||||
stored: "PKG_P8PANELS_MECHREC.FCROUTLST_DG_GET",
|
||||
args: {
|
||||
NFCPRODPLANSP: task,
|
||||
NTYPE: taskType,
|
||||
CORDERS: { VALUE: object2Base64XML(costRouteLists.orders, { arrayNodeName: "orders" }), SDATA_TYPE: SERV_DATA_TYPE_CLOB },
|
||||
NPAGE_NUMBER: costRouteLists.pageNumber,
|
||||
NPAGE_SIZE: DATA_GRID_PAGE_SIZE,
|
||||
NINCLUDE_DEF: costRouteLists.dataLoaded ? 0 : 1
|
||||
},
|
||||
attributeValueProcessor: (name, val) => (["DEXEC_DATE", "DREL_DATE"].includes(name) ? formatDateRF(val) : val),
|
||||
respArg: "COUT"
|
||||
});
|
||||
setCostRouteLists(pv => ({
|
||||
...pv,
|
||||
columnsDef: data.XCOLUMNS_DEF ? [...data.XCOLUMNS_DEF] : pv.columnsDef,
|
||||
rows: pv.pageNumber == 1 ? [...(data.XROWS || [])] : [...pv.rows, ...(data.XROWS || [])],
|
||||
dataLoaded: true,
|
||||
reload: false,
|
||||
morePages: (data.XROWS || []).length >= DATA_GRID_PAGE_SIZE,
|
||||
quantPlanSum: data.XROWS ? data.XROWS.reduce((a, b) => a + b["NQUANT_PLAN"], 0) : 0,
|
||||
uniqueNomns: data.XROWS
|
||||
? data.XROWS.reduce((accumulator, current) => {
|
||||
if (!accumulator.find(item => item.SMATRES_PLAN_NOMEN === current.SMATRES_PLAN_NOMEN)) {
|
||||
accumulator.push(current);
|
||||
}
|
||||
return accumulator;
|
||||
}, [])
|
||||
: []
|
||||
}));
|
||||
}
|
||||
// eslint-disable-next-line react-hooks/exhaustive-deps
|
||||
}, [
|
||||
costRouteLists.reload,
|
||||
costRouteLists.filters,
|
||||
costRouteLists.orders,
|
||||
costRouteLists.dataLoaded,
|
||||
costRouteLists.pageNumber,
|
||||
executeStored,
|
||||
SERV_DATA_TYPE_CLOB
|
||||
]);
|
||||
|
||||
//При необходимости обновить данные таблицы
|
||||
useEffect(() => {
|
||||
loadData();
|
||||
}, [costRouteLists.reload, loadData]);
|
||||
|
||||
return [costRouteLists, setCostRouteLists];
|
||||
};
|
||||
|
||||
//Хук для таблицы приходов из подразделений
|
||||
const useIncomFromDeps = (task, taskType) => {
|
||||
//Собственное состояние - таблица данных
|
||||
const [incomFromDeps, setIncomFromDeps] = useState({
|
||||
dataLoaded: false,
|
||||
columnsDef: [],
|
||||
orders: null,
|
||||
rows: [],
|
||||
reload: true,
|
||||
pageNumber: 1,
|
||||
morePages: true
|
||||
});
|
||||
|
||||
//Подключение к контексту взаимодействия с сервером
|
||||
const { executeStored, SERV_DATA_TYPE_CLOB } = useContext(BackEndСtx);
|
||||
|
||||
//Загрузка данных таблицы с сервера
|
||||
const loadData = useCallback(async () => {
|
||||
if (incomFromDeps.reload) {
|
||||
const data = await executeStored({
|
||||
stored: "PKG_P8PANELS_MECHREC.INCOMEFROMDEPS_DG_GET",
|
||||
args: {
|
||||
NFCPRODPLANSP: task,
|
||||
NTYPE: taskType,
|
||||
CORDERS: { VALUE: object2Base64XML(incomFromDeps.orders, { arrayNodeName: "orders" }), SDATA_TYPE: SERV_DATA_TYPE_CLOB },
|
||||
NPAGE_NUMBER: incomFromDeps.pageNumber,
|
||||
NPAGE_SIZE: DATA_GRID_PAGE_SIZE,
|
||||
NINCLUDE_DEF: incomFromDeps.dataLoaded ? 0 : 1
|
||||
},
|
||||
attributeValueProcessor: (name, val) => (["DWORK_DATE"].includes(name) ? formatDateRF(val) : val),
|
||||
respArg: "COUT"
|
||||
});
|
||||
setIncomFromDeps(pv => ({
|
||||
...pv,
|
||||
columnsDef: data.XCOLUMNS_DEF ? [...data.XCOLUMNS_DEF] : pv.columnsDef,
|
||||
rows: pv.pageNumber == 1 ? [...(data.XROWS || [])] : [...pv.rows, ...(data.XROWS || [])],
|
||||
dataLoaded: true,
|
||||
reload: false,
|
||||
morePages: (data.XROWS || []).length >= DATA_GRID_PAGE_SIZE
|
||||
}));
|
||||
}
|
||||
// eslint-disable-next-line react-hooks/exhaustive-deps
|
||||
}, [incomFromDeps.reload, incomFromDeps.orders, incomFromDeps.dataLoaded, incomFromDeps.pageNumber, executeStored, SERV_DATA_TYPE_CLOB]);
|
||||
|
||||
//При необходимости обновить данные таблицы
|
||||
useEffect(() => {
|
||||
loadData();
|
||||
}, [incomFromDeps.reload, loadData]);
|
||||
|
||||
return [incomFromDeps, setIncomFromDeps];
|
||||
};
|
||||
|
||||
//Хук для таблицы товарных запасов
|
||||
const useGoodsParties = mainRowRN => {
|
||||
//Собственное состояние - таблица данных
|
||||
const [goodsParties, setGoodsParties] = useState({
|
||||
dataLoaded: false,
|
||||
columnsDef: [],
|
||||
orders: null,
|
||||
rows: [],
|
||||
reload: true,
|
||||
pageNumber: 1,
|
||||
morePages: true
|
||||
});
|
||||
|
||||
//Подключение к контексту взаимодействия с сервером
|
||||
const { executeStored, SERV_DATA_TYPE_CLOB } = useContext(BackEndСtx);
|
||||
|
||||
//Загрузка данных таблицы с сервера
|
||||
const loadData = useCallback(async () => {
|
||||
if (goodsParties.reload) {
|
||||
const data = await executeStored({
|
||||
stored: "PKG_P8PANELS_MECHREC.GOODSPARTIES_DG_GET",
|
||||
args: {
|
||||
NFCROUTLST: mainRowRN,
|
||||
CORDERS: { VALUE: object2Base64XML(goodsParties.orders, { arrayNodeName: "orders" }), SDATA_TYPE: SERV_DATA_TYPE_CLOB },
|
||||
NPAGE_NUMBER: goodsParties.pageNumber,
|
||||
NPAGE_SIZE: DATA_GRID_PAGE_SIZE,
|
||||
NINCLUDE_DEF: goodsParties.dataLoaded ? 0 : 1
|
||||
},
|
||||
respArg: "COUT"
|
||||
});
|
||||
setGoodsParties(pv => ({
|
||||
...pv,
|
||||
columnsDef: data.XCOLUMNS_DEF ? [...data.XCOLUMNS_DEF] : pv.columnsDef,
|
||||
rows: pv.pageNumber == 1 ? [...(data.XROWS || [])] : [...pv.rows, ...(data.XROWS || [])],
|
||||
dataLoaded: true,
|
||||
reload: false,
|
||||
morePages: (data.XROWS || []).length >= DATA_GRID_PAGE_SIZE
|
||||
}));
|
||||
}
|
||||
// eslint-disable-next-line react-hooks/exhaustive-deps
|
||||
}, [goodsParties.reload, goodsParties.orders, goodsParties.dataLoaded, goodsParties.pageNumber, executeStored, SERV_DATA_TYPE_CLOB]);
|
||||
|
||||
//При необходимости обновить данные таблицы
|
||||
useEffect(() => {
|
||||
loadData();
|
||||
}, [goodsParties.reload, loadData]);
|
||||
|
||||
return [goodsParties, setGoodsParties];
|
||||
};
|
||||
|
||||
//Хук для таблицы строк комплектации
|
||||
const useCostDeliveryLists = mainRowRN => {
|
||||
//Собственное состояние - таблица данных
|
||||
const [costDeliveryLists, setCostDeliveryLists] = useState({
|
||||
dataLoaded: false,
|
||||
columnsDef: [],
|
||||
orders: null,
|
||||
rows: [],
|
||||
reload: true,
|
||||
pageNumber: 1,
|
||||
morePages: true
|
||||
});
|
||||
|
||||
//Подключение к контексту взаимодействия с сервером
|
||||
const { executeStored, SERV_DATA_TYPE_CLOB } = useContext(BackEndСtx);
|
||||
|
||||
//Загрузка данных таблицы строк комплектации с сервера
|
||||
const loadData = useCallback(async () => {
|
||||
if (costDeliveryLists.reload) {
|
||||
const data = await executeStored({
|
||||
stored: "PKG_P8PANELS_MECHREC.FCDELIVERYLISTSP_DG_GET",
|
||||
args: {
|
||||
NFCROUTLST: mainRowRN,
|
||||
CORDERS: { VALUE: object2Base64XML(costDeliveryLists.orders, { arrayNodeName: "orders" }), SDATA_TYPE: SERV_DATA_TYPE_CLOB },
|
||||
NPAGE_NUMBER: costDeliveryLists.pageNumber,
|
||||
NPAGE_SIZE: DATA_GRID_PAGE_SIZE,
|
||||
NINCLUDE_DEF: costDeliveryLists.dataLoaded ? 0 : 1
|
||||
},
|
||||
attributeValueProcessor: (name, val) => (name === "DRES_DATE_TO" ? formatDateRF(val) : val),
|
||||
respArg: "COUT"
|
||||
});
|
||||
setCostDeliveryLists(pv => ({
|
||||
...pv,
|
||||
columnsDef: data.XCOLUMNS_DEF ? [...data.XCOLUMNS_DEF] : pv.columnsDef,
|
||||
rows: pv.pageNumber == 1 ? [...(data.XROWS || [])] : [...pv.rows, ...(data.XROWS || [])],
|
||||
dataLoaded: true,
|
||||
reload: false,
|
||||
morePages: (data.XROWS || []).length >= DATA_GRID_PAGE_SIZE
|
||||
}));
|
||||
}
|
||||
// eslint-disable-next-line react-hooks/exhaustive-deps
|
||||
}, [
|
||||
costDeliveryLists.reload,
|
||||
costDeliveryLists.orders,
|
||||
costDeliveryLists.dataLoaded,
|
||||
costDeliveryLists.pageNumber,
|
||||
executeStored,
|
||||
SERV_DATA_TYPE_CLOB
|
||||
]);
|
||||
|
||||
//При необходимости обновить данные таблицы
|
||||
useEffect(() => {
|
||||
loadData();
|
||||
}, [costDeliveryLists.reload, loadData]);
|
||||
|
||||
return [costDeliveryLists, setCostDeliveryLists];
|
||||
};
|
||||
|
||||
export { useCostRouteLists, useIncomFromDeps, useGoodsParties, useCostDeliveryLists };
|
@ -0,0 +1,90 @@
|
||||
/*
|
||||
Парус 8 - Панели мониторинга - ПУП - Производственная программа
|
||||
Компонент панели: Таблица строк комплектации
|
||||
*/
|
||||
|
||||
//---------------------
|
||||
//Подключение библиотек
|
||||
//---------------------
|
||||
|
||||
import React from "react"; //Классы React
|
||||
import PropTypes from "prop-types"; //Контроль свойств компонента
|
||||
import { Typography } from "@mui/material"; //Интерфейсные элементы
|
||||
import { P8PDataGrid, P8P_DATA_GRID_SIZE } from "../../../components/p8p_data_grid"; //Таблица данных
|
||||
import { P8P_DATA_GRID_CONFIG_PROPS } from "../../../config_wrapper"; //Подключение компонентов к настройкам приложения
|
||||
import { useCostDeliveryLists } from "./backend_dg"; //Собственные хуки таблиц
|
||||
|
||||
//---------
|
||||
//Константы
|
||||
//---------
|
||||
|
||||
//Стили
|
||||
const STYLES = {
|
||||
CONTAINER: { margin: "5px 0px", textAlign: "center" }
|
||||
};
|
||||
|
||||
//------------------------------------
|
||||
//Вспомогательные функции и компоненты
|
||||
//------------------------------------
|
||||
|
||||
//Генерация заливки строки исходя от значений
|
||||
const dataCellRender = ({ row, columnDef }) => {
|
||||
//Если "Количество план" равно или меньше "Остаток"
|
||||
if (row["NQUANT_PLAN"] <= row["NREST"]) {
|
||||
return {
|
||||
cellStyle: { backgroundColor: "lightblue" },
|
||||
data: row[columnDef]
|
||||
};
|
||||
} else {
|
||||
return {
|
||||
data: row[columnDef]
|
||||
};
|
||||
}
|
||||
};
|
||||
|
||||
//-----------
|
||||
//Тело модуля
|
||||
//-----------
|
||||
|
||||
//Таблица строк комплектации
|
||||
const CostDeliveryListsDataGrid = ({ mainRowRN }) => {
|
||||
//Собственное состояние - таблица данных
|
||||
const [costDeliveryLists, setCostDeliveryLists] = useCostDeliveryLists(mainRowRN);
|
||||
|
||||
//При изменении состояния сортировки
|
||||
const handleOrderChanged = ({ orders }) => setCostDeliveryLists(pv => ({ ...pv, orders: [...orders], pageNumber: 1, reload: true }));
|
||||
|
||||
//При изменении количества отображаемых страниц
|
||||
const handlePagesCountChanged = () => setCostDeliveryLists(pv => ({ ...pv, pageNumber: pv.pageNumber + 1, reload: true }));
|
||||
|
||||
//Генерация содержимого
|
||||
return (
|
||||
<div style={STYLES.CONTAINER}>
|
||||
<Typography variant={"subtitle2"}>Строки комплектации</Typography>
|
||||
{costDeliveryLists.dataLoaded ? (
|
||||
<P8PDataGrid
|
||||
{...P8P_DATA_GRID_CONFIG_PROPS}
|
||||
columnsDef={costDeliveryLists.columnsDef}
|
||||
rows={costDeliveryLists.rows}
|
||||
size={P8P_DATA_GRID_SIZE.SMALL}
|
||||
morePages={costDeliveryLists.morePages}
|
||||
reloading={costDeliveryLists.reload}
|
||||
onOrderChanged={handleOrderChanged}
|
||||
onPagesCountChanged={handlePagesCountChanged}
|
||||
dataCellRender={prms => dataCellRender({ ...prms })}
|
||||
/>
|
||||
) : null}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
//Контроль свойств - Таблица строк комплектации
|
||||
CostDeliveryListsDataGrid.propTypes = {
|
||||
mainRowRN: PropTypes.number.isRequired
|
||||
};
|
||||
|
||||
//----------------
|
||||
//Интерфейс модуля
|
||||
//----------------
|
||||
|
||||
export { CostDeliveryListsDataGrid };
|
112
app/panels/mech_rec_cost_prod_plans/datagrids/fcroutlst.js
Normal file
112
app/panels/mech_rec_cost_prod_plans/datagrids/fcroutlst.js
Normal file
@ -0,0 +1,112 @@
|
||||
/*
|
||||
Парус 8 - Панели мониторинга - ПУП - Производственная программа
|
||||
Компонент панели: Таблица маршрутных листов
|
||||
*/
|
||||
|
||||
//---------------------
|
||||
//Подключение библиотек
|
||||
//---------------------
|
||||
|
||||
import React from "react"; //Классы React
|
||||
import PropTypes from "prop-types"; //Контроль свойств компонента
|
||||
import { Typography, Box, Paper } from "@mui/material"; //Интерфейсные элементы
|
||||
import { P8PDataGrid, P8P_DATA_GRID_SIZE } from "../../../components/p8p_data_grid"; //Таблица данных
|
||||
import { P8P_DATA_GRID_CONFIG_PROPS } from "../../../config_wrapper"; //Подключение компонентов к настройкам приложения
|
||||
import { GoodsPartiesDataGrid } from "./goodparties";
|
||||
import { CostDeliveryListsDataGrid } from "./fcdeliverylistsp";
|
||||
import { useCostRouteLists } from "./backend_dg"; //Собственные хуки таблиц
|
||||
|
||||
//---------
|
||||
//Константы
|
||||
//---------
|
||||
|
||||
//Стили
|
||||
const STYLES = {
|
||||
CONTAINER: { textAlign: "center" },
|
||||
TABLE: { paddingTop: "15px" },
|
||||
TABLE_SUM: { textAlign: "right", paddingTop: "5px", paddingRight: "15px" }
|
||||
};
|
||||
|
||||
//---------------------------------------------
|
||||
//Вспомогательные функции форматирования данных
|
||||
//---------------------------------------------
|
||||
|
||||
//Генерация представления расширения строки
|
||||
export const rowExpandRender = ({ row }) => {
|
||||
return (
|
||||
<Paper elevation={4}>
|
||||
<CostDeliveryListsDataGrid mainRowRN={row.NRN} />
|
||||
</Paper>
|
||||
);
|
||||
};
|
||||
|
||||
//-----------
|
||||
//Тело модуля
|
||||
//-----------
|
||||
|
||||
//Таблица маршрутных листов
|
||||
const CostRouteListsDataGrid = ({ task, taskType }) => {
|
||||
//Собственное состояние - таблица данных
|
||||
const [costRouteLists, setCostRouteLists] = useCostRouteLists(task, taskType);
|
||||
|
||||
//Необходимость разворачивать строки только для типа задачи 1
|
||||
const needExpand = taskType === 1;
|
||||
|
||||
//При изменении состояния сортировки
|
||||
const handleOrderChanged = ({ orders }) => setCostRouteLists(pv => ({ ...pv, orders: [...orders], pageNumber: 1, reload: true }));
|
||||
|
||||
//При изменении количества отображаемых страниц
|
||||
const handlePagesCountChanged = () => setCostRouteLists(pv => ({ ...pv, pageNumber: pv.pageNumber + 1, reload: true }));
|
||||
|
||||
//Генерация содержимого
|
||||
return (
|
||||
<div style={STYLES.CONTAINER}>
|
||||
<Typography variant={"h6"}>Маршрутные листы</Typography>
|
||||
{costRouteLists.dataLoaded ? (
|
||||
<>
|
||||
<Box sx={STYLES.TABLE}>
|
||||
<P8PDataGrid
|
||||
{...P8P_DATA_GRID_CONFIG_PROPS}
|
||||
columnsDef={costRouteLists.columnsDef}
|
||||
rows={costRouteLists.rows}
|
||||
size={P8P_DATA_GRID_SIZE.LARGE}
|
||||
morePages={costRouteLists.morePages}
|
||||
reloading={costRouteLists.reload}
|
||||
expandable={needExpand}
|
||||
rowExpandRender={needExpand ? rowExpandRender : null}
|
||||
onOrderChanged={handleOrderChanged}
|
||||
onPagesCountChanged={handlePagesCountChanged}
|
||||
/>
|
||||
{taskType === 0 ? (
|
||||
<Typography style={STYLES.TABLE_SUM} variant="subtitle2">
|
||||
Итого: {costRouteLists.quantPlanSum}
|
||||
</Typography>
|
||||
) : null}
|
||||
</Box>
|
||||
{taskType === 0
|
||||
? costRouteLists.uniqueNomns.map(item => (
|
||||
<GoodsPartiesDataGrid
|
||||
key={item.NRN}
|
||||
mainRowRN={item.NRN}
|
||||
quantPlanSum={costRouteLists.quantPlanSum}
|
||||
nomenclature={item.SMATRES_PLAN_NOMEN.toString()}
|
||||
/>
|
||||
))
|
||||
: null}
|
||||
</>
|
||||
) : null}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
//Контроль свойств - Таблица маршрутных листов
|
||||
CostRouteListsDataGrid.propTypes = {
|
||||
task: PropTypes.number.isRequired,
|
||||
taskType: PropTypes.number.isRequired
|
||||
};
|
||||
|
||||
//----------------
|
||||
//Интерфейс модуля
|
||||
//----------------
|
||||
|
||||
export { CostRouteListsDataGrid };
|
92
app/panels/mech_rec_cost_prod_plans/datagrids/goodparties.js
Normal file
92
app/panels/mech_rec_cost_prod_plans/datagrids/goodparties.js
Normal file
@ -0,0 +1,92 @@
|
||||
/*
|
||||
Парус 8 - Панели мониторинга - ПУП - Производственная программа
|
||||
Компонент панели: Таблица товарных запасов
|
||||
*/
|
||||
|
||||
//---------------------
|
||||
//Подключение библиотек
|
||||
//---------------------
|
||||
|
||||
import React from "react"; //Классы React
|
||||
import PropTypes from "prop-types"; //Контроль свойств компонента
|
||||
import { Typography } from "@mui/material"; //Интерфейсные элементы
|
||||
import { P8PDataGrid, P8P_DATA_GRID_SIZE } from "../../../components/p8p_data_grid"; //Таблица данных
|
||||
import { P8P_DATA_GRID_CONFIG_PROPS } from "../../../config_wrapper"; //Подключение компонентов к настройкам приложения
|
||||
import { useGoodsParties } from "./backend_dg"; //Собственные хуки таблиц
|
||||
|
||||
//---------
|
||||
//Константы
|
||||
//---------
|
||||
|
||||
//Стили
|
||||
const STYLES = {
|
||||
CONTAINER: { margin: "5px 0px", textAlign: "center" }
|
||||
};
|
||||
|
||||
//------------------------------------
|
||||
//Вспомогательные функции и компоненты
|
||||
//------------------------------------
|
||||
|
||||
//Генерация представления строки на основании заглавной
|
||||
const dataCellRender = ({ row, columnDef, quantPlanSum }) => {
|
||||
//Если остаток больше суммы "Выдать по норме" - закрашиваем голубым
|
||||
if (row["NRESTFACT"] >= quantPlanSum) {
|
||||
return {
|
||||
cellStyle: { backgroundColor: "lightblue" },
|
||||
data: row[columnDef]
|
||||
};
|
||||
} else {
|
||||
return {
|
||||
data: row[columnDef]
|
||||
};
|
||||
}
|
||||
};
|
||||
|
||||
//-----------
|
||||
//Тело модуля
|
||||
//-----------
|
||||
|
||||
//Таблица товарных запасов
|
||||
const GoodsPartiesDataGrid = ({ mainRowRN, quantPlanSum, nomenclature }) => {
|
||||
//Собственное состояние - таблица данных
|
||||
const [goodsParties, setGoodsParties] = useGoodsParties(mainRowRN);
|
||||
|
||||
//При изменении состояния сортировки
|
||||
const handleOrderChanged = ({ orders }) => setGoodsParties(pv => ({ ...pv, orders: [...orders], pageNumber: 1, reload: true }));
|
||||
|
||||
//При изменении количества отображаемых страниц
|
||||
const handlePagesCountChanged = () => setGoodsParties(pv => ({ ...pv, pageNumber: pv.pageNumber + 1, reload: true }));
|
||||
|
||||
//Генерация содержимого
|
||||
return (
|
||||
<div style={STYLES.CONTAINER}>
|
||||
<Typography variant={"h6"}>{`Товарные запасы по номенклатуре "${nomenclature}"`}</Typography>
|
||||
{goodsParties.dataLoaded ? (
|
||||
<P8PDataGrid
|
||||
{...P8P_DATA_GRID_CONFIG_PROPS}
|
||||
columnsDef={goodsParties.columnsDef}
|
||||
rows={goodsParties.rows}
|
||||
size={P8P_DATA_GRID_SIZE.LARGE}
|
||||
morePages={goodsParties.morePages}
|
||||
reloading={goodsParties.reload}
|
||||
onOrderChanged={handleOrderChanged}
|
||||
onPagesCountChanged={handlePagesCountChanged}
|
||||
dataCellRender={prms => dataCellRender({ ...prms, quantPlanSum })}
|
||||
/>
|
||||
) : null}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
//Контроль свойств - Таблица товарных запасов
|
||||
GoodsPartiesDataGrid.propTypes = {
|
||||
mainRowRN: PropTypes.number.isRequired,
|
||||
quantPlanSum: PropTypes.number,
|
||||
nomenclature: PropTypes.string
|
||||
};
|
||||
|
||||
//----------------
|
||||
//Интерфейс модуля
|
||||
//----------------
|
||||
|
||||
export { GoodsPartiesDataGrid };
|
@ -0,0 +1,74 @@
|
||||
/*
|
||||
Парус 8 - Панели мониторинга - ПУП - Производственная программа
|
||||
Компонент панели: Таблица приходов из подразделений
|
||||
*/
|
||||
|
||||
//---------------------
|
||||
//Подключение библиотек
|
||||
//---------------------
|
||||
|
||||
import React from "react"; //Классы React
|
||||
import PropTypes from "prop-types"; //Контроль свойств компонента
|
||||
import { Typography, Box } from "@mui/material"; //Интерфейсные элементы
|
||||
import { P8PDataGrid, P8P_DATA_GRID_SIZE } from "../../../components/p8p_data_grid"; //Таблица данных
|
||||
import { P8P_DATA_GRID_CONFIG_PROPS } from "../../../config_wrapper"; //Подключение компонентов к настройкам приложения
|
||||
import { useIncomFromDeps } from "./backend_dg"; //Собственные хуки таблиц
|
||||
|
||||
//---------
|
||||
//Константы
|
||||
//---------
|
||||
|
||||
//Стили
|
||||
const STYLES = {
|
||||
CONTAINER: { textAlign: "center" },
|
||||
TABLE: { paddingTop: "15px" }
|
||||
};
|
||||
|
||||
//-----------
|
||||
//Тело модуля
|
||||
//-----------
|
||||
|
||||
//Таблица приходов из подразделений
|
||||
const IncomFromDepsDataGrid = ({ task, taskType }) => {
|
||||
//Собственное состояние - таблица данных
|
||||
const [incomFromDeps, setIncomFromDeps] = useIncomFromDeps(task, taskType);
|
||||
|
||||
//При изменении состояния сортировки
|
||||
const handleOrderChanged = ({ orders }) => setIncomFromDeps(pv => ({ ...pv, orders: [...orders], pageNumber: 1, reload: true }));
|
||||
|
||||
//При изменении количества отображаемых страниц
|
||||
const handlePagesCountChanged = () => setIncomFromDeps(pv => ({ ...pv, pageNumber: pv.pageNumber + 1, reload: true }));
|
||||
|
||||
//Генерация содержимого
|
||||
return (
|
||||
<div style={STYLES.CONTAINER}>
|
||||
<Typography variant={"h6"}>Приходы из подразделений</Typography>
|
||||
<Box sx={STYLES.TABLE}>
|
||||
{incomFromDeps.dataLoaded ? (
|
||||
<P8PDataGrid
|
||||
{...P8P_DATA_GRID_CONFIG_PROPS}
|
||||
columnsDef={incomFromDeps.columnsDef}
|
||||
rows={incomFromDeps.rows}
|
||||
size={P8P_DATA_GRID_SIZE.LARGE}
|
||||
morePages={incomFromDeps.morePages}
|
||||
reloading={incomFromDeps.reload}
|
||||
onOrderChanged={handleOrderChanged}
|
||||
onPagesCountChanged={handlePagesCountChanged}
|
||||
/>
|
||||
) : null}
|
||||
</Box>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
//Контроль свойств - Таблица приходов из подразделений
|
||||
IncomFromDepsDataGrid.propTypes = {
|
||||
task: PropTypes.number.isRequired,
|
||||
taskType: PropTypes.number
|
||||
};
|
||||
|
||||
//----------------
|
||||
//Интерфейс модуля
|
||||
//----------------
|
||||
|
||||
export { IncomFromDepsDataGrid };
|
@ -24,7 +24,11 @@ import {
|
||||
InputLabel,
|
||||
FormGroup,
|
||||
FormControlLabel,
|
||||
Checkbox
|
||||
Checkbox,
|
||||
Button,
|
||||
Dialog,
|
||||
DialogContent,
|
||||
DialogActions
|
||||
} from "@mui/material"; //Интерфейсные элементы
|
||||
import { BackEndСtx } from "../../context/backend"; //Контекст взаимодействия с сервером
|
||||
import { MessagingСtx } from "../../context/messaging"; //Контекст сообщений
|
||||
@ -32,6 +36,8 @@ import { P8P_GANTT_CONFIG_PROPS } from "../../config_wrapper"; //Подключ
|
||||
import { P8PGantt } from "../../components/p8p_gantt"; //Диаграмма Ганта
|
||||
import { xml2JSON, formatDateJSONDateOnly } from "../../core/utils"; //Вспомогательные функции
|
||||
import { useFilteredPlanCtlgs } from "./hooks"; //Вспомогательные хуки
|
||||
import { CostRouteListsDataGrid } from "./datagrids/fcroutlst";
|
||||
import { IncomFromDepsDataGrid } from "./datagrids/incomefromdeps";
|
||||
|
||||
//---------
|
||||
//Константы
|
||||
@ -65,7 +71,8 @@ const STYLES = {
|
||||
[`& .MuiDrawer-paper`]: { width: "350px", display: "inline-block", boxSizing: "border-box" }
|
||||
},
|
||||
GANTT_CONTAINER: { height: GANTT_HEIGHT, width: GANTT_WIDTH },
|
||||
GANTT_TITLE: { paddingLeft: "100px", paddingRight: "120px" }
|
||||
GANTT_TITLE: { paddingLeft: "100px", paddingRight: "120px" },
|
||||
SECOND_TABLE: { paddingTop: "30px" }
|
||||
};
|
||||
|
||||
//------------------------------------
|
||||
@ -186,7 +193,9 @@ const MechRecCostProdPlans = () => {
|
||||
selectedPlanCtlgSort: null,
|
||||
selectedPlanCtlgMenuItems: null,
|
||||
selectedPlanCtlgGanttDef: {},
|
||||
selectedPlanCtlgSpecs: []
|
||||
selectedPlanCtlgSpecs: [],
|
||||
selectedTaskDetail: null,
|
||||
selectedTaskDetailType: null
|
||||
});
|
||||
//Состояние для фильтра каталогов
|
||||
const [filter, setFilter] = useState({ ctlgName: "", haveDocs: false });
|
||||
@ -226,7 +235,9 @@ const MechRecCostProdPlans = () => {
|
||||
selectedPlanCtlgMenuItems: null,
|
||||
selectedPlanCtlgSpecs: [],
|
||||
selectedPlanCtlgGanttDef: {},
|
||||
showPlanList: false
|
||||
showPlanList: false,
|
||||
selectedTaskDetail: null,
|
||||
selectedTaskDetailType: null
|
||||
}));
|
||||
};
|
||||
|
||||
@ -242,7 +253,9 @@ const MechRecCostProdPlans = () => {
|
||||
selectedPlanCtlgMenuItems: null,
|
||||
selectedPlanCtlgSpecs: [],
|
||||
selectedPlanCtlgGanttDef: {},
|
||||
showPlanList: false
|
||||
showPlanList: false,
|
||||
selectedTaskDetail: null,
|
||||
selectedTaskDetailType: null
|
||||
}));
|
||||
|
||||
//Загрузка списка спецификаций каталога планов
|
||||
@ -299,6 +312,34 @@ const MechRecCostProdPlans = () => {
|
||||
setState(pv => ({ ...pv, selectedPlanCtlgSort: selectedSort }));
|
||||
};
|
||||
|
||||
//При закрытии окна детализации
|
||||
const handleTaskDetailClose = () => {
|
||||
setState(pv => ({ ...pv, selectedTaskDetail: null, selectedTaskDetailType: null }));
|
||||
};
|
||||
|
||||
//При открытии окна детализации
|
||||
const handleTaskDetailOpen = (taskRn, taskType) => {
|
||||
setState(pv => ({ ...pv, selectedTaskDetail: taskRn, selectedTaskDetailType: taskType }));
|
||||
};
|
||||
|
||||
//Генерация ссылки на документы анализа отклонений
|
||||
const taskAttributeRenderer = ({ task, attribute }) => {
|
||||
// Если есть информация о детализации и указан тип - делаем кнопку открытия документов
|
||||
if (attribute.name === "detail_list" && task.type !== null && task.type !== "") {
|
||||
return (
|
||||
<Button
|
||||
onClick={() => {
|
||||
handleTaskDetailOpen(task.rn, task.type);
|
||||
}}
|
||||
>
|
||||
{task[attribute.name]}
|
||||
</Button>
|
||||
);
|
||||
} else {
|
||||
return null;
|
||||
}
|
||||
};
|
||||
|
||||
//Генерация содержимого
|
||||
return (
|
||||
<Box p={2}>
|
||||
@ -369,14 +410,14 @@ const MechRecCostProdPlans = () => {
|
||||
</Select>
|
||||
</Box>
|
||||
</Box>
|
||||
) : // </Grid>
|
||||
null}
|
||||
) : null}
|
||||
<P8PGantt
|
||||
{...P8P_GANTT_CONFIG_PROPS}
|
||||
{...state.selectedPlanCtlgGanttDef}
|
||||
height={GANTT_HEIGHT}
|
||||
titleStyle={STYLES.GANTT_TITLE}
|
||||
tasks={state.selectedPlanCtlgSpecs}
|
||||
taskAttributeRenderer={taskAttributeRenderer}
|
||||
/>
|
||||
</Box>
|
||||
)
|
||||
@ -386,6 +427,30 @@ const MechRecCostProdPlans = () => {
|
||||
</Grid>
|
||||
</Grid>
|
||||
) : null}
|
||||
{state.selectedTaskDetail ? (
|
||||
<Dialog open onClose={handleTaskDetailClose} fullWidth maxWidth="xl">
|
||||
<DialogContent>
|
||||
{/* Если тип таска 0, 1 или 4 - основная таблица "Маршрутные листы" */}
|
||||
{[0, 1, 4].includes(state.selectedTaskDetailType) ? (
|
||||
<CostRouteListsDataGrid task={state.selectedTaskDetail} taskType={state.selectedTaskDetailType} />
|
||||
) : (
|
||||
<Box>
|
||||
{/* Если тип таска 2 или 3 - основная таблица "Приходы из подразделений" */}
|
||||
<IncomFromDepsDataGrid task={state.selectedTaskDetail} taskType={state.selectedTaskDetailType} />
|
||||
{/* Если тип 3 - необходимо добавить отдельную таблицу "Маршрутные листы" */}
|
||||
{state.selectedTaskDetailType === 3 ? (
|
||||
<Box sx={STYLES.SECOND_TABLE}>
|
||||
<CostRouteListsDataGrid task={state.selectedTaskDetail} taskType={state.selectedTaskDetailType} />
|
||||
</Box>
|
||||
) : null}
|
||||
</Box>
|
||||
)}
|
||||
</DialogContent>
|
||||
<DialogActions>
|
||||
<Button onClick={handleTaskDetailClose}>Закрыть</Button>
|
||||
</DialogActions>
|
||||
</Dialog>
|
||||
) : null}
|
||||
</Box>
|
||||
);
|
||||
};
|
||||
|
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@ -185,6 +185,7 @@ create or replace package body PKG_P8PANELS_SAMPLES as
|
||||
DPFR_FILL_DATE => null,
|
||||
DPFR_REG_DATE => null,
|
||||
SPFR_REG_NUMB => null,
|
||||
SSFR_REG_NUMB => null,
|
||||
SFULLNAME => null,
|
||||
SOKFS => null,
|
||||
SOKOPF => null,
|
||||
@ -300,25 +301,26 @@ create or replace package body PKG_P8PANELS_SAMPLES as
|
||||
'<b style="color:green">Физическое лицо</b> - субъект правовых отношений, представляющий собой одного человека.');
|
||||
/* Обходим данные */
|
||||
begin
|
||||
/* Собираем запрос */
|
||||
CSQL := 'select *
|
||||
from (select D.*,
|
||||
%ROWNUM% NROW
|
||||
from (select AG.AGNABBR SAGNABBR,
|
||||
AG.AGNNAME SAGNNAME,
|
||||
AG.AGNTYPE NAGNTYPE
|
||||
from AGNLIST AG
|
||||
where exists (select /*+ INDEX(UP I_USERPRIV_CATALOG_ROLEID) */ null from USERPRIV UP where UP."CATALOG" = AG.CRN and UP.ROLEID in (select /*+ INDEX(UR I_USERROLES_AUTHID_FK) */ UR.ROLEID from USERROLES UR where UR.AUTHID = UTILIZER())
|
||||
union all
|
||||
select /*+ INDEX(UP I_USERPRIV_CATALOG_AUTHID) */ null from USERPRIV UP where UP."CATALOG" = AG.CRN and UP.AUTHID = UTILIZER())
|
||||
and AG.RN in (select ID from COND_BROKER_IDSMART where IDENT = :NIDENT) %ORDER_BY%) D) F
|
||||
where F.NROW between :NROW_FROM and :NROW_TO';
|
||||
/* Корректировка запроса под СУБД */
|
||||
if (PKG_COMPATIBLE.DATABASE_() = 0) then
|
||||
CSQL := replace(csql, '%ROWNUM%', 'ROWNUM');
|
||||
else
|
||||
CSQL := replace(csql, '%ROWNUM%', '(row_number() over())::numeric');
|
||||
end if;
|
||||
/* Добавляем подсказку совместимости */
|
||||
CSQL := PKG_SQL_BUILD.COMPATIBLE(SSQL => CSQL);
|
||||
/* Формируем запрос */
|
||||
PKG_SQL_BUILD.APPEND(SSQL => CSQL, SELEMENT1 => 'select *');
|
||||
PKG_SQL_BUILD.APPEND(SSQL => CSQL, SELEMENT1 => ' from (select D.*,');
|
||||
PKG_SQL_BUILD.APPEND(SSQL => CSQL, SELEMENT1 => PKG_SQL_BUILD.SQLROWNUM() || ' NROW');
|
||||
PKG_SQL_BUILD.APPEND(SSQL => CSQL, SELEMENT1 => ' from (select AG.AGNABBR SAGNABBR,');
|
||||
PKG_SQL_BUILD.APPEND(SSQL => CSQL, SELEMENT1 => ' AG.AGNNAME SAGNNAME,');
|
||||
PKG_SQL_BUILD.APPEND(SSQL => CSQL, SELEMENT1 => ' AG.AGNTYPE NAGNTYPE');
|
||||
PKG_SQL_BUILD.APPEND(SSQL => CSQL, SELEMENT1 => ' from AGNLIST AG');
|
||||
PKG_SQL_BUILD.APPEND(SSQL => CSQL, SELEMENT1 => ' where exists (select ' || PKG_SQL_BUILD.SET_HINT(SHINT => 'INDEX(UP I_USERPRIV_CATALOG_ROLEID)') || ' null');
|
||||
PKG_SQL_BUILD.APPEND(SSQL => CSQL, SELEMENT1 => ' from USERPRIV UP');
|
||||
PKG_SQL_BUILD.APPEND(SSQL => CSQL, SELEMENT1 => ' where UP."CATALOG" = AG.CRN');
|
||||
PKG_SQL_BUILD.APPEND(SSQL => CSQL, SELEMENT1 => ' and UP.ROLEID in (select ' || PKG_SQL_BUILD.SET_HINT(SHINT => 'INDEX(UR I_USERROLES_AUTHID_FK)') || ' UR.ROLEID');
|
||||
PKG_SQL_BUILD.APPEND(SSQL => CSQL, SELEMENT1 => ' from USERROLES UR where UR.AUTHID = UTILIZER())');
|
||||
PKG_SQL_BUILD.APPEND(SSQL => CSQL, SELEMENT1 => ' union all');
|
||||
PKG_SQL_BUILD.APPEND(SSQL => CSQL, SELEMENT1 => ' select ' || PKG_SQL_BUILD.SET_HINT(SHINT => 'INDEX(UP I_USERPRIV_CATALOG_AUTHID)') || ' null');
|
||||
PKG_SQL_BUILD.APPEND(SSQL => CSQL, SELEMENT1 => ' from USERPRIV UP where UP."CATALOG" = AG.CRN and UP.AUTHID = UTILIZER())');
|
||||
PKG_SQL_BUILD.APPEND(SSQL => CSQL, SELEMENT1 => ' and AG.RN in (select ID from COND_BROKER_IDSMART where IDENT = :NIDENT) %ORDER_BY%) D) F');
|
||||
PKG_SQL_BUILD.APPEND(SSQL => CSQL, SELEMENT1 => ' where F.NROW between :NROW_FROM and :NROW_TO');
|
||||
/* Учтём сортировки */
|
||||
PKG_P8PANELS_VISUAL.TORDERS_SET_QUERY(RDATA_GRID => RDG, RORDERS => RO, SPATTERN => '%ORDER_BY%', CSQL => CSQL);
|
||||
/* Учтём фильтры */
|
||||
|
Loading…
x
Reference in New Issue
Block a user