davay-popozhe/P8-Panels
1
0
Fork 0
forked from CITKParus/P8-Panels
Code Issues Pull Requests Projects Releases Wiki Activity

ЦИТК-791

Browse Source
This commit is contained in:
Vladislav 2024-04-11 20:19:01 +03:00
parent e6d78ee8fe
commit 289ff67e7b
3 changed files with 155 additions and 101 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

121
app/panels/eqs_prfrm/eqs_prfrm.js
View File

@ -49,33 +49,62 @@ const EqsPrfrm = () => {
reload: false
});
// const [filter, setFilter] = useState({
// belong: "Демопример",
// prodObj: "К2",
// techServ: "",
// respDep: "",
// fromMonth: 1,
// fromYear: 2024,
// toMonth: 12,
// toYear: 2024
// });
const [filter, setFilter] = useState({
belong: "Демопример",
prodObj: "К2",
belong: "",
prodObj: "",
techServ: "",
respDep: "",
fromMonth: 1,
fromYear: 2024,
toMonth: 12,
toYear: 2024
fromYear: 1990,
toMonth: 1,
toYear: 1990
});
// const [filter, setFilter] = useState({
// belong: "",
// prodObj: "",
// techServ: "",
// respDep: "",
// fromMonth: "",
// fromYear: "",
// toMonth: "",
// toYear: ""});
const [activeRef, setActiveRef] = useState();
const [refIsDeprecated, setRidFlag] = useState(true);
useEffect(() => {
if (!refIsDeprecated) {
if (activeRef) {
var cellRect = activeRef.getBoundingClientRect();
//console.log(window.scrollX + cellRect.left + activeRef.clientWidth / 2 - window.innerWidth / 2);
window.scrollTo(window.scrollX + cellRect.left + activeRef.clientWidth / 2 - window.innerWidth / 2, 0);
setRidFlag(true);
}
}
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [refIsDeprecated]);
const handleClick = (e, ref) => {
const curCell = ref.current;
//console.log(curCell.children);
if (e.target.type == "button" || e.target.offsetParent.type == "button") {
setActiveRef(curCell);
setRidFlag(false);
}
};
const [info, setInfo] = useState({ cntP: 0, sumP: 0, cntF: 0, sumF: 0 });
//Подключение к контексту приложения
const { pOnlineShowDictionary } = useContext(ApplicationСtx);
const [filterOpen, setFilterOpen] = useState(false);
const [filterOpen, setFilterOpen] = useState(true);
const [defaultLoaded, setDefaultLoaded] = useState(false);
const [filterCopy, setFilterCopy] = useState({ ...filter });
@ -117,6 +146,17 @@ const EqsPrfrm = () => {
//Подключение к контексту взаимодействия с сервером
const { executeStored } = useContext(BackEndСtx);
//Загрузка значений фильра по умолчанию
const loadDefaultFilter = useCallback(async () => {
const data = await executeStored({
stored: "PKG_P8PANELS_EQUIPSRV.GET_DEAFULT_FP",
respArg: "COUT"
});
setFilter(pv => ({ ...pv, belong: data.JURPERS, fromMonth: data.MONTH, fromYear: data.YEAR, toMonth: data.MONTH, toYear: data.YEAR }));
setDefaultLoaded(true);
}, [executeStored]);
//Загрузка данных таблицы с сервера
const loadData = useCallback(async () => {
if (dataGrid.reload) {
@ -144,12 +184,15 @@ const EqsPrfrm = () => {
data.XROWS.map(row => {
properties = [];
Object.entries(row).forEach(([key, value]) => properties.push({ name: key, data: value }));
if (properties[1].data == "Факт" || properties[2].data == "План") {
if (properties[2].data == "План") {
let info2 = properties.find(element => {
return element.name === "SINFO2";
});
if (info2 != undefined) {
if (info2.data == "План") {
properties.map(p => {
if (DAY_NAME_REG_EXP.test(p.name)) cP = cP + 1;
});
} else if (properties[1].data == "Факт") {
} else if (info2.data == "Факт") {
properties.map(p => {
if (DAY_NAME_REG_EXP.test(p.name)) cF = cF + 1;
});
@ -185,17 +228,20 @@ const EqsPrfrm = () => {
}, [dataGrid.reload, filter, executeStored]);
//пользовательский параметр JuridicalPerson системы
const getJurPers = useCallback(async () => {
const data = await executeStored({
stored: "PKG_P8PANELS_EQUIPSRV.GET_JUR_PERS_PRM",
respArg: "CRES"
});
setFilter(pv => ({ ...pv, belong: data }));
}, [executeStored]);
// const getJurPers = useCallback(async () => {
// const data = await executeStored({
// stored: "PKG_P8PANELS_EQUIPSRV.GET_JUR_PERS_PRM",
// respArg: "CRES"
// });
// setFilter(pv => ({ ...pv, belong: data }));
// }, [executeStored]);
useEffect(() => {
if (filterOpen) {
{
setFilterCopy({ ...filter });
if (!defaultLoaded) loadDefaultFilter();
}
}
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [filterOpen]);
@ -254,26 +300,11 @@ const EqsPrfrm = () => {
aria-describedby="belong-outlined-helper-text"
label="Принадлежность"
/>
<Grid container>
<Grid item xs={6}>
{filter.belong ? null : (
<FormHelperText id="belong-outlined-helper-text" sx={{ color: "red" }}>
*Обязательное поле
</FormHelperText>
)}
</Grid>
<Grid item xs={6} sx={{ textAlign: "end" }}>
<Link
component="button"
variant="body2"
id="belong-outlined-link-btn"
sx={{ fontSize: "0.75rem", marginRight: "35px" }}
onClick={getJurPers}
>
Значение по умолчанию
</Link>
</Grid>
</Grid>
</FormControl>
</Box>
<Box component="section" sx={{ p: 1 }}>
@ -498,10 +529,10 @@ const EqsPrfrm = () => {
closeFilter();
}}
>
Сформировать отчёт
Сформировать
</Button>
<Button variant="contained" onClick={clearFilter}>
Очистить фильтр
Очистить
</Button>
<Button
variant="contained"
@ -509,7 +540,7 @@ const EqsPrfrm = () => {
setFilter(filterCopy);
}}
>
Отменить изменения
Отмена
</Button>
</DialogActions>
</Dialog>
@ -536,7 +567,9 @@ const EqsPrfrm = () => {
rows={dataGrid.rows}
size={P8P_DATA_GRID_SIZE.LARGE}
reloading={dataGrid.reload}
headCellRender={prms => headCellRender({ ...prms }, filter.techServ, info.cntP, info.sumP, info.cntF, info.sumF)}
headCellRender={prms =>
headCellRender({ ...prms }, handleClick, filter.techServ, info.cntP, info.sumP, info.cntF, info.sumF)
}
dataCellRender={prms => dataCellRender({ ...prms })}
groupCellRender={prms => groupCellRender({ ...prms })}
showCellRightBorder={true}

119
app/panels/eqs_prfrm/layouts.js
View File

@ -7,8 +7,8 @@
//Подключение библиотек
//---------------------
import React, { createRef } from "react"; //Классы React
import { Grid, Stack } from "@mui/material";
import React from "react"; //Классы React
//---------
//Константы
@ -25,6 +25,7 @@ let x = 0;
//-----------
//Тело модуля
//-----------
const formatDate = date => {
const [year, month, day] = date.substring(1).split("_");
let nd;
@ -33,76 +34,96 @@ const formatDate = date => {
return nd;
};
export const headCellRender = ({ columnDef }, podr, cntP, sumP, cntF, sumF) => {
// eslint-disable-next-line no-unused-vars
export const headCellRender = ({ columnDef }, hClick, podr, cntP, sumP, cntF, sumF) => {
let cellStyle = { border: "1px solid rgba(0, 0, 0)", textAlign: "center" };
let cellProps = {};
let stackStyle = {};
let data = columnDef.caption;
if (columnDef.expandable) {
// поменять расположение + для развёртывания
const ref = createRef();
cellStyle = { ...cellStyle, padding: "5px" };
cellProps = {
...cellProps,
ref: ref,
onClick: e => {
hClick(e, ref);
}
};
stackStyle = { flexDirection: "column" };
}
if (columnDef.name == "STEST") cellStyle = { display: "none" };
if (columnDef.name == "SINFO" || columnDef.name == "SINFO2") {
cellProps = { colSpan: 2 };
if (columnDef.name == "SINFO") {
cellStyle = { ...cellStyle, padding: "unset" };
data = (
<Stack sx={{ justifyContent: "center" }} direction="row" width={300}>
<Grid container>
<Grid item xs={4}>
Подразделение:
</Grid>
<Grid item xs={8}>
{podr}
</Grid>
<Grid item xs={4}>
Кол-во ремонтов, план:
</Grid>
<Grid item xs={2}>
{cntP}
</Grid>
<Grid item xs={4}>
Трудоемкость, час. план:
</Grid>
<Grid item xs={2}>
{sumP}
</Grid>
<Grid item xs={4}>
Кол-во ремонтов, факт:
</Grid>
<Grid item xs={2}>
{cntF}
</Grid>
<Grid item xs={4}>
Трудоемкость, час. факт:
</Grid>
<Grid item xs={2}>
{sumF}
</Grid>
</Grid>
</Stack>
);
}
if (columnDef.name == "SINFO") cellProps = { ...cellProps, rowSpan: 2 };
//if (columnDef.name == "SINFO") {
//cellStyle = { display: "none" };
// cellStyle = { ...cellStyle, padding: "unset" };
// data = (
// <Stack sx={{ justifyContent: "center" }} direction="row" width={300}>
// <Grid container>
// <Grid item xs={4}>
// Подразделение:
// </Grid>
// <Grid item xs={8}>
// {podr}
// </Grid>
// <Grid item xs={4}>
// Кол-во ремонтов, план:
// </Grid>
// <Grid item xs={2}>
// {cntP}
// </Grid>
// <Grid item xs={4}>
// Трудоемкость, час. план:
// </Grid>
// <Grid item xs={2}>
// {sumP}
// </Grid>
// <Grid item xs={4}>
// Кол-во ремонтов, факт:
// </Grid>
// <Grid item xs={2}>
// {cntF}
// </Grid>
// <Grid item xs={4}>
// Трудоемкость, час. факт:
// </Grid>
// <Grid item xs={2}>
// {sumF}
// </Grid>
// </Grid>
// </Stack>
// );
//}
}
if (columnDef.name == "SINFO2") cellStyle = { display: "none" };
if (columnDef.visible && DAY_NAME_REG_EXP.test(columnDef.name)) {
cellStyle = { ...cellStyle, paddingLeft: "5px", paddingRight: "5px", minWidth: "25px", maxWidth: "25px" };
cellStyle = { ...cellStyle, padding: "5px", minWidth: "25px", maxWidth: "25px" };
stackStyle = { justifyContent: "center" };
}
return { cellStyle, cellProps, data };
return { cellStyle, cellProps, stackStyle, data };
};
export const dataCellRender = ({ row, columnDef }) => {
let cellStyle = {
padding: "2px",
border: "1px solid rgba(0, 0, 0)",
border: "1px solid rgba(0, 0, 0) !important",
textAlign: "center"
};
let cellProps = {};
let data = " ";
if (row["SINFO2"] == undefined) {
if (columnDef.name == "STEST") cellProps = { colSpan: 2 };
if (columnDef.name == "STEST") {
cellProps = { colSpan: 2 };
cellStyle = { ...cellStyle, textAlign: "right", fontWeight: "bold" };
}
if (columnDef.name == "SINFO2") cellStyle = { display: "none" };
if (columnDef.parent == "" && columnDef.expandable == true && columnDef.expanded == false) {
curParent = columnDef.name;
@ -130,15 +151,15 @@ export const dataCellRender = ({ row, columnDef }) => {
switch (row[columnDef.name]) {
case "blue":
cellStyle = { ...cellStyle, backgroundColor: "royalblue", border: "1px solid rgba(0, 0, 0)" };
cellStyle = { ...cellStyle, backgroundColor: "royalblue", border: "1px solid rgba(0, 0, 0) !important" };
cellProps = { title: formatDate(columnDef.name) };
return { cellStyle, cellProps, data };
case "green":
cellStyle = { ...cellStyle, backgroundColor: "lawngreen", border: "1px solid rgba(0, 0, 0)" };
cellStyle = { ...cellStyle, backgroundColor: "lawngreen", border: "1px solid rgba(0, 0, 0) !important" };
cellProps = { title: formatDate(columnDef.name) };
return { cellStyle, cellProps, data };
case "red":
cellStyle = { ...cellStyle, backgroundColor: "crimson", border: "1px solid rgba(0, 0, 0)" };
cellStyle = { ...cellStyle, backgroundColor: "crimson", border: "1px solid rgba(0, 0, 0) !important" };
cellProps = { title: formatDate(columnDef.name) };
return { cellStyle, cellProps, data };
case "green red":

4
dist/p8-panels.js vendored
View File

File diff suppressed because one or more lines are too long