Compare commits

...

2 Commits

7 changed files with 358 additions and 186 deletions

View File

@ -17,6 +17,7 @@ import { FilterDialog } from "./components/filter_dialog"; //Компонент
import { TaskCardSettings } from "./components/task_card_settings.js"; //Компонент настроек карточки события
import { useTasks, COLORS } from "./hooks.js"; //Вспомогательные хуки
import { APP_STYLES } from "../../../app.styles"; //Типовые стили
import { NoteDialog } from "./components/note_dialog.js"; //Диалог примечания
//---------
//Константы
@ -77,6 +78,8 @@ const ClntTaskBoard = () => {
const [
tasks,
eventRoutes,
eventPoints,
noteTypes,
docLinks,
accounts,
taskFormOpen,
@ -94,6 +97,15 @@ const ClntTaskBoard = () => {
getDocLinks
] = useTasks();
//Состояние диалога примечания
const [noteDialog, setNoteDialog] = useState({ visible: false, callback: null });
//Открытие диалога примечания
const handleNoteDialogOpen = f => setNoteDialog({ visible: true, callback: v => f(v) });
//Закрытие диалога примечания
const handleNoteDialogClose = () => setNoteDialog({ visible: false, callback: null });
//Состояние доступных маршрутов события
const [availableRoutes, setAvailableRoutes] = useState({ sorce: "", routes: [] });
@ -136,6 +148,7 @@ const ClntTaskBoard = () => {
handleOrderChanged={handleOrderChanged}
sx={STYLES.FILTER}
/>
{noteDialog.visible ? <NoteDialog noteTypes={noteTypes} onOk={n => noteDialog.callback(n)} onCancel={handleNoteDialogClose} /> : null}
{tasks.filters.values.type ? (
<DragDropContext
onDragStart={e => {
@ -143,7 +156,7 @@ const ClntTaskBoard = () => {
setAvailableRoutes({ sorce: srcCode, routes: [...eventRoutes.filter(r => r.src === srcCode)] });
}}
onDragEnd={e => {
onDragEnd(e);
onDragEnd(e, eventPoints, handleNoteDialogOpen);
clearARState();
}}
>
@ -206,6 +219,9 @@ const ClntTaskBoard = () => {
index={index}
handleReload={handleReload}
key={item.id}
eventPoints={eventPoints}
pointSettings={eventPoints.find(p => p.point === status.code)}
openNoteDialog={handleNoteDialogOpen}
/>
))}
{provided.placeholder}

View File

@ -60,8 +60,9 @@ const STYLES = {
const selectEventType = (value, showDictionary, callBack) => {
showDictionary({
unitCode: "ClientEventTypes",
inputParameters: [{ name: "in_EVNTYPE_CODE", value: value }],
callBack: res => (res.success === true ? callBack(res.outParameters.out_EVNTYPE_CODE) : callBack(null))
showMethod: "dictionary",
inputParameters: [{ name: "pos_eventtypecode", value: value }],
callBack: res => (res.success === true ? callBack(res.outParameters.eventtypecode) : callBack(null))
});
};
@ -77,12 +78,13 @@ const selectCatalog = (value, showDictionary, callBack) => {
});
};
//Выбор производственного объекта
//Выбор исполнителя
const selectSendPerson = (value, showDictionary, callBack) => {
showDictionary({
unitCode: "AGNLIST",
inputParameters: [{ name: "in_AGNABBR", value: value }],
callBack: res => (res.success === true ? callBack(res.outParameters.out_AGNABBR) : callBack(null))
showMethod: "agents",
inputParameters: [{ name: "pos_agnmnemo", value: value }],
callBack: res => (res.success === true ? callBack(res.outParameters.agnmnemo) : callBack(null))
});
};
@ -99,6 +101,7 @@ const selectSendDivision = (value, showDictionary, callBack) => {
const selectSendUsrGrp = (value, showDictionary, callBack) => {
showDictionary({
unitCode: "CostStaffGroups",
//showMethod: "dictionary",
inputParameters: [{ name: "in_CODE", value: value }],
callBack: res => (res.success === true ? callBack(res.outParameters.out_CODE) : callBack(null))
});
@ -113,21 +116,18 @@ const FilterDialog = ({ initial, docs, onCancel, onOk, getDocLinks }) => {
//Собственное состояние
const [filter, setFilter] = useState({ ...initial });
//Состояние текущего типа события
const [curType, setCurType] = useState(initial.type);
//Состояние учётных документов
const [curDocLinks, setCurDocLinks] = useState([...docs]);
//Состояние изменения типа события
const [typeDif, setTypeDif] = useState(false);
//const [catalogs, setCatalogs] = useState(initial.wSubcatalogs ? initial.crn : initial.crn.split(";")[0]);
//const [curDocLink, setCurDocLink] = useState(initial.docLink ? initial.docLink : "");
//Подключение к контексту взаимодействия с сервером
const { executeStored } = useContext(BackEndСtx);
//const promisedSetCrn = crn => new Promise(resolve => setFilter(pv => ({ ...pv, crn: crn }), resolve));
//Получение субкаталогов
const getSubCatalogs = useCallback(async () => {
const data = await executeStored({
@ -137,11 +137,7 @@ const FilterDialog = ({ initial, docs, onCancel, onOk, getDocLinks }) => {
NSUBCAT: filter.wSubcatalogs ? 1 : 0
}
});
//Заполняем субкаталоги
//setCatalogs(data.SRESULT);
//setFilter(pv => ({ ...pv, crn: data.SRESULT }));
return data.SRESULT;
//await promisedSetCrn(data.SRESULT);
}, [executeStored, filter.catalog, filter.wSubcatalogs]);
//Подключение к контексту приложения
@ -174,13 +170,6 @@ const FilterDialog = ({ initial, docs, onCancel, onOk, getDocLinks }) => {
crns ? (filterCopy.crn = crns) : null;
onOk(filterCopy);
} else onOk(filter);
// if (filter.catalog && filter.wSubcatalogs) {
// const crns = await getSubCatalogs(filter.crn);
// let filterCopy = { ...filter };
// crns ? (filterCopy.crn = crns) : null;
// onOk(filterCopy);
// } else onOk(filter);
}
};
@ -190,12 +179,6 @@ const FilterDialog = ({ initial, docs, onCancel, onOk, getDocLinks }) => {
//Очистка учётного документа
const clearDocLink = () => setFilter(pv => ({ ...pv, docLink: "" }));
//Очистка галочки "Включая подкаталоги"
//const clearWSubcatalogs = () => setFilter(pv => ({ ...pv, wSubcatalogs: false }));
//Очистка сотстояния подкаталогов
//const clearCatalogs = () => setCatalogs("");
//При изменении типа события
useEffect(() => {
if (curType) {
@ -207,14 +190,6 @@ const FilterDialog = ({ initial, docs, onCancel, onOk, getDocLinks }) => {
}
}, [curType, filter.type]);
//При очистке каталога
// useEffect(() => {
// if (!filter.catalog && filter.wSubcatalogs) {
// clearWSubcatalogs();
// //clearCatalogs();
// }
// }, [filter.catalog, filter.wSubcatalogs]);
//Обработка изменений с каталогами
useEffect(() => {
if (!filter.catalog && filter.wSubcatalogs) setFilter(pv => ({ ...pv, wSubcatalogs: false }));
@ -227,10 +202,6 @@ const FilterDialog = ({ initial, docs, onCancel, onOk, getDocLinks }) => {
setFilter(pv => ({ ...pv, crn: "" }));
}, [filter.catalog, filter.crn, filter.wSubcatalogs, initial.catalog, initial.crn, initial.wSubcatalogs]);
// useEffect(() => {
// console.log(`State changed: ${filter.crn}`);
// }, [filter.crn]);
//Генерация содержимого
return (
<div>
@ -328,7 +299,6 @@ const FilterDialog = ({ initial, docs, onCancel, onOk, getDocLinks }) => {
</IconButton>
<IconButton
title="Обновить"
//disabled={!((!curType && filter.type) || (typeDif && filter.type))}
disabled={!((!curType || typeDif) && filter.type)}
onClick={() => {
setCurType(filter.type);

View File

@ -10,6 +10,7 @@
import React, { useEffect, useState } from "react"; //Классы React
import PropTypes from "prop-types"; //Контроль свойств компонента
import { FormControl, InputLabel, Input, InputAdornment, IconButton, Icon, FormHelperText, Select, MenuItem } from "@mui/material"; //Интерфейсные компоненты
import { APP_STYLES } from "../../../../app.styles"; //Типовые стили
//---------
//Константы
@ -17,7 +18,8 @@ import { FormControl, InputLabel, Input, InputAdornment, IconButton, Icon, FormH
//Стили
const STYLES = {
HELPER_TEXT: { color: "red" }
HELPER_TEXT: { color: "red" },
SELECT_MENU: { overflowY: "auto", ...APP_STYLES.SCROLL }
};
//---------------
@ -80,6 +82,7 @@ const FilterInputField = ({ elementCode, elementValue, labelText, onChange, requ
value={value}
aria-describedby={`${elementCode}-helper-text`}
label={labelText}
MenuProps={{ slotProps: { paper: { sx: STYLES.SELECT_MENU } } }}
onChange={handleChange}
{...other}
>

View File

@ -0,0 +1,139 @@
/*
Парус 8 - Панели мониторинга - УДП - Доски задач
Компонент: Диалоговое окно примечания
*/
//---------------------
//Подключение библиотек
//---------------------
import React, { useState } from "react"; //Классы React
import PropTypes from "prop-types"; //Контроль свойств компонента
import {
Dialog,
DialogTitle,
IconButton,
Icon,
DialogContent,
DialogActions,
Button,
TextField,
FormControl,
InputLabel,
Select,
MenuItem
} from "@mui/material"; //Интерфейсные компоненты
import { APP_STYLES } from "../../../../app.styles"; //Типовые стили
import { arrayFormer } from "../hooks"; //Формировщик массива
//Стили
const STYLES = {
DIALOG_ACTIONS: { justifyContent: "end", paddingRight: "24px", paddingLeft: "24px" },
CLOSE_BUTTON: {
position: "absolute",
right: 8,
top: 8,
color: theme => theme.palette.grey[500]
},
DIALOG_CONTENT: { paddingTop: 0, paddingBottom: 0 },
TEXT_FIELD: {
overflowY: "auto",
...APP_STYLES.SCROLL
}
};
//---------------
//Тело компонента
//---------------
const NoteDialog = ({ noteTypes, onOk, onCancel }) => {
//Собственное состояние
const [note, setNote] = useState({ headerV: 0, text: "" });
//При изменении примечания
const handleNoteChange = value => setNote(pv => ({ ...pv, text: value }));
//При изменении заголовка примечания
const handleNoteHeaderChange = h => {
setNote(pv => ({ ...pv, headerV: h }));
};
//При закрытии диалога с изменением фильтра
const handleOK = () => {
//setNoteDialogOpen(false);
onOk({ header: noteTypes[note.headerV], text: note.text });
onCancel();
};
//При закрытии диалога без изменения фильтра
const handleCancel = () => {
onCancel();
};
//Генерация содержимого
return (
<Dialog open onClose={handleCancel} fullWidth maxWidth="sm">
<DialogTitle>Примечание</DialogTitle>
<IconButton aria-label="close" onClick={handleCancel} sx={STYLES.CLOSE_BUTTON}>
<Icon>close</Icon>
</IconButton>
<DialogContent sx={STYLES.DIALOG_CONTENT}>
<FormControl fullWidth variant="standard">
<InputLabel htmlFor="noteHeader">Заголовок примечания</InputLabel>
<Select
id="noteHeader"
name="noteHeader"
value={note.headerV}
aria-describedby="noteHeader-helper-text"
label="Заголовок примечания"
margin="dense"
onChange={e => handleNoteHeaderChange(e.target.value)}
>
{noteTypes
? arrayFormer(noteTypes).map((item, i) => (
<MenuItem key={i} value={i}>
{item}
</MenuItem>
))
: null}
</Select>
</FormControl>
<TextField
id="note"
label="Описание"
variant="standard"
fullWidth
required
multiline
minRows={7}
maxRows={7}
value={note.text}
margin="normal"
inputProps={{ sx: STYLES.TEXT_FIELD }}
onChange={e => handleNoteChange(e.target.value)}
/>
</DialogContent>
<DialogActions sx={STYLES.DIALOG_ACTIONS}>
<Button disabled={!note.text} variant="text" onClick={handleOK}>
ОК
</Button>
<Button variant="text" onClick={handleCancel}>
Отмена
</Button>
</DialogActions>
</Dialog>
);
};
//Контроль свойств - Диалоговое окно примечания
NoteDialog.propTypes = {
noteTypes: PropTypes.array,
onOk: PropTypes.func.isRequired,
onCancel: PropTypes.func.isRequired
};
//----------------
//Интерфейс модуля
//----------------
export { NoteDialog };

View File

@ -47,7 +47,17 @@ const STYLES = {
//------------------------------------
//Действия карточки события
const DataCellCardActions = ({ taskRn, menuItems, cardActions, handleMethodsMenuButtonClick, handleMethodsMenuClose, handleReload }) => {
const DataCellCardActions = ({
taskRn,
menuItems,
cardActions,
handleMethodsMenuButtonClick,
handleMethodsMenuClose,
handleReload,
eventPoints,
pointSettings,
openNoteDialog
}) => {
return (
<Box sx={STYLES.BOX_ROW}>
<IconButton id={`${taskRn}_menu_button`} aria-haspopup="true" onClick={handleMethodsMenuButtonClick}>
@ -61,8 +71,14 @@ const DataCellCardActions = ({ taskRn, menuItems, cardActions, handleMethodsMenu
sx={action.delimiter ? STYLES.MENU_ITEM_DELIMITER : {}}
key={`${taskRn}_${action.method}`}
onClick={() => {
//Выполняем действие
action.func(taskRn, action.needReload ? handleReload : null);
if (openNoteDialog && action.method === "TASK_STATE_CHANGE") {
action.func(taskRn, action.needReload ? handleReload : null, eventPoints, openNoteDialog);
} else if (openNoteDialog && action.method === "TASK_SEND" && pointSettings.addNoteOnSend) {
openNoteDialog(n => action.func(taskRn, action.needReload ? handleReload : null, n));
} else {
//Выполняем действие
action.func(taskRn, action.needReload ? handleReload : null);
}
//Закрываем меню
handleMethodsMenuClose();
}}
@ -84,7 +100,10 @@ DataCellCardActions.propTypes = {
cardActions: PropTypes.object.isRequired,
handleMethodsMenuButtonClick: PropTypes.func.isRequired,
handleMethodsMenuClose: PropTypes.func.isRequired,
handleReload: PropTypes.func
handleReload: PropTypes.func,
eventPoints: PropTypes.array,
pointSettings: PropTypes.object,
openNoteDialog: PropTypes.func
};
//-----------
@ -92,7 +111,7 @@ DataCellCardActions.propTypes = {
//-----------
//Карточка события
const TaskCard = ({ task, account, index, handleReload }) => {
const TaskCard = ({ task, account, index, handleReload, eventPoints, pointSettings, openNoteDialog }) => {
//Собственное состояние
const [taskCard, setTaskCard, cardActions, handleMethodsMenuButtonClick, handleMethodsMenuClose, menuItems] = useTaskCard();
@ -124,6 +143,9 @@ const TaskCard = ({ task, account, index, handleReload }) => {
handleMethodsMenuButtonClick={handleMethodsMenuButtonClick}
handleMethodsMenuClose={handleMethodsMenuClose}
handleReload={handleReload}
eventPoints={eventPoints}
pointSettings={pointSettings}
openNoteDialog={openNoteDialog}
/>
}
/>
@ -145,6 +167,7 @@ const TaskCard = ({ task, account, index, handleReload }) => {
{taskCard.openEdit ? (
<TaskFormDialog
taskRn={task.nrn}
editable={pointSettings.banUpdate ? false : true}
onClose={() => {
setTaskCard(pv => ({ ...pv, openEdit: false }));
}}
@ -159,7 +182,10 @@ TaskCard.propTypes = {
task: PropTypes.object.isRequired,
account: PropTypes.object,
index: PropTypes.number.isRequired,
handleReload: PropTypes.func
handleReload: PropTypes.func,
eventPoints: PropTypes.array,
pointSettings: PropTypes.object,
openNoteDialog: PropTypes.func
};
//----------------

View File

@ -92,7 +92,15 @@ CustomTabPanel.propTypes = {
};
//Вкладка основной информации
const MainEventInfoTab = ({ task, handleFieldEdit, handleClientClientsOpen, handleClientPersonOpen, handleCrnOpen, handleEventNextNumbGet }) => {
const MainEventInfoTab = ({
task,
editable,
handleFieldEdit,
handleClientClientsOpen,
handleClientPersonOpen,
handleCrnOpen,
handleEventNextNumbGet
}) => {
return (
<Box>
<Box sx={STYLES.BOX_WITH_LEGEND} component="fieldset">
@ -159,7 +167,7 @@ const MainEventInfoTab = ({ task, handleFieldEdit, handleClientClientsOpen, hand
value={task.sdescription}
variant="standard"
onChange={handleFieldEdit}
disabled={!task.stype}
disabled={!task.stype || !editable}
required
multiline
minRows={7}
@ -197,6 +205,7 @@ const MainEventInfoTab = ({ task, handleFieldEdit, handleClientClientsOpen, hand
//Контроль свойств - Вкладка основной информации
MainEventInfoTab.propTypes = {
task: PropTypes.object.isRequired,
editable: PropTypes.bool,
handleFieldEdit: PropTypes.func.isRequired,
handleClientClientsOpen: PropTypes.func.isRequired,
handleClientPersonOpen: PropTypes.func.isRequired,
@ -332,7 +341,7 @@ ExecutorEventInfoTab.propTypes = {
//-----------
//Форма события
const TaskForm = ({ task, setTask, handleClientClientsOpen, handleClientPersonOpen, handleCrnOpen, handleEventNextNumbGet }) => {
const TaskForm = ({ task, setTask, editable, handleClientClientsOpen, handleClientPersonOpen, handleCrnOpen, handleEventNextNumbGet }) => {
//Состояние вкладки
const [value, setValue] = useState(0);
@ -365,6 +374,7 @@ const TaskForm = ({ task, setTask, handleClientClientsOpen, handleClientPersonOp
<CustomTabPanel value={value} index={0}>
<MainEventInfoTab
task={task}
editable={task.nrn ? editable : null}
handleFieldEdit={handleFieldEdit}
handleClientClientsOpen={handleClientClientsOpen}
handleClientPersonOpen={handleClientPersonOpen}
@ -383,6 +393,7 @@ const TaskForm = ({ task, setTask, handleClientClientsOpen, handleClientPersonOp
TaskForm.propTypes = {
task: PropTypes.object.isRequired,
setTask: PropTypes.func.isRequired,
editable: PropTypes.bool,
handleClientClientsOpen: PropTypes.func.isRequired,
handleClientPersonOpen: PropTypes.func.isRequired,
handleCrnOpen: PropTypes.func.isRequired,
@ -390,7 +401,7 @@ TaskForm.propTypes = {
};
//Диалог с формой события
const TaskFormDialog = ({ taskRn, taskType, taskStatus, onClose }) => {
const TaskFormDialog = ({ taskRn, taskType, taskStatus, editable, onClose }) => {
//Собственное состояние
const [task, setTask, insertEvent, updateEvent, handleClientClientsOpen, handleClientPersonOpen, handleCrnOpen, handleEventNextNumbGet] =
useClientEvent(taskRn, taskType, taskStatus);
@ -401,6 +412,7 @@ const TaskFormDialog = ({ taskRn, taskType, taskStatus, onClose }) => {
<TaskForm
task={task}
setTask={setTask}
editable={taskRn ? editable : null}
handleClientClientsOpen={handleClientClientsOpen}
handleClientPersonOpen={handleClientPersonOpen}
handleCrnOpen={handleCrnOpen}
@ -410,7 +422,7 @@ const TaskFormDialog = ({ taskRn, taskType, taskStatus, onClose }) => {
{onClose ? (
<DialogActions sx={STYLES.DIALOG_ACTIONS}>
{taskRn ? (
<Button onClick={() => updateEvent(onClose)} disabled={task.updateDisabled}>
<Button onClick={() => updateEvent(onClose)} disabled={task.updateDisabled || !editable}>
Исправить
</Button>
) : (
@ -430,6 +442,7 @@ TaskFormDialog.propTypes = {
taskRn: PropTypes.number,
taskType: PropTypes.string,
taskStatus: PropTypes.string,
editable: PropTypes.bool,
onClose: PropTypes.func.isRequired
};

View File

@ -45,6 +45,7 @@ const randomColor = index => {
return hslToRgba(hue, 50, 70);
};
//Цвет из hsl формата в rgba формат
const hslToRgba = (h, s, l) => {
s /= 100;
l /= 100;
@ -54,29 +55,10 @@ const hslToRgba = (h, s, l) => {
return `rgba(${Math.floor(255 * f(0))},${Math.floor(255 * f(8))},${Math.floor(255 * f(4))},0.3)`;
};
//Формирование случайного цвета rgba
// const randomColorRgba = index => {
// const s = [255, 204, 153, 102, 51, 0];
// function rValue() {
// return s[Math.floor(Math.random() * s.length)];
// }
// let t = 3;
// let rgb = [0, 0, 0];
// function howMuchToLearnJS(x) {
// if (t === 0) return;
// rgb[3 - t] = x % 6;
// t--;
// howMuchToLearnJS(Math.floor(x / 6));
// }
// //let r = rValue();
// //let g = rValue();
// //let b = rValue();
// let r, g, b;
// howMuchToLearnJS(index);
// //while ((r === 0 && g === 0 && b === 0) || b === 255) b = rValue();
// return "rgba(" + rgb[0] + "," + rgb[1] + "," + rgb[2] + ",0.2)";
// };
//Формирование массива из 0, 1 и 1< элементов
export const arrayFormer = arr => {
return arr ? (arr.length ? arr : [arr]) : [];
};
//-----------
//Тело модуля
@ -93,6 +75,12 @@ const useTasks = () => {
//Состояние маршрута события
const [eventRoutes, setEventRoutes] = useState([]);
//Состояние точек маршрута события
const [eventPoints, setEventPoints] = useState([]);
//Состояние типов заголовков событий
const [noteTypes, setNoteTypes] = useState([]);
//Состояние учётных документов
const [docLinks, setDocLinks] = useState([]);
@ -305,7 +293,7 @@ const useTasks = () => {
//Изменение статуса события (переносом)
const handleStateChange = useCallback(
async (nEvent, sNextStat) => {
async (nEvent, sNextStat, note = null) => {
try {
//Выполняем инициализацию параметров
const firstStep = await executeStored({
@ -340,6 +328,7 @@ const useTasks = () => {
args: {
NIDENT: firstStep.NIDENT,
NSTEP: 3,
NEVENT: nEvent,
SEVENT_STAT: firstStep.SEVENT_STAT,
SSEND_CLIENT: send.outParameters.out_CLIENT_CODE,
SSEND_DIVISION: send.outParameters.out_DIVISION_CODE,
@ -350,7 +339,9 @@ const useTasks = () => {
SSEND_USER_GROUP: send.outParameters.out_USER_GROUP_CODE,
SSEND_USER_NAME: send.outParameters.out_USER_NAME,
NSEND_PREDEFINED_EXEC: send.outParameters.out_PREDEFINED_EXEC,
NSEND_PREDEFINED_PROC: send.outParameters.out_PREDEFINED_PROC
NSEND_PREDEFINED_PROC: send.outParameters.out_PREDEFINED_PROC,
SNOTE_HEADER: note.text ? note.header : null,
SNOTE: note.text ? note.text : null
}
});
//Необходимо обновить данные
@ -364,7 +355,10 @@ const useTasks = () => {
args: {
NIDENT: firstStep.NIDENT,
NSTEP: 3,
SEVENT_STAT: firstStep.SEVENT_STAT
NEVENT: nEvent,
SEVENT_STAT: firstStep.SEVENT_STAT,
SNOTE_HEADER: note.header ? note.header : null,
SNOTE: note.text ? note.text : null
}
});
//Необходимо обновить данные
@ -386,7 +380,7 @@ const useTasks = () => {
//Взаимодействие с событием (через перенос)
const onDragEnd = useCallback(
result => {
(result, eventPoints, openNoteDialog) => {
//Определяем нужные параметры
const { source, destination } = result;
//Если путь не указан
@ -406,10 +400,24 @@ const useTasks = () => {
}
: task
);
//Переинициализируем строки с учетом изменений (для визуального отображения)
setTasks(pv => ({ ...pv, rows: [...rows] }));
//Мнемокод точки назначения
const destCode = tasks.statuses.find(s => s.id == destination.droppableId).code;
//Получение настройки точки назначения
const pointSettings = eventPoints.find(ep => ep.point === destCode);
//Если необходимо примечание при переходе
if (pointSettings.addNoteOnChst) {
//Изменяем статус события с добавлением примечания
openNoteDialog(n => {
setTasks(pv => ({ ...pv, rows: [...rows] }));
handleStateChange(row.nrn, destCode, n);
});
}
//Изменяем статус события
handleStateChange(row.nrn, tasks.statuses.find(s => s.id == destination.droppableId).code);
else {
//Переинициализируем строки с учетом изменений (для визуального отображения)
setTasks(pv => ({ ...pv, rows: [...rows] }));
handleStateChange(row.nrn, tasks.statuses.find(s => s.id == destination.droppableId).code);
}
}
},
[handleStateChange, tasks.rows, tasks.statuses]
@ -429,7 +437,7 @@ const useTasks = () => {
let newDocLinks = [];
//Если найдены учётные документы
if (data.XDOCLINKS) {
data.XDOCLINKS.map(d => {
arrayFormer(data.XDOCLINKS).map(d => {
newDocLinks.push({ id: d.NRN, descr: d.SDESCR });
});
}
@ -454,16 +462,29 @@ const useTasks = () => {
let newRoutes = [];
//Если найдены маршруты
if (data.XEVROUTES) {
data.XEVROUTES.map(r => {
arrayFormer(data.XEVROUTES).map(r => {
newRoutes.push({ src: r.SSOURCE, dest: r.SDESTINATION });
});
}
//Инициализируем точки событий
let newPoints = [];
if (data.XEVPOINTS) {
arrayFormer(data.XEVPOINTS).map(p => {
newPoints.push({ point: p.SEVPOINT, addNoteOnChst: p.ADDNOTE_ONCHST, addNoteOnSend: p.ADDNOTE_ONSEND, banUpdate: p.BAN_UPDATE });
});
}
//Инициализируем типы заголовков примечаний
let newNoteTypes = [];
if (data.XNOTETYPES) {
arrayFormer(data.XNOTETYPES).map(nt => {
newNoteTypes.push(nt.SNAME);
});
}
//Инициализируем пользователей
let newAccounts = [];
//Если найдены пользователи
if (data.XACCOUNTS) {
data.XACCOUNTS.map(a => {
//console.log(a.SEVRN_LIST.toString().includes(";"));
arrayFormer(data.XACCOUNTS).map(a => {
newAccounts.push({
agnAbbr: a.SAGNABBR,
image: a.BIMAGE,
@ -473,6 +494,10 @@ const useTasks = () => {
}
//Указываем сформированные маршруты
setEventRoutes([...newRoutes]);
//Указываем сформированные точки маршрута
setEventPoints([...newPoints]);
//Указываем типы заголовков примечаний
setNoteTypes([...newNoteTypes]);
//Указываем сформированные аккаунты
setAccounts([...newAccounts]);
};
@ -503,13 +528,13 @@ const useTasks = () => {
//Если статусы есть
if (data.XGROUPS) {
//Формируем структуру статусов
data.XGROUPS.map((group, i) => {
arrayFormer(data.XGROUPS).map((group, i) => {
newGroups.push({ id: i, code: group.name, caption: group.caption, color: randomColor(i + 1) });
});
//Если есть события
if (data.XROWS) {
//Формируем структуру событий
data.XROWS.map((task, i) => {
arrayFormer(data.XROWS).map((task, i) => {
newRows.push(initTask(i, newGroups.find(x => x.caption === task.groupName).id, task));
});
}
@ -544,6 +569,8 @@ const useTasks = () => {
return [
tasks,
eventRoutes,
eventPoints,
noteTypes,
docLinks,
accounts,
taskFormOpen,
@ -619,57 +646,6 @@ const useClientEvent = (taskRn, taskType = "", taskStatus = "") => {
}
}, [task.sprefix, task.stype, executeStored]);
//Отображение раздела "Типы событий"
// const handleTypeOpen = useCallback(async () => {
// pOnlineShowDictionary({
// unitCode: "ClientEventTypes",
// showMethod: "main",
// inputParameters: [{ name: "in_EVNTYPE_NAME", value: task.stype }],
// callBack: async res => {
// if (res.success) {
// //Считываем параметры исходя из типа события
// const data = await executeStored({
// stored: "PKG_P8PANELS_CLNTTSKBRD.CLNEVNTYPES_INIT",
// args: {
// SEVENT_TYPE: res.outParameters.out_EVNTYPE_CODE,
// SCURRENT_PREF: task.sprefix
// },
// tagValueProcessor: () => undefined
// });
// if (data) {
// setTask(pv => ({
// ...pv,
// stype: res.outParameters.out_EVNTYPE_CODE,
// sprefix: data.SPREF,
// snumber: data.SNUMB,
// sstatus: data.SDEFAULT_STATUS
// }));
// }
// }
// }
// });
// }, [executeStored, pOnlineShowDictionary, task.sprefix, task.stype]);
//Отображение раздела "Статусы типового события"
// const handleStatusOpen = useCallback(async () => {
// pOnlineShowDictionary({
// unitCode: "ClientEventTypesStates",
// showMethod: "main",
// inputParameters: [
// { name: "in_SEVNTYPE_CODE", value: task.stype },
// { name: "in_EVENT_STATUS_EVNSTAT_CODE", value: task.sstatus }
// ],
// callBack: res => {
// res.success
// ? setTask(pv => ({
// ...pv,
// sstatus: res.outParameters.out_EVENT_STATUS_EVNSTAT_CODE
// }))
// : null;
// }
// });
// }, [pOnlineShowDictionary, task.sstatus, task.stype]);
//Отображение раздела "Клиенты"
const handleClientClientsOpen = useCallback(async () => {
pOnlineShowDictionary({
@ -893,18 +869,7 @@ const useClientEvent = (taskRn, taskType = "", taskStatus = "") => {
}));
}, [task.scrn, task.sdescription, task.sinit_clnperson, task.sinit_user, task.snumber, task.sprefix, task.sstatus, task.stype]);
return [
task,
setTask,
insertEvent,
updateEvent,
//handleTypeOpen,
//handleStatusOpen,
handleClientClientsOpen,
handleClientPersonOpen,
handleCrnOpen,
getEventNextNumb
];
return [task, setTask, insertEvent, updateEvent, handleClientClientsOpen, handleClientPersonOpen, handleCrnOpen, getEventNextNumb];
};
//Карточка события
@ -981,8 +946,7 @@ const useTaskCard = () => {
if (data.NIDENT) {
pOnlineShowDictionary({
unitCode: "ClientEvents",
showMethod: "main",
inputParameters: [{ name: "in_IDENT", value: data.NIDENT }]
inputParameters: [{ name: "in_Ident", value: data.NIDENT }]
});
}
},
@ -1028,7 +992,7 @@ const useTaskCard = () => {
//По нажатию действия "Перейти"
const handleStateChange = useCallback(
async (nEvent, handleReload) => {
async (nEvent, handleReload, evPoints, handleNote) => {
//Выполняем инициализацию параметров
const firstStep = await executeStored({
stored: "PKG_P8PANELS_CLNTTSKBRD.CLNEVENTS_STATE_CHANGE",
@ -1057,6 +1021,7 @@ const useTaskCard = () => {
NPASS: point.outParameters.out_RN
}
});
const pointSettings = evPoints.find(ep => ep.point === point.outParameters.out_NEXT_POINT);
if (secondStep) {
//Если требуется выбрать получателя
if (secondStep.NSELECT_EXEC === 1) {
@ -1075,43 +1040,79 @@ const useTaskCard = () => {
{ name: "in_CLIENT_PERSON", value: firstStep.SCLIENT_PERSON }
],
callBack: async send => {
//Общие аргументы
const mainArgs = {
NIDENT: firstStep.NIDENT,
NSTEP: 3,
NEVENT: nEvent,
SEVENT_STAT: point.outParameters.out_NEXT_POINT,
SSEND_CLIENT: send.outParameters.out_CLIENT_CODE,
SSEND_DIVISION: send.outParameters.out_DIVISION_CODE,
SSEND_POST: send.outParameters.out_POST_CODE,
SSEND_PERFORM: send.outParameters.out_POST_IN_DIV_CODE,
SSEND_PERSON: send.outParameters.out_PERSON_CODE,
SSEND_STAFFGRP: send.outParameters.out_STAFFGRP_CODE,
SSEND_USER_GROUP: send.outParameters.out_USER_GROUP_CODE,
SSEND_USER_NAME: send.outParameters.out_USER_NAME,
NSEND_PREDEFINED_EXEC: send.outParameters.out_PREDEFINED_EXEC,
NSEND_PREDEFINED_PROC: send.outParameters.out_PREDEFINED_PROC
};
//Выполняем переход к выбранной точке с исполнителем
await executeStored({
stored: "PKG_P8PANELS_CLNTTSKBRD.CLNEVENTS_STATE_CHANGE",
args: {
NIDENT: firstStep.NIDENT,
NSTEP: 3,
SEVENT_STAT: point.outParameters.out_NEXT_POINT,
SSEND_CLIENT: send.outParameters.out_CLIENT_CODE,
SSEND_DIVISION: send.outParameters.out_DIVISION_CODE,
SSEND_POST: send.outParameters.out_POST_CODE,
SSEND_PERFORM: send.outParameters.out_POST_IN_DIV_CODE,
SSEND_PERSON: send.outParameters.out_PERSON_CODE,
SSEND_STAFFGRP: send.outParameters.out_STAFFGRP_CODE,
SSEND_USER_GROUP: send.outParameters.out_USER_GROUP_CODE,
SSEND_USER_NAME: send.outParameters.out_USER_NAME,
NSEND_PREDEFINED_EXEC: send.outParameters.out_PREDEFINED_EXEC,
NSEND_PREDEFINED_PROC: send.outParameters.out_PREDEFINED_PROC
}
});
pointSettings.addNoteOnChst
? handleNote(async n => {
//Если требуется примечание
await executeStored({
stored: "PKG_P8PANELS_CLNTTSKBRD.CLNEVENTS_STATE_CHANGE",
args: {
...mainArgs,
...{ SNOTE_HEADER: n.header ? n.header : null, SNOTE: n.text ? n.text : null }
}
});
//Если требуется перезагрузить данные
if (handleReload) {
handleReload();
}
})
: await executeStored({
stored: "PKG_P8PANELS_CLNTTSKBRD.CLNEVENTS_STATE_CHANGE",
args: mainArgs
});
//Если требуется перезагрузить данные
if (handleReload) {
if (handleReload && !pointSettings.addNoteOnChst) {
handleReload();
}
}
});
} else {
//Общие аргументы
const mainArgs = {
NIDENT: firstStep.NIDENT,
NSTEP: 3,
NEVENT: nEvent,
SEVENT_STAT: point.outParameters.out_NEXT_POINT
};
//Выполняем переход к выбранной точке с предопределенным исполнителем
await executeStored({
stored: "PKG_P8PANELS_CLNTTSKBRD.CLNEVENTS_STATE_CHANGE",
args: {
NIDENT: firstStep.NIDENT,
NSTEP: 3,
SEVENT_STAT: point.outParameters.out_NEXT_POINT
}
});
pointSettings.addNoteOnChst
? handleNote(async n => {
//Если требуется примечание
await executeStored({
stored: "PKG_P8PANELS_CLNTTSKBRD.CLNEVENTS_STATE_CHANGE",
args: {
...mainArgs,
...{ SNOTE_HEADER: n.header ? n.header : null, SNOTE: n.text ? n.text : null }
}
});
//Если требуется перезагрузить данные
if (handleReload) {
handleReload();
}
})
: await executeStored({
stored: "PKG_P8PANELS_CLNTTSKBRD.CLNEVENTS_STATE_CHANGE",
args: mainArgs
});
//Если требуется перезагрузить данные
if (handleReload) {
if (handleReload && !pointSettings.addNoteOnChst) {
handleReload();
}
}
@ -1120,12 +1121,13 @@ const useTaskCard = () => {
});
}
},
// eslint-disable-next-line react-hooks/exhaustive-deps
[executeStored, pOnlineShowDictionary]
);
//Изменение статуса события
const handleSend = useCallback(
async (nEvent, handleReload) => {
async (nEvent, handleReload, note = null) => {
//Выполняем инициализацию параметров
const firstStep = await executeStored({
stored: "PKG_P8PANELS_CLNTTSKBRD.CLNEVENTS_SEND",
@ -1158,6 +1160,7 @@ const useTaskCard = () => {
args: {
NIDENT: firstStep.NIDENT,
NSTEP: 2,
NEVENT: nEvent,
SSEND_CLIENT: send.outParameters.out_CLIENT_CODE,
SSEND_DIVISION: send.outParameters.out_DIVISION_CODE,
SSEND_POST: send.outParameters.out_POST_CODE,
@ -1167,7 +1170,9 @@ const useTaskCard = () => {
SSEND_USER_GROUP: send.outParameters.out_USER_GROUP_CODE,
SSEND_USER_NAME: send.outParameters.out_USER_NAME,
NSEND_PREDEFINED_EXEC: send.outParameters.out_PREDEFINED_EXEC,
NSEND_PREDEFINED_PROC: send.outParameters.out_PREDEFINED_PROC
NSEND_PREDEFINED_PROC: send.outParameters.out_PREDEFINED_PROC,
SNOTE_HEADER: note.text ? note.header : null,
SNOTE: note.text ? note.text : null
}
});
//Если требуется перезагрузить данные