app/components/p8p_panels_menu.js

@@ -58,7 +58,8 @@ const STYLES = {
     GRID: { maxWidth: 1200, direction: "row", justifyContent: "left", alignItems: "stretch" },
     GRID_PANEL_CARD: { maxWidth: 400, height: "100%", flexDirection: "column", display: "flex" },
     GRID_PANEL_CARD_MEDIA: { height: 140 },
-    GRID_PANEL_CARD_CONTENT_TITLE: { alignItems: "center" },
+    GRID_PANEL_CARD_CONTENT_TITLE: { alignItems: "flex-start" },
+    GRID_PANEL_CARD_CONTENT_TITLE_ICON: { paddingTop: "4px" },
     GRID_PANEL_CARD_ACTIONS: { marginTop: "auto", display: "flex", justifyContent: "flex-end", alignItems: "flex-start" },
     DESKTOP_GROUP_HEADER: { fontWeight: "bold", fontFamily: "tahoma, arial, verdana, sans-serif!important", fontSize: "13px!important" },
     DESKTOP_ITEM_BUTTON: { fontSize: "12px", textTransform: "none", "&:hover": { backgroundColor: "#c3e1ff" }, maxWidth: "150px" },
@@ -130,7 +131,7 @@ const getPanelsLinks = ({ variant, panels, selectedPanel, group, defaultGroupTyt
                                 ) : null}
                                 <CardContent>
                                     <Stack gap={1} direction="row" sx={STYLES.GRID_PANEL_CARD_CONTENT_TITLE}>
-                                        {panel.icon ? <Icon>{panel.icon}</Icon> : null}
+                                        {panel.icon ? <Icon sx={STYLES.GRID_PANEL_CARD_CONTENT_TITLE_ICON}>{panel.icon}</Icon> : null}
                                         <Typography variant="h5">{panel.caption}</Typography>
                                     </Stack>
                                     <Typography variant="body2" color="text.secondary">

app/components/p8p_table.js

@@ -434,7 +434,7 @@ P8PTableColumnFilterDialog.propTypes = {
 //Сводный фильтр
 const P8PTableFiltersChips = ({ filters, columnsDef, valueFromCaption, valueToCaption, onFilterChipClick, onFilterChipDelete, valueFormatter }) => {
     return (
-        <Stack direction="row" spacing={1} pb={2}>
+        <Stack direction="row" spacing={1} p={1}>
             {filters.map((filter, i) => {
                 const columnDef = columnsDef.find(columnDef => columnDef.name == filter.name);
                 return (

p8panels.config

@@ -24,7 +24,7 @@
             <MenuItem parent="{BA073333-DFBC-4BA3-8EA7-172F3F6B4FEE}" name="ShowMechRecPanelDeptCostProdPlans" caption="Производственный план цеха" panelName="MechRecDeptCostProdPlans"/>
             <MenuItem parent="{BA073333-DFBC-4BA3-8EA7-172F3F6B4FEE}" name="ShowMechRecPanelDeptCostJobsManage" caption="Выдача сменного задания" panelName="MechRecCostJobsManage"/>
             <MenuItem parent="{BA073333-DFBC-4BA3-8EA7-172F3F6B4FEE}" name="ShowMechRecPanelDeptCostJobs" caption="Загрузка цеха" panelName="MechRecDeptCostJobs"/>
-            <MenuItem parent="{BA073333-DFBC-4BA3-8EA7-172F3F6B4FEE}" name="ShowMechRecPanelAssemblyMon" caption=" Мониторинг сборки изделий" panelName="MechRecAssemblyMon"/>
+            <MenuItem parent="{BA073333-DFBC-4BA3-8EA7-172F3F6B4FEE}" name="ShowMechRecPanelAssemblyMon" caption="Мониторинг сборки изделий" panelName="MechRecAssemblyMon"/>
         </App>
     </MenuItems>
     <Panels urlBase="Modules/p8-panels/#/">
@@ -97,7 +97,7 @@
                 path="mech_rec_dept_cost_prod_plans"
                 icon="free_cancellation"
                 showInPanelsList="true"
-                preview="./img/mech_rec_cost_prod_plans.jpg"/>
+                preview="./img/mech_rec_dept_cost_prod_plans.jpg"/>
         <Panel
                 name="MechRecCostJobsManage"
                 group="Планирование и учёт в дискретном производстве"
@@ -107,7 +107,7 @@
                 path="mech_rec_cost_jobs_manage"
                 icon="psychology"
                 showInPanelsList="true"
-                preview="./img/mech_rec_cost_prod_plans.jpg"/>
+                preview="./img/mech_rec_cost_jobs_manage.jpg"/>
         <Panel
                 name="MechRecDeptCostJobs"
                 group="Планирование и учёт в дискретном производстве"
@@ -117,7 +117,7 @@
                 path="mech_rec_dept_cost_jobs"
                 icon="factory"
                 showInPanelsList="true"
-                preview="./img/mech_rec_cost_prod_plans.jpg"/>
+                preview="./img/mech_rec_dept_cost_jobs.jpg"/>
         <Panel
                 name="MechRecAssemblyMon"
                 group="Планирование и учёт в дискретном производстве"
@@ -125,9 +125,9 @@
                 desc="Отображение текущего состояния комплектации и сборки изделий производственными подразделениями"
                 url="mech_rec_assembly_mon"
                 path="mech_rec_assembly_mon"
-                icon="build"
+                icon="monitor_heart"
                 showInPanelsList="true"
-                preview="./img/mech_rec_cost_prod_plans.jpg"/>
+                preview="./img/mech_rec_assembly_mon.jpg"/>
         <Panel
                 name="Samples"
                 group=""

package.json

@@ -23,7 +23,8 @@
         "@babel/preset-react": "^7.22.5",
         "@emotion/react": "^11.11.1",
         "@emotion/styled": "^11.11.0",
-        "@mui/material": "^5.14.4",
+        "@mui/material": "^5.16.4",
+        "@mui/x-tree-view": "^7.11.0",
         "babel-loader": "^9.1.3",
         "chart.js": "^4.4.0",
         "dayjs": "^1.11.9",