{message}
\r\n } else {\r\n switch (action) {\r\n case LoginActions.Login:\r\n case LoginActions.LoginCallback:\r\n case LoginActions.Profile:\r\n case LoginActions.Register:\r\n return ();\r\n default:\r\n throw new Error(`Ошибка '${action}'`);\r\n }\r\n }\r\n }\r\n\r\n async login(returnUrl) {\r\n const state = { returnUrl };\r\n const result = await authService.signIn(state);\r\n switch (result.status) {\r\n case AuthenticationResultStatus.Redirect:\r\n break;\r\n case AuthenticationResultStatus.Success:\r\n await this.navigateToReturnUrl(returnUrl);\r\n break;\r\n case AuthenticationResultStatus.Fail:\r\n this.setState({ message: result.message });\r\n break;\r\n default:\r\n throw new Error(`Неверный статус ${result.status}.`);\r\n }\r\n }\r\n\r\n async processLoginCallback() {\r\n const url = window.location.href;\r\n const result = await authService.completeSignIn(url);\r\n switch (result.status) {\r\n case AuthenticationResultStatus.Redirect:\r\n // There should not be any redirects as the only time completeSignIn finishes\r\n // is when we are doing a redirect sign in flow.\r\n throw new Error('Перенаправление не требуется.');\r\n case AuthenticationResultStatus.Success:\r\n await this.navigateToReturnUrl(this.getReturnUrl(result.state));\r\n break;\r\n case AuthenticationResultStatus.Fail:\r\n this.setState({ message: result.message });\r\n break;\r\n default:\r\n throw new Error(`Неверный статус аутентификации '${result.status}'.`);\r\n }\r\n }\r\n\r\n getReturnUrl(state) {\r\n const params = new URLSearchParams(window.location.search);\r\n const fromQuery = params.get(QueryParameterNames.ReturnUrl);\r\n if (fromQuery && !fromQuery.startsWith(`${window.location.origin}/`)) {\r\n // This is an extra check to prevent open redirects.\r\n throw new Error(\"Недопустимый обратный URL. URL-адрес возврата должен иметь то же происхождение, что и текущая страница.\")\r\n }\r\n return (state && state.returnUrl) || fromQuery || `${window.location.origin}/`;\r\n }\r\n\r\n redirectToRegister() {\r\n this.redirectToApiAuthorizationPath(`${ApplicationPaths.IdentityRegisterPath}?${QueryParameterNames.ReturnUrl}=${encodeURI(ApplicationPaths.Login)}`);\r\n }\r\n\r\n redirectToProfile() {\r\n this.redirectToApiAuthorizationPath(ApplicationPaths.IdentityManagePath);\r\n }\r\n\r\n redirectToApiAuthorizationPath(apiAuthorizationPath) {\r\n const redirectUrl = `${window.location.origin}/${apiAuthorizationPath}`;\r\n // It's important that we do a replace here so that when the user hits the back arrow on the\r\n // browser they get sent back to where it was on the app instead of to an endpoint on this\r\n // component.\r\n window.location.replace(redirectUrl);\r\n }\r\n\r\n navigateToReturnUrl(returnUrl) {\r\n // It's important that we do a replace here so that we remove the callback uri with the\r\n // fragment containing the tokens from the browser history.\r\n window.location.replace(returnUrl);\r\n }\r\n}\r\n","import React from 'react'\r\nimport {Component} from 'react';\r\nimport authService from './AuthorizeService';\r\nimport {AuthenticationResultStatus} from './AuthorizeService';\r\nimport {QueryParameterNames, LogoutActions, ApplicationPaths} from './ApiAuthorizationConstants';\r\n\r\n// The main responsibility of this component is to handle the user's logout process.\r\n// This is the starting point for the logout process, which is usually initiated when a\r\n// user clicks on the logout button on the LoginMenu component.\r\nexport class Logout extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n message: undefined,\r\n isReady: false,\r\n authenticated: false\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n const action = this.props.action;\r\n switch (action) {\r\n case LogoutActions.Logout:\r\n if (!!window.history.state.state.local) {\r\n this.logout(this.getReturnUrl());\r\n } else {\r\n // This prevents regular links to {message}
);\r\n } else {\r\n const action = this.props.action;\r\n switch (action) {\r\n case LogoutActions.Logout:\r\n return (Выполняется выход...
);\r\n case LogoutActions.LogoutCallback:\r\n return (...
);\r\n case LogoutActions.LoggedOut:\r\n return ({message}
);\r\n default:\r\n throw new Error(`Ошибка '${action}'`);\r\n }\r\n }\r\n }\r\n\r\n async logout(returnUrl) {\r\n const state = {returnUrl};\r\n const isauthenticated = await authService.isAuthenticated();\r\n if (isauthenticated) {\r\n const result = await authService.signOut(state);\r\n switch (result.status) {\r\n case AuthenticationResultStatus.Redirect:\r\n break;\r\n case AuthenticationResultStatus.Success:\r\n await this.navigateToReturnUrl(returnUrl);\r\n break;\r\n case AuthenticationResultStatus.Fail:\r\n this.setState({message: result.message});\r\n break;\r\n default:\r\n throw new Error(\"Неверный статус результата аутентификации.\");\r\n }\r\n } else {\r\n this.setState({message: \"Вы успешно вышли из аккаунта!\"});\r\n }\r\n }\r\n\r\n async processLogoutCallback() {\r\n const url = window.location.href;\r\n const result = await authService.completeSignOut(url);\r\n switch (result.status) {\r\n case AuthenticationResultStatus.Redirect:\r\n case AuthenticationResultStatus.Success:\r\n await this.navigateToReturnUrl(this.getReturnUrl(result.state));\r\n break;\r\n case AuthenticationResultStatus.Fail:\r\n this.setState({message: result.message});\r\n break;\r\n default:\r\n throw new Error(\"Неверный статус результата проверки подлинности.\");\r\n }\r\n }\r\n\r\n async populateAuthenticationState() {\r\n const authenticated = await authService.isAuthenticated();\r\n this.setState({isReady: true, authenticated});\r\n }\r\n\r\n getReturnUrl(state) {\r\n const params = new URLSearchParams(window.location.search);\r\n const fromQuery = params.get(QueryParameterNames.ReturnUrl);\r\n if (fromQuery && !fromQuery.startsWith(`${window.location.origin}/`)) {\r\n // This is an extra check to prevent open redirects.\r\n throw new Error(\"Недопустимый обратный URL. URL-адрес возврата должен иметь тот же источник, что и текущая страница.\")\r\n }\r\n return (state && state.returnUrl) ||\r\n fromQuery ||\r\n `${window.location.origin}${ApplicationPaths.Login}`;\r\n }\r\n\r\n navigateToReturnUrl(returnUrl) {\r\n return window.location.replace(returnUrl);\r\n }\r\n}\r\n","import React, { Component, Fragment } from 'react';\r\nimport { Route } from 'react-router';\r\nimport { Login } from './Login'\r\nimport { Logout } from './Logout'\r\nimport { ApplicationPaths, LoginActions, LogoutActions } from './ApiAuthorizationConstants';\r\n\r\nexport default class ApiAuthorizationRoutes extends Component {\r\n\r\n render () {\r\n return(\r\n \r\n Личный кабинет \r\n Выход \r\n
);\r\n\r\n }\r\n\r\n anonymousView(registerPath, loginPath) {\r\n return ({this.state.name}
\r\n \r\n Вход \r\n
\r\n );\r\n }\r\n\r\n\r\n}\r\n","export default __webpack_public_path__ + \"static/media/logo.e95ef623.svg\";","import React from 'react';\r\nimport {NavLink} from \"react-router-dom\";\r\nimport 'bootstrap/dist/css/bootstrap.min.css';\r\nimport {LoginMenu} from \"./api-authorization/LoginMenu\";\r\nimport logo from '../assets/icons/logo.svg'\r\n\r\nconst Sidebar = ({children}) => {\r\n const menuItem = [\r\n {\r\n path: \"/fields\",\r\n name: \"Поля\",\r\n },\r\n {\r\n path: \"/directory\",\r\n name: \"Справочник\",\r\n },\r\n {\r\n path: \"/fertilizers\",\r\n name: \"Удобрения\",\r\n },\r\n {\r\n path: \"/calculations\",\r\n name: \"Расчет\",\r\n },\r\n {\r\n path: \"/reports\",\r\n name: \"Отчеты\",\r\n }\r\n ]\r\n return (\r\n \r\n {children} \r\n
\r\n )\r\n};\r\n\r\nexport default Sidebar;","/* eslint-disable */\r\nimport React, {Component} from 'react';\r\nimport {Input, Grid} from 'react-spreadsheet-grid';\r\nimport set from 'lodash.set';\r\nimport {Button, OverlayTrigger, Popover} from \"react-bootstrap\";\r\n\r\n\r\nexport class AddFieldTable extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n columns: [],\r\n data: [],\r\n save: -1,\r\n row_save: {\r\n \"area\": 0,\r\n \"name\": \"\",\r\n }\r\n };\r\n this.handleSubmit = this.handleSubmit.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n this.populateFieldsData();\r\n }\r\n\r\n handleSubmit(event) {\r\n this.PostResponse()\r\n event.preventDefault();\r\n this.setState({data: [{name: '', area: ''}]})\r\n }\r\n\r\n async PostResponse() {\r\n this.setState({save: 0})\r\n const token = this.props.token;\r\n await fetch('api/field?area=' + this.state.row_save.area + '&name=' + this.state.row_save.name, {\r\n method: 'POST',\r\n headers: !token ? {} : {'Authorization': `Bearer ${token}`},\r\n }).then((response) => {\r\n if (response.ok) {\r\n response.json().then((result) => {\r\n this.props.addField(result)\r\n });\r\n this.setState({save: 2, row_save:{'area':0, 'name':''}})\r\n setTimeout(()=>this.setState({save: -1}),3000)\r\n }else {\r\n this.setState({save: 1})\r\n setTimeout(()=>this.setState({save: -1}),3000)\r\n }\r\n });\r\n }\r\n\r\n\r\n render() {\r\n let save=''\r\n switch (this.state.save) {\r\n case 0:\r\n save = 'Идет добавление...'\r\n break\r\n case 1:\r\n save = 'Ошибка'\r\n break\r\n case 2:\r\n save = 'Поле успешно добавлено'\r\n break\r\n default:\r\n save = ''\r\n break\r\n }\r\n return (\r\n \r\n
\r\n \r\n 
\r\n
\r\n SKARB-SOIL
\r\n \r\n \r\n {menuItem.map((item, index) => (\r\n \r\n \r\n ))}\r\n
\r\n {item.name}
\r\n \r\n row.id}\r\n rowHeight={90}\r\n />\r\n
);\r\n }\r\n\r\n\r\n async populateFieldsData() {\r\n const numberFormat = new Intl.NumberFormat('ru-RU')\r\n\r\n function formatCell(value, element = false) {\r\n return value ? (numberFormat.format(value.toString().replace(',', '.')).replace(',', '.')) : '0'\r\n }\r\n\r\n const onFieldChange = (rowId, field) => (value1) => {\r\n let value = value1\r\n if (field === 'area')\r\n value = value1.replace(/\\s/g, \"\")\r\n set(this.state.data[0], field, value);\r\n this.state.row_save[field] = value\r\n }\r\n\r\n const columns = [\r\n {\r\n title: 'Наименование нового поля',\r\n value: (row, {focus}) => {\r\n return (\r\n \r\n {save}}\r\n >\r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n },\r\n id: 'area',\r\n }\r\n ]\r\n\r\n this.setState({\r\n data: [{name: '', area: '0'}],\r\n columns: columns,\r\n });\r\n }\r\n\r\n}\r\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAB/SURBVHgB7ZHBDYAgDEWrIY7gySE8c2AHJ3ULzm7gxYNhBEOM7aEJaQtxAP6NX94PvwB0Kd0hnJf3q/QTejST/qiMnDfn3F6GEPyiRzN5fwBDDGQEJjwzPMd4/AooQ/hVFmxWsPQ0Zs0K3JnrLJVXKJi2ncQSa7+jJGEZAl1KH3vARxQyzdkDAAAAAElFTkSuQmCC\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAMCAYAAACJOyb4AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACxSURBVHgBrZLRCcIwFEXvC35LFwjEDRxBFP8doW7gCG5SV/C7iriBbhCsa5jYWBTE5vXZ5nzehHPhJoAQk80yoxcr/IGSXApijEcnEIq6oICQTvlH7OkK9ZiAaCotIKnYVmX+ykyduZD5i62O617yNvHXuV7uAOe5AsWKHZ3bxIEmV8RNpKJiYG/v5QYMXQUUFd8OWwiJTURDxVwBpRDHCprNE4gDP28Q/q3R8xwJefueGyFisbhAgOgAAAAASUVORK5CYII=\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAMCAYAAABm+U3GAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACPSURBVHgBrdPBCYAwDAXQb0unECQjdARBHMBJO4AXR3ADe3EKUWxFDx7UtPFDLgm8Q0gKKmsLGPi5H/FDLk+FAvTmqGwthDlQbRzMcjaotlQ1kwSPKFXtFK37QIA/ohL8E83B2WgKnoxy8Gz0DeeiBRg4Nu2wqg4I9xnvVC2d98Mogm94+CcOmpRjLQk73QGw+0JIosyy8QAAAABJRU5ErkJggg==\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABhSURBVHgBzVHBCYAwDEyC80g3cAUfuo9fncYV3MCJGjn0Ycv10UehByHhjpDkIkKwHiEgmDYw0j3OX3nnmkkl2jcojvvt/JKmE7JHvxJe7ayeQLHs44ZgWocu0U/DjVLDA0wHE7vxfEgqAAAAAElFTkSuQmCC\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAHCAYAAAA4R3wZAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABrSURBVHgBlcvBEUAwEIXhXf1QCTfO6EAHiQqUgGtyS/RhREErw2AMEf7LzpudD8CR1BOTemauP7qQPXxbAc+SsPbCK9q7Y/SjZ3xAqUwDSBW8duIVisG0SFTAhxCxS+OoRKHGwo4cfhQQ9QuLbybz9EBM2QAAAABJRU5ErkJggg==\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAISSURBVHgB1VVNbtNAFP5mPFkBUm5AuADBN3AOUKgXpUIsQk7Q3KDNCVBPELpCIqDQoK7bnsCBBescIRJlZfs93rObKk0yVozaSv2kp/HPm/ne/wCPHabq5+dxEjUapktkImPQuv48NcZM8xSn+/HL7/gfAjm45VwwBDiq3GwwS1PqvIvDmU/Hrn74cpa8cs4m14fPARq4jF7s7bSNClsKmanHjJlIS3V1j9eIdcv1cDTBOLnKqd+Lw/mmjeNx0swdjhj2QA3JMgo3eeKWXxqBPWc5XOT47et2HxWIS+L+aPKzKWZ2y5Cis6p3E6Kvk2SXJZEis78ZHWFLOPESRSg5Gv1IIi8BbPCmWIkGvrD4PCGiY32W6up6CZi5SFSaY4qaIMKn8slEXgJBQfA+DmsTLJKrVVVFcC9YChFmun47+/0cNbHoA6m+aQUBXeqaZWkPdZGX4bWG/QTWlomS9WAoTYQtoboW9rDgSfnUS7C3E16IHyJoPmsEH7ElngbB4aJ/9uNwbfjd6uQs455zJpGS/TCa/Jpf5bm3J9TyJ2qI6Oq7kfm0SW9tmmrCDNlz9USnpTTRQHtjUb7lvHLSUEUH34TSN1m94zqQubR0B3igIeUBsx2q7iaSygunmE/ArpjXFtWyFKWcreULCeNJmbfbBq2SGNwRVkn+pBRq/u6sk9XiPKdOcRERLusMzFpQT/CQ+AcVeQgntzycCwAAAABJRU5ErkJggg==\"","/* eslint-disable */\r\nimport React, {Component} from 'react'\r\nimport {Input, Grid} from 'react-spreadsheet-grid'\r\nimport set from 'lodash.set'\r\nimport {Collapse} from 'react-collapse'\r\nimport {Button, Col, Row, Form, Modal, OverlayTrigger, Popover} from \"react-bootstrap\"\r\nimport Select, {components, DropdownIndicatorProps} from 'react-select'\r\nimport {AddFieldTable} from \"./AddFieldTable\"\r\nimport del from \"../../assets/icons/del.png\"\r\nimport arrow_up from \"../../assets/icons/dark_arrow_up.png\"\r\nimport arrow_down from \"../../assets/icons/dark_arrow_down.png\"\r\nimport {Typography} from \"@material-ui/core\"\r\nimport add from \"../../assets/icons/add.png\"\r\nimport {IMaskInput} from \"react-imask\"\r\nimport {Icon} from '@iconify/react'\r\nimport clockIcon from '@iconify/icons-svg-spinners/clock'\r\nimport clock from '../../assets/icons/clock.png'\r\nimport triangle from '../../assets/icons/triangle.png'\r\nimport cloneDeep from 'lodash/cloneDeep'\r\nimport red_clock from '../../assets/icons/red-clock.png'\r\nimport loadingIcon from '@iconify/icons-uiw/loading'\r\nimport search from '../../assets/icons/search.png'\r\nimport LazyLoad from 'react-lazy-load';\r\n\r\nexport class FieldTable extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n rows: [],\r\n loading: true,\r\n save: -1,\r\n modalShow: false,\r\n columnsRegion: [],\r\n columnsOneRegion: [],\r\n clockIsError: false,\r\n syncModalShow: false,\r\n cropwise_fields_all: [],\r\n modalSowId: '',\r\n synchronising: false,\r\n sync_loading: false,\r\n isCheckAll: true,\r\n sort_fields: {name: true, area: false},\r\n check_cropwise: false\r\n }\r\n this.saveData = this.saveData.bind(this)\r\n this.onFieldChange = this.onFieldChange.bind(this)\r\n this.delFieldModal = this.delFieldModal.bind(this)\r\n this.syncModal = this.syncModal.bind(this)\r\n this.checkAll = this.checkAll.bind(this)\r\n this.checkField = this.checkField.bind(this)\r\n this.synchronise = this.synchronise.bind(this)\r\n this.trackScrolling = this.trackScrolling.bind(this)\r\n this.sort_field_list = this.sort_field_list.bind(this)\r\n this.onSyncClick = this.onSyncClick.bind(this)\r\n this.filterFieldList = this.filterFieldList.bind(this)\r\n }\r\n\r\n componentDidMount() {\r\n this.populateFieldsData()\r\n }\r\n\r\n trackScrolling = () => {\r\n const wrappedElement = document.getElementById('sync-table-container');\r\n if (wrappedElement.scrollHeight - wrappedElement.scrollTop === wrappedElement.clientHeight) {\r\n document.getElementById('sync-table-container').classList.add('no-after')\r\n } else {\r\n document.getElementById('sync-table-container').classList.remove('no-after')\r\n }\r\n }\r\n\r\n expandRow = (rowId) => {\r\n const row = this.state.rows.find((row) => {\r\n return row.id === rowId;\r\n });\r\n row.expand = !row.expand\r\n this.setState({expand: row.expand ? \"Скрыть\" : \"Раскрыть\"})\r\n }\r\n\r\n addRowRegion = (rowId) => {\r\n fetch('api/region?fieldId=' + rowId, {\r\n method: 'POST',\r\n headers: !this.props.token ? {} : {'Authorization': `Bearer ${this.props.token}`},\r\n }).then((response) => {\r\n if (response.ok) {\r\n response.json().then((result) => {\r\n let row = this.state.rows.find((row) => {\r\n return row.id === rowId;\r\n });\r\n row.regions = row.regions.concat(result)\r\n this.setState({rows: this.state.rows})\r\n })\r\n }\r\n });\r\n }\r\n\r\n removeField = (rowId) => {\r\n fetch('api/Field?id=' + rowId, {\r\n method: 'DELETE',\r\n headers: !this.props.token ? {} : {'Authorization': `Bearer ${this.props.token}`}\r\n }).then((response) => {\r\n if (response.ok) {\r\n this.setState({rows: this.state.rows.filter((row) => row.id !== rowId)})\r\n }\r\n });\r\n }\r\n\r\n onFieldChange = (rowId, field, value1) => {\r\n let value = value1\r\n if (field === 'area')\r\n value = value1.replace(/\\s/g, \"\")\r\n const modifiedRows = [].concat(this.state.rows);\r\n const row = modifiedRows.find((row) => {\r\n return row.id === rowId;\r\n });\r\n set(row, field, value);\r\n this.forceUpdate()\r\n }\r\n\r\n removeRowRegion = (rowId) => {\r\n fetch('api/region?id=' + rowId, {\r\n method: 'DELETE',\r\n headers: !this.props.token ? {} : {'Authorization': `Bearer ${this.props.token}`}\r\n }).then((response) => {\r\n if (response.ok) {\r\n response.json().then((result) => {\r\n let row = this.state.rows.find((row) => {\r\n return row.id === result;\r\n });\r\n row.regions = row.regions.filter(e => e.id !== rowId)\r\n this.setState({rows: this.state.rows});\r\n })\r\n }\r\n });\r\n }\r\n\r\n saveData() {\r\n this.setState({save: 0})\r\n fetch('api/field', {\r\n method: 'PUT',\r\n headers: !this.props.token ? {} : {\r\n 'Authorization': `Bearer ${this.props.token}`,\r\n 'Content-Type': 'application/json'\r\n },\r\n body: JSON.stringify(this.state.rows)\r\n })\r\n .then((response) => {\r\n if (response.ok) {\r\n this.setState({save: 2})\r\n setTimeout(() => this.setState({save: -1}), 3000)\r\n } else {\r\n this.setState({save: 1})\r\n setTimeout(() => this.setState({save: -1}), 3000)\r\n }\r\n });\r\n }\r\n\r\n delFieldModal(fieldName, rowId) {\r\n return (\r\n \r\n \r\n \r\n
\r\n \r\n this.filterFieldList(e.target.value)}\r\n className='search-input'/>\r\n 
\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {\r\n this.state.cropwise_fields_all.map((row) => {\r\n return (row.hide ? <> :\r\n )\r\n })\r\n }\r\n
\r\n \r\n \r\n \r\n
\r\n }\r\n \r\n \r\n \r\n
: <>}\r\n \r\n \r\n
\r\n \r\n {modalShowId === row.id ? delFieldModal(row.name, row.id) : <>}\r\n \r\n onFieldChange(row.id, 'name', event.target.value)}> \r\n \r\n onFieldChange(row.id, 'area', event.target.value)}> \r\n
\r\n \r\n
\r\n \r\n row.id}\r\n rowHeight={90}\r\n disabledCellChecker={(row, columnId) => {\r\n return columnId === 'soilId' ||\r\n columnId === 'unit_measurements' ||\r\n columnId === 'button_remove' ||\r\n columnId === 'dateAnalyse'\r\n }}\r\n />\r\n
\r\n \r\n \r\n
\r\n Загрузка...
\r\n : FieldTable.renderTable(\r\n this.state.rows,\r\n this.addRowRegion,\r\n this.state.columnsRegion,\r\n this.state.columnsOneRegion,\r\n this.expandRow,\r\n this.onFieldChange,\r\n this.delFieldModal,\r\n showModal,\r\n this.state.modalShowId)\r\n return (\r\n\r\n {this.state.syncModalShow ? this.syncModal() : <>}\r\n \r\n
\r\n this.setState({rows: this.state.rows.concat(value)})}/>\r\n {save}}\r\n >\r\n \r\n \r\n
\r\n );\r\n }\r\n\r\n async populateFieldsData() {\r\n const numberFormat = new Intl.NumberFormat('ru-RU')\r\n const numberElementFormat = new Intl.NumberFormat('ru-RU', {maximumFractionDigits: 0})\r\n\r\n function formatCell(value, element = false) {\r\n return value ? ((element ? numberElementFormat : numberFormat).format(value.toString().replace(',', '.')).replace(',', '.')) : 0\r\n }\r\n\r\n let check_cropwise = false\r\n fetch('api/field/checkCropwise', {\r\n headers: !this.props.token ? {} : {'Authorization': `Bearer ${this.props.token}`}\r\n }).then((response) => {\r\n if (response.ok) {\r\n check_cropwise = true\r\n }\r\n });\r\n\r\n const response = await fetch('api/field', {\r\n headers: !this.props.token ? {} : {'Authorization': `Bearer ${this.props.token}`}\r\n });\r\n const response_soils = await fetch('api/soil', {\r\n headers: !this.props.token ? {} : {'Authorization': `Bearer ${this.props.token}`}\r\n });\r\n let soils_list = [];\r\n const soils = await response_soils.json();\r\n soils.map((item) => (\r\n soils_list.push({value: item.id, label: item.name})\r\n ))\r\n soils_list = soils_list.sort((function (a, b) {\r\n if (a.label < b.label) {\r\n return -1;\r\n }\r\n if (a.label > b.label) {\r\n return 1;\r\n }\r\n return 0;\r\n }))\r\n\r\n let rows = await response.json()\r\n rows.map((row) => {\r\n Object.assign(row, {hide: false})\r\n })\r\n\r\n function compare(a, b) {\r\n if (a.name < b.name) {\r\n return -1;\r\n }\r\n if (a.name > b.name) {\r\n return 1;\r\n }\r\n return 0;\r\n }\r\n\r\n rows = rows.sort(compare)\r\n\r\n const onDateChange = (rowId, fieldId, value) => {\r\n const modifiedRows = [].concat(this.state.rows);\r\n const row = modifiedRows.find((row) => {\r\n return row.id === fieldId;\r\n });\r\n const rowRegion = row.regions.find((row) => {\r\n return row.id === rowId;\r\n });\r\n set(rowRegion, 'dateAnalyse', value);\r\n }\r\n const onRegionChange = (rowId, field, fieldId) => (value1) => {\r\n let value = value1\r\n if (field !== 'dateAnalyse' && field !== 'name')\r\n value = value1.replace(/\\s/g, \"\").replace(',', '.')\r\n const modifiedRows = [].concat(this.state.rows);\r\n const row = modifiedRows.find((row) => {\r\n return row.id === fieldId;\r\n });\r\n const rowRegion = row.regions.find((row) => {\r\n return row.id === rowId;\r\n });\r\n set(rowRegion, field, value);\r\n if (/^element/.test(field))\r\n set(rowRegion, field.replace('element', 'elementMg'), 0)\r\n if (field === 'density' || field === 'depthSoil')\r\n for (let el in rowRegion.element) {\r\n if (Number(rowRegion.elementMg[el]) !== 0) {\r\n set(rowRegion, 'element.' + el, rowRegion.elementMg[el] * rowRegion.density * rowRegion.depthSoil / 10)\r\n }\r\n }\r\n }\r\n const onRegion2Change = (rowId, field, fieldId) => (value1) => {\r\n let value = value1.replace(/\\s/g, \"\")\r\n const modifiedRows = [].concat(this.state.rows);\r\n const row = modifiedRows.find((row) => {\r\n return row.id === fieldId;\r\n });\r\n const rowRegion = row.regions.find((row) => {\r\n return row.id === rowId;\r\n });\r\n set(rowRegion, 'element.' + field, value * rowRegion.density * rowRegion.depthSoil / 10);\r\n set(rowRegion, 'elementMg.' + field, value);\r\n }\r\n const onSelectChange = (rowId, field, fieldId) => (value) => {\r\n const modifiedRows = [].concat(this.state.rows);\r\n const row = modifiedRows.find((row) => {\r\n return row.id === fieldId;\r\n });\r\n const rowRegion = row.regions.find((row) => {\r\n return row.id === rowId;\r\n });\r\n rowRegion.soil = soils.find((s) => {\r\n return s.id === value.value;\r\n })\r\n set(rowRegion, field, value.value);\r\n }\r\n const del_button = (id) => {\r\n return ()\r\n }\r\n const DropdownIndicator = (props: DropdownIndicatorProps\r\n this.filterFields(e.target.value)}\r\n className='search-input'/>\r\n \r\n
\r\n {contents}\r\n \r\n
\r\n );\r\n },\r\n id: 'area',\r\n width: 7,\r\n }, {\r\n title: 'Тип почвы',\r\n value: (row, {focus}) => {\r\n return (\r\n \r\n
\r\n );\r\n },\r\n id: 'humus',\r\n width: 5,\r\n }, {\r\n title: 'pH',\r\n value: (row, {focus}) => {\r\n return (\r\n \r\n
\r\n );\r\n },\r\n id: 'pH',\r\n width: 5,\r\n }, {\r\n title: 'Плотность\\nг/см³',\r\n value: (row, {focus}) => {\r\n return (\r\n \r\n
\r\n );\r\n },\r\n id: 'density',\r\n width: 7,\r\n }, {\r\n title: 'Глубина пахотного слоя, см',\r\n value: (row, {focus}) => {\r\n return (\r\n \r\n
\r\n );\r\n },\r\n id: 'depthSoil',\r\n width: 7,\r\n }, {\r\n title: '',\r\n value: (row, {focus}) => {\r\n return (\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n );\r\n },\r\n id: 'area',\r\n width: 7,\r\n }, {\r\n title: 'Тип почвы',\r\n value: (row, {focus}) => {\r\n return (\r\n \r\n
\r\n );\r\n },\r\n id: 'humus',\r\n width: 5,\r\n }, {\r\n title: 'pH',\r\n value: (row, {focus}) => {\r\n return (\r\n \r\n
\r\n );\r\n },\r\n width: 5,\r\n id: 'pH'\r\n }, {\r\n title: 'Плотность\\nг/см³',\r\n value: (row, {focus}) => {\r\n return (\r\n \r\n
\r\n );\r\n },\r\n width: 7,\r\n id: 'density'\r\n }, {\r\n title: 'Глубина\\nпах.\\nслоя, см',\r\n value: (row, {focus}) => {\r\n return (\r\n \r\n
\r\n );\r\n },\r\n width: 6,\r\n id: 'depthSoil'\r\n }, {\r\n title: '',\r\n value: (row, {focus}) => {\r\n return (\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n\r\n );\r\n};\r\n\r\nexport default Fields;","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAASCAYAAABb0P4QAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAD4SURBVHgBrZQ7igJBEIb/mu19ROscwU03WeYIG+8DRARTTyCewPYGegNzBwTH3CPI4AX0BBoYGDRVTmsggjP09MwHRXfQfPxUdxchI07SvgA624bwgAhbwzzp/kdjms/XoVHBHtU5HA1/BCfPVA8I319eGwFqxkc46vx9ka06hFamiw6UEd7JZkk6rCJ8JNO+QmeZRaEI4kHnNxq7ygoTimBLuD14F1l+wizZs8HUULCKl6mVN11k+QlFNVqt6KAMf4MvIg1HcnrIepZsYERCkDRRgoJLYQ1Caer/y2/Z2MG1KtP++dwp2/x4se4J0VCEvEfZE3hk1zMfUVoMihhf6wAAAABJRU5ErkJggg==\"","/* eslint-disable */\r\nimport React, {Component} from 'react';\r\nimport Form from \"react-bootstrap/Form\";\r\nimport {Button, Modal} from \"react-bootstrap\";\r\nimport DataTable from \"react-data-table-component\";\r\nimport Select, {components, DropdownIndicatorProps} from \"react-select\";\r\nimport del from \"../../assets/icons/del.png\";\r\nimport edit from \"../../assets/icons/edit.png\";\r\nimport add from \"../../assets/icons/add.png\";\r\nimport arrow_up from \"../../assets/icons/dark_arrow_up.png\";\r\nimport arrow_down from \"../../assets/icons/dark_arrow_down.png\";\r\nimport {Typography} from \"@material-ui/core\";\r\n\r\nexport class OrganicTable extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n fertilizers: [],\r\n columns: [],\r\n save: -1,\r\n isModalShow: false,\r\n patterns: [],\r\n update: false,\r\n selectedPattern: '',\r\n patterns_list: [],\r\n isAdd: true,\r\n rowId: \"\",\r\n afterChange: false,\r\n row_save: {\r\n \"id\": 0,\r\n \"name\": \"\",\r\n \"consuming1\": {\"n\": 0, \"p2O5\": 0, \"k2O\": 0, \"s\": 0, \"caO\": 0, \"mg\": 0},\r\n \"consuming2\": {\"n\": 0, \"p2O5\": 0, \"k2O\": 0, \"s\": 0, \"caO\": 0, \"mg\": 0},\r\n \"price\": '0',\r\n 'userId': '',\r\n }\r\n };\r\n this.AddModal = this.AddModal.bind(this)\r\n this.checkRowStorage = this.checkRowStorage.bind(this)\r\n this.checkRowCalc = this.checkRowCalc.bind(this)\r\n this.handleChangeSelectFertilizer = this.handleChangeSelectFertilizer.bind(this)\r\n this.handleClickDelete = this.handleClickDelete.bind(this)\r\n }\r\n\r\n componentDidMount() {\r\n this.populateFertilizersData();\r\n }\r\n\r\n handleClickDelete(rowId) {\r\n fetch('api/fertilizerOrganic?id=' + rowId, {\r\n method: 'DELETE',\r\n headers: !this.props.token ? {} : {'Authorization': `Bearer ${this.props.token}`}\r\n }).then((response) => {\r\n if (response.ok) {\r\n response.json().then((result)=>{\r\n if(result.info === 'use'){\r\n this.props.setModal(false, 'Удобрение используется в расчетах и не может быть удалено')\r\n }else{\r\n this.state.fertilizers.splice(this.state.fertilizers.findIndex((r) => r.id === rowId), 1)\r\n this.props.setModal(true, 'Удобрение успешно удалено')\r\n this.forceUpdate()\r\n }\r\n })\r\n }else {\r\n this.props.setModal(false, 'Ошибка удаления удборения')\r\n }\r\n })\r\n }\r\n\r\n saveResponse = () => {\r\n this.setState({save: 0})\r\n fetch('api/fertilizerOrganic', {\r\n method: 'POST',\r\n headers: !this.props.token ? {} : {\r\n 'Authorization': `Bearer ${this.props.token}`,\r\n 'Content-Type': 'application/json'\r\n },\r\n body: JSON.stringify(this.state.row_save)\r\n }).then((response) => {\r\n if (response.ok) {\r\n response.json().then((result) => {\r\n this.setState({fertilizers: this.state.fertilizers.concat(result)})\r\n this.setState({save: 2, isModalShow: false, afterChange: false}, () => {\r\n this.forceUpdate()\r\n })\r\n });\r\n } else {\r\n this.setState({save: 1})\r\n }\r\n });\r\n }\r\n\r\n changeResponse = () => {\r\n this.setState({save: 0})\r\n fetch('api/fertilizerOrganic', {\r\n method: 'PUT',\r\n headers: !this.props.token ? {} : {\r\n 'Authorization': `Bearer ${this.props.token}`,\r\n 'Content-Type': 'application/json'\r\n },\r\n body: JSON.stringify(this.state.row_save)\r\n }).then((response) => {\r\n if (response.ok) {\r\n response.json().then((result) => {\r\n this.state.fertilizers.splice(this.state.fertilizers.findIndex((r) => r.id === result.id), 1, result)\r\n this.setState({save: 2, isModalShow: false, afterChange: true})\r\n })\r\n } else {\r\n this.setState({save: 1, isModalShow: false})\r\n }\r\n }\r\n )\r\n ;\r\n }\r\n\r\n handleChangeSelectFertilizer(e) {\r\n const fertilizer = this.state.patterns.find((f) => f.id === e.value)\r\n this.state.row_save.name = fertilizer.name\r\n this.state.row_save.consuming1 = fertilizer.consuming1\r\n this.state.row_save.consuming2 = fertilizer.consuming2\r\n this.state.row_save.price = fertilizer.price\r\n this.state.row_save.id = 1\r\n this.setState({selectedPattern: e.value})\r\n }\r\n\r\n checkRowStorage(row) {\r\n this.state.data.find((r) => r.id === row.id).inStorage = !row.inStorage\r\n }\r\n\r\n checkRowCalc(row) {\r\n this.state.data.find((r) => r.id === row.id).inUse = !row.inUse\r\n }\r\n\r\n AddModal(props, isAdd, rowId, afterChange) {\r\n if (this.state.patterns.length !== 0) {\r\n if (isAdd) {\r\n if (this.state.row_save.id === 0 || afterChange) {\r\n const fertilizer = this.state.patterns[0]\r\n this.state.row_save.name = fertilizer.name\r\n this.state.row_save.consuming1 = fertilizer.consuming1\r\n this.state.row_save.consuming2 = fertilizer.consuming2\r\n this.state.row_save.id = 0\r\n }\r\n } else {\r\n const fertilizer = this.state.fertilizers.find((row) => row.id === rowId)\r\n if (fertilizer) {\r\n this.state.row_save.id = fertilizer.id\r\n this.state.row_save.name = fertilizer.name\r\n this.state.row_save.consuming1 = fertilizer.consuming1\r\n this.state.row_save.consuming2 = fertilizer.consuming2\r\n this.state.row_save.price = fertilizer.price\r\n } else {\r\n const fertilizer = this.state.patterns[0]\r\n this.state.row_save.name = fertilizer.name\r\n this.state.row_save.consuming1 = fertilizer.consuming1\r\n this.state.row_save.consuming2 = fertilizer.consuming2\r\n this.state.row_save.id = 0\r\n }\r\n\r\n }\r\n }\r\n const DropdownIndicator = (props: DropdownIndicatorProps\r\n \r\n
\r\n Загрузка...
\r\n :\r\n\r\n \r\n \r\n
\r\n
\r\n return (\r\n | Наименование | \r\nПотребление растениями элементов питания из органических удобрений,\r\n кг/т\r\n | \r\nЦена, руб/т | \r\n |||
|---|---|---|---|---|---|
| Год 1 | \r\nГод 2 | \r\n||||
| N | \r\nP2O5 | \r\nK2O | \r\nN | \r\nP2O5 | \r\nK2O | \r\n
\r\n
\r\n );\r\n }\r\n\r\n async populateFertilizersData() {\r\n const token = this.props.token;\r\n const organic_fertilizers = this.props.organic_fertilizers\r\n const organic_pattern = this.props.organic_pattern\r\n const fertilizers = organic_fertilizers\r\n const patterns = organic_pattern\r\n const patterns_list = patterns.map((el) => ({value: el.id, label: el.name}))\r\n const columns = [\r\n {\r\n cell: (row) =>\r\n ,\r\n button: true,\r\n width: \"0\"\r\n }, {\r\n selector: row => row.name,\r\n sortable: true,\r\n width: \"27%\",\r\n wrap: true\r\n }, {\r\n selector: row => row.consuming1.n,\r\n width: \"11%\",\r\n center: true,\r\n compact: true,\r\n }, {\r\n selector: row => row.consuming1.p2O5,\r\n width: \"11%\",\r\n center: true,\r\n compact: true,\r\n }, {\r\n selector: row => row.consuming1.k2O,\r\n width: \"11%\",\r\n center: true,\r\n compact: true,\r\n }, {\r\n selector: row => row.consuming2.n,\r\n width: \"11%\",\r\n center: true,\r\n compact: true,\r\n }, {\r\n selector: row => row.consuming2.p2O5,\r\n width: \"11%\",\r\n center: true,\r\n compact: true,\r\n }, {\r\n selector: row => row.consuming2.k2O,\r\n width: \"11%\",\r\n center: true,\r\n compact: true,\r\n }, {\r\n selector: row => row.price,\r\n sortable: true,\r\n width: \"7%\",\r\n center: true,\r\n compact: true,\r\n }, {\r\n cell: (row) =>\r\n ,\r\n button: true,\r\n width: \"0\"\r\n }]\r\n\r\n this.setState({\r\n fertilizers: fertilizers,\r\n columns: columns,\r\n patterns: patterns,\r\n patterns_list: patterns_list,\r\n selectedPattern: patterns_list[0].value,\r\n }\r\n );\r\n }\r\n\r\n}\r\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAYAAABxLuKEAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAdnSURBVHgB7VzhbhNHEJ7Zu1BEUylvUPME5A1wVLWQENHQF0jyBIG/FeAzoP4lPAHJC5TQEhKoqpgnIDxB3RdoTUWrNPLtMHtnO7d7e+fz3fl8kfJJCO16vbf3eXZ2ZnYmABe4wAVKAEIN4B2sNUaNk17Pu9PpwYxRKTE/7q8sOg42BYhrgHKRuxZ4CQ2wr0yRcwwEPUn0zvep89Ot18dQEaZOzP2D1aaDuA6C1vglF6AQsMuEdnwfd58sv+rAFDEVYrwXzQU5P7+FBHeLk5EE7BLStvD7L73lwy6UjFKJyUcIdcP/sDtYEX+PkreYbQYBnuj3d8skqDRi2m9vb0mQXjoh1CUfXxLKYwcudbzlvW7anN7blUV+64b0oYkOXOeuxeTR2JXSbz9efr0DJaAwMd7BzQY57nMmpJnwhB768AzA3RlHRKZnobPGc24lK23aQd9vF5WeQsQEilXgc5aERuxDgg5vKV7gdJSkd7CyQQJbdoKw60vaLKKgcxMTbB2S25YZWULkPa8kkR6HNIKU7nn07as25ICAHGi/WW3ZSCGCZ/jvp6tVkaKgnoXSXyJJu+ZnKMF7+NtqC3JgYokJSOH1GLOwlCBLya87MEO0Xt+6Cy5Lj3EA5JGciYixksInDSLd8b6rzipNQ6CghXNkbi22nu89vrm/nXWezMSEihaO9F4mhcV4GgZWESSR40tYyqqQM+kY9aDw9IminqQoqDWptY2MxwHUO6h3yTJHJmLIcVrakax0Sk1JGSIgh7f4wBkdgEKbKwPGEvOAj0M21ze0TkntOpMyhNJ7ynTQOtkQfXDISnoMUnVMuFfnjjRpIdpp39zfhHOEh4er2xhYyyP08D82K1LiPqkSg8Jd161a1ivk5zKYZgnxhevpWwoW5JX5VKlJlJhQWtw/tMFSblZpvJWJ0EIWUf2SKjWJEuMTO2saqHteSVEI1s7+W6QrVWrcpA+EI7aUphoCWeFCzdF+c3tdYuiqSF6vadApp5bwLArA20XpHc82l1ViPDbmTN1Sd2kJSAG5E7gD/E8gxnykwNM3dM394F3jsBJDDq1H25JUPKW+GJGigay6I4wNnSGIR1tg1zEkmtqXyd+DmsJKijJAlXFnRd8YS2u2UTFiPL7i0K1cOq6rMZdICsilJKc2fBfNVVgI31lHjBg2/5taW+I7qCHykDIEEb6Mtn2+6zLHxLcS0nVtAPodqBmKkKJAJLUxwQWggTgxZpS/P7jWqAmKkqLggOxoHUKO30rcow3ybtUjAKVQBikKMZ1JInblM0ZixkuLuo9OsgXKRFmknCGqgOO3HBox3tGazhzK1KwDFeqcc8V7FdnLG3TOgvJJiePJ7z98HW3rEnNyYogUphIjEUa+RpGIfBqmRgql74Zc1ycjSNAWVjY5VUhKEtKJIWykfYzU3zTjqmWRM3VSUD99+//89THa1nXMhBZuUtC5KDnVSAppxJhxGYvEpGtrE2WTU932wUakEdOlFmJ0hWtqaxvKIqcqUmK+EUJs7rivJOlDtP3/6ckSZHlYQXKqVLR9VzSibX7nj+aYGDGI4thopyTr6MhLTtWnjzByeThO2YmNMTvQ151GRPweJsCk5MziSOarFM1RdnzqxMbYvth6u/p31DWYcy817n/z858wAZLuj6OZB7MgJX77Qd32jf2r5jh7aNMnLV5x2j+d+IJtnOTMyngjnFvTO+LbSEHYO3En2h5E0ydGGjmzsmhBv5HkayLctQ2z3xJMEE0fhyRyNFRESnAPb9x+JKWFJLoEsWi6A7kt2VRyqpIUhhCO/g4ptx/JvtJld1uTGpUlEDCeD1ZyKiQlLi3K10u+/Ugkxlva65lSI4R4qrK/ISc0ciokRZ1EprSw7ZKaypLuXZtSw7qG5r8s5DkPyamKFIVY4hP/MEIa90sGxubgBZmQDj6N9nFUfaN145ddOAew5SNnydrIlJzYOlw9AtTM6B72+RevUaDchkE6/3stjp0x8SlTBM8SkFog13mRNdFvFhhlg2nB/eyJT9myNgO9gAbLFDy4juRYU+RAbSHczBqMyxzzDYw+n/REvxqSo0p5bKSEp1D2oouJguHtlf1tNucNUVTkuO+zZEJOG8r/IhBWUh7deOXBBMhVfeIdrHrsJceP7ZJqhSZeD9tWdOUrdSTHfpw8pCjkLstJJKfkSrNxUBatcMRTa2Ud0b32BPUDURQq5FIpaSTouRlzGUw9VYKC2gblv1kr66gbKtoZFHINoRSvBMdDYU/ZCggi+UxlZRXdYqpwXbr99dRi1KCyrr8509K/KNJL8YYgNghFx/f77yRfkY4rMFdE+HDaZD/nGl97rqXOrVwXSe28Wyc+XYkIj213w657khAYjj0OxIY+GQ1PFGxk+vqwGPXk03aZf/pgOgXpQbUrhxBRbmV+wUkxJULOpp8ylIKWQBsoVGQeG1AEwXbBPSTa9c7jnzBIQmCVSmzytrkeKE+VvZVYwK62GG8vQtZD8gMK6lRZXlgpMUkIgl+XF0YEFS1cv8AFLlAbfAZpepFmxNlQ/gAAAABJRU5ErkJggg==\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAYAAABxLuKEAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAdiSURBVHgB7VxbctQ4FJXkTk9q5of5ATJFFWYFwyeVIp3OCoZZQWAFCSsgWQFkBUlWMGQFaTpUij/CCuKpoiYhPzQ/M6l+SHOvH42slmzZlvKg+lQFWm7bko+vru5LTcgcc8zhAJTcAJw9eRJmny8XFwePer0BuWZcKTGfl5cft4KgC53+Lih9DIfuwF9I9AMbCCFO4COS9G48mfQeHB+fkCuCd2LOnj7tMkrXCaXPREJEE0RUiB4XYn/p/fse8QgvxJx2u3d+5nwDPm46IMOEiBHyZjIcHix9+BARx3BKTE1CovhfIZL/KcXrjFNMB3iILT4c7rskyBkxF53OBpCxVUJIxAk5oKg7RqNe2YNcgE4aBUFIKe2CdKzCocdF9wadtL10dLRHHKAxMWfdbkgnk114011DBwMgY4cMh3tN32ja1zPoC6Uy1PYnxB4fjbab9tWIGFSslLFdohskKMn4DXpSkmcrK89Bkl4RPUGR4PxFk75rE4NTByThjeaGA1g1XroS6TIUEYS6516/v01qgJEa+NLpvNKRglPmX8YeXRUpCOxLMLYGum1f/Q51Ho6V1EBlicGOsEPlJlcqJSb8s7KyGYD0qAtAHcmpRIyOFIL2xHj8590rtEqLECtozg+JOrXgxd0/Onpjex9rYlJFe6gcjsRwuObDwGoCEzmgkNdsFbKVjok7SlYfGTeSFMRSrxeh3iGZ8ZgCn0F2WItgRQwTIqf1YwfvhpKSAcnBKU4TJzRDSBcWdm2uLyUGl0OwR57Lx2L75AaTkgH1Hi4KuYNgiJ6Dki67tlDH6OYqWpb3jo5ekFuE804Hle5G1kYpQrOiKO5TKDGM83WSV2ARmtvkluE/xrbkKYXL+SLnhVJjlJhUWk7lYzCFXtjaKrG4UvoQdNGOj2mXjm8DxvTJZkyphTzVL2VSY5QYgc5aHpEtKTgIIOU1fNyk7fah7UpgC2mKb+LD2uiMeOzgv2XtMqkxEsMSD3YKVLjEEjQJW2YIXZKj03uc0tDmWvUZmKR3VGiJQWOOKLqlirkPNgQqu0g65IQcg+EW0eHQyqJF407VNemzzkBLDAuC9dwBIXZIBRgMrEbkmEipak/FsSEJcTxaAy0xIHLdXHs0eksqwiU5rkiJwdherg1Beu1p6gFMcZC8lXtSd1VxQY5TUtIxARlR1sbp9LnbnQmZzhCDeR+5PYGcDmmAJuS4JmUKIQ7kZmsy6aqnzE4lxlblZiAtcXVRhxxvpJBYVeRCJJgAVM+ZJYbzXJAHovQRcYAq5PgkJUYQ9HLtvHkRY4YYxQYhD3o9ZwEoG3K8k5KOQ27rUj4zxCgnRcQxCsnBYJhnUqaQFDDRBNJzxGAmMXdtPpbhDEZykghhKB27smDY1+Xlh3I7R8yiIlKgpLyVY5iibBL8ksJ5VPR1rfSJK8TkQGJM912cMLvGYFgxMZbOWV0YYslJ1xXis7WQFA9MMWi3v8ntHDGqtvYJY5rjO0IfIYspFGLUuAzTXBBJrZB4gHFJhvQG8eCVayFEmH3ULTJMc0HuJFVbN0WhnQJhAddeuQ6pPziFagkjdHbMJ7l9GQRrxBFsjDcfIQsVNAhCuQ2Brm/qObOWr8Ke0JjLdVDFovVNTqDU8jCNPzhDDFZHKif8QRqijpnvmZycozxWfSdiyBJA8v6r7Br8NB6Hvx4f/01qoKnv49p30mQ/ovv9/iP1PK0dg3Vycvuy1aqVYHPxUK4lhyrZD2oIq+gNPM73lJOM0XQTXL5pp+Qo2Q+sGdadpiWmSjRdBx+hAydhUsx3qdkPQ1mI0SVQo+lpnZsVaJLICuUBuHAITeSIdrs04RaPS32GguyHkZhLyA3lLEJY4lLGy5EVMydwHmRSyaEaA02FRloKsx+UFN2s08Fk+Cvp5NIqAXkgaANhMsxX7hpciE2wQaKyEjLd1Ab1sL3U72+ZrikkJi2BP5WXbqzfv9vvvyS3CF9WV3eVGp9SKS4MO6BkTJR8L+iezYtOZ53cEsSl/DUKnwolJsP5ysqhXBKPU2o0Hq89uCGVmibgFGKcf5Ql3rbwySqCJ4IAbxRN29BRq9X6y2sgqSEyvaIG920Ln6wkJu5oXs6qB95wptDPd5StBnArj5YUXIUqbLqoFAz/DZZF7EA5HLJ2+6NNVZNv4KIgWi09KQVLsw7WU0mGat9Mb+Zor1BVoFnxC+e48WPm5dQhBVGLGISJHOJ4p1npOMCQZJS+1qVZq+4fkFGbmHhQRRu5PBMU942+j35n3fVt5MqAKwCEKVB6TEZfhM4a+iWNt/6Bkgd9hv2YN6PizrrRqHGyrjExGUq24mVAg7AH1vQ7MZlEZQZivNotLKBkYP3Ks6J702QD+3bdqaO5nzuk0vPcoHtMiAh68Vna5nv2M7S5mKabUTEa4PKnD5wSk8Fmt2tT+CJEur9fxJE/xlCKMDIfkgagiWS9vbU/YWACWqU8+dGLVVSeWL0lzBvYI/gbYBAKk4AM0jp3f6QfvbABGmiLl5dTgm7DXqg55pjDCv8DNtXrnmiQ6jMAAAAASUVORK5CYII=\"","/* eslint-disable */\r\nimport React, {Component} from 'react';\r\nimport authService from \"../api-authorization/AuthorizeService\";\r\nimport Form from \"react-bootstrap/Form\";\r\nimport {Button, Modal, Row} from \"react-bootstrap\";\r\nimport DataTable from \"react-data-table-component\";\r\nimport Select, {components, DropdownIndicatorProps} from \"react-select\";\r\nimport {OrganicTable} from \"./OrganicTable\";\r\nimport del from \"../../assets/icons/del.png\";\r\nimport edit from \"../../assets/icons/edit.png\";\r\nimport add from \"../../assets/icons/add.png\";\r\nimport arrow_up from \"../../assets/icons/dark_arrow_up.png\";\r\nimport arrow_down from \"../../assets/icons/dark_arrow_down.png\";\r\nimport {Typography} from \"@material-ui/core\";\r\nimport success from '../../assets/icons/success.png'\r\nimport fail from '../../assets/icons/fail.png'\r\n\r\nexport class FertilizersTable extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n data: [],\r\n columns: [],\r\n save: -1,\r\n loading: true,\r\n isModalShow: false,\r\n stockCheckAll: false,\r\n message: '',\r\n calcCheckAll: false,\r\n base_fertilizer_list: [],\r\n base_fertilizers: [],\r\n selectedFertilizerType: \"\",\r\n fertilizer_type_list: [],\r\n update: false,\r\n organic_fertilizers: [],\r\n organic_pattern: [],\r\n isAdd: true,\r\n infoIcon: success,\r\n infoModalShow: false,\r\n rowId: \"\",\r\n row_save: {\r\n \"id\": 0,\r\n \"mineralFertilizerId\": \"\",\r\n \"manufacturer\": \"\",\r\n \"diler\": \"\",\r\n \"name\": \"\",\r\n \"type\": \"\",\r\n \"inStorage\": true,\r\n \"inUse\": true,\r\n \"formula\": \"\",\r\n \"price\": \"\",\r\n \"element\": {\"n\": 0, \"p2O5\": 0, \"k2O\": 0, \"s\": 0, \"caO\": 0, \"mg\": 0},\r\n \"userId\": \"\"\r\n },\r\n afterChange: false\r\n };\r\n this.handleChangeN = this.handleChangeN.bind(this)\r\n this.handleChangeName = this.handleChangeName.bind(this);\r\n this.handleChangeP2O5 = this.handleChangeP2O5.bind(this);\r\n this.handleChangeK2O = this.handleChangeK2O.bind(this);\r\n this.handleChangeS = this.handleChangeS.bind(this);\r\n this.handleChangeCa = this.handleChangeCa.bind(this);\r\n this.handleChangeMg = this.handleChangeMg.bind(this);\r\n this.handleChangePrice = this.handleChangePrice.bind(this);\r\n this.handleChangeProducer = this.handleChangeProducer.bind(this);\r\n this.handleChangeProvider = this.handleChangeProvider.bind(this);\r\n this.handleChangeFormula = this.handleChangeFormula.bind(this);\r\n this.handleChangeSelectFertilizer = this.handleChangeSelectFertilizer.bind(this)\r\n this.handleChangeSelectFertilizerType = this.handleChangeSelectFertilizerType.bind(this)\r\n this.AddModal = this.AddModal.bind(this)\r\n this.handleCheckStock = this.handleCheckStock.bind(this);\r\n //this.handleCheckCalc = this.handleCheckCalc.bind(this);\r\n this.checkRowStorage = this.checkRowStorage.bind(this)\r\n //this.checkRowCalc = this.checkRowCalc.bind(this)\r\n this.saveCheckbox = this.saveCheckbox.bind(this)\r\n this.handleClickDelete = this.handleClickDelete.bind(this)\r\n this.infoModal = this.infoModal.bind(this)\r\n this.checkAll = this.checkAll.bind(this)\r\n }\r\n\r\n componentDidMount() {\r\n this.populateFertilizersData();\r\n }\r\n\r\n handleClickDelete(rowId) {\r\n fetch('api/mineralFertilizer?id=' + rowId, {\r\n method: 'DELETE',\r\n headers: !this.props.token ? {} : {'Authorization': `Bearer ${this.props.token}`}\r\n }).then((response) => {\r\n if (response.ok) {\r\n response.json().then((result) => {\r\n if (result.info === 'use') {\r\n this.setState({\r\n infoIcon: fail,\r\n message: 'Удобрение используется в расчетах и не может быть удалено'\r\n })\r\n } else {\r\n this.state.data.splice(this.state.data.findIndex((r) => r.id === rowId), 1)\r\n this.setState({infoIcon: success, message: 'Удобрение успешно удалено'})\r\n this.forceUpdate()\r\n }\r\n })\r\n } else {\r\n this.setState({infoIcon: fail, message: 'Ошибка удаления удборения'})\r\n }\r\n this.setState({infoModalShow: true})\r\n setTimeout(() => this.setState({infoModalShow: false}), 2000)\r\n });\r\n }\r\n\r\n handleChangeN(event) {\r\n this.state.row_save.element.n = event.target.value;\r\n }\r\n\r\n handleChangeFormula(event) {\r\n this.state.row_save.formula = event.target.value;\r\n }\r\n\r\n handleChangeP2O5(event) {\r\n this.state.row_save.element.p2O5 = event.target.value;\r\n }\r\n\r\n handleChangeK2O(event) {\r\n this.state.row_save.element.k2O = event.target.value;\r\n }\r\n\r\n handleChangeName(event) {\r\n this.state.row_save.name = event.target.value;\r\n }\r\n\r\n handleChangeS(event) {\r\n this.state.row_save.element.s = event.target.value;\r\n }\r\n\r\n handleChangeCa(event) {\r\n this.state.row_save.element.caO = event.target.value;\r\n }\r\n\r\n handleChangeMg(event) {\r\n this.state.row_save.element.mg = event.target.value;\r\n }\r\n\r\n handleChangeProvider(event) {\r\n this.state.row_save.diler = event.target.value;\r\n }\r\n\r\n handleChangeProducer(event) {\r\n this.state.row_save.manufacturer = event.target.value;\r\n }\r\n\r\n handleChangePrice(event) {\r\n this.state.row_save.price = event.target.value;\r\n document.getElementById('price-control').classList.remove(\"error\")\r\n }\r\n\r\n\r\n saveResponse = () => {\r\n const price = document.getElementById('price-control')\r\n if (price.value === '') {\r\n document.getElementById('price-control').classList.add(\"error\")\r\n } else {\r\n this.setState({save: 0})\r\n fetch('api/mineralFertilizer', {\r\n method: 'POST',\r\n headers: !this.props.token ? {} : {\r\n 'Authorization': `Bearer ${this.props.token}`,\r\n 'Content-Type': 'application/json'\r\n },\r\n body: JSON.stringify(this.state.row_save)\r\n }).then((response) => {\r\n if (response.ok) {\r\n response.json().then((result) => {\r\n this.setState({data: this.state.data.concat(result)})\r\n this.setState({save: 2, isModalShow: false, afterChange: false}, () => {\r\n this.forceUpdate()\r\n })\r\n });\r\n } else {\r\n this.setState({save: 1})\r\n }\r\n })\r\n }\r\n }\r\n\r\n\r\n changeResponse = () => {\r\n const price = document.getElementById('price-control')\r\n if (price.value === '') {\r\n document.getElementById('price-control').classList.add(\"error\")\r\n } else {\r\n this.setState({save: 0})\r\n fetch('api/mineralFertilizer', {\r\n method: 'PUT',\r\n headers: !this.props.token ? {} : {\r\n 'Authorization': `Bearer ${this.props.token}`,\r\n 'Content-Type': 'application/json'\r\n },\r\n body: JSON.stringify(this.state.row_save)\r\n }).then((response) => {\r\n if (response.ok) {\r\n response.json().then((result) => {\r\n this.state.data.splice(this.state.data.findIndex((r) => r.id === result.id), 1, result)\r\n this.setState({save: 2, isModalShow: false, afterChange: true})\r\n })\r\n } else {\r\n this.setState({save: 1, isModalShow: false})\r\n }\r\n }\r\n )\r\n }\r\n }\r\n\r\n\r\n infoModal(props) {\r\n return (\r\n Органические удобрения
\r\n {contents}\r\n \r\n \r\n
\r\n {this.AddModal(this.state.isModalShow, this.state.isAdd, this.state.rowId, this.state.afterChange)}\r\n {this.state.message}
\r\n Загрузка...
\r\n :\r\n\r\n \r\n \r\n
\r\n this.setState({\r\n infoIcon: icon ? success : fail,\r\n message: message,\r\n infoModalShow: true\r\n })}\r\n > \r\n\r\n
\r\n\r\n return (\r\n Минеральные удобрения
\r\n | Наименование | \r\nФормула | \r\nСодержание элементов в удобрении (д.в.) | \r\nПроизводитель | \r\nПоставщик | \r\nЦена, руб/т | \r\nСклад\r\n \r\n \r\n \r\n | \r\n {/*Использ. в расчетах*/}\r\n {/* */}\r\n {/* */}\r\n {/* */}\r\n {/* | */}\r\n
|---|---|---|---|---|---|---|---|
| N | \r\nP2O5 | \r\nK2O | \r\nS | \r\nCaO | \r\nMg | \r\n
\r\n \r\n
\r\n {this.AddModal(this.state.isModalShow, this.state.isAdd, this.state.rowId, this.state.afterChange)}\r\n \r\n Удобрения
\r\n {contents}\r\n {this.infoModal(this.state.infoModalShow)}\r\n
\r\n );\r\n }\r\n\r\n async populateFertilizersData() {\r\n const fertilizers_list = await fetch('api/mineralFertilizer/baseMineralFertilizer', {\r\n headers: !this.props.token ? {} : {'Authorization': `Bearer ${this.props.token}`}\r\n });\r\n const fertilizers = await fetch('api/mineralFertilizer', {\r\n headers: !this.props.token ? {} : {'Authorization': `Bearer ${this.props.token}`}\r\n });\r\n const organic_fertilizers = await fetch('api/fertilizerOrganic', {\r\n headers: !this.props.token ? {} : {'Authorization': `Bearer ${this.props.token}`}\r\n });\r\n const organic_pattern = await fetch('api/fertilizerOrganic/ListOrganicPattern', {\r\n headers: !this.props.token ? {} : {'Authorization': `Bearer ${this.props.token}`}\r\n });\r\n const base_fertilizers = await fertilizers_list.json()\r\n const base_fertilizer_list = base_fertilizers.map((item) => (\r\n {value: item.id, label: item.name}\r\n ))\r\n const data = await fertilizers.json()\r\n\r\n const fertilizer_type_list = [\r\n {value: 1, label: \"Азотное\"},\r\n {value: 2, label: \"Фосфорное\"},\r\n {value: 3, label: \"Калийное\"},\r\n {value: 4, label: \"Известковое\"},\r\n {value: 5, label: \"Комплексное\"},\r\n ]\r\n const columns = [\r\n {\r\n cell: (row) => ,\r\n button: true,\r\n width: \"0%\"\r\n }, {\r\n selector: row => row.name,\r\n sortable: true,\r\n width: \"19%\",\r\n compact: false,\r\n wrap: true\r\n }, {\r\n selector: row => row.formula,\r\n center: true,\r\n compact: true,\r\n width: \"10%\"\r\n\r\n }, {\r\n selector: row => row.element.n,\r\n width: \"6%\",\r\n compact: true,\r\n center: true,\r\n }, {\r\n selector: row => row.element.p2O5,\r\n width: \"6%\",\r\n compact: true,\r\n center: true,\r\n }, {\r\n selector: row => row.element.k2O,\r\n width: \"6%\",\r\n compact: true,\r\n center: true,\r\n }, {\r\n selector: row => row.element.s,\r\n width: \"6%\",\r\n center: true,\r\n }, {\r\n selector: row => row.element.caO,\r\n width: \"6%\",\r\n compact: true,\r\n center: true,\r\n }, {\r\n selector: row => row.element.mg,\r\n width: \"6%\",\r\n compact: true,\r\n center: true,\r\n }, {\r\n selector: row => row.manufacturer,\r\n sortable: true,\r\n width: \"11%\",\r\n compact: true,\r\n center: true,\r\n }, {\r\n selector: row => row.diler,\r\n sortable: true,\r\n compact: true,\r\n width: \"11%\",\r\n center: true,\r\n }, {\r\n selector: row => row.price,\r\n sortable: true,\r\n compact: true,\r\n width: \"7%\",\r\n center: true,\r\n }, {\r\n cell: (row) =>\r\n ,\r\n width: \"6%\",\r\n center: true,\r\n },\r\n // {\r\n // cell: (row) =>\r\n // ,\r\n // width: \"7%\",\r\n // center: true,\r\n // },\r\n {\r\n cell: (row) => ,\r\n button: true,\r\n width: \"0\",\r\n center: true,\r\n }]\r\n\r\n\r\n this.setState({\r\n data: data,\r\n columns: columns,\r\n loading: false,\r\n base_fertilizer_list: base_fertilizer_list,\r\n base_fertilizers: base_fertilizers,\r\n selectedFertilizerType: base_fertilizer_list[0].value,\r\n fertilizer_type_list: fertilizer_type_list,\r\n organic_fertilizers: await organic_fertilizers.json(),\r\n organic_pattern: await organic_pattern.json()\r\n }, () => {\r\n this.checkAll('storage')\r\n this.checkAll('use')\r\n }\r\n )\r\n }\r\n\r\n}\r\n","import React, {useEffect, useState} from 'react';\r\nimport {FertilizersTable} from \"../components/Fertilizers/FertilizersTable\";\r\nimport \"../style/Fertilizers.css\"\r\nimport authService from \"../components/api-authorization/AuthorizeService\";\r\n\r\nconst Fertilizers = () => {\r\n const [token, setToken] = useState('')\r\n useEffect(async () => {\r\n const token_resp = await authService.getAccessToken()\r\n await fetch('/api/Validator', {\r\n method: 'POST',\r\n headers: !token_resp ? {} : {'Authorization': `Bearer ${token_resp}`}\r\n })\r\n setToken(token_resp)\r\n }, [])\r\n return (token===''?<>:\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default Fertilizers;","import React, {Component} from 'react';\r\nimport {Input, Grid} from 'react-spreadsheet-grid';\r\nimport set from 'lodash.set';\r\nimport {Collapse} from 'react-collapse';\r\nimport Select, {components, DropdownIndicatorProps} from 'react-select';\r\nimport {Button} from \"react-bootstrap\";\r\nimport arrow_up from \"../../assets/icons/dark_arrow_up.png\";\r\nimport arrow_down from \"../../assets/icons/dark_arrow_down.png\";\r\nimport del from '../../assets/icons/del.png'\r\nimport add from '../../assets/icons/add.png'\r\nimport {Typography} from \"@material-ui/core\";\r\nimport { IMaskInput } from \"react-imask\";\r\n\r\n\r\nexport class FieldsTable extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n columns: [],\r\n columnsRegion: [],\r\n isAreaRight: true,\r\n };\r\n }\r\n\r\n\r\n componentDidMount() {\r\n this.populateFieldsData();\r\n }\r\n\r\n componentDidUpdate(prevProps, prevState, snapshot) {\r\n if (prevProps.field !== this.props.field) {\r\n this.checkSumArea();\r\n }\r\n }\r\n\r\n addRowRegion = (rowId) => {\r\n fetch('api/region?fieldId=' + rowId, {\r\n method: 'POST',\r\n headers: !this.props.token ? {} : {'Authorization': `Bearer ${this.props.token}`},\r\n }).then((response) => {\r\n if (response.ok) {\r\n response.json().then((result) => {\r\n let row = this.props.field.find((row) => {\r\n return row.id === rowId;\r\n });\r\n row.regions = row.regions.concat(result)\r\n this.props.onFieldChange();\r\n })\r\n }\r\n });\r\n }\r\n\r\n removeRowRegion = (rowId) => {\r\n fetch('api/region?id=' + rowId, {\r\n method: 'DELETE',\r\n headers: !this.props.token ? {} : {'Authorization': `Bearer ${this.props.token}`}\r\n }).then((response) => {\r\n if (response.ok) {\r\n response.json().then((result) => {\r\n let row = this.props.field.find((row) => {\r\n return row.id === result;\r\n });\r\n row.regions = row.regions.filter(e => e.id !== rowId)\r\n this.props.onFieldChange();\r\n this.checkSumArea()\r\n })\r\n }\r\n });\r\n }\r\n\r\n static renderTable(columns, rows, addRow, columnsRegion, expand, isExpand, isReport) {\r\n const tableField = rows ? rows.map((row) => (\r\n <>\r\n \r\n row.id}\r\n isScrollable={false}\r\n disabledCellChecker={(row, columnId) => {\r\n return columnId === 'name'\r\n }}\r\n />\r\n
\r\n Площадь поля не совпадает с суммой площади участков
\r\n \r\n \r\n
\r\n \r\n row.id}\r\n isScrollable={false}\r\n disabledCellChecker={(row, columnId) => {\r\n return columnId === 'soilId' || columnId === 'button_remove' || columnId==='dateAnalyse';\r\n }}\r\n />\r\n
\r\n {!isReport?\r\n \r\n \r\n
:<>}\r\n \r\n {/* eslint-disable-next-line eqeqeq */}\r\n
\r\n );\r\n },\r\n id: 'area',\r\n }\r\n ]\r\n\r\n const columnsRegion = [\r\n {\r\n title: 'Дата анализа',\r\n value: (row, {focus}) => {\r\n return (\r\n \r\n
\r\n \r\n
\r\n );\r\n },\r\n id: 'area',\r\n width: 8,\r\n }, {\r\n title: 'Тип почвы',\r\n value: (row, {focus}) => {\r\n return (\r\n \r\n
\r\n );\r\n },\r\n id: 'humus',\r\n width: 6,\r\n }, {\r\n title: 'pH',\r\n value: (row, {focus}) => {\r\n return (\r\n // eslint-disable-next-line eqeqeq\r\n \r\n
\r\n );\r\n },\r\n id: 'pH',\r\n width: 6,\r\n }, {\r\n title: 'N,\\nкг/га',\r\n value: (row, {focus}) => {\r\n return (\r\n // eslint-disable-next-line eqeqeq\r\n \r\n
\r\n );\r\n },\r\n id: 'N',\r\n width: 6,\r\n }, {\r\n title: 'P₂O₅,\\nкг/га',\r\n value: (row, {focus}) => {\r\n return (\r\n // eslint-disable-next-line eqeqeq\r\n \r\n
\r\n );\r\n },\r\n id: 'P2O5',\r\n width: 6,\r\n }, {\r\n title: 'K₂O,\\nкг/га',\r\n value: (row, {focus}) => {\r\n return (\r\n // eslint-disable-next-line eqeqeq\r\n \r\n
\r\n );\r\n },\r\n id: 'K2O',\r\n width: 6,\r\n }, {\r\n title: 'S,\\nкг/га',\r\n value: (row, {focus}) => {\r\n return (\r\n // eslint-disable-next-line eqeqeq\r\n \r\n
\r\n );\r\n },\r\n id: 'S',\r\n width: 6,\r\n }, {\r\n title: 'CaO,\\nкг/га',\r\n value: (row, {focus}) => {\r\n return (\r\n // eslint-disable-next-line eqeqeq\r\n \r\n
\r\n );\r\n },\r\n id: 'caO',\r\n width: 6,\r\n }, {\r\n title: 'Mg,\\nкг/га',\r\n value: (row, {focus}) => {\r\n return (\r\n // eslint-disable-next-line eqeqeq\r\n \r\n
\r\n );\r\n },\r\n id: 'mg',\r\n width: 5.9,\r\n }, {\r\n title: '',\r\n value: (row) => {\r\n return this.props.isReport?<>:del_button(row.id);\r\n },\r\n id: 'button_remove',\r\n width: 0,\r\n getCellClassName: () => \"SpreadsheetGrid__cell_focused\"\r\n }\r\n ]\r\n\r\n this.setState({columns: columns, columnsRegion: columnsRegion});\r\n }\r\n\r\n}\r\n","import React, {Component} from 'react';\r\nimport {Input, Grid} from 'react-spreadsheet-grid';\r\nimport set from 'lodash.set';\r\nimport authService from \"../api-authorization/AuthorizeService\";\r\nimport Select, {components, DropdownIndicatorProps} from 'react-select';\r\nimport {Button, Form} from \"react-bootstrap\";\r\nimport {Collapse} from \"react-collapse\";\r\nimport arrow_up from \"../../assets/icons/dark_arrow_up.png\";\r\nimport arrow_down from \"../../assets/icons/dark_arrow_down.png\";\r\nimport {Typography} from \"@material-ui/core\";\r\n\r\nexport class PredecessorTable extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n columnsRegion: [],\r\n };\r\n this.handleChangeSelectCrops = this.handleChangeSelectCrops.bind(this)\r\n this.handleChangeSelectFertilizer = this.handleChangeSelectFertilizer.bind(this)\r\n this.handleChangeYieldFact = this.handleChangeYieldFact.bind(this)\r\n }\r\n\r\n componentDidMount() {\r\n this.populateFieldsData();\r\n }\r\n\r\n handleChangeSelectCrops(e) {\r\n // eslint-disable-next-line array-callback-return\r\n this.props.field[0].regions.map((region) => {\r\n region.residue.cropId = e.value;\r\n });\r\n this.props.onPredecessorChange(true);\r\n }\r\n\r\n handleChangeSelectFertilizer(e) {\r\n // eslint-disable-next-line array-callback-return\r\n this.props.field[0].regions.map((region) => {\r\n region.residue.fertilizerOrganicId = e.value;\r\n region.residue.fertilizerOrganic = this.props.fertilizers.find((f) => {\r\n return f.id === e.value;\r\n })\r\n });\r\n this.props.onPredecessorChange(true);\r\n }\r\n\r\n handleChangeYieldFact(e) {\r\n if (e.key === 'Enter') {\r\n // eslint-disable-next-line array-callback-return\r\n this.props.field[0].regions.map((region) => {\r\n region.residue.yield = e.target.value;\r\n })\r\n this.props.onPredecessorChange(true);\r\n }\r\n }\r\n\r\n\r\n static renderTable(columns, field, crop_list, fertilizers_organic_list, addRow, columnsRegion, handleChangeSelectCrops, handleChangeYieldFact, handleChangeSelectFertilizer, expand, isExpand) {\r\n let row = field.length !== 0 ? field[0].regions : [];\r\n const DropdownIndicator = (props: DropdownIndicatorProps\r\n \r\n \r\n\r\n
: \r\n );\r\n }\r\n\r\n\r\n render() {\r\n return (\r\n PredecessorTable.renderTable(\r\n this.state.columns,\r\n this.props.field,\r\n this.props.crop_list,\r\n this.props.fertilizer_organic_list,\r\n this.addRowRegion,\r\n this.state.columnsRegion,\r\n this.handleChangeSelectCrops,\r\n this.handleChangeYieldFact,\r\n this.handleChangeSelectFertilizer,\r\n this.props.changeExpand,\r\n this.props.expand)\r\n );\r\n }\r\n\r\n async populateFieldsData() {\r\n const numberFormat = new Intl.NumberFormat('ru-RU')\r\n\r\n function formatCell(value) {\r\n return value ? numberFormat.format(value.toString().replace(',', '.')).replace(',', '.') : 0\r\n }\r\n\r\n const token = await authService.getAccessToken();\r\n const crops_list = this.props.crop_list;\r\n const fertilizers_organic_list = this.props.fertilizer_organic_list;\r\n\r\n const onRegionChange = (rowId, field) => (value1) => {\r\n let value = Number(value1.replace(/\\s/g, \"\").replace(',', '.'))\r\n const rowRegion = this.props.field[0].regions.find((row) => {\r\n return row.id === rowId;\r\n });\r\n set(rowRegion, field, value);\r\n this.props.onPredecessorChange(false);\r\n }\r\n\r\n const onCropChange = (rowId, field) => (value) => {\r\n const row = this.props.field[0].regions.find((row) => {\r\n return row.id === rowId;\r\n })\r\n set(row, field, value.value);\r\n this.props.onPredecessorChange(false);\r\n }\r\n\r\n const onFertilizerChange = (rowId, field) => (value) => {\r\n const row = this.props.field[0].regions.find((row) => {\r\n return row.id === rowId;\r\n });\r\n row.residue.fertilizerOrganic = this.props.fertilizers.find((f) => {\r\n return f.id === value.value;\r\n })\r\n set(row, field, value.value);\r\n this.props.onPredecessorChange(false);\r\n }\r\n\r\n const DropdownIndicator = (props: DropdownIndicatorProps\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n | Наим. эл. уч.\r\n | \r\n Площадь, га\r\n | \r\nКультура | \r\nФакт. урож.,ц/га | \r\nОрг. удобрения внесенные под предшественник | \r\nКол-во мин. удобрений внесенных под предшественник, д.в. кг/га | \r\n||||
|---|---|---|---|---|---|---|---|---|---|
| \r\n | \r\n \r\n \r\n | \r\n\r\n | \r\n Кол-во, т/га | \r\n N | \r\n P₂O₅ | \r\n K₂O | \r\n S | \r\n CaO | \r\n Mg | \r\n
\r\n row.id}\r\n isScrollable={false}\r\n disabledCellChecker={(row, columnId) => {\r\n return columnId === 'button_remove' || columnId === 'cropId' || columnId === 'organic';\r\n }}\r\n />\r\n
\r\n \r\n
\r\n );\r\n },\r\n id: 'area',\r\n width: 8,\r\n }, {\r\n title: '',\r\n value: (row, {focus}) => {\r\n return (\r\n \r\n
\r\n );\r\n },\r\n id: 'yield',\r\n width: 8\r\n }, {\r\n title: '',\r\n value: (row, {focus}) => {\r\n return (\r\n \r\n
\r\n )\r\n },\r\n id: 'fertilizerCount',\r\n width: 6,\r\n },\r\n {\r\n title: '',\r\n value: (row, {focus}) => {\r\n return (\r\n // eslint-disable-next-line eqeqeq\r\n \r\n
\r\n );\r\n },\r\n id: 'element.n',\r\n width: 5\r\n }, {\r\n title: '',\r\n value: (row, {focus}) => {\r\n return (\r\n // eslint-disable-next-line eqeqeq\r\n \r\n
\r\n );\r\n },\r\n id: 'p2o5',\r\n width: 5\r\n }, {\r\n title: '',\r\n value: (row, {focus}) => {\r\n return (\r\n // eslint-disable-next-line eqeqeq\r\n \r\n
\r\n );\r\n },\r\n id: 'k2o',\r\n width: 5\r\n }, {\r\n title: '',\r\n value: (row, {focus}) => {\r\n return (\r\n // eslint-disable-next-line eqeqeq\r\n \r\n
\r\n );\r\n },\r\n id: 'S',\r\n width: 5\r\n }, {\r\n title: '',\r\n value: (row, {focus}) => {\r\n return (\r\n // eslint-disable-next-line eqeqeq\r\n \r\n
\r\n );\r\n },\r\n id: 'cao',\r\n width: 5\r\n }, {\r\n title: '',\r\n value: (row, {focus}) => {\r\n return (\r\n // eslint-disable-next-line eqeqeq\r\n \r\n
\r\n );\r\n },\r\n id: 'mg',\r\n width: 5\r\n }\r\n ];\r\n this.setState({token: token, columnsRegion: columnsRegion});\r\n\r\n }\r\n\r\n}\r\n","import React, {Component} from 'react'\r\nimport {Input, Grid} from 'react-spreadsheet-grid'\r\nimport {Collapse} from 'react-collapse'\r\nimport {Table} from \"react-bootstrap\"\r\n\r\n\r\n\r\nexport class CalculatingElementsTable extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n columns_region: [],\r\n columns: [],\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n this.populateFieldsData();\r\n }\r\n\r\n static renderTable(columns, rows, field_row, columnsRegion, isActive, handleCheckElement) {\r\n return (\r\n rows.length !== 0 ?\r\n \r\n \r\n \r\n \r\n
\r\n
\r\n \r\n
: \r\n );\r\n }\r\n\r\n\r\n render() {\r\n return (\r\n CalculatingElementsTable.renderTable(\r\n this.state.columns,\r\n this.props.calculation_data,\r\n this.props.dose_row,\r\n this.state.columns_region,\r\n this.props.isActive,\r\n this.props.handleCheckElement)\r\n );\r\n }\r\n\r\n async populateFieldsData() {\r\n const numberFormat = new Intl.NumberFormat('ru-RU')\r\n\r\n function formatCell(value) {\r\n return value ? numberFormat.format(value.toString().replace(',', '.')).replace(',', '.') : 0\r\n }\r\n\r\n const columns = [\r\n {\r\n id: 'empty',\r\n title: '',\r\n value: (row, {focus}) => {\r\n return (Потребность элементов питания
\r\n | Участок | \r\nN кг/га д.в. | \r\n P₂O₅ кг/га д.в. | \r\n K₂O кг/га д.в. | \r\n \r\n S кг/га д.в.\r\n \r\n\r\n | \r\n \r\n CaO кг/га д.в.\r\n \r\n | \r\n \r\n Mg кг/га д.в.\r\n \r\n | \r\n
|---|
\r\n rows.id}\r\n isScrollable={false}\r\n disabledCellChecker={(row, columnId) => {\r\n return columnId === 'name' ||\r\n columnId === 'N' ||\r\n columnId === 'P2O5' ||\r\n columnId === 'K2O' ||\r\n columnId === 'S' ||\r\n columnId === 'CaO' ||\r\n columnId === 'Mg';\r\n }}\r\n />\r\n
\r\n \r\n
\r\n field_row.id}\r\n disabledCellChecker={(field_row, columnId) => {\r\n return columnId === 'button_expand' ||\r\n columnId === 'N' ||\r\n columnId === 'P2O5' ||\r\n columnId === 'K2O' ||\r\n columnId === 'S' ||\r\n columnId === 'CaO' ||\r\n columnId === 'Mg' ||\r\n columnId === 'empty';\r\n }}\r\n />\r\n
\r\n \r\n
\r\n );\r\n },\r\n id: 'S',\r\n width: 11,\r\n }, {\r\n title: '',\r\n value: (row, {focus}) => {\r\n return (\r\n \r\n
\r\n );\r\n },\r\n id: 'CaO',\r\n width: 11,\r\n }, {\r\n title: '',\r\n value: (row, {focus}) => {\r\n return (\r\n \r\n
\r\n );\r\n },\r\n id: 'Mg',\r\n width: 11,\r\n }\r\n ];\r\n\r\n const columns_region = [\r\n {\r\n title: \"\",\r\n value: (row, {focus}) => {\r\n return (\r\n \r\n
\r\n );\r\n },\r\n id: 'S',\r\n width: 11,\r\n }, {\r\n title: '',\r\n value: (row, {focus}) => {\r\n return (\r\n \r\n
\r\n );\r\n },\r\n id: 'CaO',\r\n width: 11,\r\n }, {\r\n title: '',\r\n value: (row, {focus}) => {\r\n return (\r\n \r\n
\r\n );\r\n },\r\n id: 'Mg',\r\n width: 11,\r\n }\r\n ];\r\n\r\n this.setState({\r\n columns: columns,\r\n columns_region: columns_region,\r\n });\r\n }\r\n\r\n}\r\n","import React, {Component} from 'react';\r\nimport {Input, Grid} from 'react-spreadsheet-grid';\r\nimport set from 'lodash.set';\r\nimport Select, {components, DropdownIndicatorProps} from 'react-select'\r\nimport {Collapse} from 'react-collapse';\r\nimport {Button} from \"react-bootstrap\";\r\nimport arrow_up from \"../../assets/icons/dark_arrow_up.png\";\r\nimport arrow_down from \"../../assets/icons/dark_arrow_down.png\";\r\nimport {Typography} from \"@material-ui/core\";\r\n\r\nexport class FertilizersTable extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n columnsRegion: [],\r\n update: false\r\n }\r\n this.calcSum=this.calcSum.bind(this)\r\n this.setUseInputPrice=this.setUseInputPrice.bind(this)\r\n }\r\n\r\n componentDidMount() {\r\n this.populateFieldsData();\r\n }\r\n calcSum(useInputPrice){\r\n let sum=0\r\n let fertilizer\r\n // eslint-disable-next-line array-callback-return\r\n this.props.field[0].regions.map((region)=>{\r\n fertilizer = this.props.fertilizers.find((f)=>f.id===region.fertilizerOrganicId)\r\n sum+=(useInputPrice?Number(region.organic_input_price):0)*Number(region.area)*region.fertilizerCount+\r\n (fertilizer? fertilizer.price:0)*region.fertilizerCount*Number(region.area)\r\n })\r\n this.props.setSumPrice(sum)\r\n }\r\n\r\n static renderTable(field, columnsRegion, expand, isExpand, useInputPrice, setUseInputPrice) {\r\n let row = field.length !== 0 ? field[0].regions : [];\r\n if (row.length !== 0) {\r\n return (\r\n \r\n \r\n \r\n
\r\n );\r\n } else\r\n return ()\r\n }\r\n\r\n setUseInputPrice(){\r\n this.props.setUseInputPrice()\r\n this.calcSum(!this.props.useInputPrice)\r\n }\r\n\r\n render() {\r\n const content=FertilizersTable.renderTable(\r\n this.props.field,\r\n this.state.columnsRegion,\r\n this.props.changeExpand,\r\n this.props.expand,\r\n this.props.useInputPrice,\r\n this.setUseInputPrice\r\n )\r\n return (\r\n \r\n \r\n
\r\n \r\n {/**/}\r\n row.id}\r\n isScrollable={false}\r\n disabledCellChecker={(row, columnId) => {\r\n return columnId === 'organic' ||\r\n columnId === 'price'\r\n }}\r\n />\r\n
\r\n {content}
\r\n );\r\n }\r\n\r\n async populateFieldsData() {\r\n // const useInputPrice = this.props.useInputPrice\r\n const numberFormat = new Intl.NumberFormat('ru-RU')\r\n const priceFormat = new Intl.NumberFormat('ru-RU',{maximumFractionDigits:2,minimumFractionDigits:2})\r\n function formatCell(value, price=false){\r\n return value?(price?priceFormat:numberFormat).format(value.toString().replace(',','.')).replace(',','.'):0\r\n }\r\n const fertilizers_organic_list = this.props.fertilizer_organic_list;\r\n const onRegionChange = (rowId, field) => (value1) => {\r\n let value = Number(value1.replace(/\\s/g, \"\").replace(',','.'))\r\n const row = this.props.field[0].regions.find((row) => {\r\n return row.id === rowId;\r\n });\r\n set(row, field, value);\r\n this.props.onFertilizerChange();\r\n this.calcSum(this.props.useInputPrice)\r\n this.setState({update: !this.state.update})\r\n }\r\n const onFertilizerChange = (rowId, field) => (value) => {\r\n const row = this.props.field[0].regions.find((row) => {\r\n return row.id === rowId;\r\n });\r\n row.fertilizerOrganic = this.props.fertilizers.find((f) => {\r\n return f.id === value.value;\r\n })\r\n set(row, field, value.value);\r\n this.props.onFertilizerChange();\r\n this.calcSum(this.props.useInputPrice)\r\n this.setState({update: !this.state.update})\r\n }\r\n\r\n const DropdownIndicator = (props: DropdownIndicatorProps\r\n
\r\n )\r\n },\r\n id: 'area',\r\n width: 10\r\n }, {\r\n title: 'Тип органического удобрения',\r\n value: (row, {focus}) => {\r\n return (\r\n \r\n
\r\n );\r\n },\r\n id: 'fertilizerCount',\r\n width: 12\r\n }, {\r\n title: 'Стоимость удобрения, руб/поле',\r\n value: (row, {focus}) => {\r\n return (\r\n \r\n //
\r\n // )\r\n // },\r\n // id: 'intro_price',\r\n // width: 12,\r\n // }\r\n ];\r\n\r\n this.setState({columnsRegion: columnsRegion});\r\n }\r\n\r\n}\r\n","import React, {useState, useEffect} from 'react';\r\n\r\nexport default function BalanceFooter({content}) {\r\n\r\n const getOffset = (element) => {\r\n const elementRect = element?.getBoundingClientRect();\r\n return elementRect?.top\r\n }\r\n\r\n const calcInit = () => {\r\n if(window !== undefined) {\r\n const heightToHide = getOffset(document.getElementById('fertilizer-calculation'))\r\n let windowHeight = window.scrollY + document.documentElement.clientHeight;\r\n let scrollHeight = Math.max(\r\n document.body.scrollHeight, document.documentElement.scrollHeight,\r\n document.body.offsetHeight, document.documentElement.offsetHeight,\r\n document.body.clientHeight, document.documentElement.clientHeight\r\n );\r\n const windowScrollHeight = document.body.scrollTop || document.documentElement.scrollTop;\r\n const bottomHeightToHide = document.getElementById('fertilizer-calculation')?.getBoundingClientRect()?.bottom\r\n if (windowHeight-windowScrollHeight{content}
: <>;\r\n}\r\n","import React, {Component} from 'react';\r\nimport {Input, Grid} from 'react-spreadsheet-grid';\r\nimport Select, {components, DropdownIndicatorProps} from \"react-select\";\r\nimport set from \"lodash.set\";\r\nimport {Button, Table, Form} from \"react-bootstrap\";\r\nimport BalanceFooter from \"./BalanceFooter\";\r\nimport arrow_up from \"../../assets/icons/dark_arrow_up.png\";\r\nimport arrow_down from \"../../assets/icons/dark_arrow_down.png\";\r\nimport del from \"../../assets/icons/del.png\";\r\nimport add from \"../../assets/icons/add.png\";\r\nimport {Typography} from \"@material-ui/core\";\r\n\r\nexport class FertilizersCalculationTables extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n main_rows: [],\r\n pre_sowing_rows: [],\r\n feed_rows: [],\r\n balance_row: [],\r\n columns_main: [],\r\n columns_feed: [],\r\n columns_pre_sowing: [],\r\n update: false,\r\n fertilizers_mineral_list: [],\r\n balance_columns: [],\r\n }\r\n this.calculateFertilizers = this.calculateFertilizers.bind(this)\r\n this.addRow = this.addRow.bind(this)\r\n this.deleteRow = this.deleteRow.bind(this)\r\n this.calcBalance = this.calcBalance.bind(this)\r\n this.sumElements = this.sumElements.bind(this)\r\n this.BalanceBackLight = this.BalanceBackLight.bind(this)\r\n this.handleChangeCoefP = this.handleChangeCoefP.bind(this)\r\n this.isDisable = this.isDisable.bind(this)\r\n }\r\n\r\n\r\n componentDidMount() {\r\n this.populateData();\r\n }\r\n\r\n componentDidUpdate(prevProps, prevState, snapshot) {\r\n if (this.props.coefP !== prevProps.coefP && !this.props.report_loading) {\r\n this.calcBalance(false)\r\n this.props.calculate_main()\r\n }\r\n }\r\n\r\n sumElements(rows) {\r\n let sumRows = {n: 0, p2O5: 0, k2O: 0, s: 0, caO: 0, mg: 0, price: 0, input_price: 0};\r\n // eslint-disable-next-line array-callback-return\r\n rows.map((row) => {\r\n sumRows.n += Number(row.element.n)\r\n sumRows.p2O5 += Number(row.element.p2O5)\r\n sumRows.k2O += Number(row.element.k2O)\r\n sumRows.s += Number(row.element.s)\r\n sumRows.caO += Number(row.element.caO)\r\n sumRows.mg += Number(row.element.mg)\r\n sumRows.price += Number(row.price)\r\n sumRows.input_price += Number(row.input_price ? row.input_price : 0) * Number(row.fertilizer_count) / 1000\r\n })\r\n return sumRows\r\n\r\n }\r\n\r\n calcBalance(isCalc) {\r\n const changed_rows = this.props.changed_rows\r\n const balance = this.props.balance[0].element\r\n const feed = this.sumElements(this.state.feed_rows)\r\n const pre_sowing = this.sumElements(this.state.pre_sowing_rows)\r\n const main = isCalc ? this.sumElements(this.state.main_rows) : this.sumElements(changed_rows)\r\n const sum_limit = [feed.n + pre_sowing.n + main.n,\r\n feed.p2O5 + pre_sowing.p2O5 * this.props.coefP + main.p2O5,\r\n feed.k2O + pre_sowing.k2O + main.k2O,\r\n feed.s + pre_sowing.s + main.s,\r\n feed.caO + pre_sowing.caO + main.caO,\r\n feed.mg + pre_sowing.mg + main.mg\r\n ]\r\n if (isCalc) {\r\n this.props.setFertilizerLimit(sum_limit)\r\n }\r\n const balanceCalc = [{\r\n price: (feed.price + pre_sowing.price + main.price).toFixed(2),\r\n input_price: (feed.input_price + pre_sowing.input_price + main.input_price) * this.props.area,\r\n element: {\r\n n: (balance.n - sum_limit[0]).toFixed(2),\r\n p2O5: (balance.p2O5 - sum_limit[1]).toFixed(2),\r\n k2O: (balance.k2O - sum_limit[2]).toFixed(2),\r\n s: (balance.s - sum_limit[3]).toFixed(2),\r\n caO: (balance.caO - sum_limit[4]).toFixed(2),\r\n mg: (balance.mg - sum_limit[5]).toFixed(2),\r\n }\r\n }]\r\n if (isCalc) {\r\n this.setState({balance_row: balanceCalc})\r\n this.props.setSumPrice(Number(balanceCalc[0].price) + (this.props.useInputPrice ? Number(balanceCalc[0].input_price) : 0))\r\n } else {\r\n this.props.fertilizer_data.balance = balanceCalc\r\n }\r\n }\r\n\r\n BalanceBackLight(value, el) {\r\n let conf_interval = 0.4\r\n let class_name = \"\"\r\n if (!this.props.isActive[el])\r\n class_name = class_name.concat(\"disable\")\r\n if (Number(value) <= 0 - conf_interval) {\r\n class_name = class_name.concat(\"blue-cell\")\r\n } else if (Number(value) <= conf_interval) {\r\n class_name = class_name.concat(\"green-cell\")\r\n } else {\r\n class_name = class_name.concat(\"red-cell\")\r\n }\r\n return class_name\r\n }\r\n\r\n isDisable(el) {\r\n if (!this.props.isActive[el])\r\n return 'disable'\r\n else\r\n return ''\r\n }\r\n\r\n addRow(table) {\r\n this.state[table].push({\r\n id: this.state[table].at(-1) ? this.state[table].at(-1).id + 1 : 0,\r\n fertilizerId: 0,\r\n fertilizer_count: 0,\r\n price: 0,\r\n element: {n: 0, p2O5: 0, k2O: 0, s: 0, caO: 0, mg: 0}\r\n })\r\n this.recalculateRows(this.state.main_rows)\r\n this.recalculateRows(this.state.feed_rows)\r\n this.recalculateRows(this.state.pre_sowing_rows)\r\n this.setState({update: !this.state.update})\r\n }\r\n\r\n deleteRow(rowId, table) {\r\n const row = this.state[table].find(row => row.id === rowId)\r\n this.state[table].splice(this.state[table].findIndex(row => row.id === rowId), 1)\r\n if (table !== 'main_rows') {\r\n this.calcBalance(false)\r\n this.props.calculate_main()\r\n } else {\r\n let changed_rows = this.props.changed_rows\r\n let changed_id = changed_rows.findIndex((row=>row.id===rowId))\r\n if(changed_id!==-1){\r\n this.props.changed_rows[changed_id].visible=false\r\n }else {\r\n changed_rows.push({\r\n id: \"n\".concat(row.id),\r\n fertilizerId: row.fertilizerId,\r\n fertilizer_count: 0,\r\n price: 0,\r\n element: {n: 0, p2O5: 0, k2O: 0, s: 0, mg: 0, caO: 0},\r\n visible: false\r\n })\r\n this.props.not_calculate_fertilizers_list.clear()\r\n changed_rows.map((row) => this.props.not_calculate_fertilizers_list.add(row.fertilizerId))\r\n this.calcBalance(false)\r\n this.props.recalculate_A_c()\r\n }\r\n }\r\n this.setState({update: !this.state.update})\r\n }\r\n\r\n calculateFertilizers() {\r\n this.recalculateRows(this.state.main_rows)\r\n this.recalculateRows(this.state.pre_sowing_rows)\r\n this.recalculateRows(this.state.feed_rows)\r\n let changed_rows = this.props.changed_rows\r\n changed_rows.splice(0, changed_rows.length)\r\n this.forceUpdate()\r\n this.calcBalance(false)\r\n this.props.not_calculate_fertilizers_list.clear()\r\n this.props.recalculate_A_c()\r\n }\r\n\r\n recalculateRows(rows) {\r\n if (this.state.fertilizers_mineral_list.length > 0) {\r\n // eslint-disable-next-line array-callback-return\r\n rows.map(r => {\r\n let fertilizer = this.state.fertilizers_mineral_list.find(f => f.value === r.fertilizerId)\r\n r.element = fertilizer ? {\r\n n: (r.fertilizer_count * fertilizer.element.n).toFixed(1),\r\n p2O5: (r.fertilizer_count * fertilizer.element.p2O5).toFixed(1),\r\n k2O: (r.fertilizer_count * fertilizer.element.k2O).toFixed(1),\r\n s: (r.fertilizer_count * fertilizer.element.s).toFixed(1),\r\n caO: (r.fertilizer_count * fertilizer.element.caO).toFixed(1),\r\n mg: (r.fertilizer_count * fertilizer.element.mg).toFixed(1)\r\n } : {n: 0, p2O5: 0, k2O: 0, s: 0, caO: 0, mg: 0}\r\n r.price = fertilizer ? (fertilizer.price * r.fertilizer_count / 1000 * this.props.area).toFixed(2) : 0\r\n })\r\n }\r\n }\r\n\r\n recalculateRowFromElements(row, field) {\r\n if (this.state.fertilizers_mineral_list.length > 0) {\r\n let fertilizer = this.state.fertilizers_mineral_list.find(f => f.value === row.fertilizerId)\r\n if (fertilizer && fertilizer.element[field] !== 0) {\r\n row.fertilizer_count = row.element[field] / fertilizer.element[field]\r\n for (const el in (fertilizer.element)) {\r\n if (el !== field)\r\n row.element[el] = (row.fertilizer_count * fertilizer.element[el]).toFixed(1)\r\n }\r\n row.price = (fertilizer.price * row.fertilizer_count / 1000 * this.props.area).toFixed(2)\r\n } else\r\n row.element[field] = 0\r\n }\r\n }\r\n\r\n handleChangeCoefP(event) {\r\n this.props.changeCoefP(event.target.value)\r\n this.calcBalance(false)\r\n }\r\n\r\n static renderTable(columns_main, columns_pre_sowing, columns_feed, main_rows, pre_sowing_rows, feed_rows,\r\n balance_row, balance_columns, calculateFertilizers, addRow, handleChangeCoefP, coefP,\r\n isDisable, showModal, useInputPrice, setUseInputPrice) {\r\n const content = \r\n balance_row.id}\r\n disabledCellChecker={(balance_row, columnId) => {\r\n return columnId === 'N' ||\r\n columnId === 'P2O5' ||\r\n columnId === 'K2O' ||\r\n columnId === 'S' ||\r\n columnId === 'CaO' ||\r\n columnId === 'Mg' ||\r\n columnId === 'balance' ||\r\n columnId === 'price'\r\n }}\r\n />\r\n
\r\n return (\r\n \r\n \r\n \r\n
\r\n
\r\n );\r\n\r\n }\r\n\r\n render() {\r\n const content = FertilizersCalculationTables.renderTable(\r\n this.state.columns_main,\r\n this.state.columns_pre_sowing,\r\n this.state.columns_feed,\r\n this.state.main_rows,\r\n this.state.pre_sowing_rows,\r\n this.state.feed_rows,\r\n this.state.balance_row,\r\n this.state.balance_columns,\r\n this.calculateFertilizers,\r\n this.addRow,\r\n this.handleChangeCoefP,\r\n this.props.coefP,\r\n this.isDisable,\r\n this.props.showModal,\r\n this.props.useInputPrice,\r\n this.props.setUseInputPrice,\r\n );\r\n return (\r\n this.props.visible ?\r\n <>\r\n Авторасчет удобрений
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n | Тип удобрения | \r\nКол-во удобрения, кг/га | \r\n N кг/га | \r\n P₂O₅ кг/га | \r\n K₂O кг/га | \r\n S кг/га | \r\n CaO кг/га | \r\n Mg кг/га | \r\n Стоимость, руб/поле | \r\n {/*Стоимость внесения, руб/т*/}\r\n {/* | */}\r\n
|---|
\r\n main_rows.id}\r\n disabledCellChecker={(main_rows, columnId) => {\r\n return columnId === 'fertilizer' ||\r\n columnId === 'fertilizer_type' ||\r\n columnId === 'button_remove' ||\r\n columnId === 'price'\r\n }}\r\n />\r\n \r\n
\r\n Основное внесение
\r\n <>\r\n \r\n \r\n
\r\n \r\n pre_sowing_rows.id}\r\n disabledCellChecker={(pre_sowing_rows, columnId) => {\r\n return columnId === 'fertilizer' ||\r\n columnId === 'fertilizer_type' ||\r\n columnId === 'button_remove' ||\r\n columnId === 'price'\r\n }}\r\n />\r\n
\r\n Припосевное внесение (Повышающий коэффициент усвоения\r\n фосфора:\r\n )\r\n
\r\n \r\n \r\n
\r\n \r\n feed_rows.id}\r\n disabledCellChecker={(feed_rows, columnId) => {\r\n return columnId === 'fertilizer' ||\r\n columnId === 'fertilizer_type' ||\r\n columnId === 'button_remove' ||\r\n columnId === 'price'\r\n }}\r\n />\r\n
\r\n Подкормка
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {content}\r\n
\r\n \r\n : <>\r\n )\r\n }\r\n\r\n async populateData() {\r\n const numberFormat = new Intl.NumberFormat('ru-RU')\r\n const priceFormat = new Intl.NumberFormat('ru-RU', {maximumFractionDigits: 2, minimumFractionDigits: 2})\r\n\r\n function formatCell(value, price = false) {\r\n return value ? (price ? priceFormat : numberFormat).format(value.toString().replace(',', '.')).replace(',', '.') : 0\r\n }\r\n\r\n const data = this.props.fertilizer_data\r\n const main_rows = data.main.concat(this.props.changed_rows.filter((r) => r.visible))\r\n\r\n const pre_sowing_rows = data.pre_sowing\r\n const feed_rows = data.feed\r\n const balance_row = this.props.balance\r\n let fertilizers_mineral_list_full = this.props.fertilizer_mineral_list\r\n let fertilizers_mineral_list = []\r\n fertilizers_mineral_list_full.map((r) => fertilizers_mineral_list.push({\r\n value: r.id,\r\n label: r.name,\r\n element: r.element,\r\n price: r.price\r\n }))\r\n\r\n let changed_rows = this.props.changed_rows\r\n\r\n const onMainChange = (rowId, field) => (value1) => {\r\n let value = Number(value1.replace(/\\s/g, \"\").replace(',', '.'))\r\n const rowRegion = this.state.main_rows.find((row) => {\r\n return row.id === rowId\r\n });\r\n set(rowRegion, field, value)\r\n this.recalculateRows(main_rows)\r\n const i = changed_rows.findIndex((r) => r.id === rowId)\r\n if (i < 0) {\r\n changed_rows.push({\r\n id: \"n\".concat(rowRegion.id),\r\n fertilizerId: rowRegion.fertilizerId,\r\n fertilizer_count: rowRegion.fertilizer_count,\r\n price: rowRegion.price,\r\n element: rowRegion.element,\r\n visible: true\r\n })\r\n }\r\n this.props.not_calculate_fertilizers_list.clear()\r\n changed_rows.map((row) => this.props.not_calculate_fertilizers_list.add(row.fertilizerId))\r\n this.calcBalance(false)\r\n this.props.recalculate_A_c()\r\n }\r\n const onPreSowingChange = (rowId, field) => (value1) => {\r\n let value = Number(value1.replace(/\\s/g, \"\").replace(',', '.'))\r\n const rowRegion = this.state.pre_sowing_rows.find((row) => {\r\n return row.id === rowId\r\n });\r\n set(rowRegion, field, value)\r\n this.setState({update: !this.state.update})\r\n this.recalculateRows(this.state.pre_sowing_rows)\r\n this.calcBalance(false)\r\n this.props.calculate_main()\r\n }\r\n const onFeedChange = (rowId, field) => (value1) => {\r\n let value = Number(value1.replace(/\\s/g, \"\").replace(',', '.'))\r\n const rowRegion = this.state.feed_rows.find((row) => {\r\n return row.id === rowId\r\n });\r\n set(rowRegion, field, value)\r\n this.setState({update: !this.state.update})\r\n this.recalculateRows(this.state.feed_rows)\r\n this.calcBalance(false)\r\n this.props.calculate_main()\r\n }\r\n\r\n const onMainFertilizerChange = (rowId, field) => (value) => {\r\n const row = this.state.main_rows.find((row) => {\r\n return row.id === rowId;\r\n });\r\n if (value.value !== 0) {\r\n let fertilizer = this.props.fertilizer_mineral_list.find((f) => {\r\n return f.id === value.value;\r\n })\r\n row.fertilizerId = fertilizer.id\r\n }\r\n const i = changed_rows.findIndex((r) => r.id === rowId)\r\n set(row, field, value.value);\r\n this.recalculateRows(this.state.main_rows)\r\n if (i < 0) {\r\n changed_rows.push({\r\n id: \"n\".concat(row.id),\r\n fertilizerId: row.fertilizerId,\r\n fertilizer_count: row.fertilizer_count,\r\n price: row.price,\r\n element: row.element,\r\n visible: true\r\n })\r\n }\r\n this.props.not_calculate_fertilizers_list.clear()\r\n changed_rows.map((row) => this.props.not_calculate_fertilizers_list.add(row.fertilizerId))\r\n this.calcBalance(false)\r\n this.props.recalculate_A_c()\r\n\r\n }\r\n const onPreSowingFertilizerChange = (rowId, field) => (value) => {\r\n const row = this.state.pre_sowing_rows.find((row) => {\r\n return row.id === rowId;\r\n });\r\n if (value.value !== 0) {\r\n let fertilizer = this.props.fertilizer_mineral_list.find((f) => {\r\n return f.id === value.value;\r\n })\r\n row.fertilizerId = fertilizer.id\r\n }\r\n set(row, field, value.value);\r\n this.setState({update: !this.state.update})\r\n this.recalculateRows(this.state.pre_sowing_rows)\r\n this.calcBalance(false)\r\n this.props.calculate_main()\r\n }\r\n const onFeedFertilizerChange = (rowId, field) => (value) => {\r\n const row = this.state.feed_rows.find((row) => {\r\n return row.id === rowId;\r\n });\r\n if (value.value !== 0) {\r\n let fertilizer = this.props.fertilizer_mineral_list.find((f) => {\r\n return f.id === value.value;\r\n })\r\n row.fertilizerId = fertilizer.id\r\n }\r\n set(row, field, value.value);\r\n this.setState({update: !this.state.update})\r\n this.recalculateRows(this.state.feed_rows)\r\n this.calcBalance(false)\r\n this.props.calculate_main()\r\n }\r\n\r\n const onElementChange = (rowId, field, table) => (value1) => {\r\n let value = value1.replace(/\\s/g, \"\")\r\n const rowRegion = this.state[table].find((row) => {\r\n return row.id === rowId\r\n });\r\n set(rowRegion.element, field, value)\r\n this.recalculateRowFromElements(rowRegion, field)\r\n if (table === 'main_rows') {\r\n const i = changed_rows.findIndex((r) => r.id === rowId)\r\n if (i < 0) {\r\n changed_rows.push({\r\n id: \"n\".concat(rowRegion.id),\r\n fertilizerId: rowRegion.fertilizerId,\r\n fertilizer_count: rowRegion.fertilizer_count,\r\n price: rowRegion.price,\r\n element: rowRegion.element,\r\n visible: true\r\n })\r\n }\r\n this.props.not_calculate_fertilizers_list.clear()\r\n changed_rows.map((row) => this.props.not_calculate_fertilizers_list.add(row.fertilizerId))\r\n this.calcBalance(false)\r\n this.props.recalculate_A_c()\r\n } else {\r\n this.calcBalance(false)\r\n this.props.calculate_main()\r\n }\r\n }\r\n\r\n // const onInputPriceChange = (rowId, field, table) => (value1) => {\r\n // let value = value1.replace(/\\s/g, \"\")\r\n // const rowRegion = this.state[table].find((row) => {\r\n // return row.id === rowId\r\n // });\r\n // set(rowRegion, field, value)\r\n // this.calcBalance(true)\r\n // }\r\n\r\n const del_button = (id, field) => {\r\n return ()\r\n }\r\n\r\n const DropdownIndicator = (props: DropdownIndicatorProps\r\n
\r\n );\r\n },\r\n id: 'N',\r\n width: 9\r\n }, {\r\n title: '',\r\n value: (row, {focus}) => {\r\n return (\r\n \r\n
\r\n );\r\n },\r\n id: 'P2O5',\r\n width:9\r\n }, {\r\n title: '',\r\n value: (row, {focus}) => {\r\n return (\r\n \r\n
\r\n );\r\n },\r\n id: 'K2O',\r\n width:9\r\n }, {\r\n title: '',\r\n value: (row, {focus}) => {\r\n return (\r\n \r\n
\r\n );\r\n },\r\n id: 'S',\r\n width:9\r\n }, {\r\n title: '',\r\n value: (row, {focus}) => {\r\n return (\r\n \r\n
\r\n );\r\n },\r\n id: 'CaO',\r\n width:9\r\n }, {\r\n title: '',\r\n value: (row, {focus}) => {\r\n return (\r\n \r\n
\r\n );\r\n },\r\n id: 'Mg',\r\n width: 9\r\n }, {\r\n title: '',\r\n value: (row, {focus}) => {\r\n return (\r\n \r\n
\r\n );\r\n },\r\n id: 'price',\r\n width: 10,\r\n }\r\n // }, {\r\n // title: '',\r\n // value: (row, {focus}) => {\r\n // return (\r\n // \r\n //
\r\n // );\r\n // },\r\n // id: 'intro_price',\r\n // width: 8,\r\n // }\r\n\r\n ];\r\n const columns_main = [\r\n {\r\n title: '',\r\n value: (row, {focus}) => {\r\n return (\r\n \r\n
\r\n \r\n );\r\n },\r\n id: 'fertilizer_count',\r\n width: 10\r\n }, {\r\n title: '',\r\n value: (row, {focus}) => {\r\n return (\r\n \r\n
\r\n );\r\n },\r\n id: 'S',\r\n width: 9,\r\n }, {\r\n title: '',\r\n value: (row, {focus}) => {\r\n return (\r\n \r\n
\r\n );\r\n },\r\n id: 'CaO',\r\n width: 9,\r\n }, {\r\n title: '',\r\n value: (row, {focus}) => {\r\n return (\r\n \r\n
\r\n );\r\n },\r\n id: 'Mg',\r\n width: 9,\r\n }, {\r\n title: '',\r\n value: (row, {focus}) => {\r\n return (\r\n \r\n
\r\n );\r\n },\r\n id: 'price',\r\n width: 10,\r\n },\r\n {\r\n title: '',\r\n value: (row) => {\r\n return del_button(row.id, 'main_rows');\r\n },\r\n id: 'button_remove',\r\n width: 0,\r\n getCellClassName: () => \"SpreadsheetGrid__cell_focused\"\r\n }\r\n // , {\r\n // title: '',\r\n // value: (row, {focus}) => {\r\n // return (\r\n // \r\n //
\r\n // );\r\n // },\r\n // id: 'intro_price',\r\n // width: 8,\r\n // }\r\n ];\r\n const columns_pre_sowing = [\r\n {\r\n title: '',\r\n value: (row, {focus}) => {\r\n return (\r\n \r\n {/* eslint-disable-next-line eqeqeq */}\r\n
\r\n );\r\n },\r\n id: 'fertilizer_count',\r\n width: 10\r\n }, {\r\n title: '',\r\n value: (row, {focus}) => {\r\n return (\r\n \r\n
\r\n \r\n
\r\n );\r\n },\r\n id: 'S',\r\n width: 9\r\n }, {\r\n title: '',\r\n value: (row, {focus}) => {\r\n return (\r\n \r\n
\r\n );\r\n },\r\n id: 'CaO',\r\n width: 9\r\n }, {\r\n title: '',\r\n value: (row, {focus}) => {\r\n return (\r\n \r\n
\r\n );\r\n },\r\n id: 'Mg',\r\n width: 9\r\n }, {\r\n title: '',\r\n value: (row, {focus}) => {\r\n return (\r\n \r\n
\r\n );\r\n },\r\n id: 'price',\r\n width: 10,\r\n },\r\n {\r\n title: '',\r\n value: (row) => {\r\n return del_button(row.id, 'pre_sowing_rows')\r\n },\r\n id: 'button_remove',\r\n width: 0,\r\n getCellClassName: () => \"SpreadsheetGrid__cell_focused\"\r\n }\r\n // , {\r\n // title: '',\r\n // value: (row, {focus}) => {\r\n // return (\r\n // \r\n //
\r\n // );\r\n // },\r\n // id: 'intro_price',\r\n // width: 8,\r\n // }\r\n ];\r\n const columns_feed = [\r\n {\r\n title: '',\r\n value: (row, {focus}) => {\r\n return (\r\n \r\n {/* eslint-disable-next-line eqeqeq */}\r\n
\r\n );\r\n },\r\n id: 'fertilizer_count',\r\n width: 10\r\n }, {\r\n title: '',\r\n value: (row, {focus}) => {\r\n return (\r\n \r\n
\r\n \r\n
\r\n );\r\n },\r\n id: 'S',\r\n width: 9\r\n }, {\r\n title: '',\r\n value: (row, {focus}) => {\r\n return (\r\n \r\n
\r\n );\r\n },\r\n id: 'CaO',\r\n width: 9\r\n }, {\r\n title: '',\r\n value: (row, {focus}) => {\r\n return (\r\n \r\n
\r\n );\r\n },\r\n id: 'Mg',\r\n width: 9\r\n }, {\r\n title: '',\r\n value: (row, {focus}) => {\r\n return (\r\n \r\n
\r\n );\r\n },\r\n id: 'price',\r\n width: 10,\r\n },{\r\n title: '',\r\n value: (row) => {\r\n return del_button(row.id, 'feed_rows');\r\n },\r\n id: 'button_remove',\r\n width: 0,\r\n getCellClassName: () => \"SpreadsheetGrid__cell_focused\"\r\n }\r\n // , {\r\n // title: '',\r\n // value: (row, {focus}) => {\r\n // return (\r\n // \r\n //
\r\n // );\r\n // },\r\n // id: 'intro_price',\r\n // width: 8,\r\n // }\r\n ];\r\n\r\n this.setState({\r\n main_rows: main_rows,\r\n pre_sowing_rows: pre_sowing_rows,\r\n feed_rows: feed_rows,\r\n balance_row: balance_row,\r\n columns_main: columns_main,\r\n columns_pre_sowing: columns_pre_sowing,\r\n columns_feed: columns_feed,\r\n balance_columns: balance_columns,\r\n fertilizers_mineral_list: fertilizers_mineral_list,\r\n }, () => {\r\n this.recalculateRows(this.state.main_rows)\r\n this.recalculateRows(this.state.feed_rows)\r\n this.recalculateRows(this.state.pre_sowing_rows)\r\n if (this.props.balance.length !== 0) {\r\n this.calcBalance(true)\r\n }\r\n })\r\n }\r\n}\r\n","import React, {Component} from 'react';\r\nimport {Input, Grid} from 'react-spreadsheet-grid';\r\nimport Select, {components, DropdownIndicatorProps} from \"react-select\";\r\nimport set from \"lodash.set\";\r\nimport {Button, Col} from \"react-bootstrap\";\r\nimport {Collapse} from \"react-collapse\";\r\nimport Row from \"react-bootstrap/Row\";\r\nimport arrow_up from \"../../assets/icons/dark_arrow_up.png\";\r\nimport arrow_down from \"../../assets/icons/dark_arrow_down.png\";\r\nimport {Typography} from \"@material-ui/core\";\r\n\r\nexport class LimingTable extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n liming_columns: [],\r\n update: false,\r\n fertilizers_mineral_list: [],\r\n isCellChange: []\r\n }\r\n this.calculateLiming = this.calculateLiming.bind(this)\r\n this.calcSum = this.calcSum.bind(this)\r\n this.setUseInputPrice = this.setUseInputPrice.bind(this)\r\n }\r\n\r\n componentDidMount() {\r\n this.populateData();\r\n }\r\n\r\n calcSum(useInputPrice = false) {\r\n let sum_dose = 0\r\n let sum_price = 0\r\n if (this.state.fertilizers_mineral_list.length !== 0 && this.props.field.length !== 0) {\r\n // eslint-disable-next-line array-callback-return\r\n this.props.liming.map((row) => {\r\n sum_dose = sum_dose + (Number(row.fertilizer_dose) * row.area)\r\n sum_price = sum_price + (row.price ? Number(row.price) : 0) + (useInputPrice ? Number(row.intro_price) * Number(row.fertilizer_dose) * row.area : 0)\r\n })\r\n }\r\n this.props.setSumPrice(sum_price)\r\n this.props.setSumDose(sum_dose)\r\n }\r\n\r\n colorBacklight = (pH, soilId) => {\r\n const group = this.props.soils.find((soil) => soil.id === soilId).soilGroup.name\r\n if (group === \"Торфяные\") {\r\n if (Number(pH) <= 4)\r\n return \"red-row\"\r\n else if (Number(pH) <= 4.5)\r\n return \"pink-row\"\r\n else if (Number(pH) <= 5.0)\r\n return \"orange-row\"\r\n else if (Number(pH) <= 5.5)\r\n return \"yellow-row\"\r\n else if (Number(pH) <= 6.0)\r\n return \"green-row\"\r\n else if (Number(pH) <= 6.5)\r\n return \"blue-row\"\r\n else return \"dark-blue-row\"\r\n } else {\r\n if (Number(pH) <= 4.5)\r\n return \"red-row\"\r\n else if (Number(pH) <= 5)\r\n return \"pink-row\"\r\n else if (Number(pH) <= 5.5)\r\n return \"orange-row\"\r\n else if (Number(pH) <= 6)\r\n return \"yellow-row\"\r\n else if (Number(pH) <= 6.5)\r\n return \"green-row\"\r\n else if (Number(pH) <= 7)\r\n return \"blue-row\"\r\n else return \"dark-blue-row\"\r\n }\r\n }\r\n\r\n groupSoil(soilId) {\r\n return this.props.soilGroup.find((value) => value.id === this.props.soils.find(value => value.id === soilId).soilGroupId)\r\n }\r\n\r\n dose(soilId, humus, ph) {\r\n try {\r\n let soilGroup = this.groupSoil(soilId)\r\n let groupHumus = soilGroup.soilGroupHumus[0]\r\n // eslint-disable-next-line array-callback-return\r\n soilGroup.soilGroupHumus.map((r) => {\r\n if (humus <= r.humus) {\r\n groupHumus = r\r\n }\r\n })\r\n let liming = groupHumus.soilGroupPh[0].liming\r\n // eslint-disable-next-line array-callback-return\r\n groupHumus.soilGroupPh.map((r) => {\r\n if (ph <= r.ph) {\r\n liming = r.liming\r\n }\r\n })\r\n return liming\r\n } catch {\r\n return 0\r\n }\r\n }\r\n\r\n calculateLiming() {\r\n let liming_rows = this.props.liming\r\n let min\r\n if (this.state.fertilizers_mineral_list.length > 0) {\r\n min = this.state.fertilizers_mineral_list[0]\r\n // eslint-disable-next-line array-callback-return\r\n this.state.fertilizers_mineral_list.map(r => {\r\n if (min.element.caO / min.price < r.element.caO / r.price) {\r\n min = r\r\n }\r\n })\r\n }\r\n // eslint-disable-next-line array-callback-return\r\n liming_rows.map((r) => {\r\n let dose = this.dose(r.soilId, r.humus, r.pH)\r\n r.dose = dose\r\n if (this.state.fertilizers_mineral_list.length > 0) {\r\n r.fertilizer_dose = (dose / min.element.caO).toFixed(2)\r\n r.price = min.price * r.fertilizer_dose * r.area\r\n r.fertilizer_id = min.value\r\n }\r\n })\r\n this.props.setLiming(liming_rows)\r\n this.setState({\r\n update: !this.state.update,\r\n isCellChange: [],\r\n }, () => this.calcSum(this.props.useInputPrice))\r\n\r\n }\r\n\r\n setUseInputPrice() {\r\n this.props.setUseInputPrice()\r\n this.calcSum(!this.props.useInputPrice)\r\n }\r\n\r\n static renderTable(liming_columns, liming_rows, calculateLiming, sum_dose, sum_price, expand, isExpand,\r\n isLimingOpen, useLiming, useInputPrice, setUseInputPrice) {\r\n return (\r\n \r\n \r\n \r\n
\r\n );\r\n\r\n }\r\n\r\n render() {\r\n const content = this.props.field.length !== 0 ? LimingTable.renderTable(\r\n this.state.liming_columns,\r\n this.props.liming,\r\n this.calculateLiming,\r\n this.props.sum_dose,\r\n this.props.sum_price,\r\n this.props.changeExpand,\r\n this.props.expand,\r\n this.props.isLimingOpen,\r\n this.props.useLiming,\r\n this.props.useInputPrice,\r\n this.setUseInputPrice,\r\n this.calcSum) : <>\r\n return (\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {/**/}\r\n liming_rows.id}\r\n disabledCellChecker={(liming_rows, columnId) => {\r\n return columnId === 'name' ||\r\n columnId === 'soil' ||\r\n columnId === 'humus' ||\r\n columnId === 'pH' ||\r\n columnId === 'dose' ||\r\n columnId === 'organic' ||\r\n columnId === 'pH' ||\r\n columnId === 'price'\r\n }}\r\n />\r\n\r\n \r\n
\r\n
\r\n {content}
)\r\n\r\n }\r\n\r\n async populateData() {\r\n const numberFormat = new Intl.NumberFormat('ru-RU')\r\n const priceFormat = new Intl.NumberFormat('ru-RU', {maximumFractionDigits: 2, minimumFractionDigits: 2})\r\n\r\n function formatCell(value, price = false) {\r\n return value ? (price ? priceFormat : numberFormat).format(value.toString().replace(',', '.')).replace(',', '.') : 0\r\n }\r\n\r\n const fertilizers_mineral_list_full = this.props.fertilizer_mineral_list\r\n let fertilizers_mineral_list = fertilizers_mineral_list_full.filter(r => r.type === \"Известковое\").map((r) => ({\r\n value: r.id, label: r.name, element: r.element, price: r.price\r\n }))\r\n let isCellChange = []\r\n let isSelectChange = []\r\n\r\n const onLimingChange = (rowId, field) => (value1) => {\r\n let value = Number(value1.replace(/\\s/g, \"\").replace(',', '.'))\r\n const rowRegion = this.props.liming.find((row) => {\r\n return row.id === rowId;\r\n });\r\n set(rowRegion, field, value);\r\n if (field === 'fertilizer_dose' && fertilizers_mineral_list.length > 0) {\r\n const fertilizer = fertilizers_mineral_list.find((f) => f.value === rowRegion.fertilizer_id)\r\n if (fertilizer)\r\n set(rowRegion, 'price', (fertilizer.price * value * rowRegion.area))\r\n else\r\n set(rowRegion, 'price', 0)\r\n }\r\n const newCellChange = this.state.isCellChange.concat(rowId)\r\n this.setState({isCellChange: newCellChange})\r\n this.calcSum(this.props.useInputPrice)\r\n }\r\n const onFertilizerChange = (rowId, field) => (value) => {\r\n const row = this.props.liming.find((row) => {\r\n return row.id === rowId;\r\n });\r\n let fertilizer = this.props.fertilizer_mineral_list.find((f) => {\r\n return f.id === value.value;\r\n })\r\n row.fertilizer_id = fertilizer.id\r\n row.fertilizer_dose = (row.dose / fertilizer.element.caO).toFixed(2)\r\n set(row, field, value.value)\r\n set(row, 'price', (fertilizer.price * row.fertilizer_dose * row.area))\r\n this.calcSum(this.props.useInputPrice)\r\n isSelectChange.push(rowId)\r\n this.setState({update: !this.state.update})\r\n }\r\n\r\n const DropdownIndicator = (props: DropdownIndicatorProps\r\n
\r\n );\r\n },\r\n id: 'name',\r\n width: 12,\r\n }, {\r\n title: 'pH',\r\n value: (row, {focus}) => {\r\n return (\r\n \r\n
\r\n );\r\n },\r\n id: 'pH',\r\n width: 8,\r\n }, {\r\n title: 'Доза изв. мелиорантов,\\nт/га CaCO₃',\r\n value: (row, {focus}) => {\r\n return (\r\n \r\n
\r\n );\r\n },\r\n id: 'dose',\r\n width: 15\r\n }, {\r\n title: 'Тип минерального удобрения',\r\n value: (row, {focus}) => {\r\n return (\r\n \r\n {/* eslint-disable-next-line eqeqeq */}\r\n
\r\n );\r\n },\r\n id: 'fertilizer_dose',\r\n width: 15\r\n }, {\r\n title: 'Стоимость удобрения, руб',\r\n value: (row, {focus}) => {\r\n return (\r\n \r\n
\r\n \r\n
\r\n );\r\n },\r\n id: 'price'\r\n }\r\n // , {\r\n // title: 'Стоимость внесения\\n руб/т',\r\n // value: (row, {focus}) => {\r\n // return (\r\n // \r\n //
\r\n // );\r\n // },\r\n // id: 'intro_price',\r\n // }\r\n ]\r\n\r\n\r\n this.setState({\r\n liming_columns: liming_columns,\r\n fertilizers_mineral_list: fertilizers_mineral_list,\r\n isCellChange: isCellChange\r\n });\r\n }\r\n}\r\n","import React from 'react';\r\nimport {Col, Row} from \"react-bootstrap\";\r\n\r\nexport default function Navbar({content}) {\r\n return \r\n row.id}\r\n isScrollable={false}\r\n disabledCellChecker={(row, columnId) => {\r\n return columnId === 'crop' ||\r\n columnId === 'yield_year'\r\n }}\r\n />\r\n
\r\n );\r\n }\r\n\r\n\r\n render() {\r\n return (\r\n CropDataTable.renderTable(\r\n this.state.columns,\r\n this.state.data)\r\n );\r\n }\r\n\r\n async populateData() {\r\n const priceFormat = Intl.NumberFormat('ru-RU', {minimumFractionDigits: 2, maximumFractionDigits: 2})\r\n const numberFormat = Intl.NumberFormat('ru-RU')\r\n const crop_list = this.props.crop_list\r\n const data = this.props.data\r\n const onCropChange = () => (value) => {\r\n this.props.setCrop(value.value)\r\n set(data[0], 'cropId', value.value);\r\n }\r\n const cur_year = new Date().getFullYear()\r\n\r\n const year_list = [\r\n {label: cur_year, value: cur_year},\r\n {label: cur_year + 1, value: cur_year + 1},\r\n {label: cur_year + 2, value: cur_year + 2},\r\n {label: cur_year + 3, value: cur_year + 3},\r\n {label: cur_year + 4, value: cur_year + 4},\r\n {label: cur_year + 5, value: cur_year + 5},\r\n ]\r\n\r\n const onYieldPlanChange = () => (value1) => {\r\n let value = Number(value1.replace(/\\s/g, \"\").replace(',', '.'))\r\n this.props.setYieldPlan(value)\r\n set(data[0], 'yield_plan', value);\r\n }\r\n\r\n const onYieldPriceChange = () => (value1) => {\r\n let value = Number(value1.replace(/\\s/g, \"\").replace(',', '.'))\r\n this.props.setYieldPrice(value)\r\n set(data[0], 'yield_price', value);\r\n }\r\n\r\n const onYieldYearChange = () => (value) => {\r\n this.props.setYieldYear(value.value)\r\n set(data[0], 'yield_year', value.value);\r\n }\r\n\r\n const DropdownIndicator = (props: DropdownIndicatorProps\r\n
\r\n );\r\n },\r\n id: 'yield_plan',\r\n\r\n }, {\r\n title: 'Год урожая',\r\n value: (row, {focus}) => {\r\n return (\r\n \r\n
\r\n );\r\n },\r\n id: 'yield_price',\r\n }\r\n ];\r\n\r\n this.setState({columns: columns, data: data});\r\n }\r\n\r\n}\r\n","/* eslint-disable */\r\nimport React, {Component} from 'react';\r\nimport authService from \"../api-authorization/AuthorizeService\";\r\nimport Select, {components, DropdownIndicatorProps} from 'react-select';\r\nimport {FieldsTable} from \"./FieldsTable\";\r\nimport {Button, Col, Form, Modal} from \"react-bootstrap\";\r\nimport Row from 'react-bootstrap/Row';\r\nimport {PredecessorTable} from \"./PredecessorTable\";\r\nimport {CalculatingElementsTable} from \"./CalculatingElementsTable\";\r\nimport {FertilizersTable} from \"./FertilizersTable\";\r\nimport {FertilizersCalculationTables} from \"./FertilizersCalculationTables\";\r\nimport {LimingTable} from \"./LimingTable\";\r\nimport FieldInfoBar from \"./FieldInfoBar\";\r\nimport DataTable from \"react-data-table-component\";\r\nimport {CropDataTable} from \"./CropDataTable\";\r\nimport arrow_down from '../../assets/icons/dark_arrow_down.png';\r\nimport arrow_up from '../../assets/icons/dark_arrow_up.png';\r\nimport {Typography} from \"@material-ui/core\";\r\nimport {Collapse} from 'react-collapse';\r\nimport search from \"../../assets/icons/search.png\";\r\n\r\nexport class SelectField extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n fields_name: [],\r\n fields: [],\r\n selected_field: [],\r\n fieldId: \"\",\r\n cropId: \"\",\r\n yield_plan: 0,\r\n yield_year: new Date().getFullYear(),\r\n usePredecessor: true,\r\n fieldChange: false,\r\n fertilizerChange: false,\r\n predecessorChange: false,\r\n calculationsChange: false,\r\n soils: [],\r\n soil_list: [],\r\n crops: [],\r\n crop_list: [],\r\n fertilizers: [],\r\n fertilizer_organic_list: [],\r\n mineralCoef: [],\r\n calculation_data: [],\r\n parent_report: [],\r\n calculateMessage: [],\r\n calculatedField: [],\r\n saveModalShow: false,\r\n fertilizerModalShow: false,\r\n report_name: '',\r\n report_info: {date_create: \"\", date_change: \"\", need_to_recalc: false},\r\n saveMessage: '',\r\n dose: [],\r\n fertilizer_calculation_data: {liming: [], feed: [], main: [], pre_sowing: [], balance: []},\r\n isLimingOpen: false,\r\n updateFertilizerlist: false,\r\n isLimingChange: false,\r\n mineralFertilizer: [],\r\n fertilizerCalculationChange: false,\r\n fertilizerCalculationsOpen: false,\r\n recalcIsVisible: true,\r\n fertilizer_limit: [0, 0, 0, 0, 0, 0],\r\n liming_sum_price: 0,\r\n liming_sum_dose: 0,\r\n fertilizer_sum_price: 0,\r\n soilGroup: [],\r\n limit_yield: {value: 0, element: \"\"},\r\n is_element_active: {n: true, p2O5: true, k2O: true, s: true, caO: true, mg: true},\r\n A: [],\r\n c: [],\r\n yield_price: 0,\r\n coefP: 3,\r\n other_price: {seeds: 0, szr: 0, yield: 0, input: 0},\r\n notes: '',\r\n changed_fertilizers_rows: [],\r\n expand: {\r\n regions: false,\r\n fertilizers: false,\r\n predecessor: false,\r\n liming: false,\r\n calculations: true,\r\n other: false\r\n },\r\n not_calculate_fertilizers_list: new Set(),\r\n prev_year: '',\r\n organic_sum_price: 0,\r\n useInputPrice: {fertilizers_calc: false, liming: false, organic: false},\r\n default_report_name: '',\r\n isNext: false,\r\n report_loading: false\r\n }\r\n this.handleChangeField = this.handleChangeField.bind(this);\r\n this.handleChangeFertilizer = this.handleChangeFertilizer.bind(this);\r\n this.handleChangePredecessorTable = this.handleChangePredecessorTable.bind(this);\r\n this.calculate = this.calculate.bind(this)\r\n this.saveAsCalculation = this.saveAsCalculation.bind(this)\r\n this.saveCalculation = this.saveCalculation.bind(this)\r\n this.SaveModal = this.SaveModal.bind(this)\r\n this.ChooseFertilizerModal = this.ChooseFertilizerModal.bind(this)\r\n this.calculate_main = this.calculate_main.bind(this)\r\n this.limingChange = this.limingChange.bind(this)\r\n this.fertilizerCalculationsInit = this.fertilizerCalculationsInit.bind(this)\r\n this.calculateLimit = this.calculateLimit.bind(this)\r\n this.handleChangeActiveElement = this.handleChangeActiveElement.bind(this)\r\n this.recalculate_A = this.recalculate_A.bind(this)\r\n this.calcNextYear = this.calcNextYear.bind(this)\r\n this.RecalcReport = this.RecalcReport.bind(this)\r\n this.syncStock = this.syncStock.bind(this)\r\n this.getResidue = this.getResidue.bind(this)\r\n }\r\n\r\n componentDidMount() {\r\n this.populateFieldsData();\r\n }\r\n\r\n async getResidue(field_id) {\r\n if (!this.isNext) {\r\n try {\r\n const response = await fetch('api/cropResidue/getFromCropwise', {\r\n method: 'POST',\r\n headers: !this.props.token\r\n ? { 'Content-Type': 'application/json' }\r\n : {\r\n 'Authorization': `Bearer ${this.props.token}`,\r\n 'Content-Type': 'application/json',\r\n },\r\n body: JSON.stringify({ field_id: field_id, year: this.state.yield_year }),\r\n });\r\n if (response.ok) {\r\n const data = await response.json();\r\n if (data.crop !== 0) {\r\n this.state.selected_field[0].regions.map((r) => {\r\n r.residue.cropId = data.crop\r\n })\r\n if (data.yield !== 0) {\r\n this.state.selected_field[0].regions.map((r) => {\r\n r.residue.yield = Math.round(data.yield*10)/10\r\n this.state.predecessorChange = !this.state.predecessorChange\r\n })\r\n }\r\n this.handleChangePredecessorTable()\r\n \r\n }\r\n } else {\r\n\r\n console.error('Ошибка! HTTP статус:', response.status);\r\n }\r\n } catch (error) {\r\n console.error('Ошибка при выполнении запроса:', error);\r\n }\r\n }\r\n }\r\n\r\n componentDidUpdate(prevProps, prevState, snapshot) {\r\n if (this.state.fieldId !== prevState.fieldId) {\r\n // eslint-disable-next-line array-callback-return\r\n this.state.fields.map((field) => {\r\n if (field.id === this.state.fieldId) {\r\n this.setState({selected_field: [field]})\r\n }\r\n }\r\n );\r\n }\r\n if (this.state.selected_field !== prevState.selected_field && !this.props.report_id) {\r\n this.setState({\r\n calculationChange: !this.state.calculationChange,\r\n predecessorChange: !this.state.predecessorChange,\r\n fertilizerChange: !this.state.fertilizerChange,\r\n fieldChange: !this.state.fieldChange,\r\n isLimingChange: !this.state.isLimingChange,\r\n isLimingOpen: false,\r\n fertilizerCalculationsOpen: false\r\n });\r\n let data = [];\r\n // eslint-disable-next-line array-callback-return\r\n this.state.selected_field[0].regions.map((region) => {\r\n data.push({\r\n name: region.name,\r\n regionId: region.id,\r\n element: {n: 0, p2O5: 0, k2O: 0, s: 0, caO: 0, mg: 0}\r\n })\r\n });\r\n this.setState({\r\n calculation_data: data,\r\n calculated_field: [{expand: true, element: {n: 0, p2O5: 0, k2O: 0, s: 0, caO: 0, mg: 0}}]\r\n }, () => {\r\n const field_element = this.state.calculated_field[0].element;\r\n const area = this.state.selected_field[0].area;\r\n this.setState({\r\n dose: [{\r\n expand: true,\r\n element: {\r\n n: Math.round(field_element.n / area * 10) / 10,\r\n p2O5: Math.round(field_element.p2O5 / area * 10) / 10,\r\n k2O: Math.round(field_element.k2O / area * 10) / 10,\r\n s: Math.round(field_element.s / area * 10) / 10,\r\n caO: Math.round(field_element.caO / area * 10) / 10,\r\n mg: Math.round(field_element.mg / area * 10) / 10,\r\n }\r\n }]\r\n })\r\n this.calculateLimit()\r\n })\r\n this.limingChange(true)\r\n }\r\n if (this.state.calculation_data !== prevState.calculation_data) {\r\n this.setState({calculationChange: !this.state.calculationChange})\r\n }\r\n if (this.props.report_id !== prevProps.report_id) {\r\n window.location.reload();\r\n }\r\n if (this.state.dose !== prevState.dose) {\r\n // eslint-disable-next-line react/no-direct-mutation-state\r\n this.state.fertilizer_calculation_data.balance = this.state.dose\r\n this.setState({fertilizerCalculationChange: !this.state.fertilizerCalculationChange})\r\n }\r\n if (this.state.fertilizerCalculationsOpen !== prevState.fertilizerCalculationsOpen && !this.props.report_id) {\r\n this.fertilizerCalculationsInit()\r\n }\r\n if (this.state.fertilizer_limit !== prevState.fertilizer_limit) {\r\n this.calculateLimit()\r\n }\r\n }\r\n\r\n handleChangeActiveElement(el) {\r\n // eslint-disable-next-line react/no-direct-mutation-state\r\n this.state.is_element_active[el] = !this.state.is_element_active[el]\r\n this.setState({\r\n calculationChange: !this.state.calculationChange,\r\n fertilizerCalculationChange: !this.state.fertilizerCalculationChange\r\n })\r\n }\r\n\r\n limingChange(changeField = false) {\r\n if (this.state.fertilizer_calculation_data.liming.length === 0 || changeField || this.state.fertilizer_calculation_data.liming.length !== this.state.selected_field[0].regions.length) {\r\n let liming = []\r\n this.state.selected_field[0].regions.map((region) => liming.push({\r\n id: region.id,\r\n name: region.name,\r\n soilId: region.soilId,\r\n soil: this.state.soils.find((f) => f.id === region.soilId).name,\r\n humus: region.humus,\r\n pH: region.pH,\r\n dose: 0,\r\n area: region.area,\r\n fertilizer_dose: 0,\r\n fertilizer_id: null,\r\n intro_price: 0\r\n }))\r\n this.state.fertilizer_calculation_data.liming = liming\r\n } else {\r\n this.state.selected_field[0].regions.map((region, i) => {\r\n this.state.fertilizer_calculation_data.liming[i].id = region.id\r\n this.state.fertilizer_calculation_data.liming[i].name = region.name\r\n this.state.fertilizer_calculation_data.liming[i].soilId = region.soilId\r\n this.state.fertilizer_calculation_data.liming[i].soil = this.state.soils.find((f) => f.id === region.soilId).name\r\n this.state.fertilizer_calculation_data.liming[i].humus = region.humus\r\n this.state.fertilizer_calculation_data.liming[i].pH = region.pH\r\n this.state.fertilizer_calculation_data.liming[i].area = region.area\r\n\r\n })\r\n }\r\n this.setState({isLimingChange: !this.state.isLimingChange})\r\n // this.state.fertilizer_calculation_data.liming.length===0?\r\n // this.state.fertilizer_calculation_data.liming =\r\n //\r\n }\r\n\r\n fertilizerCalculationsInit() {\r\n this.state.fertilizer_calculation_data.balance = [{\r\n price: 0,\r\n input_price: 0,\r\n element: this.state.dose[0] ? this.state.dose[0].element\r\n : {n: 0, p2O5: 0, k2O: 0, s: 0, mg: 0, caO: 0}\r\n }]\r\n this.state.fertilizer_calculation_data.main = [{\r\n id: 0,\r\n price: 0,\r\n input_price: 0,\r\n fertilizerId: 0,\r\n fertilizer_count: 0,\r\n element: {n: 0, p2O5: 0, k2O: 0, s: 0, caO: 0, mg: 0},\r\n }]\r\n this.state.fertilizer_calculation_data.pre_sowing = [{\r\n input_price: 0,\r\n id: 0,\r\n price: 0,\r\n fertilizerId: 0,\r\n fertilizer_count: 0,\r\n element: {n: 0, p2O5: 0, k2O: 0, s: 0, caO: 0, mg: 0},\r\n }]\r\n this.state.fertilizer_calculation_data.feed = [{\r\n id: 0,\r\n input_price: 0,\r\n price: 0,\r\n fertilizerId: 0,\r\n fertilizer_count: 0,\r\n element: {n: 0, p2O5: 0, k2O: 0, s: 0, caO: 0, mg: 0},\r\n }]\r\n this.setState({fertilizerCalculationChange: !this.state.fertilizerCalculationChange})\r\n }\r\n\r\n handleChangeField() {\r\n this.limingChange()\r\n this.setState({\r\n predecessorChange: !this.state.predecessorChange,\r\n isLimingChange: !this.state.isLimingChange,\r\n fertilizerChange: !this.state.fertilizerChange,\r\n calculationChange: !this.state.calculationChange,\r\n })\r\n this.calculate(false, this.state.yield_plan)\r\n }\r\n\r\n handleChangeFertilizer() {\r\n this.limingChange()\r\n this.setState({\r\n predecessorChange: !this.state.predecessorChange,\r\n isLimingChange: !this.state.isLimingChange,\r\n fieldChange: !this.state.fieldChange,\r\n calculationChange: !this.state.calculationChange,\r\n }, () => {\r\n this.calculate(false, this.state.yield_plan)\r\n });\r\n }\r\n\r\n handleChangePredecessorTable(change) {\r\n this.limingChange()\r\n this.setState({\r\n fieldChange: !this.state.fieldChange,\r\n fertilizerChange: !this.state.fertilizerChange,\r\n calculationChange: this.state.calculationChange,\r\n isLimingChange: !this.state.isLimingChange,\r\n }, () => this.calculate(false, this.state.yield_plan))\r\n if (change) {\r\n this.setState({predecessorChange: !this.state.predecessorChange})\r\n }\r\n }\r\n\r\n async saveAsCalculation() {\r\n this.setState({default_report_name: document.getElementById(\"region_name_input\").value}, () => {\r\n this.setState({saveMessage: this.state.default_report_name === \"\" ? \"Введите название отчета\" : \"\"})\r\n const fertilizer_sum_price = ((this.state.isLimingOpen ? this.state.liming_sum_price : 0) + this.state.fertilizer_sum_price + this.state.organic_sum_price)\r\n const yield_sum_price = (this.state.yield_price * this.state.yield_plan * (this.state.selected_field.length !== 0 ? this.state.selected_field[0].area : 0) / 10)\r\n let main = this.state.fertilizer_calculation_data.main\r\n this.state.changed_fertilizers_rows.map((r) => {\r\n if (r.visible) {\r\n main.push({\r\n id: r.id.replaceAll('n', ''),\r\n fertilizerId: r.fertilizerId,\r\n fertilizer: r.fertilizer,\r\n fertilizer_count: r.fertilizer_count,\r\n price: r.price,\r\n element: r.element,\r\n input_price: r.input_price,\r\n })\r\n }\r\n })\r\n let use_fertilizer_list = []\r\n this.state.mineralFertilizer.map((fertilizer) => {\r\n if (fertilizer.inUse)\r\n use_fertilizer_list.push({id: 0, fertilizer_Id: fertilizer.id, calculationId: 0})\r\n })\r\n let calculation = {\r\n \"id\": 0,\r\n 'prevCalcId': (this.state.prev_year !== null && this.state.prev_year.length !== 0) ? this.state.prev_year : null,\r\n \"name\": this.state.default_report_name,\r\n \"field\": this.state.selected_field[0],\r\n \"fieldId\": 0,\r\n \"yield\": this.state.yield_plan,\r\n \"cropId\": this.state.cropId,\r\n \"sumElements\": this.state.calculated_field[0].element,\r\n \"sumElementArea\": this.state.dose[0].element,\r\n \"crop\": this.state.crops.find((f) => {\r\n return f.id === this.state.cropId;\r\n }),\r\n \"usePredecessor\": true,\r\n \"calculations\": [],\r\n 'use_fertilizer_list': use_fertilizer_list,\r\n 'yield_price': this.state.yield_price,\r\n 'yield_year': this.state.yield_year,\r\n 'fertilizer_sum_price': fertilizer_sum_price,\r\n 'yield_sum_price': yield_sum_price,\r\n 'isLimingOpen': this.state.isLimingOpen,\r\n 'coefP': this.state.coefP,\r\n 'liming_sum_price': this.state.liming_sum_price,\r\n 'liming_sum_dose': this.state.liming_sum_dose,\r\n 'is_element_active': this.state.is_element_active,\r\n 'main_rows': main,\r\n 'pre_sowing_rows': this.state.fertilizer_calculation_data.pre_sowing,\r\n 'feed_rows': this.state.fertilizer_calculation_data.feed,\r\n 'notes': this.state.notes,\r\n 'other_price': this.state.other_price,\r\n\r\n }\r\n this.state.calculation_data.map((region, i) => {\r\n calculation.calculations.push({\r\n \"id\": 0,\r\n \"calculationId\": 0,\r\n \"elements\": region.element,\r\n \"regionId\": region.regionId,\r\n 'liming_dose': this.state.fertilizer_calculation_data.liming[i].dose,\r\n 'liming_fertilizer_dose': this.state.fertilizer_calculation_data.liming[i].fertilizer_dose,\r\n 'liming_fertilizerId': this.state.fertilizer_calculation_data.liming[i].fertilizer_id,\r\n 'liming_input_price': this.state.fertilizer_calculation_data.liming[i].intro_price\r\n })\r\n })\r\n fetch('api/calculation', {\r\n method: 'POST',\r\n headers: !this.props.token ? {} : {\r\n 'Authorization': `Bearer ${this.props.token}`,\r\n 'Content-Type': 'application/json'\r\n },\r\n body: JSON.stringify(calculation)\r\n }).then((response) => {\r\n if (response.ok) {\r\n window.location.assign('/reports');\r\n } else {\r\n this.setState({saveMessage: \"Ошибка\"})\r\n }\r\n })\r\n })\r\n\r\n }\r\n\r\n async saveCalculation() {\r\n let main = this.state.fertilizer_calculation_data.main\r\n this.state.changed_fertilizers_rows.map((r) => {\r\n if (r.visible) {\r\n main.push({\r\n id: r.id.replaceAll('n', ''),\r\n fertilizerId: r.fertilizerId,\r\n fertilizer: r.fertilizer,\r\n fertilizer_count: r.fertilizer_count,\r\n price: r.price,\r\n element: r.element,\r\n input_price: r.input_price,\r\n })\r\n }\r\n })\r\n let use_fertilizer_list = []\r\n this.state.mineralFertilizer.map((fertilizer) => {\r\n if (fertilizer.inUse)\r\n use_fertilizer_list.push({id: 0, fertilizer_Id: fertilizer.id, calculationId: 0})\r\n })\r\n const fertilizer_sum_price = ((this.state.isLimingOpen ? this.state.liming_sum_price : 0) + this.state.fertilizer_sum_price + this.state.organic_sum_price)\r\n const yield_sum_price = (this.state.yield_price * this.state.yield_plan * (this.state.selected_field.length !== 0 ? this.state.selected_field[0].area : 0) / 10)\r\n let calculation = {\r\n \"id\": 0,\r\n \"name\": this.state.report_name,\r\n 'prevCalcId': this.state.prev_year,\r\n \"field\": this.state.selected_field[0],\r\n \"fieldId\": 0,\r\n \"yield\": this.state.yield_plan,\r\n \"cropId\": this.state.cropId,\r\n \"sumElements\": this.state.calculated_field[0].element,\r\n \"sumElementArea\": this.state.dose[0].element,\r\n \"crop\": this.state.crops.find((f) => {\r\n return f.id === this.state.cropId;\r\n }),\r\n \"usePredecessor\": true,\r\n \"calculations\": [],\r\n 'yield_price': this.state.yield_price,\r\n 'use_fertilizer_list': use_fertilizer_list,\r\n 'yield_year': this.state.yield_year,\r\n 'fertilizer_sum_price': fertilizer_sum_price,\r\n 'yield_sum_price': yield_sum_price,\r\n 'isLimingOpen': this.state.isLimingOpen,\r\n 'coefP': this.state.coefP,\r\n 'liming_sum_price': this.state.liming_sum_price,\r\n 'liming_sum_dose': this.state.liming_sum_dose,\r\n 'is_element_active': this.state.is_element_active,\r\n 'main_rows': main,\r\n 'pre_sowing_rows': this.state.fertilizer_calculation_data.pre_sowing,\r\n 'feed_rows': this.state.fertilizer_calculation_data.feed,\r\n 'notes': this.state.notes,\r\n 'other_price': this.state.other_price,\r\n }\r\n this.state.calculation_data.map((region, i) => {\r\n calculation.calculations.push({\r\n \"id\": 0,\r\n \"calculationId\": 0,\r\n \"elements\": region.element,\r\n \"regionId\": region.regionId,\r\n 'liming_dose': this.state.fertilizer_calculation_data.liming[i].dose,\r\n 'liming_fertilizer_dose': this.state.fertilizer_calculation_data.liming[i].fertilizer_dose,\r\n 'liming_fertilizerId': this.state.fertilizer_calculation_data.liming[i].fertilizer_id,\r\n 'liming_input_price': this.state.fertilizer_calculation_data.liming[i].intro_price\r\n })\r\n })\r\n fetch('api/calculation?id=' + this.props.report_id, {\r\n method: 'PUT',\r\n headers: !this.props.token ? {} : {\r\n 'Authorization': `Bearer ${this.props.token}`,\r\n 'Content-Type': 'application/json'\r\n },\r\n body: JSON.stringify(calculation)\r\n }).then((response) => {\r\n if (response.ok) {\r\n window.location.assign('/reports');\r\n } else {\r\n this.setState({saveMessage: \"Ошибка\"})\r\n }\r\n })\r\n }\r\n\r\n calculate(limit, yield_plan) {\r\n try {\r\n if (!this.state.selected_field[0]) {\r\n this.setState({calculateMessage: 3})\r\n return false\r\n }\r\n if (!this.state.cropId) {\r\n this.setState({calculateMessage: 2})\r\n return false\r\n }\r\n let newData = []\r\n let vinos = this.multiplyScalar(this.getData(this.state.crops.find((f) => {\r\n return f.id === this.state.cropId;\r\n }).nutrient), yield_plan)\r\n let twoYearMineralCoef = this.getData(this.state.mineralCoef.find((f) => {\r\n return f.year === \"2\";\r\n }).coef)\r\n let cropCoefSoil = this.getData(this.state.crops.find((f) => {\r\n return f.id === this.state.cropId;\r\n }).coefSoil)\r\n let cropCoefFertilizer = this.getData(this.state.crops.find((f) => {\r\n return f.id === this.state.cropId;\r\n }).coefFertilizer)\r\n let cropBobCoef = this.state.crops.find((f) => {\r\n return f.id === this.state.cropId;\r\n }).coefBob\r\n this.state.selected_field[0].regions.map((region) => {\r\n let cropResidue = this.state.crops.find((f) => {\r\n return f.id === region.residue.cropId;\r\n })\r\n let cropYieldResidue = cropResidue.cropGroup.cropResidues.sort(function (a, b) {\r\n if (a.yield > b.yield) {\r\n return -1;\r\n }\r\n if (a.yield < b.yield) {\r\n return 1;\r\n }\r\n return 0;\r\n })\r\n let residueCoef = cropYieldResidue[0]\r\n let factYield = region.residue.yield\r\n cropYieldResidue.map((r) => {\r\n if (factYield <= r.yield) {\r\n residueCoef = r\r\n }\r\n })\r\n let need\r\n let fromSoil\r\n if (this.state.usePredecessor) {\r\n let twoYearMineral = this.multiplyVector(this.getData(region.residue.mineralElement), twoYearMineralCoef)\r\n let temp = this.minusVector(vinos, twoYearMineral)\r\n if (region.residue.fertilizerOrganic) {\r\n let organicCount = this.multiplyScalar(this.getData(region.residue.fertilizerOrganic.consuming2), region.residue.fertilizerCount)\r\n need = this.minusVector(temp, organicCount)\r\n } else {\r\n need = temp\r\n }\r\n let residue = this.multiplyScalar(this.getData(residueCoef.residueElement), factYield)\r\n fromSoil = this.multiplyVector(this.plusVector(this.getData(region.element), residue), cropCoefSoil)\r\n } else {\r\n need = vinos\r\n fromSoil = this.multiplyVector(this.getData(region.element), cropCoefSoil)\r\n }\r\n let needFull\r\n needFull = this.minusVector(need, fromSoil)\r\n if (region.fertilizerOrganic) {\r\n let OY = this.multiplyScalar(this.getData(region.fertilizerOrganic.consuming1), region.fertilizerCount)\r\n needFull = this.minusVector(needFull, OY)\r\n }\r\n let ph = region.pH\r\n needFull[1] = needFull[1] * this.phCoefP2O5(ph)\r\n needFull[2] = needFull[2] * this.phCoefK2O(ph)\r\n let needFertilizer = this.multiplyVector(this.diffVector(needFull, cropCoefFertilizer), this.getData(region.soil.coef))\r\n needFertilizer[0] = needFertilizer[0] * cropBobCoef\r\n if (this.state.isLimingOpen && this.state.fertilizer_calculation_data.liming.length > 0) {\r\n let fertilizerLiming = this.state.fertilizer_calculation_data.liming.find((r) => r.id == region.id)\r\n let fertilizerMineral = this.state.mineralFertilizer.find(r => r.id == fertilizerLiming.fertilizer_id)\r\n let fertilizerMineralOut = this.multiplyScalar(this.getData(fertilizerMineral.element), 1000 * fertilizerLiming.fertilizer_dose)\r\n needFertilizer = this.minusVector(needFertilizer, fertilizerMineralOut)\r\n\r\n }\r\n newData.push(needFertilizer)\r\n })\r\n\r\n let regions_area = [];\r\n\r\n let data = [];\r\n this.state.selected_field[0].regions.map((region, i) => {\r\n regions_area.push(Number(region.area));\r\n data.push({\r\n regionId: region.id,\r\n name: region.name, element: {\r\n n: Math.round(newData[i][0]),\r\n p2O5: Math.round(newData[i][1]),\r\n k2O: Math.round(newData[i][2]),\r\n s: Math.round(newData[i][3]),\r\n caO: Math.round(newData[i][4]),\r\n mg: Math.round(newData[i][5]),\r\n }\r\n })\r\n });\r\n let sum = [0, 0, 0, 0, 0, 0];\r\n if (true) {\r\n newData.map((row, j) => {\r\n sum.map((el, i) => {\r\n sum[i] += Math.round((row[i] > 0 ? row[i] : 0)) * regions_area[j];\r\n })\r\n })\r\n } else {\r\n newData.map((row, j) => {\r\n sum.map((el, i) => {\r\n sum[i] += Math.round(row[i]) * regions_area[j];\r\n })\r\n })\r\n }\r\n const field_row = [{\r\n expand: true,\r\n element: {n: sum[0], p2O5: sum[1], k2O: sum[2], s: sum[3], caO: sum[4], mg: sum[5]}\r\n }];\r\n const area = this.state.selected_field[0].area;\r\n const balance = [\r\n (Math.round(sum[0] / area * 10) / 10).toFixed(1),\r\n (Math.round(sum[1] / area * 10) / 10).toFixed(1),\r\n (Math.round(sum[2] / area * 10) / 10).toFixed(1),\r\n (Math.round(sum[3] / area * 10) / 10).toFixed(1),\r\n (Math.round(sum[4] / area * 10) / 10).toFixed(1),\r\n (Math.round(sum[5] / area * 10) / 10).toFixed(1)\r\n ]\r\n if (!limit) {\r\n this.setState({\r\n calculation_data: data,\r\n calculated_field: field_row,\r\n calculateMessage: 0,\r\n fertilizerCalculationsOpen: true\r\n }, () => {\r\n const field_element = this.state.calculated_field[0].element;\r\n this.setState({\r\n dose: [{\r\n expand: true,\r\n element: {\r\n n: (Math.round(field_element.n / area * 10) / 10).toFixed(1),\r\n p2O5: (Math.round(field_element.p2O5 / area * 10) / 10).toFixed(1),\r\n k2O: (Math.round(field_element.k2O / area * 10) / 10).toFixed(1),\r\n s: (Math.round(field_element.s / area * 10) / 10).toFixed(1),\r\n caO: (Math.round(field_element.caO / area * 10) / 10).toFixed(1),\r\n mg: (Math.round(field_element.mg / area * 10) / 10).toFixed(1),\r\n }\r\n }]\r\n })\r\n })\r\n }\r\n return balance\r\n\r\n } catch {\r\n this.setState({calculateMessage: 1})\r\n return false\r\n }\r\n }\r\n\r\n getData(data) {\r\n let newData = []\r\n Object.keys(data).map((currentKey) => {\r\n newData.push(data[currentKey])\r\n })\r\n return newData;\r\n }\r\n\r\n multiplyVector(A, B) {\r\n let newData = []\r\n for (let i = 0; i < A.length; i++) {\r\n newData.push(parseFloat(A[i]) * parseFloat(B[i]))\r\n }\r\n return newData\r\n }\r\n\r\n minusVector(A, B) {\r\n let newData = []\r\n for (let i = 0; i < A.length; i++) {\r\n newData.push(parseFloat(A[i]) - parseFloat(B[i]))\r\n }\r\n return newData\r\n }\r\n\r\n diffVector(A, B) {\r\n let newData = []\r\n for (let i = 0; i < A.length; i++) {\r\n newData.push(parseFloat(A[i]) / parseFloat(B[i]))\r\n }\r\n return newData\r\n }\r\n\r\n plusVector(A, B) {\r\n let newData = []\r\n for (let i = 0; i < A.length; i++) {\r\n newData.push(parseFloat(A[i]) + parseFloat(B[i]))\r\n }\r\n return newData\r\n }\r\n\r\n multiplyScalar(A, B) {\r\n let newData = []\r\n A.map((a) => {\r\n newData.push(parseFloat(a) * parseFloat(B))\r\n })\r\n return newData\r\n }\r\n\r\n phCoefP2O5(ph) {\r\n let coef\r\n if (ph < 5) {\r\n coef = 1.2\r\n } else if (ph >= 5 && ph <= 5.5) {\r\n coef = (-ph * 0.4) + 3.2\r\n } else if (ph > 5.5) {\r\n coef = 1\r\n }\r\n return coef\r\n }\r\n\r\n phCoefK2O(ph) {\r\n let coef\r\n if (ph < 5.6) {\r\n coef = 1.2\r\n } else if (ph >= 5.6 && ph <= 6.0) {\r\n coef = (-ph * 0.5) + 4\r\n } else if (ph > 6.0) {\r\n coef = 1\r\n }\r\n return coef\r\n }\r\n\r\n SaveModal(props) {\r\n return (\r\n {this.state.saveMessage}
\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n this.filterFertilizerList(e.target.value)}\r\n className='search-input'/>\r\n \r\n
\r\n \r\n }\r\n customStyles={{\r\n rows: {\r\n style: {\r\n height: '0',\r\n }\r\n },\r\n head: {\r\n style: {\r\n height: '73px!important',\r\n fontWeight: '500',\r\n fontSize: '20px',\r\n borderBottom: '0.5px solid #ABB3D1 !important'\r\n }\r\n },\r\n headRow: {\r\n style: {}\r\n }\r\n }}\r\n />\r\n !fertilizer.hide)}\r\n columns={columns}\r\n noTableHead={true}\r\n key={this.state.updateFertilizerlist}\r\n noDataComponent='Удобрения не найдены'\r\n customStyles={{\r\n table: {\r\n style: {\r\n maxHeight: '450px',\r\n overflowY: 'scroll'\r\n }\r\n },\r\n rows: {\r\n style: {\r\n height: '65px!important',\r\n fontSize: '16px',\r\n border: '0 !important',\r\n borderTop: '0.5px solid #ABB3D1 !important'\r\n }\r\n },\r\n }}\r\n />\r\n
\r\n \r\n Расчет на предыдущий год был изменен.\r\n Необходимо обновить этот расчет с учетом изменений!\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n this.setState({notes: e.target.value})}> \r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default Calculations;","import React from 'react'\r\n\r\n\r\nexport default function WarnTooltip(props) {\r\n return \r\n Предыдущий расчет был изменен. Необходимо пересчитать этот расчет!\r\n
;\r\n}\r\n","import React, {useState} from 'react'\r\nimport {Col, Row} from \"react-bootstrap\"\r\nimport Xarrow from \"react-xarrows\"\r\nimport del from \"../../assets/icons/del.png\"\r\nimport edit from \"../../assets/icons/edit.png\"\r\nimport warn from \"../../assets/icons/warn.png\"\r\nimport WarnTooltip from \"./WarnTooltip\";\r\nimport Modal from \"react-bootstrap/Modal\";\r\n\r\nexport default function Card(props) {\r\n\r\n function handleClickOpen() {\r\n window.location.assign('/calculations?id=' + props.data.id)\r\n }\r\n\r\n const numberFormat = new Intl.NumberFormat('ru-RU')\r\n const priceFormat = new Intl.NumberFormat('ru-RU', {maximumFractionDigits: 2, minimumFractionDigits: 2})\r\n const [askDelModalShow, setAskDelModalShow] = useState('')\r\n\r\n function formatCell(value, price = false) {\r\n return value ? (price ? priceFormat : numberFormat).format(value.toString().replace(',', '.')).replace(',', '.') : 0\r\n }\r\n\r\n async function handleClickDelete() {\r\n fetch('api/calculation?id=' + props.data.id, {\r\n method: 'DELETE',\r\n headers: !props.token ? {} : {'Authorization': `Bearer ${props.token}`}\r\n }).then((response) => {\r\n if (response.ok) {\r\n props.deleteData()\r\n }\r\n });\r\n setAskDelModalShow(false)\r\n }\r\n\r\n function askDelModal() {\r\n return (\r\n \r\n {askDelModal(askDelModalShow)}\r\n {props.prev ?\r\n \r\n
\r\n
;\r\n}\r\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHqSURBVHgBrZRBTuswEIZn7FA9vVVXT6oei3ACyg4hqpobwAmAEwAnQNwATgCcoHACIhUhdpQT4AWoglVWCLXJmBk3tUoaCEjMJiPH8814/I8BftmwbsPj2lpba90mgNTluV28uRn8GPhgTPMv0R67+w6gWfpt0bmExuOj1u2trQUO19eNUqrnQRKIeM+ASVWIMQdssxcLOHfu4H+/f/Ep8KnT2dSIPV5MM+d2y5tD0k5nBxEPBeyINlrX18kccGhMjERX4rvRaKPqOB+gvF8R3Yn/qtTSUpKk4qvpBuXcJKNzc7154YsZrq7Gs2utJLFyCmnNH6L9wJk6DDL8sa1+/6xcDUXRKTYaV+V13xLuM0P2PgBFGr46gHOoMsQmfGZ8aVLlozHtAESt46JMCz80VyhA57kHRgW1WRN1SfC1MSMNwDzPB1EUeZ1Vbs6yM5ZHWkkqYsZa2wIMIOMk2mMBd6ti5FJUo9Gr5E2EbheTZBCAPgjghLMZEXc5yCm1hVm2W14XgfMnllGcSTCxYn4fPHw0WvmOsKsGIVTolc6Z/AwvLJivYHKKYkpimefZ5KHC5273lCWww66VaakC8fwuc9K2tEZ6TkRbs3McgNNHAb5hHsT9flPqeDq/c8BwjBo9sngH/2oe2F+3dyfN8iim0+X1AAAAAElFTkSuQmCC\"","/* eslint-disable */\r\nimport React, {Component} from 'react'\r\nimport DataTable from 'react-data-table-component'\r\nimport authService from \"../api-authorization/AuthorizeService\"\r\nimport {Button, Col, Row} from \"react-bootstrap\"\r\nimport Card from \"./Card\"\r\nimport Modal from \"react-bootstrap/Modal\"\r\nimport arrow_up from \"../../assets/icons/dark_arrow_up.png\";\r\nimport arrow_down from \"../../assets/icons/dark_arrow_down.png\";\r\nimport {Collapse} from 'react-collapse';\r\n\r\nexport class ReportsTable extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n columns: [],\r\n data: [],\r\n report_calculations: [],\r\n years: [],\r\n field_data: [],\r\n field_columns: [],\r\n isModalShow: false,\r\n isNew: false,\r\n isOld: false\r\n }\r\n this.checkRowReport = this.checkRowReport.bind(this)\r\n this.getReport = this.getReport.bind(this)\r\n this.deleteData = this.deleteData.bind(this)\r\n this.ModalSaveReport = this.ModalSaveReport.bind(this)\r\n this.checkType = this.checkType.bind(this)\r\n }\r\n\r\n componentDidMount() {\r\n this.populateReportsData();\r\n }\r\n\r\n checkType(isNew) {\r\n this.setState({isNew: isNew ? !this.state.isNew : false, isOld: isNew ? false : !this.state.isOld}, () => {\r\n document.getElementById('New').checked = this.state.isNew\r\n document.getElementById('Old').checked = this.state.isOld\r\n })\r\n\r\n }\r\n\r\n\r\n ModalSaveReport() {\r\n return (\r\n \r\n \r\n {props.data.crop_name}
\r\n {props.data.yield} ц/га\r\n - {formatCell(props.data.yield * props.data.area / 10)} т/поле
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {formatCell(dif, true)} руб {income}\r\n
\r\n \r\n
\r\n \r\n Создан: {props.data.date_create}
\r\n Изменен: {props.data.date_change}
\r\n \r\n
\r\n\r\n\r\n
\r\n \r\n
)\r\n }\r\n function compare( a, b ) {\r\n if ( a.name[0] < b.name[0]){\r\n return -1;\r\n }\r\n if ( a.name[0] > b.name[0] ){\r\n return 1;\r\n }\r\n return 0;\r\n }\r\n this.state.field_data.sort(compare)\r\n return (\r\n <>\r\n \r\n \r\n \r\n {inner_table({data: field.data, cols: field.cols})}\r\n \r\n
\r\n )\r\n })}\r\n \r\n {/**/}\r\n \r\n
\r\n\r\n \r\n )\r\n ;\r\n }\r\n\r\n deleteData(id) {\r\n this.state.data.filter((row) => row.card_data.id !== id)\r\n this.populateReportsData(id)\r\n }\r\n\r\n get_trees(data) {\r\n let calc_relations = [[]]\r\n let find = false\r\n function compare( a, b ) {\r\n if ( a.card_data.report_name < b.card_data.report_name){\r\n return -1;\r\n }\r\n if ( a.card_data.report_name > b.card_data.report_name ){\r\n return 1;\r\n }\r\n return 0;\r\n }\r\n data.sort(compare)\r\n data.map((row) => {\r\n if (row.prev_year && row.prev_year !== '') {\r\n find = false\r\n calc_relations.map((array) => {\r\n if (array.includes(row.prev_year)) {\r\n array.push(row.card_data.id)\r\n find = true\r\n } else if (array.includes(row.card_data.id)) {\r\n array.push(row.prev_year)\r\n find = true\r\n }\r\n })\r\n if (find === false)\r\n calc_relations.push([row.prev_year, row.card_data.id])\r\n } else {\r\n find = false\r\n calc_relations.map((array) => {\r\n if (array.includes(row.card_data.id))\r\n find = true\r\n })\r\n if (find === false)\r\n calc_relations.push([row.card_data.id])\r\n }\r\n }\r\n )\r\n calc_relations.reverse().pop().reverse()\r\n let tree_sets = []\r\n calc_relations.map((cur_array, i) => {\r\n find = false\r\n calc_relations.map((check_array) => {\r\n if (check_array !== cur_array) {\r\n find = cur_array.some((r) => check_array.includes(r))\r\n }\r\n if (find === true) {\r\n calc_relations[i] = cur_array.concat(check_array)\r\n calc_relations = calc_relations.filter((array) => array !== check_array && array !== cur_array)\r\n }\r\n })\r\n tree_sets.push(new Set(calc_relations[i]))\r\n })\r\n tree_sets = tree_sets.filter((set) => set.size !== 0)\r\n let trees = tree_sets.map(() => [])\r\n tree_sets.map(([...set], i) => {\r\n set.map((el) => {\r\n let refs\r\n refs = data.filter((row) => row.prev_year === el)\r\n refs = refs.map((row) => row.card_data.id)\r\n trees[i].push({el: el, refs: refs})\r\n })\r\n })\r\n return [trees, tree_sets]\r\n }\r\n\r\n find_ref(rows, cur_el, tree, cntr, i, last_el) {\r\n let ref_length = cur_el.refs.length\r\n if (ref_length !== 0) {\r\n if (cur_el.refs[cntr]) {\r\n if (ref_length > 1) {\r\n last_el.push({el: cur_el.el, cntr: cntr})\r\n }\r\n if (rows[i]) {\r\n rows[i].push(cur_el.refs[cntr])\r\n } else {\r\n rows.push([cur_el.refs[cntr]])\r\n }\r\n cur_el = tree.find(node => node.el === cur_el.refs[cntr])\r\n cntr = 0\r\n this.find_ref(rows, cur_el, tree, cntr, i, last_el)\r\n } else {\r\n last_el = last_el.filter((r) => r.el !== cur_el.el)\r\n if (last_el.length === 0) {\r\n return rows\r\n } else {\r\n cur_el = tree.find((node) => node.el === last_el.at(-1).el)\r\n cntr = last_el.at(-1).cntr + 1\r\n this.find_ref(rows, cur_el, tree, cntr, i, last_el)\r\n }\r\n }\r\n } else {\r\n if (last_el.length === 0) {\r\n return rows\r\n } else {\r\n cntr = last_el.at(-1).cntr + 1\r\n cur_el = tree.find((node) => node.el === last_el.at(-1).el)\r\n i++\r\n this.find_ref(rows, cur_el, tree, cntr, i, last_el)\r\n }\r\n }\r\n\r\n\r\n }\r\n\r\n async populateReportsData(id=-1) {\r\n const response_reports = await fetch('api/calculation/list', {\r\n headers: !this.props.token ? {} : {'Authorization': `Bearer ${this.props.token}`}\r\n })\r\n const reports_data = await response_reports.json()\r\n\r\n let data = []\r\n let field_names = []\r\n let field_data = []\r\n let cols = []\r\n let isExpand=false\r\n let trees\r\n let tree_sets\r\n let rows\r\n let tree_data\r\n let rows_data = []\r\n let years\r\n let one_field_data\r\n reports_data.map((report) => {\r\n let sum_other_price = 0\r\n for (let key in report.other_price) {\r\n sum_other_price = sum_other_price + report.other_price[key]\r\n }\r\n const other_price = report.other_price\r\n const yield_self_price = (Number(other_price.seeds) + Number(other_price.szr) + Number(other_price.yield) + Number(other_price.input)) * report.field.area + Number(report.fertilizer_sum_price)\r\n data.push({\r\n need_to_change: (report.colorState !== 0),\r\n prev_year: report.prevCalcId,\r\n field_name: report.field.name,\r\n area: report.field.area,\r\n year: report.yield_year,\r\n card_data: {\r\n report_name: report.name,\r\n area: report.field.area,\r\n crop_name: report.crop.name,\r\n yield: report.yield,\r\n date_create: new Date(report.dateCreate).toLocaleString().slice(0,-3),\r\n date_change: new Date(report.dateChange).toLocaleString().slice(0,-3),\r\n id: report.id,\r\n yield_price: report.yield_sum_price,\r\n yield_self_price: yield_self_price\r\n }\r\n })\r\n if (!field_names.find((row) => (row[0] === report.field.name && row[1] === report.field.area)))\r\n field_names.push([report.field.name, report.field.area])\r\n })\r\n\r\n years = new Set()\r\n data.map((row) => {\r\n years.add(row.year)\r\n })\r\n years = [...years].sort()\r\n field_names.forEach((field, i) => {\r\n one_field_data = data.filter(row => (row.field_name === field[0] && row.area === field[1]));\r\n [trees, tree_sets] = this.get_trees(one_field_data)\r\n trees.map((tree, i) => {\r\n tree_data = one_field_data.filter((row) => tree_sets[i].has(row.card_data.id))\r\n if (tree_data.length !== 1) {\r\n let root_el = []\r\n for (let year of years) {\r\n const row = tree_data.find((row) => row.year === year)\r\n if (tree_data.find((row) => row.year === year)) {\r\n root_el = tree.find((node) => node.el === row.card_data.id)\r\n break\r\n }\r\n }\r\n rows = [[root_el.el]]\r\n if (root_el.length !== 0) {\r\n this.find_ref(rows, root_el, tree, 0, 0, [])\r\n }\r\n rows_data.push(rows.map((row) => row.map((el) => one_field_data.find((row) => row.card_data.id === el))))\r\n } else {\r\n rows = [...tree_sets[i]]\r\n rows_data.push(rows.map((el) => [one_field_data.find((row) => row.card_data.id === el)]))\r\n }\r\n })\r\n Array.from(years).sort().forEach((year) => cols.push({\r\n name: `${year}`,\r\n width: '360px',\r\n cell: (row) => row.map((data) => data.year === year ? \r\n
\r\n );\r\n};\r\n\r\nexport default Reports;","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAASCAYAAAC9+TVUAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGGSURBVHgBzVJLUsJAEO2ZkJQ7Z+nCsnID4wmIJe7xBHgDuIFwAuAEwAmUPSV4Ar2BU7hxZ9xZhGR8PYlDxHIhbuiqfF7PzOvXb5po7yI8ikN+aIeQ7i+QTQr8+S5EogrCk0YXqRat0nPyvYiE7BMZhVxCxmiifEJpvtCvC/07CasIvEcITCyR56tiV4pvDWlzjVedTNbTL/fjHyQFgT9H5SGgcooCr4P/Oh5l8QFWcw/7xFgvZz3niSPgCsvZgFZrVMmVza2yAXJnIJ+QXxtpjVZkBkxNtN9xJOj/hjc5iewHiQd7sDQbRF0SJgpVrECUkFxfYb3NWJZNvZOhw407Eu2YN3uwQkRGTt2Wj1KDopJEZlwF8i5aFnvpHd6xU1ASUZp2dbJIuPqXf9zextgQlQrDhuwLcAR8S0ZoKFXlPRTm+rU2qy8KbF8xExmvD9kRmwySJyhUmy7NyLYAouqsfCNxZMeNuJgJcQrIJms7bIKm1evfHro/BU92eHL5bL35T1i1exefSQqygkHTy8kAAAAASUVORK5CYII=\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAASCAYAAAC9+TVUAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFxSURBVHgB7VJdUsIwEP6SFh+1j84osDewN7D8+K4noJxAOAF6AoYTFE7g+CxKj8ANjMqDj32WkrhJoY4dBy/AziST3Wx29/u+AAermqgGKIgCHPsxDC4hRAgY4vCSfQXoR/XxMt1bhM67EaRIODmFFjP4ucK6FkAYXpogZQ9GEL7WLfWZqt07WRZodHqQJoE2ffX+3OdiF9C1BXwzdnEhm+pt3oLZ3OPIW9DZVYjqBFzklSgi59fb8dYPypxm54Ea3YE7UxS6+9Miv5jEQpCbllLbEYWImIMh+1nZaSMmvEf2yPElczVBzU/c86KbBnKfsM9MnnHhk5+AZ3hzTaTrpoXlINmNx/6UpxmVvsv0Rnwxc3DOIqtaDC8f/lKHGm3G693umGf8d3zNahjFWaFVS62eBlTvXDPJTPb6poBVldglYMxjpyyllThjmAGfM2bPdu8VSPJ+yR/++GxFsXZc/gn32QRPo5eWXLWapzjYv/YNco+T1HlfJvIAAAAASUVORK5CYII=\"","/* eslint-disable */\r\nimport React, {useEffect, useState} from 'react';\r\nimport {Col, Form, Modal, Row} from \"react-bootstrap\";\r\nimport hide_passwd from '../../assets/icons/hide_passwd.png'\r\nimport show_passwd from '../../assets/icons/show_passwd.png'\r\nimport success from '../../assets/icons/success.png'\r\nimport fail from '../../assets/icons/fail.png'\r\nimport DataTable from \"react-data-table-component\";\r\nimport del from \"../../assets/icons/del.png\";\r\n\r\nexport default function AddUser(props) {\r\n const initialState = {name: '', email: '', password: '', confirmPassword: ''}\r\n const [userData, setUserData] = useState(initialState);\r\n const [message, setMessage] = useState('')\r\n const [errors, setErrors] = useState(initialState)\r\n const [showPasswd, setShowPasswd] = useState(false)\r\n const [showConfirmPasswd, setShowConfirmPasswd] = useState(false)\r\n const [infoModalShow, setInfoModalShow] = useState(false)\r\n const [delModalShow, setDelModalShow] = useState(false)\r\n const [infoIcon, setInfoIcon] = useState(success)\r\n const [delUserId, setDelUserId] = useState('')\r\n const [users, setUsers] = useState([])\r\n const columns = [{\r\n name: '№',\r\n selector: row => row.no,\r\n width: \"10%\",\r\n compact: true,\r\n center: true,\r\n wrap: true\r\n }, {\r\n name: 'Имя пользователя',\r\n selector: row => row.name,\r\n sortable: true,\r\n width: \"50%\",\r\n compact: false,\r\n wrap: true\r\n }, {\r\n name: 'e-mail',\r\n selector: row => row.email,\r\n sortable: true,\r\n width: \"40%\",\r\n center: false,\r\n wrap: true\r\n }, {\r\n cell: (row) => ,\r\n button: true,\r\n width: \"0\",\r\n center: true,\r\n }]\r\n\r\n\r\n const getUsers = async () => {\r\n const user_response = await fetch('api/ManageUser/GetUsers', {\r\n headers: !props.token ? {} : {'Authorization': `Bearer ${props.token}`}\r\n })\r\n let users_full = await user_response.json()\r\n setUsers(users_full.map((user, i) => ({id: user.id, no: i + 1, name: user.name, email: user.email})))\r\n }\r\n\r\n function addUser(e) {\r\n e.preventDefault();\r\n if (errors.name === '' && errors.email === '' && errors.password === '' && errors.confirmPassword === '') {\r\n const newUser = {name: userData.name, email: userData.email, password: userData.password}\r\n fetch('api/manageUser/addUser', {\r\n method: 'POST',\r\n headers: !props.token ? {} : {\r\n 'Authorization': `Bearer ${props.token}`,\r\n 'Content-Type': 'application/json'\r\n },\r\n body: JSON.stringify(newUser)\r\n }).then((response) => {\r\n if (response.ok) {\r\n setMessage('Пользователь успешно добавлен')\r\n setInfoIcon(success)\r\n setInfoModalShow(true)\r\n setUserData(initialState)\r\n getUsers()\r\n } else {\r\n setMessage('Ошибка добавления пользователя')\r\n setInfoIcon(fail)\r\n setInfoModalShow(true)\r\n }\r\n })\r\n }\r\n }\r\n\r\n function infoModal(props) {\r\n return (\r\n {message}
\r\n {message}
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n : }\r\n
\r\n );\r\n};\r\n\r\nexport default Profile;","/* eslint-disable */\r\nimport React, {Component} from 'react';\r\nimport {Button, Col, Modal, Row, Table} from \"react-bootstrap\";\r\nimport {Collapse} from 'react-collapse';\r\nimport DataTable from \"react-data-table-component\";\r\nimport authService from \"../api-authorization/AuthorizeService\";\r\nimport Form from \"react-bootstrap/Form\";\r\nimport Select, {components, DropdownIndicatorProps} from \"react-select\";\r\nimport add from \"../../assets/icons/add.png\";\r\nimport arrow_up from \"../../assets/icons/dark_arrow_up.png\";\r\nimport arrow_down from \"../../assets/icons/dark_arrow_down.png\";\r\nimport {Typography} from \"@material-ui/core\";\r\nimport del from \"../../assets/icons/del.png\";\r\nimport edit from \"../../assets/icons/edit.png\";\r\n\r\n\r\nexport class CropsTable extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n columns: [],\r\n crops_default: [],\r\n crops_user: [],\r\n columns_user: [],\r\n isModalShow: false,\r\n isSelectChange: false,\r\n loading: true,\r\n isAdd: false,\r\n error_select: false,\r\n row_save: {\r\n id: 0,\r\n name: '',\r\n nutrient: {n: 0, p2O5: 0, k2O: 0, s: 0, mg: 0, ca: 0},\r\n coefSoil: {n: 0, p2O5: 0, k2O: 0, s: 0, mg: 0, ca: 0},\r\n coefFertilizer: {n: 0, p2O5: 0, k2O: 0, s: 0, mg: 0, ca: 0},\r\n cropGroupId: 0,\r\n isBob: false,\r\n coefBob: 1\r\n },\r\n crop_group_list: [],\r\n rowId: 0,\r\n }\r\n this.AddModal = this.AddModal.bind(this)\r\n this.changeResponse = this.changeResponse.bind(this)\r\n this.saveResponse = this.saveResponse.bind(this)\r\n }\r\n\r\n\r\n componentDidMount() {\r\n this.populateCropsData();\r\n }\r\n\r\n saveResponse = () => {\r\n if(this.state.isSelectChange){\r\n fetch('api/crop', {\r\n method: 'POST',\r\n headers: !this.props.token ? {} : {\r\n 'Authorization': `Bearer ${this.props.token}`,\r\n 'Content-Type': 'application/json'\r\n },\r\n body: JSON.stringify(this.state.row_save)\r\n }).then((response) => {\r\n if (response.ok) {\r\n response.json().then((result) => {\r\n this.setState({crops_user: this.state.crops_user.concat(result),\r\n isModalShow: false,\r\n isSelectChange:false,\r\n row_save: {\r\n id: 0,\r\n name: '',\r\n nutrient: {n: 0, p2O5: 0, k2O: 0, s: 0, mg: 0, ca: 0},\r\n coefSoil: {n: 0, p2O5: 0, k2O: 0, s: 0, mg: 0, ca: 0},\r\n coefFertilizer: {n: 0, p2O5: 0, k2O: 0, s: 0, mg: 0, ca: 0},\r\n cropGroupId: 0,\r\n isBob: false,\r\n coefBob: 1\r\n },\r\n }, () => {\r\n this.forceUpdate()\r\n })\r\n });\r\n }\r\n })\r\n }else{\r\n this.setState({error_select:true})\r\n }\r\n\r\n }\r\n\r\n changeResponse = () => {\r\n fetch('api/crop', {\r\n method: 'PUT',\r\n headers: !this.props.token ? {} : {\r\n 'Authorization': `Bearer ${this.props.token}`,\r\n 'Content-Type': 'application/json'\r\n },\r\n body: JSON.stringify(this.state.row_save)\r\n }).then((response) => {\r\n if (response.ok) {\r\n response.json().then((result) => {\r\n this.state.crops_user.splice(this.state.crops_user.findIndex((r) => r.id === result.id), 1, result)\r\n this.setState({isModalShow: false})\r\n })\r\n }\r\n }\r\n )\r\n }\r\n\r\n handleClickDelete(rowId) {\r\n fetch('api/crop?id=' + rowId, {\r\n method: 'DELETE',\r\n headers: !this.props.token ? {} : {'Authorization': `Bearer ${this.props.token}`}\r\n }).then((response) => {\r\n if (response.ok) {\r\n this.state.crops_user.splice(this.state.crops_user.findIndex((r) => r.id === rowId), 1)\r\n this.forceUpdate()\r\n }\r\n });\r\n }\r\n\r\n\r\n AddModal(props, isAdd, rowId) {\r\n const DropdownIndicator = (props: DropdownIndicatorPropsЛичный кабинет
\r\n {userName}
\r\n {role === 'admin' ?\r\n \r\n \r\n
\r\n \r\n Коэффициенты по культурам
\r\n \r\n \r\n
\r\n
\r\n );\r\n }\r\n\r\n render() {\r\n const add_crop = () => {\r\n this.setState({isModalShow: true, isAdd: true})\r\n }\r\n const crop_table = this.state.loading ?\r\n | Культура | \r\nВынос питательных веществ 1 ц основной и соответствующим количеством\r\n побочной\r\n продукции, кг\r\n | \r\nКоэффициенты использования питательных веществ из запасов почвы, %\r\n | \r\nКоэффициенты использования питательных веществ из минеральных\r\n удобрений в\r\n первый год, %\r\n | \r\n Коэф. для бобовых культур | \r\n|||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| N | \r\nP2O5 | \r\nK2O | \r\nS | \r\nCaO | \r\nMg | \r\nN | \r\nP2O5 | \r\nK2O | \r\nS | \r\nCaO | \r\nMg | \r\nN | \r\nP2O5 | \r\nK2O | \r\nS | \r\nCaO | \r\nMg | \r\n
\r\n \r\n
\r\n Загрузка...
:\r\n CropsTable.renderTable(\r\n this.state.columns,\r\n this.state.crops_default,\r\n this.state.crops_user,\r\n this.state.columns_user,\r\n add_crop)\r\n return (<>\r\n\r\n
\r\n );\r\n};\r\n\r\nexport default Directory;","export default __webpack_public_path__ + \"static/media/not_found.ee596504.png\";","import React from 'react';\r\nimport {Link} from 'react-router-dom';\r\nimport PageNotFound from '../assets/images/not_found.png';\r\nimport '../style/NotFound.css'\r\n\r\nclass NotFoundPage extends React.Component {\r\n render() {\r\n return \r\n 
\r\n
;\r\n }\r\n}\r\n\r\nexport default NotFoundPage;","import React, {Component} from 'react';\r\nimport {Redirect, Route, Switch} from \"react-router-dom\";\r\nimport AuthorizeRoute from './components/api-authorization/AuthorizeRoute';\r\nimport ApiAuthorizationRoutes from './components/api-authorization/ApiAuthorizationRoutes';\r\nimport {ApplicationPaths} from './components/api-authorization/ApiAuthorizationConstants';\r\nimport Sidebar from \"./components/Sidebar.jsx\";\r\nimport Fields from \"./pages/Fields.jsx\";\r\nimport Fertilizers from \"./pages/Fertilizers.jsx\";\r\nimport Calculations from \"./pages/Calculations.jsx\";\r\nimport Reports from \"./pages/Reports.jsx\";\r\nimport Profile from \"./pages/Profile\";\r\nimport './App.css';\r\nimport './custom.css';\r\nimport Directory from \"./pages/Directory\";\r\nimport NotFoundPage from \"./pages/NotFoundPage\";\r\n\r\n\r\nexport default class App extends Component {\r\n static displayName = App.name\r\n\r\n render() {\r\n return (\r\n 404
\r\n \r\n
\r\n Вернитесь на
\r\n главную
и попробуйте еще раз
\r\n\r\n