ЦИТК-878. Примечание от 11.11.24

app/panels/clnt_task_board/clnt_task_board.js

@@ -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}

app/panels/clnt_task_board/components/filter_dialog.js

@@ -60,8 +60,9 @@ const STYLES = {
 const selectEventType = (value, showDictionary, callBack) => {
     showDictionary({
         unitCode: "ClientEventTypes",
-        inputParameters: [{ name: "in_EVNTYPE_CODE", value: value }],
+        showMethod: "dictionary",
-        callBack: res => (res.success === true ? callBack(res.outParameters.out_EVNTYPE_CODE) : callBack(null))
+        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 }],
+        showMethod: "agents",
-        callBack: res => (res.success === true ? callBack(res.outParameters.out_AGNABBR) : callBack(null))
+        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);

app/panels/clnt_task_board/components/filter_input_field.js

@@ -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}
             >

app/panels/clnt_task_board/components/note_dialog.js

@@ -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 };

app/panels/clnt_task_board/components/task_card.js

@@ -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={() => {
-                                    //Выполняем действие
+                                    if (openNoteDialog && action.method === "TASK_STATE_CHANGE") {
-                                    action.func(taskRn, action.needReload ? handleReload : null);
+                                        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
 };
 
 //----------------

app/panels/clnt_task_board/components/task_form.js

@@ -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
 };
 

app/panels/clnt_task_board/hooks.js

@@ -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
+//Формирование массива из 0, 1 и 1< элементов
-// const randomColorRgba = index => {
+export const arrayFormer = arr => {
-//     const s = [255, 204, 153, 102, 51, 0];
+    return arr ? (arr.length ? arr : [arr]) : [];
-//     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)";
-// };
 
 //-----------
 //Тело модуля
@@ -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 => {
+                arrayFormer(data.XACCOUNTS).map(a => {
-                    //console.log(a.SEVRN_LIST.toString().includes(";"));
                     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 [
+    return [task, setTask, insertEvent, updateEvent, handleClientClientsOpen, handleClientPersonOpen, handleCrnOpen, getEventNextNumb];
-        task,
-        setTask,
-        insertEvent,
-        updateEvent,
-        //handleTypeOpen,
-        //handleStatusOpen,
-        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({
+                                        pointSettings.addNoteOnChst
-                                            stored: "PKG_P8PANELS_CLNTTSKBRD.CLNEVENTS_STATE_CHANGE",
+                                            ? handleNote(async n => {
-                                            args: {
+                                                  //Если требуется примечание
-                                                NIDENT: firstStep.NIDENT,
+                                                  await executeStored({
-                                                NSTEP: 3,
+                                                      stored: "PKG_P8PANELS_CLNTTSKBRD.CLNEVENTS_STATE_CHANGE",
-                                                SEVENT_STAT: point.outParameters.out_NEXT_POINT,
+                                                      args: {
-                                                SSEND_CLIENT: send.outParameters.out_CLIENT_CODE,
+                                                          ...mainArgs,
-                                                SSEND_DIVISION: send.outParameters.out_DIVISION_CODE,
+                                                          ...{ SNOTE_HEADER: n.header ? n.header : null, SNOTE: n.text ? n.text : null }
-                                                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,
+                                                  if (handleReload) {
-                                                SSEND_USER_GROUP: send.outParameters.out_USER_GROUP_CODE,
+                                                      handleReload();
-                                                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: 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({
+                                pointSettings.addNoteOnChst
-                                    stored: "PKG_P8PANELS_CLNTTSKBRD.CLNEVENTS_STATE_CHANGE",
+                                    ? handleNote(async n => {
-                                    args: {
+                                          //Если требуется примечание
-                                        NIDENT: firstStep.NIDENT,
+                                          await executeStored({
-                                        NSTEP: 3,
+                                              stored: "PKG_P8PANELS_CLNTTSKBRD.CLNEVENTS_STATE_CHANGE",
-                                        SEVENT_STAT: point.outParameters.out_NEXT_POINT
+                                              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
                             }
                         });
                         //Если требуется перезагрузить данные