\r\n {row.values.map((val, i) => {\r\n let rowColKey = `${rowKey}_${i}`;\r\n return ({this.renderField(rowColKey, numRow, i, val || '', isEdit)} );\r\n })}{isEdit === true ? {this.renderButtomDeleteRestore(numRow, row)} : undefined}\r\n );\r\n }\r\n renderButtomDeleteRestore(rowKey, row) {\r\n if (row.status === 3)\r\n return (\r\n
|
\r\n {this.props.isLoading === true ?
\r\n {' '}
: ''}\r\n {this.renderUpdateStatus()}\r\n {this.state.mode !== 'load' && this.props.dataTable !== undefined && this.props.isLoading === false ?\r\n
:\r\n ''}\r\n
\r\n \r\n \r\n Договора \r\n \r\n \r\n {this.props.obj != null ? this.props.obj.nameRu : \"\"}
\r\n Добавить договор \r\n \r\n Договора \r\n \r\n \r\n {this.props.dogovors.map(dogovor =>\r\n this.setState({ selectedDogovor: dogovor })}\r\n className={'list-group-item' + (this.state.selectedDogovor != null && this.state.selectedDogovor.id === dogovor.id ? ' list-group-item-success' : '')}>\r\n Договор № {dogovor.nom} дата: {getDateString(dogovor.dt)} сумма: {dogovor.summa}
\r\n this.editDogovor(dogovor)}>\r\n
\r\n this.deleteDogovor(dogovor)}>\r\n
)}\r\n \r\n \r\n \r\n Добавить платежку \r\n \r\n Платежки:\r\n {this.state.selectedDogovor != null ? Договор № {this.state.selectedDogovor.nom} дата: {getDateString(this.state.selectedDogovor.dt)} сумма: {this.state.selectedDogovor.summa} : ''}\r\n \r\n \r\n \r\n {this.state.selectedDogovor != null && this.state.selectedDogovor.bills != null ?\r\n this.state.selectedDogovor.bills.map(bill =>\r\n this.setState({ selectedBill: bill })}\r\n className={'list-group-item' + (this.state.selectedBill != null && this.state.selectedBill.id === bill.id ? ' list-group-item-success' : '')}>\r\n Платежка № {bill.nom} дата: {getDateString(bill.dtFrom)} сумма: {bill.summa}
\r\n this.editBill(bill)}>\r\n
\r\n this.deleteBill(bill)}>\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.state.deleteDogovor !== undefined ? `договор № ${this.state.deleteDogovor.nom} от ${getDateString(this.state.deleteDogovor.dt)}` : ''}?\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.deleteBill !== undefined ? `договор № ${this.state.deleteBill.nom} от ${getDateString(this.state.deleteBill.dtFrom)}` : ''}?\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.editDogovor != null ?\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.editBill!=null?\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 connect(\r\n state => state.finPaidData,\r\n dispatch => bindActionCreators(actionCreators, dispatch)\r\n)(SelectOrgModal);\r\n","import React, { useState, Fragment, useEffect } from 'react';\r\nimport { bindActionCreators } from 'redux';\r\nimport { connect } from 'react-redux';\r\nimport { cloneDeep } from 'lodash';\r\n//import * as FileSaver from 'file-saver';\r\nimport { Translate, I18n } from 'react-redux-i18n';\r\nimport { Button, FormGroup, Table, Modal, Row, Col, Checkbox, ControlLabel } from 'react-bootstrap';\r\nimport TableScrollbar from 'react-table-scrollbar';\r\n//import * from 'bootstrap-icons';\r\n//import { LinkContainer } from 'react-router-bootstrap';\r\n//import NumberFormat from 'react-number-format';\r\n\r\nimport { actionCreators as actionFinPaidData } from '../../store/FinPaidData';\r\nimport { actionCreators as actionNsi } from '../../store/Nsi';\r\nimport { getNameLocalize } from '../Constants';\r\n\r\nfunction FormsModal(props) {\r\n const [] = useState(() => {\r\n if (props.nsi.sprform.length === 0) props.getNs('sprform');\r\n return true;\r\n }, props.nsi.torg.length > 0);\r\n const [isAllForms, setIsAllForms] = useState(true);\r\n const [forms, setForms] = useState([]);\r\n useEffect(() => {\r\n if (props.showModal === false) {\r\n setForms([]);\r\n setIsAllForms(true);\r\n } else {\r\n //todo load avariable forms by org id\r\n const getForms = async (korg, year) => {\r\n let ret = await props.getFormsByOrg(korg, year);\r\n if (ret.successed === true) {\r\n if (ret.isAllForms === true) {\r\n setForms([]);\r\n setIsAllForms(true);\r\n } else {\r\n setForms(ret.forms);\r\n setIsAllForms(false);\r\n }\r\n } else {\r\n alert(ret.error);\r\n setForms([]);\r\n setIsAllForms(true);\r\n }\r\n }\r\n getForms(props.objKod, props.year);\r\n }\r\n }, [props.showModal, props.objKod, props.year]);\r\n const setAllForms = (check) => {\r\n if (check === true) setForms([]);\r\n setIsAllForms(check);\r\n }\r\n const checkForm = (ch, kf) => {\r\n let incl = forms.includes(kf);\r\n if (ch === true && incl === false) {\r\n let frms = cloneDeep(forms);\r\n frms.push(kf);\r\n setForms(frms);\r\n } else if (incl === true) {\r\n let frms = cloneDeep(forms);\r\n let ind = frms.indexOf(kf);\r\n frms.splice(ind, 1);\r\n setForms(frms);\r\n }\r\n }\r\n const commitBt = (e) => {\r\n e.preventDefault();\r\n //save forms by org id\r\n const saveForms = async () => {\r\n let ret = await props.setFormsByOrg({ year: props.year, kodOrg: props.objKod, isAllForms, forms });\r\n if (ret.successed === true) {\r\n props.commitBt(forms);\r\n } else {\r\n alert(ret.error);\r\n }\r\n }\r\n saveForms();\r\n }\r\n return props.showModal ? \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n setAllForms(e.target.checked)}> \r\n \r\n
\r\n {isAllForms != true ? \r\n \r\n \r\n {props.nsi.sprform.map(r => \r\n checkForm(e.target.checked, r.kf)}>{/* {r.kf} {getNameLocalize(props.i18n, r)}*/}{r.kf} {getNameLocalize(props.i18n, r)} \r\n )}\r\n \r\n
\r\n : \"\"}\r\n \r\n \r\n \r\n : \"\"\r\n}\r\nexport default connect(\r\n state => state,\r\n dispatch => bindActionCreators({ ...actionFinPaidData, ...actionNsi }, dispatch)\r\n)(FormsModal);","import React, { Fragment } from 'react';\r\n\r\nexport default function CheckBoxQuarter(props) {\r\n const onOk = (evt) => {\r\n evt.preventDefault();\r\n props.onChange({ kod: props.kod, typeObj: props.typeObj, quarter: props.quarter, value: false});\r\n }\r\n const onMinus = (evt) => {\r\n evt.preventDefault();\r\n props.onChange({ kod: props.kod, typeObj: props.typeObj, quarter: props.quarter, value: true });\r\n }\r\n return \r\n {props.checked === true ? ;\r\n}","import React, { Fragment } from 'react';\r\nimport { Translate } from 'react-redux-i18n';\r\n\r\nexport default function CheckBoxIsPrivateOrg(props) {\r\n const onGov = (evt) => {\r\n evt.preventDefault();\r\n props.onChange({ kod: props.kod, isPrivateOrg: 0});\r\n }\r\n const onPrivate = (evt) => {\r\n evt.preventDefault();\r\n props.onChange({ kod: props.kod, isPrivateOrg:1 });\r\n }\r\n return \r\n {props.checked === true ?
;\r\n}","import React, { Fragment } from 'react';\r\n\r\n\r\nexport default function CheckBox50pers(props) {\r\n const on50pers = (vl) => {\r\n props.onChange({ kod: props.kod, is50pers: vl === true? 1: 0});\r\n }\r\n return \r\n on50pers(!props.checked)} style={{ cursor: \"pointer\" }}>
;\r\n}","import React, { Component, Fragment } from 'react';\r\nimport { bindActionCreators } from 'redux';\r\nimport { connect } from 'react-redux';\r\n\r\nimport { Translate } from 'react-redux-i18n';\r\n\r\nimport { actionCreators } from '../../store/FinPaidData';\r\nimport DogovorModal from '../Modals/DogovorModal';\r\nimport FormsModal from '../Modals/FormsModal';\r\nimport CheckBoxQuarter from '../common/CheckBoxQuarter';\r\nimport CheckBoxIsPrivateOrg from '../common/CheckBoxIsPrivateOrg';\r\nimport CheckBox50pers from '../common/CheckBox50pers';\r\nimport './PaidsTable.css';\r\n//import { Translate } from 'react-redux-i18n';\r\nclass PaidsTable extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = { searchNameOrg: undefined, showDogovorModal: false, showFormsModal: false, selectObj: undefined };\r\n this.changeOrgNameFilter = this.changeOrgNameFilter.bind(this);\r\n //this.setPaid = this.setPaid.bind(this);\r\n this.setPaid4 = this.setPaid4.bind(this);\r\n this.setPaid3 = this.setPaid3.bind(this);\r\n this.handleHideDogovorModal = this.handleHideDogovorModal.bind(this);\r\n this.btShowDogovors = this.btShowDogovors.bind(this);\r\n this.btShowDogovorsObj = this.btShowDogovorsObj.bind(this);\r\n this.showObjPaids = this.showObjPaids.bind(this);\r\n this.setIsPrivateOrg = this.setIsPrivateOrg.bind(this);\r\n this.setIs50pers = this.setIs50pers.bind(this);\r\n this.btShowFormsObj = this.btShowFormsObj.bind(this);\r\n this.handleHideFormsModal = this.handleHideFormsModal.bind(this);\r\n this.handleCommitBtFormsModal = this.handleCommitBtFormsModal.bind(this)\r\n }\r\n /*\r\n componentWillMount() {\r\n // This method runs when the component is first added to the page\r\n }\r\n */\r\n componentWillReceiveProps(nextProps) {\r\n // This method runs when incoming props (e.g., route params) change\r\n if (this.props.paids.year != nextProps.paids.year || this.props.selectedObj.id != nextProps.selectedObj.id)\r\n this.setState({ searchNameOrg: undefined });\r\n }\r\n changeOrgNameFilter(e) {\r\n var searchNameOrg = e.target.value;\r\n this.setState({ searchNameOrg });\r\n }\r\n setPaid3(d) {\r\n if (d.typeObj/*this.props.paids.typeObj*/ === 4) {\r\n this.props.setPaidOrg(this.props.paids.year, d.kod, d.quarter, d.value);\r\n } else /*if (this.props.paids.typeObj === 2)*/ {\r\n this.props.setPaidTer(this.props.paids.year, d.kod, d.quarter, d.value);\r\n }\r\n }\r\n setPaid4(d) {\r\n this.props.setPaidTer(this.props.paids.year, d.kod, d.quarter, d.value);\r\n }\r\n handleHideDogovorModal() {\r\n this.setState({ showDogovorModal: false, selectObj: undefined });\r\n }\r\n handleHideFormsModal(forms) {\r\n this.setState({ showFormsModal: false, selectObj: undefined });\r\n } \r\n handleCommitBtFormsModal(forms) {\r\n if (forms != null) {\r\n this.props.setPaidFormsOrg(this.props.paids.year, this.state.selectObj.kod, forms);\r\n }\r\n this.setState({ showFormsModal: false, selectObj: undefined });\r\n }\r\n btShowDogovors() {\r\n this.setState({\r\n showDogovorModal: true,\r\n selectObj: { kod: this.props.selectedObj.id, nameRu: this.props.selectedObj.label, typeObj: this.props.paids.typeObj }\r\n });\r\n }\r\n btShowDogovorsObj(obj) {\r\n this.setState({\r\n showDogovorModal: true,\r\n selectObj: obj//{ kod: this.props.selectedObj.id, nameRu: this.props.selectedObj.label, typeObj: this.props.paids.typeObj }\r\n });\r\n }\r\n btShowFormsObj(obj) {\r\n this.setState({\r\n showFormsModal: true,\r\n selectObj: obj//{ kod: this.props.selectedObj.id, nameRu: this.props.selectedObj.label, typeObj: this.props.paids.typeObj }\r\n });\r\n }\r\n showObjPaids() {\r\n return '';\r\n /*\r\n var obj = this.props.paids.obj;\r\n return obj != null ?\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n
\r\n {this.props.paids !== undefined && this.props.paids.year !== undefined ? this.props.paids.year + \" год\" : ''}
\r\n \r\n
\r\n {this.props.selectedParentObj.label} {this.props.selectedObj.label} \r\n Договоры \r\n
\r\n {this.showObjPaids()}\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 1 квартал \r\n 2 квартал \r\n 3 квартал \r\n 4 квартал \r\n \r\n \r\n \r\n {objsItems.map(item => \r\n {item.obj.kod} {item.obj.nameRu}
\r\n {/* {item.obj.typeObj === 4 ?
: \"\"}*/}\r\n {item.obj.typeObj === 4 ? <> Бин: {item.obj.bin} { this.btShowFormsObj(item.obj); }}>Формы Формы: {item.forms != null && item.forms.length > 0 ? item.forms : \"Все\"}
\r\n : \"\"}\r\n { this.btShowDogovorsObj(item.obj); }}>Договоры
\r\n \r\n \r\n {item.obj.typeObj === 4 ? \r\n \r\n
\r\n : ''}\r\n : \"\"}\r\n );\r\n } else {\r\n return (Выберите область, район
);\r\n }\r\n }\r\n}\r\nexport default connect(\r\n state => state.finPaidData,\r\n dispatch => bindActionCreators(actionCreators, dispatch)\r\n)(PaidsTable);\r\n\r\n","import React, { Component, Fragment } from 'react';\r\nimport { bindActionCreators } from 'redux';\r\nimport { connect } from 'react-redux';\r\nimport { actionCreators } from '../../store/FinPaidData';\r\n\r\nimport ObjsTree from './ObjsTree';\r\nimport PaidsTable from './PaidsTable';\r\nconst fye = (new Date()).getFullYear();\r\nconst years = [`${fye}`, `${fye+1}`];\r\nclass FinPaidData extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.onSelect = this.onSelect.bind(this);\r\n this.onChangeYear = this.onChangeYear.bind(this);\r\n }\r\n componentWillMount() {\r\n let year =years[0];\r\n // This method runs when the component is first added to the page\r\n this.setState({\r\n selYear: year,\r\n selectedObj: undefined,\r\n selectedParentObj: undefined,\r\n selectTypeObj: undefined, //1-область, 2- район, 3- организация\r\n });\r\n\r\n }\r\n /*\r\n componentWillReceiveProps(nextProps) {\r\n // This method runs when incoming props (e.g., route params) change\r\n }\r\n */\r\n onSelect(selectedObj) {\r\n var selectedParentObj = undefined;\r\n if (selectedObj.id.length === 4) {\r\n //организация\r\n var parents = this.props.obj_data.filter(p => p.id === selectedObj.parentId);\r\n if (parents.length > 0) {\r\n selectedParentObj = parents[0];\r\n }\r\n this.setState({ selectedObj, selectedParentObj });\r\n this.props.getOrgsPaid(selectedObj.id, this.state.selYear);\r\n\r\n } else if (selectedObj.id.length === 2) {\r\n //область\r\n selectedParentObj = {\r\n \"id\": \"00\",\r\n \"parentId\": null,\r\n \"label\": \"Республика казахстан\",\r\n };\r\n this.setState({selectedObj, selectedParentObj});\r\n this.props.getOrgsPaid(selectedObj.id, this.state.selYear);\r\n } else {\r\n this.setState({ selectedObj: undefined, selectedParentObj: undefined });\r\n }\r\n }\r\n onChangeYear(year) {\r\n this.setState({ selYear: year })\r\n if (this.state.selectedObj != null) {\r\n let selectedObj = this.state.selectedObj;\r\n if (selectedObj.id.length === 4 || selectedObj.id.length === 2) {\r\n this.props.getOrgsPaid(selectedObj.id, year);\r\n }\r\n }\r\n }\r\n render() {\r\n return (\r\n \r\n Учет оплаты за использование портала год:{' '} this.onChangeYear(evt.target.value)} > { years.map(y => {y} ) } \r\n Укажите организации, которые оплатили доступ на портал по кварталам
\r\n \r\n
\r\n \r\n
\r\n
\r\n {this.state.selectedObj !== undefined ?\r\n
\r\n :
Выберите область, район
}\r\n
\r\n
\r\n );\r\n }\r\n}\r\nexport default connect(\r\n state => state.finPaidData,\r\n dispatch => bindActionCreators(actionCreators, dispatch)\r\n)(FinPaidData);\r\n","import React, { Component, Fragment } from 'react';\r\nimport { bindActionCreators } from 'redux';\r\nimport { connect } from 'react-redux';\r\nimport * as FileSaver from 'file-saver';\r\nimport { Translate, I18n } from 'react-redux-i18n';\r\nimport { Button, Col, FormGroup, FormControl, ControlLabel, Form, Row, Table } from 'react-bootstrap';\r\n\r\nimport './ReportFin.css';\r\n//import { ExportCSV } from '../Work/ExportCSV';\r\n\r\nimport { actionCreators } from '../../store/FinPaidData';\r\nimport { years, getCurrentYear } from '../Constants';\r\n\r\nclass FinPaidData extends Component {\r\n constructor(props) {\r\n super(props);\r\n let nowYear = getCurrentYear() + 1;\r\n this.state = {\r\n year: props.year !== undefined ? props.year : nowYear, isLoading: false,\r\n }\r\n this.onCreateReport = this.onCreateReport.bind(this);\r\n this.toExcel = this.toExcel.bind(this);\r\n }\r\n onSelectYear = (e) => {\r\n let year = parseInt(e.target.value, 10);\r\n this.setState({ year });\r\n }\r\n onCreateReport = (e) => {\r\n e.preventDefault();\r\n this.props.getReport1(this.state.year);\r\n }\r\n renderPrivateOrg = (isPrivateOrg) => {\r\n if (isPrivateOrg === 1)\r\n return ( \r\n else\r\n return \"\";\r\n }\r\n renderRowsTable = (it, i) => {\r\n return \r\n {it.oblName} \r\n {it.teName} \r\n {it.orgKod} {this.renderPrivateOrg(it.isPrivateOrg)} {it.orgName} \r\n \r\n {it.strDog}
\r\n {it.strPlat}
\r\n {it.is50pers === true ?
: \"\"}\r\n \r\n \r\n 1 квартал 2 квартал 3 квартал 4 квартал \r\n \r\n \r\n {it.paidQ1 === true ? Да : Нет } {it.paidQ2 === true ? Да : Нет } \r\n {it.paidQ3 === true ? Да : Нет } {it.paidQ4 === true ? Да : Нет } \r\n \r\n \r\n
\r\n \r\n \r\n }\r\n renderReduceRowsTable = () => {\r\n let ret = [];\r\n let last = this.props.finPaidData.rep1data.items[0];//this.props.finPaidData.rep1data.items[this.props.finPaidData.rep1data.items.length - 1];\r\n this.props.finPaidData.rep1data.items.reduce((last, it, i) => {\r\n if (last.oblKod !== it.oblKod) {\r\n try {\r\n //найти итог по области\r\n let ar_itog = this.props.finPaidData.rep1data.oblsCnts.filter(f => f.kod === last.oblKod);\r\n let cnt_pl = this.props.finPaidData.rep1data.items.filter(f => f.oblKod === last.oblKod).length;\r\n let cnt_private = this.props.finPaidData.rep1data.items.filter(f => f.oblKod === last.oblKod && f.isPrivateOrg===1).length;\r\n let cnt_50pers = this.props.finPaidData.rep1data.items.filter(f => f.oblKod === last.oblKod && f.is50pers === true).length;\r\n if (ar_itog.length > 0) {\r\n ret.push(\r\n {last.oblName} Организаций всего: {ar_itog[0].cnt} , из них оплатили: {cnt_pl} , из них частные: {cnt_private} , из них оплатили 50%: {cnt_50pers} \r\n );\r\n }\r\n } catch (er) {\r\n console.error(er);\r\n }\r\n }\r\n ret.push(this.renderRowsTable(it, i));\r\n if (i === this.props.finPaidData.rep1data.items.length - 1) {\r\n //поместить итог по последней области\r\n let ar_itog = this.props.finPaidData.rep1data.oblsCnts.filter(f => f.kod === it.oblKod);\r\n let cnt_pl = this.props.finPaidData.rep1data.items.filter(f => f.oblKod === it.oblKod).length;\r\n let cnt_private = this.props.finPaidData.rep1data.items.filter(f => f.oblKod === it.oblKod && f.isPrivateOrg === 1).length;\r\n let cnt_50pers = this.props.finPaidData.rep1data.items.filter(f => f.oblKod === last.oblKod && f.is50pers === true).length;\r\n if (ar_itog.length > 0) {\r\n ret.push(\r\n {it.oblName} Организаций всего: {ar_itog[0].cnt} , из них оплатили: {cnt_pl} , из них частные: {cnt_private} , из них оплатили 50%: {cnt_50pers} \r\n );\r\n }\r\n }\r\n return it;\r\n }, last);\r\n return ret;\r\n }\r\n renderItog = () => {\r\n let cnt_private = this.props.finPaidData.rep1data.items.filter(f => f.isPrivateOrg === 1).length;\r\n let cnt_50pers = this.props.finPaidData.rep1data.items.filter(f => f.is50pers === true).length;\r\n return \r\n \r\n Организаций всего: {this.props.finPaidData.rep1data.allOrgs} , из них оплатили: {this.props.finPaidData.rep1data.items.length} , из них частные: {cnt_private} , из них оплатили 50%: {cnt_50pers} \r\n \r\n ;\r\n }\r\n /*\r\n excelDataCSV = () => {\r\n let dataCSV = [];\r\n let last = this.props.finPaidData.rep1data.items[0];//this.props.finPaidData.rep1data.items[this.props.finPaidData.rep1data.items.length - 1];\r\n this.props.finPaidData.rep1data.items.reduce((last, s, i) => {\r\n let row = {};\r\n if (last.oblKod !== s.oblKod) {\r\n try {\r\n //найти итог по области\r\n let ar_itog = this.props.finPaidData.rep1data.oblsCnts.filter(f => f.kod === last.oblKod);\r\n let cnt_pl = this.props.finPaidData.rep1data.items.filter(f => f.oblKod === last.oblKod).length;\r\n let cnt_private = this.props.finPaidData.rep1data.items.filter(f => f.oblKod === last.oblKod && f.isPrivateOrg === 1).length;\r\n if (ar_itog.length > 0) {\r\n row[\"Область\"] = last.oblName;\r\n row[\"Район\"] = `Организаций всего: ${ar_itog[0].cnt}, из них оплатили: ${cnt_pl}, из них частные: ${cnt_private}`;\r\n dataCSV.push(row);\r\n }\r\n } catch (er) {\r\n console.error(er);\r\n }\r\n }\r\n row = {};\r\n row[\"Область\"] = s.oblName;\r\n row[\"Район\"] = s.teName;\r\n row[\"Организация\"] = s.orgKod + ' ' + s.orgName;\r\n row[\"Договор\"] = s.strDog;\r\n row[\"Платежка\"] = s.strPlat;\r\n row[\"1 квартал\"] = s.paidQ1 === true ? 'Да' : 'Нет';\r\n row[\"2 квартал\"] = s.paidQ2 === true ? 'Да' : 'Нет';\r\n row[\"3 квартал\"] = s.paidQ3 === true ? 'Да' : 'Нет';\r\n row[\"4 квартал\"] = s.paidQ4 === true ? 'Да' : 'Нет';\r\n dataCSV.push(row);\r\n\r\n if (i === this.props.finPaidData.rep1data.items.length - 1) {\r\n //поместить итог по последней области\r\n let ar_itog = this.props.finPaidData.rep1data.oblsCnts.filter(f => f.kod === s.oblKod);\r\n let cnt_pl = this.props.finPaidData.rep1data.items.filter(f => f.oblKod === s.oblKod).length;\r\n let cnt_private = this.props.finPaidData.rep1data.items.filter(f => f.oblKod === s.oblKod && f.isPrivateOrg === 1).length;\r\n if (ar_itog.length > 0) {\r\n row = {};\r\n row[\"Область\"] = s.oblName;\r\n row[\"Район\"] = `Организаций всего: ${ar_itog[0].cnt}, из них оплатили: ${cnt_pl}, из них частные: ${cnt_private}`;\r\n dataCSV.push(row);\r\n }\r\n }\r\n return s;\r\n }, last);\r\n let cnt_private = this.props.finPaidData.rep1data.items.filter(f => f.isPrivateOrg === 1).length;\r\n dataCSV.push({ \"Область\": `Организаций всего: ${this.props.finPaidData.rep1data.allOrgs}, из них оплатили: ${this.props.finPaidData.rep1data.items.length}, из них частные: ${cnt_private}` });\r\n return dataCSV;\r\n }\r\n */\r\n printData = (e) => {\r\n e.preventDefault();\r\n window.print();\r\n }\r\n toExcel = (e) => {\r\n e.preventDefault();\r\n const execRep = async () => {\r\n this.setState({ isLoading: true });\r\n let absoluteUrl = `${document.location.protocol}//${document.location.host}/FinRepExcel?year=${this.state.year}`;\r\n let fileName = `medstat-finreport-${this.state.year}.xlsx`;\r\n var token = this.props.userInfo.user.token;\r\n const response = await fetch(absoluteUrl, {\r\n credentials: 'include',\r\n method: 'GET',\r\n headers: {\r\n 'Authorization': `Bearer ${token}`\r\n }\r\n });\r\n if (response.ok) { // если HTTP-статус в диапазоне 200-299\r\n // получаем тело ответа (см. про этот метод ниже)\r\n const blob = await response.blob();\r\n FileSaver.saveAs(blob, fileName);\r\n this.setState({ isLoading: false });\r\n } else {\r\n alert(\"Ошибка HTTP: \" + response.status);\r\n }\r\n this.setState({ isLoading: false });\r\n };\r\n execRep();\r\n }\r\n render() {\r\n var nextYear = getCurrentYear() + 1;\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 {this.renderReduceRowsTable()}\r\n {this.renderItog()}\r\n \r\n
: ''}\r\n \r\n );\r\n }\r\n}\r\n// {this.props.finPaidData.rep1data.items.map((it, i) => this.renderRowsTable(it, i))}\r\nexport default connect(\r\n state => state,\r\n dispatch => bindActionCreators(actionCreators, dispatch)\r\n)(FinPaidData);\r\n","import React from 'react'\r\nimport { Translate } from 'react-redux-i18n';\r\nimport { Button } from 'react-bootstrap';\r\nimport * as FileSaver from 'file-saver';\r\nimport * as XLSX from 'xlsx';\r\n\r\nexport const ExportCSV = ({ csvData, fileName, disabled }) => {\r\n\r\n const fileType = 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=UTF-8';\r\n const fileExtension = '.xlsx';\r\n\r\n const exportToCSV = (csvData, fileName) => {\r\n const ws = XLSX.utils.json_to_sheet(csvData);\r\n const wb = { Sheets: { 'data': ws }, SheetNames: ['data'] };\r\n const excelBuffer = XLSX.write(wb, { bookType: 'xlsx', type: 'array' });\r\n const data = new Blob([excelBuffer], { type: fileType });\r\n FileSaver.saveAs(data, fileName + fileExtension);\r\n }\r\n\r\n return (\r\n exportToCSV(csvData, fileName)}> \r\n )\r\n}","import React, { Component, Fragment } from 'react';\r\nimport { bindActionCreators } from 'redux';\r\nimport { connect } from 'react-redux';\r\nimport { Translate, I18n } from 'react-redux-i18n';\r\nimport { Button, Col, FormGroup, FormControl, ControlLabel, Form, Row, Table } from 'react-bootstrap';\r\n\r\nimport './ReportFin.css';\r\nimport { ExportCSV } from '../Work/ExportCSV';\r\n\r\nimport { actionCreators } from '../../store/Work';\r\nimport { years, getCurrentYear } from '../Constants';\r\n\r\nclass FinPaidDataRCRZ extends Component {\r\n constructor(props) {\r\n super(props);\r\n let nowYear = getCurrentYear()+1;\r\n this.state = {\r\n year: props.year !== undefined ? props.year : nowYear,\r\n }\r\n this.onCreateReport = this.onCreateReport.bind(this)\r\n }\r\n onSelectYear = (e) => {\r\n let year = parseInt(e.target.value, 10);\r\n this.setState({ year });\r\n }\r\n onCreateReport = (e) => {\r\n e.preventDefault();\r\n this.props.getReport1(this.state.year);\r\n }\r\n renderRowsTable = (it, i) => {\r\n return \r\n {it.oblName} \r\n {it.teName} \r\n {it.orgKod} {it.orgName} \r\n \r\n {it.strDog}
\r\n \r\n \r\n }\r\n //renderReduceRowsTable = () => {\r\n // let ret = [];\r\n // let last = this.props.rep1data.items[this.props.rep1data.items - 1];\r\n // this.props.rep1data.items.reduce((last, it, i) => {\r\n // if (last.OblKod != it.OblKod) {\r\n // //найти итог по области\r\n // //var itog = this.props.rep1data\r\n // ret.push(\r\n // {it.oblName} \r\n // {it.teName} \r\n // );\r\n // }\r\n // ret.push(this.renderRowsTable(it,i));\r\n // return it;\r\n // }, last);\r\n // //поместить итог по последней области\r\n // return ret;\r\n //}\r\n renderItog = () => {\r\n return \r\n \r\n Организаций всего: {this.props.rep1data.allOrgs} , из них заключили договор: {this.props.rep1data.items.length} \r\n \r\n ;\r\n }\r\n /*\r\n getCountOrgsOpl() {\r\n var count = 0;\r\n //for (var i = 0; i < this.props.rep1data.items.length; ++i) {\r\n // let it = this.props.rep1data.items[i];\r\n // if (it.paidQ1 === true && it.paidQ2 === true && it.paidQ3 === true && it.paidQ4 === true)\r\n // count++;\r\n //}\r\n return count;\r\n }\r\n */\r\n excelDataCSV = () => {\r\n let dataCSV = [];\r\n let tobl = I18n.t('obl');\r\n let traion = I18n.t('raion');\r\n let torg = I18n.t('org');\r\n let tdog = I18n.t('dogovor');\r\n for (var i = 0; i < this.props.rep1data.items.length; i++) {\r\n let row = {};\r\n let s = this.props.rep1data.items[i];\r\n row[tobl] = s.oblName;\r\n row[traion] = s.teName;\r\n row[torg] = s.orgKod + ' ' + s.orgName;\r\n row[tdog] = s.strDog;\r\n dataCSV.push(row);\r\n }\r\n let itog = {};\r\n itog[tobl] = `Организаций всего: ${this.props.rep1data.allOrgs}, из них заключили договор: ${this.props.rep1data.items.length}`;\r\n dataCSV.push(itog);\r\n return dataCSV;\r\n }\r\n printData = (e) => {\r\n e.preventDefault();\r\n window.print();\r\n }\r\n render() {\r\n var nextYear = getCurrentYear() + 1;\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 {this.props.rep1data.items.map((it, i) => this.renderRowsTable(it, i))}\r\n {this.renderItog()}\r\n \r\n
\r\n {this.props.rep1data.error}
: ''}\r\n \r\n );\r\n }\r\n}\r\n// {this.props.rep1data.items.map((it, i) => this.renderRowsTable(it, i))}\r\nexport default connect(\r\n state => state.work,\r\n dispatch => bindActionCreators(actionCreators, dispatch)\r\n)(FinPaidDataRCRZ);\r\n","import React, { Fragment } from 'react';\r\nimport { Row, Col} from 'react-bootstrap';\r\nimport { Translate } from 'react-redux-i18n';\r\nimport { getNameLocalize } from '../Constants';\r\n\r\nimport './InfoSelectedForEdit.css';\r\n\r\nconst InfoSelectedForEdit = props => {\r\n let nameObj = '';\r\n switch (props.tobj.kod) {\r\n case 1:\r\n nameObj = \"РК\";\r\n break;\r\n case 2:\r\n nameObj = getNameLocalize(props.i18n, props.obl);\r\n break;\r\n case 3:\r\n nameObj = `${getNameLocalize(props.i18n, props.obl)}, ${getNameLocalize(props.i18n, props.raion)}`;\r\n break;\r\n case 4:\r\n nameObj = `${getNameLocalize(props.i18n, props.obl)}, ${getNameLocalize(props.i18n, props.raion)}, ${getNameLocalize(props.i18n, props.org)}`;\r\n break;\r\n default:\r\n }\r\n return \r\n {props.year} \r\n {props.period != null ? {getNameLocalize(props.i18n, props.period)} {getNameLocalize(props.i18n, props.raz)} {getNameLocalize(props.i18n, props.tobj)}: {nameObj} {props.isPostr ? {props.form.kf} {getNameLocalize(props.i18n, props.form)} {props.table.ktab} {getNameLocalize(props.i18n, props.table)}
;\r\n};\r\nexport default InfoSelectedForEdit;","import React, { Component, Fragment } from 'react';\r\nimport { bindActionCreators } from 'redux';\r\nimport { connect } from 'react-redux';\r\nimport { FormGroup, FormControl, ControlLabel, Row, Col } from 'react-bootstrap';\r\nimport { Translate, I18n } from 'react-redux-i18n';\r\nimport { getNameLocalize, filterForms, filterRazdels } from '../Constants';\r\n\r\nimport { actionCreators } from '../../store/Nsi';\r\n\r\nclass SelectFormTable extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n krazd: props.krazd != null ? props.krazd: undefined,//:\"01\",//то до first krazd\r\n form: props.form != null ? props.form : props.userInfo.user.firstFormTable.formGod /*{ kf: \"01\", nameRu: \"Численность постоянного населения РК\", nameKz: \"Қазақстан Республикасының тұрақты тұрғындары\" }*/,\r\n table: props.table != null ? props.table : props.userInfo.user.firstFormTable.tableGod/*{ kf: \"01\", ktab: \"0001\", nameRu: \"Постоянное население Республики Казахстан\", nameKz: \"Қазақстан Республикасының тұрақты тұрғындары\" }*/,\r\n kper: props.kper != null ? props.kper:4\r\n }\r\n this.onSelectRazdel = this.onSelectRazdel.bind(this);\r\n this.onSelectForm = this.onSelectForm.bind(this);\r\n this.onSelectTab = this.onSelectTab.bind(this);\r\n //if (props.nsi.sprform.length === 0) {\r\n // props.getNs('sprform');\r\n //}\r\n //if (props.nsi.allsprtab.length === 0) {\r\n // props.getNs('allsprtab');\r\n //}\r\n }\r\n componentWillReceiveProps(nextProps) {\r\n if (!(this.state.form.kf === nextProps.form.kf && this.state.table.ktab === nextProps.table.ktab))\r\n this.setState({ /*...this.state,*/form: nextProps.form, table: nextProps.table });\r\n if (this.state.kper != nextProps.kper && this.state.table.planYear === 1 && nextProps.kper != 4) {\r\n let ar = this.props.nsi.allsprtab.filter(spr => spr.kf === this.state.form.kf && spr.planYear === 0);\r\n if (ar.length > 0) {\r\n this.props.setTable(ar[0]);\r\n }\r\n }\r\n }\r\n onSelectRazdel(e) {\r\n let krazd = e.target.value;\r\n if (krazd === \"\") {\r\n let form = this.props.userInfo.user.firstFormTable.formGod;\r\n let table = this.props.userInfo.user.firstFormTable.tableGod;\r\n this.setState({ krazd: undefined, form, table });\r\n this.props.setForm(form);\r\n this.props.setTable(table);\r\n this.props.setKrazd(undefined)\r\n } else {\r\n if (this.props.userInfo.user.accessForm.length > 0) {\r\n let form = this.props.nsi.sprform.filter(spr => filterForms(this.props.userInfo.user.accessForm, spr.kf, this.props.kper)\r\n && spr.razdels.length > 0 && spr.razdels.includes(krazd))[0];\r\n let table = this.props.nsi.allsprtab.filter(spr => spr.kf === form.kf)[0];\r\n this.setState({ krazd, form, table });\r\n this.props.setForm(form);\r\n this.props.setTable(table);\r\n } else {\r\n let form = this.props.nsi.sprform.filter(spr => spr.razdels.length > 0 && spr.razdels.includes(krazd))[0];\r\n let table = this.props.nsi.allsprtab.filter(spr => spr.kf === form.kf)[0];\r\n this.setState({ krazd, form, table });\r\n this.props.setForm(form);\r\n this.props.setTable(table);\r\n }\r\n this.props.setKrazd(krazd);\r\n }\r\n }\r\n\r\n onSelectForm(e) {\r\n let kf = e.target.value;\r\n let form = this.props.nsi.sprform.filter(spr => spr.kf === kf)[0];\r\n let table = this.props.nsi.allsprtab.filter(spr => spr.kf === kf)[0];\r\n this.setState({ form, table });\r\n this.props.setForm(form);\r\n this.props.setTable(table);\r\n }\r\n onSelectTab = (e) => {\r\n let ktab = e.target.value;\r\n let table = this.props.nsi.allsprtab.filter(spr => spr.kf === this.state.form.kf && spr.ktab === ktab)[0];\r\n this.setState({ table });\r\n this.props.setTable(table);\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n \r\n \r\n \r\n {I18n.t(\"allForms\")} \r\n {this.props.nsi.sprrazdel.filter(f => filterRazdels(this.props.nsi.sprform, this.props.userInfo.user.accessForm, f.krazd, this.props.kper)).map(it => {it.krazd} {getNameLocalize(this.props.i18n, it)} )}\r\n \r\n \r\n
\r\n \r\n \r\n \r\n {this.props.noFilter === true ? this.props.nsi.sprform.filter(f => this.state.krazd == null ? true : f.razdels.includes(this.state.krazd)).map(it => {it.kf} {getNameLocalize(this.props.i18n, it)} ) :\r\n this.props.nsi.sprform.filter(f => filterForms(this.props.userInfo.user.accessForm, f.kf, this.props.kper) && (this.state.krazd == null ? true : f.razdels.includes(this.state.krazd))).map(it => {it.kf} {getNameLocalize(this.props.i18n, it)} )}\r\n \r\n \r\n
\r\n \r\n \r\n \r\n {this.props.nsi.allsprtab.filter(spr => spr.kf === this.state.form.kf && !(this.props.kper != 4 && spr.planYear===1)).map(it => {it.ktab} {getNameLocalize(this.props.i18n, it)} )}\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\nexport default connect(\r\n state => state,\r\n dispatch => bindActionCreators(actionCreators, dispatch)\r\n)(SelectFormTable);","import React, { Component } from 'react';\r\nimport { bindActionCreators } from 'redux';\r\nimport { connect } from 'react-redux';\r\nimport { Form, FormGroup, FormControl, ControlLabel, Modal, Button, ButtonGroup, Row, Col, Radio } from 'react-bootstrap';\r\nimport { Translate } from 'react-redux-i18n';\r\n//import { Typeahead } from 'react-bootstrap-typeahead';\r\nimport { getNameLocalize, years, getCurrentYear, getFirstRaz, getFirstFormTable, getRazItems } from '../Constants';\r\n//import FilterRazOptions from '../common/FilterRazOptions';\r\nimport SelectFormTable from '../common/SelectFormTable';\r\nimport SelectObject from '../common/SelectObject';\r\nimport { actionCreators } from '../../store/Nsi';\r\nimport './SelectTableForEdit.css';\r\n\r\nclass SelectTableForEdit extends Component {\r\n constructor(props) {\r\n super(props);\r\n let nowYear = getCurrentYear();\r\n let kper = 4;\r\n let raz = getFirstRaz(kper, props);\r\n this.state = {\r\n year: nowYear,//props.year !== undefined ? props.year : nowYear,\r\n kper,//период\r\n kraz: raz != null ? raz:1,//разрез\r\n tobj: props.userInfo.user.accessLevel, // тип обьекта 1 – РК; 2 – область; 3 - район; 4 - организация (доступ зависит от пользователя)\r\n obl: undefined,\r\n raion: undefined,\r\n org: undefined,\r\n form: kper === 4 ? props.userInfo.user.firstFormTable.formGod : props.userInfo.user.firstFormTable.formMes/*{ kf: \"01\", nameRu: \"Численность постоянного населения РК\", nameKz: \"Қазақстан Республикасының тұрақты тұрғындары\" }*/,\r\n table: kper === 4 ? props.userInfo.user.firstFormTable.tableGod : props.userInfo.user.firstFormTable.tableMess /*{ kf: \"01\", ktab: \"0001\", nameRu: \"Постоянное население Республики Казахстан\", nameKz: \"Қазақстан Республикасының тұрақты тұрғындары\" }*/,\r\n isPostr: false, //Построчка\r\n krazd: undefined\r\n };\r\n this.onOpenTable = this.onOpenTable.bind(this);\r\n\r\n if (props.nsi.allsprtab.length === 0) {\r\n props.getNs('allsprtab');\r\n }\r\n if (props.nsi.sprform.length === 0) {\r\n props.getNs('sprform');\r\n }\r\n if (props.nsi.periods.length === 0) {\r\n props.getNs('periods');\r\n }\r\n if (props.nsi.sprraz.length === 0) {\r\n props.getNs('sprraz');\r\n }\r\n if (props.nsi.sprrazdel.length === 0) {\r\n props.getNs('sprrazdel');\r\n }\r\n }\r\n /* \r\n componentWillMount() {\r\n // This method runs when the component is first added to the page\r\n //this.props.getNs('sprform');\r\n if (this.props.userInfo.user.accessRaz.length > 0) {\r\n this.setState({ kraz: this.props.userInfo.user.accessRaz[0]});\r\n }\r\n }\r\n */\r\n\r\n componentWillReceiveProps(nextProps) {\r\n // This method runs when incoming props (e.g., route params) change\r\n if (nextProps.selectParam != null) {\r\n this.setState({\r\n year: nextProps.selectParam.year,\r\n kper: nextProps.selectParam.period.kper,\r\n kraz: nextProps.selectParam.raz.kod,\r\n tobj: nextProps.selectParam.tobj.kod,\r\n obl: nextProps.selectParam.obl,\r\n raion: nextProps.selectParam.raion,\r\n org: nextProps.selectParam.org,\r\n form: nextProps.selectParam.form,\r\n table: nextProps.selectParam.table,\r\n isPostr: nextProps.selectParam.isPostr\r\n });\r\n } /*else if (this.props.userInfo.user.accessRaz.length > 0 || this.props.userInfo.user.accessForm.length > 0) {\r\n if (this.props.userInfo.user.accessRaz.length > 0 && this.props.userInfo.user.accessForm.length === 0)\r\n this.setState({ kraz: this.props.userInfo.user.accessRaz[0] });\r\n else if (this.props.userInfo.user.accessRaz.length === 0 && this.props.userInfo.user.accessForm.length > 0)\r\n ;// ttodo set form table \r\n else if (this.props.userInfo.user.accessRaz.length > 0 && this.props.userInfo.user.accessForm.length > 0) {\r\n let kraz = this.props.userInfo.user.accessRaz[0];\r\n let kform = this.props.userInfo.user.accessForm[0];\r\n this.setState({ kraz });\r\n }\r\n }*/\r\n }\r\n onOpenTable = (e) => {\r\n e.preventDefault();\r\n let ntobj = {};\r\n switch (this.state.tobj) {\r\n case 1:\r\n ntobj = { nameRu: \"РК\", nameKz: \"РК\" };\r\n break;\r\n case 2:\r\n ntobj = { nameRu: \"Область\", nameKz: \"Облысы\" };\r\n break;\r\n case 3:\r\n ntobj = { nameRu: \"Район\", nameKz: \"Ауданы\" };\r\n break;\r\n case 4:\r\n ntobj = { nameRu: \"Организация\", nameKz: \"Ұйымдастыру\" };\r\n break;\r\n default:\r\n }\r\n this.props.handleCommit({\r\n year: this.state.year,\r\n period: this.props.nsi.periods.filter(p => p.kper === this.state.kper)[0],\r\n raz: this.props.nsi.sprraz.filter(p => p.kod === this.state.kraz)[0],\r\n tobj: { kod: this.state.tobj, ...ntobj },\r\n obl: this.state.obl,\r\n raion: this.state.raion,\r\n org: this.state.org,\r\n form: this.state.form,\r\n table: this.state.table,\r\n isPostr: this.state.isPostr\r\n });\r\n this.props.handleHide();\r\n }\r\n onSelectYear = (e) => {\r\n let year = parseInt(e.target.value, 10);\r\n this.setState({ year });\r\n }\r\n onSelectKper = (e) => {\r\n let kper = parseInt(e.target.value, 10);\r\n let kraz = getFirstRaz(kper, this.props);\r\n let { form, table } = getFirstFormTable(kper, this.props);\r\n if (kraz == null) {\r\n if (form == null) {\r\n this.setState({ kper });\r\n } else {\r\n this.setState({ kper, form, table });\r\n }\r\n } else {\r\n if (form == null) {\r\n this.setState({ kper, kraz });\r\n } else {\r\n this.setState({ kper, kraz, form, table });\r\n }\r\n }\r\n }\r\n onSelectKraz = (e) => {\r\n let kraz = parseInt(e.target.value, 10);\r\n this.setState({ kraz });\r\n }\r\n onChangeIsPostr = (e) => {\r\n let isPostr = e.target.value === 'true';\r\n this.setState({ isPostr });\r\n }\r\n /*\r\n filterRaz = (accessRaz, kod) => {\r\n if (accessRaz.length > 0) {\r\n if (this.state.kraz === 4) {\r\n return accessRaz.filter(f => f.isGod===true && f.raz === kod).length > 0;\r\n } else {\r\n return accessRaz.filter(f => f.isMes === true && f.raz === kod).length > 0;\r\n }\r\n }\r\n return true;\r\n }\r\n */\r\n render() {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n }\r\n}\r\nexport default connect(\r\n state => state,\r\n dispatch => bindActionCreators(actionCreators, dispatch)\r\n)(SelectTableForEdit);\r\n","import React, { useState, Fragment, useEffect } from 'react';\r\nimport { bindActionCreators } from 'redux';\r\nimport { connect } from 'react-redux';\r\nimport { cloneDeep } from 'lodash';\r\nimport * as FileSaver from 'file-saver';\r\nimport { Translate, I18n } from 'react-redux-i18n';\r\nimport { Button, ButtonGroup, Table, Modal, Row, Col, Alert, OverlayTrigger, Tooltip } from 'react-bootstrap';\r\n\r\n//import * from 'bootstrap-icons';\r\n//import { LinkContainer } from 'react-router-bootstrap';\r\nimport NumberFormat from 'react-number-format';\r\n\r\nimport { actionCreators as actionUsrInfo } from '../../store/UserInfo';\r\nimport { actionCreators as actionNsi } from '../../store/Nsi';\r\nimport { getNameLocalize } from '../Constants';\r\n\r\nimport './TableView.css';\r\n\r\nfunction TableView2(props) {\r\n const [mode, setMode] = useState('view');\r\n const [activeTabKey, setActiveTabKey] = useState('data');\r\n const [isLoading, setIsLoading] = useState(false);\r\n const [dataStore, setDataStore] = useState();\r\n const [showConfirmDelete, setShowConfirmDelete] = useState(false);\r\n const [isAutoCalc, setIsAutoCalc] = useState(true);\r\n //const [showWait, setShowWait] = useState(false);\r\n useEffect(() => {\r\n setDataStore(props.storeData);\r\n setIsAutoCalc(props.storeData.kf != \"70\" && props.storeData.kf != \"71\" && props.storeData.kf != \"72\" && props.storeData.kf != \"73\" && props.storeData.kf != \"74\"); \r\n }, [props.tiks]);\r\n\r\n const setEditMode = (e) => {\r\n e.preventDefault();\r\n setMode(\"edit\");\r\n setActiveTabKey('data');\r\n }\r\n const saveData = (e) => {\r\n e.preventDefault();\r\n props.saveData(dataStore);\r\n setMode(\"view\");\r\n }\r\n const cancelData = (e) => {\r\n e.preventDefault();\r\n setMode(\"view\");\r\n setDataStore(cloneDeep(props.storeData));\r\n // this.setState({ mode: 'view', dataStore: this.cloneRows(this.props.storeData) });\r\n }\r\n const printData = (e) => {\r\n e.preventDefault();\r\n if (activeTabKey === 'data') {\r\n //печать данных формы\r\n props.printData();\r\n } else {\r\n //печать результатов контроля\r\n props.printControl();\r\n }\r\n }\r\n const createExcelForm = (e) => {\r\n e.preventDefault();\r\n fetchExcel(dataStore);\r\n }\r\n const fetchExcel = async (p) => {\r\n setIsLoading(true);\r\n let absoluteUrl = `${document.location.protocol}//${document.location.host}/generate/Excel/${p.year}/${p.period}/${p.raz}/${p.tobj}/${p.kobj}/${p.kf}/${props.i18n.locale.substr(0, 2)}`;\r\n let fileName = `${p.year}_${p.period}_${p.raz}_${p.tobj}_${p.kobj}_${p.kf}.xlsx`;\r\n const response = await fetch(absoluteUrl, {\r\n credentials: 'include',\r\n method: 'GET',\r\n headers: {\r\n 'Authorization': `Bearer ${props.userInfo.user.token}`\r\n }\r\n });\r\n if (response.ok) { // если HTTP-статус в диапазоне 200-299\r\n // получаем тело ответа (см. про этот метод ниже)\r\n const blob = await response.blob();\r\n FileSaver.saveAs(blob, fileName);\r\n setIsLoading(false);\r\n } else {\r\n alert(\"Ошибка HTTP: \" + response.status);\r\n setIsLoading(false);\r\n }\r\n }\r\n const statusUpdate = () => {\r\n if (props.storeData.statusUpdate !== undefined) {\r\n if (props.storeData.statusUpdate.successed)\r\n return (
);\r\n else\r\n return (
);\r\n }\r\n return ('');\r\n }\r\n const statusDelete = () => {\r\n if (props.work.statusDelete != null) {\r\n if (props.work.statusDelete.successed===true)\r\n return ('')//(
);\r\n else\r\n return (
);\r\n }\r\n return ('');\r\n }\r\n\r\n const confirmDelete = (e) => {\r\n e.preventDefault();\r\n setShowConfirmDelete(true);\r\n }\r\n const handleCloseConfirmDelete = (e) => {\r\n e.preventDefault();\r\n setShowConfirmDelete(false);\r\n }\r\n const deleteData = (e) => {\r\n e.preventDefault();\r\n props.deleteData();\r\n setShowConfirmDelete(false);\r\n }\r\n\r\n const renderPostr = () => {\r\n return (\r\n \r\n \r\n Строка {mode === 'edit' && dataStore != null && dataStore.controlCells.length > 0 ? <> \r\n Колонка \r\n Значение \r\n \r\n \r\n \r\n {dataStore.rows.map(r => renderRowPostr(r))}\r\n \r\n
);\r\n }\r\n const renderRowPostr = (r) => {\r\n let strs = dataStore.strs;\r\n let str = strs.filter((s) => r.kstr === s.kstr)[0];\r\n let isNotHeader = str.kstr !== ' ' && str.kstr !== ' ' && str.kstr !== ' ';\r\n if (isNotHeader === true) {\r\n let countCol = r.values.length;\r\n return r.values.map((v, i) => renderColPostr(v, i, str, countCol));\r\n } else\r\n return ({`${str.nstr == null ? \" \" : str.nstr + \" \"}(${str.kstr})`} {getNameLocalize(props.i18n, str)} {i === 0 ? {`${str.nstr == null ? \" \" : str.nstr + \" \"}(${str.kstr})`} {getNameLocalize(props.i18n, str)} : undefined}{gr.kgr} {getNameLocalize(props.i18n, gr)} \r\n {getControlNumber(v, str.kstr, v.kgr)} );\r\n }\r\n\r\n const renderTable = () => {\r\n return (\r\n
\r\n
\r\n
\r\n {dataStore.grs.map((g) => {\r\n let name = getNameLocalize(props.i18n, g);\r\n return
{g.kgr} {name}
\r\n })}\r\n
\r\n {dataStore.rows.map(r => renderRowTable(r))}\r\n
\r\n {isNotHeader === true ?
{getNameLocalize(props.i18n, str)}
:\r\n
{str.nstr}
}\r\n {isNotHeader === true ?
{`${str.nstr == null ? \" \" : str.nstr + \" \"}(${str.kstr})`}
:
{`${str.nstr == null ? \" \" : str.nstr + \" \"}(${str.kstr})`}
}\r\n {dataStore.grs.map((gr) => {\r\n let agraf = r.values.filter(f => f.str === str.kstr && f.kgr === gr.kgr);\r\n if (agraf != null && agraf.length > 0) {\r\n let v = agraf[0];\r\n return
{getControlNumber(v, str.kstr, v.kgr)}
;\r\n } else\r\n return (
);\r\n })}\r\n
X ;\r\n }\r\n let style = { color: v.vl === v.originalVl ? 'black' : 'blue' };\r\n if (v.controlCell == null || v.controlCell.length === 0) {\r\n return NumberCtrl(v.vl, keyinput, style);\r\n } else {\r\n let noError = true;\r\n var itogs = calcItog(v.controlCell);\r\n let nv = v.vl === null ? 0 : Number(v.vl).toFixed(3);\r\n let aSylesFormuls = [];\r\n for (var i in itogs) {\r\n if (itogs[i] != nv) {\r\n noError = false;\r\n aSylesFormuls.push({ color: \"white\", backgroundColor: \"red\" });\r\n } else {\r\n aSylesFormuls.push({ color: \"black\", backgroundColor: \"lightgreen\" });\r\n }\r\n }\r\n //let cls = itogs[i] === v.vl || (v.vl == null && itogs[i]===0)? \"tooltip-success\" : \"tooltip-danger\";\r\n if (noError === false)\r\n style = { color: \"white\", backgroundColor: \"red\" };\r\n else\r\n style = { color: \"black\", backgroundColor: \"lightgreen\" };\r\n return \r\n \r\n {v.controlCell.map((m, i) =>
{m.k2}
{m.formul}
\r\n {nv != itogs[i] ?
{nv}!={itogs[i]}
: \"\"}\r\n
)}\r\n
\r\n }\r\n }\r\n const NumberCtrl = (vl, keyinput, style) => {\r\n if (mode === \"edit\") {\r\n if (isAutoCalc === true)\r\n return valueChange(values, keyinput)} onKeyDown={handleKeyPress}\r\n key={keyinput} id={keyinput} value={vl} style={style} />\r\n else\r\n return onBlur(evt, keyinput)} onKeyDown={handleKeyPress}\r\n key={keyinput} id={keyinput} value={vl} style={style} />\r\n } else {\r\n return {vl > 0 ? new Intl.NumberFormat(\"ru-RU\").format(vl):vl}
//{/**/ };\r\n }\r\n //thousandSeparator={' '}\r\n }\r\n const calcItog = (controlCell, data) => {\r\n let sum = [];\r\n let ds = data != null ? data : dataStore;\r\n for (var j in controlCell) {\r\n let srcCells = controlCell[j].srcCells;\r\n let s = 0;\r\n for (var i in srcCells) {\r\n let cell = srcCells[i];\r\n let dr = ds.rows.filter(r => r.kstr === cell.r);\r\n if (dr.length > 0) {\r\n let dc = dr[0].values.filter(c => c.kgr === cell.c);\r\n if (dc.length > 0 && dc[0].vl > 0)\r\n if (cell.s === \"-\")\r\n s = s - Number(dc[0].vl);\r\n else\r\n s = s + Number(dc[0].vl);\r\n }\r\n }\r\n sum.push(s.toFixed(3));\r\n }\r\n return sum;\r\n }\r\n const onBlur = (evt, id) => {\r\n let vstr = evt.target.value == null ? \"0.0\" : evt.target.value.trim();\r\n var vl = parseFloat(vstr);\r\n let ar = id.split('_');\r\n let kstr = ar[0];\r\n let kgr = ar[1];\r\n let ds = cloneDeep(dataStore);\r\n let row;\r\n let col;\r\n row = ds.rows.filter((r) => r.kstr === kstr)[0];\r\n col = row.values.filter((c) => c.kgr === kgr && c.str === kstr)[0];\r\n col.vl = vl;\r\n if (isAutoCalc === true && (col.controlCell == null || col.controlCell.length === 0)) {\r\n recalcPart(ds);\r\n }\r\n setDataStore(ds);\r\n }\r\n const valueChange = (values, id) => {\r\n let vl = values.floatValue === undefined ? 0.0 : values.floatValue;\r\n let ar = id.split('_');\r\n let kstr = ar[0];\r\n let kgr = ar[1];\r\n let ds = cloneDeep(dataStore);//this.cloneRows(this.state.dataStore);\r\n let row;\r\n let col;\r\n row = ds.rows.filter((r) => r.kstr === kstr)[0];\r\n col = row.values.filter((c) => c.kgr === kgr && c.str === kstr)[0];\r\n col.vl = vl;\r\n if (isAutoCalc===true && (col.controlCell == null || col.controlCell.length === 0)) {\r\n recalcPart(ds);\r\n }\r\n setDataStore(ds);\r\n }\r\n const handleKeyPress = (e) => {\r\n if (e.keyCode === 13) {\r\n e.preventDefault(); // Prevent form submission if button present\r\n let next = e.target.parentNode.nextSibling;\r\n if (next != null) {\r\n e.target.blur();\r\n next.firstChild.focus();\r\n return;\r\n } else {\r\n let nextRow = e.target.parentNode.parentNode.nextSibling;\r\n if (nextRow != null) {\r\n if (props.isPostr === true) {\r\n if (nextRow.children[1].children[0] != null) {\r\n if (nextRow.children[1].children[0].focus != null) {\r\n e.target.blur();\r\n nextRow.children[1].children[0].focus();\r\n return;\r\n }\r\n } else if (nextRow.children[2].children[0] != null) {\r\n if (nextRow.children[2].children[0].focus != null) {\r\n e.target.blur();\r\n nextRow.children[2].children[0].focus();\r\n return;\r\n }\r\n }/*else {\r\n\r\n }*/\r\n } else {\r\n if (nextRow.children[2].firstChild.focus != null) {\r\n e.target.blur();\r\n nextRow.children[2].firstChild.focus();\r\n return;\r\n } /*else {\r\n\r\n }*/\r\n }\r\n }\r\n }\r\n }\r\n }\r\n const IsVisibleEdit = (ds) => {\r\n switch (props.userInfo.user.accessLevel) {\r\n case 1://РК\r\n return ds.statusRk != 2 && ds.statusTableRk != 2 && ds.statusTableObl != 2;\r\n case 2://Область\r\n if (ds.tobj === 4 && ds.kobj === props.userInfo.user.kodOrg)\r\n return ds.statusRk != 2 && ds.statusTableRk != 2 && ds.statusTableObl != 2;\r\n //11.02.2025 форма 30 область может редактировать только себя если не readonly и не заболокирована РК\r\n //18.02.2025 форма 47 область может редактировать только себя если не readonly и не заболокирована РК\r\n else if (ds.tobj === 2 && ds.kobj === props.userInfo.user.kodObl && (ds.kf == \"30\" || ds.kf == \"47\") && ds.year==2024) \r\n return ds.statusRk != 2 && ds.statusTableRk != 2;\r\n //else if (ds.tobj === 3)//районы не редактруются\r\n // return false;\r\n else //редактрование организаций\r\n return ds.statusRk != 2 && ds.statusTableRk != 2 && (ds.statusTableObl === 2 || ds.statusObl === 2);\r\n default:\r\n return ds.statusRk != 2 && ds.statusTableRk != 2 && ds.statusTableObl != 2;\r\n }\r\n return true;\r\n }\r\n if (dataStore == null || dataStore.rows == undefined)\r\n return ('');\r\n let isAdminData = props.userInfo.user.roles.filter(r => r === 'AdminEditData').length > 0 ? true : false;\r\n let isReadData = props.userInfo.user.roles.filter(r => r === 'UserReadData').length > 0 ? true : dataStore.readOnly;\r\n let visibleEdit = IsVisibleEdit(dataStore);\r\n\r\n return \r\n {statusUpdate()}\r\n {statusDelete()}\r\n
\r\n {mode === 'view' ? \r\n props.selectParam()}> {' '}\r\n {isReadData === false && visibleEdit === true ? : ''}\r\n {mode === 'edit' ? \r\n : ''}\r\n \r\n
\r\n {((props.isAvariableDelete === true && visibleEdit === true) || (isAdminData === true && mode === 'view')) ? \r\n : ''}\r\n \r\n {isReadData === false && dataStore.statusTableRk === 2 && props.userInfo.user.accessLevel!=1 ? <>
: \"\"}\r\n {isReadData === false && dataStore.statusTableObl === 2 && props.userInfo.user.accessLevel != 2 ? <>
: \"\"}\r\n {isReadData === false && dataStore.statusRk === 2 && props.userInfo.user.accessLevel != 1?
: \"\"}\r\n {isLoading ?
{' '}
: ''}\r\n {/*{props.storeData.statusUpdate != null && props.storeData.statusUpdate.error != null ?
\r\n {props.storeData.statusUpdate.error} \r\n \r\n
: ''}\r\n {props.storeData.statusDelete != null && props.storeData.statusDelete.error != null ?
\r\n {props.storeData.statusDelete.error} \r\n \r\n
: ''}*/}\r\n {props.isPostr === true ? renderPostr() : renderTable()}\r\n
\r\n \r\n \r\n \r\n |
\r\n \r\n \r\n \r\n \r\n {/*{showWait ?
\r\n \r\n \r\n : \"\"}*/}\r\n \r\n ;\r\n }\r\n}\r\nexport default connect(\r\n state => state,\r\n //dispatch => bindActionCreators(actionCreators, dispatch)\r\n dispatch => bindActionCreators({ ...actionCreatorsNsi, ...actionCreatorsWork }, dispatch)\r\n)(OpenForm);","import React, { Fragment, useState, useEffect } from 'react';\r\nimport { bindActionCreators } from 'redux';\r\nimport { connect } from 'react-redux';\r\nimport { Form, ControlLabel, FormControl, Row, Col, Button, FormGroup } from 'react-bootstrap';\r\nimport { Translate } from 'react-redux-i18n';\r\nimport { actionCreators } from '../../store/Nsi';\r\n//import { getNameLocalize } from '../Constants';\r\n\r\nfunction SelectClassMkb(props) {\r\n const [classMkb, setClassMkb] = useState();\r\n const [listClassMkbs, setListClassMkbs] = useState([]);\r\n useEffect(() => {\r\n let fetch = async () => {\r\n if (props.kf != null && props.ktab != null) {\r\n let clMkbs = await props.getClassMkb(props.kf,props.ktab);\r\n if (clMkbs != null && clMkbs.length>0) {\r\n setListClassMkbs(clMkbs);\r\n setClassMkb(clMkbs[0]);\r\n props.selectMkbClass(clMkbs[0]);\r\n return;\r\n }\r\n }\r\n setListClassMkbs([]);\r\n setClassMkb(null);\r\n props.selectMkbClass(null);\r\n }\r\n fetch();\r\n }, [props.kf, props.ktab]);\r\n const onSelectClassMkb = (evt) => {\r\n let classMkb = evt.target.value;\r\n setClassMkb(classMkb);\r\n props.selectMkbClass(classMkb);\r\n }\r\n return \r\n \r\n \r\n {listClassMkbs.map((c) => {c} )}\r\n \r\n \r\n
\r\n}\r\nexport default connect(\r\n state => state,\r\n dispatch => bindActionCreators(actionCreators, dispatch)\r\n)(SelectClassMkb);","import React, { Component, Fragment } from 'react';\r\nimport { bindActionCreators } from 'redux';\r\nimport { connect } from 'react-redux';\r\nimport { Translate, I18n } from 'react-redux-i18n';\r\nimport { Button, ButtonGroup, Table, Modal, Row, Col, Alert } from 'react-bootstrap';\r\nimport NumberFormat from 'react-number-format';\r\n\r\nimport { actionCreators } from '../../store/UserInfo';\r\nimport { getNameLocalize } from '../Constants';\r\n\r\nimport './TableViewPstr.css';\r\n//import ResultControl from './ResultControl';\r\n//import { ExportCSV } from './ExportCSV';\r\n//import { ExportReactCSV } from './ExportReactCSV';\r\n\r\nclass TableViewPstr extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n mode: 'view', dataStore: this.props.storeData, statusUpdate: this.props.statusUpdate, activeTabKey: 'data', showConfirmDelete: false\r\n };\r\n }\r\n componentWillReceiveProps(nextProps) {\r\n this.setState({ dataStore: nextProps.storeData, statusUpdate: nextProps.statusUpdate });\r\n }\r\n saveData = (e) => {\r\n e.preventDefault();\r\n this.props.saveDataTable(this.state.dataStore);\r\n this.setState({ mode: 'view' });\r\n }\r\n deleteData = (e) => {\r\n e.preventDefault();\r\n this.props.deleteDataTable();\r\n this.setState({ showConfirmDelete: false });\r\n }\r\n setEditMode = (e) => {\r\n e.preventDefault();\r\n this.setState({ mode: 'edit', activeTabKey: 'data' });\r\n }\r\n cancelData = (e) => {\r\n e.preventDefault();\r\n this.setState({ mode: 'view', dataStore: this.cloneRows(this.props.storeData) });\r\n }\r\n controlData = (e) => {\r\n e.preventDefault();\r\n this.setState({ activeTabKey: 'control' });\r\n this.props.controlData(/*this.state.dataStore*/);\r\n }\r\n printData = (e) => {\r\n e.preventDefault();\r\n if (this.state.activeTabKey === 'data') {\r\n //печать данных формы\r\n this.props.printData();\r\n } else {\r\n //печать результатов контроля\r\n this.props.printControl();\r\n }\r\n }\r\n cloneRows = (dataStore) => {\r\n let rows = dataStore.rows.map(r => {\r\n let values = r.values.map(v => { return { vl: v.vl, originalVl: v.originalVl, kgr: v.kgr, str: v.str }; });\r\n return { kstr: r.kstr, values: values };\r\n });\r\n let dataStoreM = { ...dataStore, rows };\r\n return dataStoreM;\r\n }\r\n changeValue = (e) => {\r\n if (e.target.value === '-') {\r\n return;\r\n }\r\n let id = e.target.id;\r\n let vl = e.target.value !== '' ? parseFloat(e.target.value) : NaN;\r\n let ar = id.split('_');\r\n let kstr = ar[0];\r\n let kgr = ar[1];\r\n let dataStore = this.cloneRows(this.state.dataStore);\r\n let row;\r\n let col;\r\n if (!Array.prototype.find) {\r\n row = dataStore.rows.filter((r) => r.kstr === kstr)[0];\r\n col = row.values.filter((c) => c.kgr === kgr && c.str === kstr)[0];\r\n } else {\r\n row = dataStore.rows.find((r) => r.kstr === kstr);\r\n col = row.values.find((c) => c.kgr === kgr && c.str === kstr);\r\n }\r\n col.vl = vl;\r\n this.setState({ dataStore });\r\n }\r\n valueChange = (values, id) => {\r\n let vl = values.floatValue === undefined ? 0.0 : values.floatValue;\r\n let ar = id.split('_');\r\n let kstr = ar[0];\r\n let kgr = ar[1];\r\n let dataStore = this.cloneRows(this.state.dataStore);\r\n let row;\r\n let col;\r\n if (!Array.prototype.find) {\r\n row = dataStore.rows.filter((r) => r.kstr === kstr)[0];\r\n col = row.values.filter((c) => c.kgr === kgr && c.str === kstr)[0];\r\n } else {\r\n row = dataStore.rows.find((r) => r.kstr === kstr);\r\n col = row.values.find((c) => c.kgr === kgr && c.str === kstr);\r\n }\r\n col.vl = vl;\r\n this.setState({ dataStore });\r\n }\r\n statusUpdate = () => {\r\n if (this.props.storeData.statusUpdate !== undefined) {\r\n if (this.props.storeData.statusUpdate.successed)\r\n return (
);\r\n else\r\n return (
);\r\n }\r\n return ('');\r\n }\r\n renderRowTable = (r) => {\r\n let strs = this.state.dataStore.strs;\r\n let str = strs.filter((s) => r.kstr === s.kstr)[0];\r\n let isNotHeader = str.kstr !== ' ' && str.kstr !== ' ' && str.kstr !== ' ';\r\n return (\r\n {isNotHeader === true ?
{getNameLocalize(this.props.i18n, str)}
:\r\n
{str.nstr}
}\r\n {isNotHeader === true ?
{str.kstr}
:
{str.kstr}
}\r\n {this.state.dataStore.grs.map((gr) => {\r\n let agraf = r.values.filter(f => f.str === str.kstr && f.kgr === gr.kgr);\r\n if (agraf != null && agraf.length > 0) {\r\n let v = agraf[0];\r\n let keyinput = `${str.kstr}_${v.kgr}`;\r\n return (
{this.state.mode === 'edit' ?\r\n this.valueChange(values, keyinput)}\r\n key={keyinput} id={keyinput} value={v.vl} style={{ color: v.vl === v.originalVl ? 'black' : 'blue' }} /> :\r\n
);\r\n } else\r\n return (
);\r\n })}\r\n
\r\n
{getNameLocalize(this.props.i18n, ob)}
\r\n {this.state.dataStore.grs.map((gr) => {\r\n let agraf = param.r.values.filter(f => f.str === param.kstr && f.kgr === gr.kgr);\r\n if (agraf != null && agraf.length > 0) {\r\n let v = agraf[0];\r\n let keyinput = `${param.kstr}_${param.r.kObj}_${v.kgr}`;\r\n return (
\r\n {this.state.mode === 'edit' ?\r\n this.valueChange(values, keyinput)}\r\n key={keyinput} id={keyinput} value={v.vl} style={{ color: v.vl === v.originalVl ? 'black' : 'blue' }} /> :\r\n
);\r\n } else {\r\n return
\r\n }\r\n })}\r\n
{param.kstr}
\r\n renderItog = (params) => {\r\n return (
\r\n {this.state.dataStore.grs.map((gr) => {\r\n return
{this.renderGrItog({ kstr: params.kstr, kgr: gr.kgr })}
;\r\n })}\r\n
\r\n
\r\n
\r\n {this.state.dataStore.grs.map((g) => {\r\n return
{g.kgr} {getNameLocalize(this.props.i18n, g)}
\r\n })}\r\n
\r\n {this.state.dataStore.strs.map(s => this.renderStrs({ str: s.kstr, nstr: getNameLocalize(this.props.i18n, s) }))}\r\n
Код стр.
\r\n\r\n excelDataCSV = () => {\r\n let dataCSV = [];\r\n /*for (var i = 0; i < this.state.dataStore.rows.length; i++) {\r\n let row = {};\r\n let r = this.state.dataStore.rows[i];\r\n let s = this.state.dataStore.strs[i];\r\n let isNotHeader = s.kstr !== ' ' && s.kstr !== ' ' && s.kstr !== ' ';\r\n row[\"Показатели\"] = s.nameRu;\r\n row[\"Код стр.\"] = s.kstr;\r\n for (var j in this.state.dataStore.grs) {\r\n let g = this.state.dataStore.grs[j];\r\n let gr = g.kgr + ' ' + g.nameRu;\r\n let agraf = r.values.filter(f => f.str === s.kstr && f.kgr === g.kgr);\r\n if (agraf != null && agraf.length > 0 && isNotHeader === true && agraf[0].vl != null) {\r\n row[gr] = agraf[0].vl;\r\n } else {\r\n row[gr] = '';\r\n }\r\n\r\n }\r\n dataCSV.push(row);\r\n }\r\n */\r\n return dataCSV;\r\n }\r\n fileName = () => {\r\n let d = this.state.dataStore;\r\n return `b_ ${d.raz}_${d.year}_${d.period}_${d.tobj}_${d.kobj}_${d.kf}_${d.kt}`;\r\n }\r\n fileNamePstr = () => {\r\n let d = this.state.dataStore;\r\n return `s_ ${d.raz}_${d.year}_${d.period}_${d.tobj}_${d.kobj}_${d.kf}_${d.kt}`;\r\n }\r\n renderPostr = () => {\r\n return (\r\n \r\n \r\n Строка \r\n Колонка \r\n Значение \r\n \r\n \r\n \r\n {this.state.dataStore.rows.map(r => this.renderRowPostr(r))}\r\n \r\n
);\r\n }\r\n excelDataCSVPstr = () => {\r\n let dataCSV = [];\r\n for (var i = 0; i < this.state.dataStore.rows.length; i++) {\r\n let r = this.state.dataStore.rows[i];\r\n let s = this.state.dataStore.strs[i];\r\n let isNotHeader = s.kstr !== ' ' && s.kstr !== ' ' && s.kstr !== ' ';\r\n for (var j = 0; j < this.state.dataStore.grs.length; j++) {\r\n let row = {};\r\n row[\"Строка\"] = j === 0 ? s.nameRu : '';\r\n let g = this.state.dataStore.grs[j];\r\n let gr = g.kgr + ' ' + g.nameRu;\r\n row[\"Колонка\"] = gr;\r\n let agraf = r.values.filter(f => f.str === s.kstr && f.kgr === g.kgr);\r\n if (agraf != null && agraf.length > 0 && isNotHeader === true && agraf[0].vl != null) {\r\n row[\"Значение\"] = agraf[0].vl;\r\n } else {\r\n row[\"Значение\"] = '';\r\n }\r\n dataCSV.push(row);\r\n }\r\n }\r\n return dataCSV;\r\n }\r\n renderRowPostr = (r) => {\r\n let strs = this.state.dataStore.strs;\r\n let str = strs.filter((s) => r.kstr === s.kstr)[0];\r\n let isNotHeader = str.kstr !== ' ' && str.kstr !== ' ' && str.kstr !== ' ';\r\n if (isNotHeader === true) {\r\n let countCol = r.values.length;\r\n return r.values.map((v, i) => this.renderColPostr(v, i, str, countCol));\r\n } else\r\n return ({str.kstr} {getNameLocalize(this.props.i18n, str)} {i === 0 ? {str.kstr} {getNameLocalize(this.props.i18n, str)} : undefined}{gr.kgr} {getNameLocalize(this.props.i18n, gr)} {this.state.mode === 'edit' ?\r\n this.changeValue(values, keyinput)} key={`${str.kstr}_${v.kgr}`} id={`${str.kstr}_${v.kgr}`}\r\n className=\"inputData\" value={v.vl} style={{ color: v.vl === v.originalVl ? 'black' : 'blue' }} /> :\r\n );\r\n }\r\n\r\n handleCloseConfirmDelete = (e) => {\r\n e.preventDefault();\r\n this.setState({ showConfirmDelete: false });\r\n }\r\n ConfirmDelete = (e) => {\r\n e.preventDefault();\r\n this.setState({ showConfirmDelete: true });\r\n }\r\n render() {\r\n if (this.state.dataStore == null /*|| this.state.dataStore.rows === undefined*/) {\r\n return ('');\r\n }\r\n //let isAdminData = this.props.user.roles.filter(r => r === 'AdminEditData').length > 0 ? true : false;\r\n //let isReadData = this.props.user.roles.filter(r => r === 'UserReadData').length > 0 ? true : this.state.dataStore.readOnly;\r\n return (\r\n \r\n {this.statusUpdate()}\r\n
\r\n \r\n {this.state.statusUpdate != null && this.state.statusUpdate.error != null ?
\r\n {this.state.statusUpdate.error} \r\n \r\n
: ''}\r\n {this.props.isPostr === true ? this.renderPostr() : this.renderTable()}\r\n
\r\n \r\n \r\n \r\n |
\r\n \r\n \r\n \r\n \r\n
\r\n {this.state.mode === 'view' ? \r\n this.props.selectParam()}>Выбрать {' '}\r\n {isReadData === false ? Редактировать : ''}\r\n {' '} : ''}\r\n {this.state.mode === 'edit' ? \r\n Сохранить {' '}\r\n Отменить : ''}\r\n \r\n \r\n {isAdminData === true && this.state.mode === 'view' ? Удалить : ''}\r\n {this.state.mode === 'view' ? \r\n Печать \r\n {this.props.isPostr === true ? : ''}\r\n \r\n */ ","import React, { Fragment } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { getNameLocalize } from '../Constants';\r\n\r\n//const filterRaz = (user, kod) => {\r\n// return user.accessLevel !== 4 || kod === 3 || kod === 4 || kod === 5 || kod === 6 || kod === 12 || kod === 23 || kod === 24 || kod === 25;\r\n//};\r\nconst FilterRazOptions = props => (\r\n \r\n {props.nsi.sprraz/*.filter(f => filterRaz(props.userInfo.user, f.kod))*/.map(it => {getNameLocalize(props.i18n, it)} )}\r\n \r\n);\r\n\r\nexport default connect(\r\n state => state,\r\n)(FilterRazOptions);\r\n","import React, { Component, Fragment } from 'react';\r\nimport { bindActionCreators } from 'redux';\r\nimport { connect } from 'react-redux';\r\nimport { Translate, I18n } from 'react-redux-i18n';\r\nimport * as FileSaver from 'file-saver';\r\nimport { Collapse, Form, Panel, Row, Col, FormGroup, FormControl, ControlLabel, Button, ButtonGroup } from 'react-bootstrap';\r\n\r\nimport SelectFormTable from '../common/SelectFormTable';\r\nimport SelectObject from '../common/SelectObject';\r\nimport SelectClassMkb from '../common/SelectClassMkb';\r\nimport { actionCreators as actionCreatorsWorkPstr } from '../../store/WorkPstr';\r\nimport { actionCreators as actionCreatorsNsi } from '../../store/Nsi';\r\nimport TableViewPstr from './TableViewPstr';\r\nimport { getNameLocalize, /*periods,*/ years, getCurrentYear, forms12Quart } from '../Constants';\r\n\r\nimport FilterRazOptions from '../common/FilterRazOptions';\r\nimport { string } from 'prop-types';\r\n\r\n\r\nclass OpenFormPstr extends Component {\r\n constructor(props) {\r\n super(props);\r\n let nowYear = getCurrentYear();\r\n this.state = {\r\n year: props.year !== undefined ? props.year : nowYear,\r\n kper: 4,//период\r\n kraz: 1,//this.props.userInfo.user.accessLevel !== 4 ? 1 : 3, //разрез\r\n form: { kf: \"01\", nameRu: \"Численность постоянного населения РК\", nameKz: \"Қазақстан Республикасының тұрақты тұрғындары\" },\r\n table: { kf: \"01\", ktab: \"0001\", nameRu: \"Постоянное население Республики Казахстан\", nameKz: \"Қазақстан Республикасының тұрақты тұрғындары\" },\r\n tobj: props.userInfo.user.accessLevel, // тип обьекта 1 – РК; 2 – область; 3 - район; 4 - организация (доступ зависит от пользователя)\r\n obl: undefined,\r\n raion: undefined,\r\n strObj: 0, //0- районы, 1- организации, построчку показывать в разрезе организаций, иначе в разрезе районов, только для tobj=2 - область \r\n isChilds: 0, //0- по району, 1- по подчиненым организациям\r\n isShowParams: true,\r\n isLoadingExcel: false,\r\n krazd: undefined,\r\n classMkb: undefined\r\n };\r\n if (props.nsi.allsprtab.length === 0) {\r\n props.getNs('allsprtab');\r\n }\r\n if (props.nsi.sprform.length === 0) {\r\n props.getNs('sprform');\r\n }\r\n if (props.nsi.periods.length === 0) {\r\n props.getNs('periods');\r\n }\r\n if (props.nsi.sprraz.length === 0) {\r\n props.getNs('sprraz');\r\n }\r\n if (props.nsi.sprrazdel.length === 0) {\r\n props.getNs('sprrazdel');\r\n }\r\n this.onOpenTable = this.onOpenTable.bind(this);\r\n this.handleShow = this.handleShow.bind(this);\r\n this.handleHide = this.handleHide.bind(this);\r\n this.printExcel = this.printExcel.bind(this);\r\n this.selectMkbClass = this.selectMkbClass.bind(this);\r\n this.selTable = this.selTable.bind(this);\r\n this.setTobj = this.setTobj.bind(this);\r\n //this.onControlForm = this.onControlForm.bind(this)\r\n //this.onSelectForm = this.onSelectForm.bind(this);\r\n }\r\n mode() {\r\n if (this.state.isShowParams === true) {\r\n return \"show\";\r\n }\r\n return \"hide\";\r\n }\r\n handleShow() {\r\n let isShowParams = !this.state.isShowParams;\r\n this.setState({ isShowParams });\r\n }\r\n handleHide() {\r\n this.setState({ isShowParams: false });\r\n }\r\n getNamePeriod = () => {\r\n switch (this.state.kper) {\r\n case 1:\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 {this.props.workPstr.isLoading === true ? \r\n {' '}
: ''}\r\n ;\r\n }\r\n}\r\nexport default connect(\r\n state => state,\r\n dispatch => bindActionCreators({ ...actionCreatorsNsi, ...actionCreatorsWorkPstr }, dispatch)\r\n)(OpenFormPstr);","import React, { Component, Fragment } from 'react';\r\nimport { bindActionCreators } from 'redux';\r\nimport { connect } from 'react-redux';\r\nimport { FormGroup, FormControl, ControlLabel, Row, Col, Checkbox, Radio } from 'react-bootstrap';\r\nimport { Translate, I18n } from 'react-redux-i18n';\r\n\r\n//import SelectOrgModal from '../Modals/SelectOrgModal';\r\nimport { Typeahead } from 'react-bootstrap-typeahead';\r\n\r\nimport { actionCreators } from '../../store/Nsi';\r\n//import { getNameLocalize } from '../Constants';\r\n\r\nclass SelectMultiObjects extends Component {\r\n constructor(props) {\r\n super(props);\r\n let kobl, kraion, korg;\r\n let accessLevel = props.userInfo.user.accessLevel;\r\n kobl = props.userInfo.user.kodObl;\r\n props.setObl({ kobl, nameRu: props.userInfo.user.nameObl });\r\n kraion = props.userInfo.user.kodRaion.substring(0, 4);\r\n props.setRaion({ kraion, nameRu: props.userInfo.user.nameRaion });\r\n let korgs = [];\r\n let org = null;\r\n //if (props.userInfo.user.accessLevel === 4) {\r\n korgs.push(props.userInfo.user.kodOrg);\r\n org = { korg: props.userInfo.user.kodOrg, nameRu: props.userInfo.user.nameOrg };\r\n if (props.setOrg != null) props.setOrg(org);\r\n if (props.setOrgs != null) props.setOrgs(korgs);\r\n //}\r\n this.state = {\r\n kobl,\r\n kraion,\r\n kobls:[],\r\n kraions:[],\r\n korgs: korgs,\r\n selectOrg: org,\r\n accessLevel,\r\n tobj: props.userInfo.user.accessLevel,// тип обьекта 1 – РК; 2 – область; 3 - район; 4 - организация (доступ зависит от пользователя)\r\n isSelectAllObls: false,\r\n isSelectAllRaions:false\r\n }\r\n this.typeahead = null;\r\n this.onSelectTobj = this.onSelectTobj.bind(this);\r\n this.onSelectKobl = this.onSelectKobl.bind(this);\r\n this.onSelectKraion = this.onSelectKraion.bind(this);\r\n this.onCheckObl = this.onCheckObl.bind(this);\r\n this.onCheckRaion = this.onCheckRaion.bind(this);\r\n this.onChangeIsAllObls = this.onChangeIsAllObls.bind(this);\r\n this.onChangeIsAllRaions = this.onChangeIsAllRaions.bind(this);\r\n this.onChangeOrg = this.onChangeOrg.bind(this);\r\n this.filterRaion = this.filterRaion.bind(this);\r\n if (props.nsi.allobls.length === 0) props.getNs('allobls');\r\n if (props.nsi.allraions.length === 0) props.getNs('allraions');\r\n if (props.userInfo.user.accessLevel < 4) {\r\n //загрузить организации\r\n if (props.userInfo.user.nomenklKod === \"008\" || props.userInfo.user.nomenklKod === \"049\" || props.userInfo.user.nomenklKod === \"043\") {\r\n props.getNs('orgs', [{ name: \"obl\", value: kobl }, { name: \"parent_kod\", value: props.userInfo.user.kodOrg }]);\r\n } else {\r\n props.getNs('orgs', [{ name: \"obl\", value: kobl }]);\r\n }\r\n }\r\n }\r\n componentWillReceiveProps(nextProps) {\r\n // This method runs when incoming props (e.g., route params) change\r\n if (this.typeahead != null)\r\n this.typeahead.getInstance().clear();\r\n }\r\n onSelectTobj(e) {\r\n let tobj = parseInt(e.target.value, 10);\r\n let kobls = [];\r\n let kraions = [];\r\n let korgs = [];\r\n let org = null;\r\n if (tobj === 2 && this.state.isSelectAllObls === true) {\r\n let obls = this.props.nsi.allobls.filter(o => o.kod !== '01');\r\n for (var i in obls) {\r\n kobls.push(obls[i].kod)\r\n }\r\n this.props.setObls(kobls);\r\n }\r\n if (tobj === 3 && this.state.isSelectAllRaions === true) {\r\n let raions = this.props.nsi.allraions.filter(r => r.obl === this.state.kobl);\r\n for (var i in raions) {\r\n kraions.push(raions[i].idRaion)\r\n }\r\n this.props.setRaions(kraions);\r\n }\r\n if (tobj === 4) {\r\n korgs.push(this.props.userInfo.user.kodOrg);\r\n org = { korg: this.props.userInfo.user.kodOrg, nameRu: this.props.userInfo.user.nameOrg };\r\n if (this.props.setOrg != null) {\r\n this.props.setOrg(org);\r\n }\r\n }\r\n this.setState({ tobj, kobls, kraions, korgs, selectOrg: org });\r\n this.props.setTobj(tobj);\r\n }\r\n onSelectKobl(e) {\r\n let kobl = e.target.value;\r\n let first_raion = this.props.nsi.allraions.filter(r => r.obl === kobl);\r\n let kraions = [];\r\n if (this.state.isSelectAllRaions === true) {\r\n for (var i in first_raion) {\r\n kraions.push(first_raion[i].idRaion);\r\n }\r\n this.props.setRaions(kraions);\r\n }\r\n this.setState({\r\n kobl,\r\n kraion: first_raion === undefined || first_raion.length === 0 ? undefined : first_raion[0].idRaion,\r\n kobls: [], kraions\r\n });\r\n let nameRu = this.props.nsi.allobls.filter(r => r.kod === kobl)[0].nameRu;\r\n this.props.setObl({ kobl, nameRu });\r\n if (this.state.tobj > 3) {\r\n this.typeahead.getInstance().clear();\r\n //загрузить организации\r\n if (this.props.userInfo.user.nomenklKod === \"008\" || this.props.userInfo.user.nomenklKod === \"049\" || this.props.userInfo.user.nomenklKod === \"043\") {\r\n this.props.getNs('orgs', [{ name: \"obl\", value: kobl }, { name: \"parent_kod\", value: this.props.userInfo.user.kodOrg }]);\r\n } else {\r\n this.props.getNs('orgs', [{ name: \"obl\", value: kobl }]);\r\n }\r\n }\r\n }\r\n onSelectKraion(e) {\r\n let kraion = e.target.value;\r\n this.setState({\r\n kraion,\r\n korg: undefined\r\n });\r\n if (this.state.tobj > 3) {\r\n this.typeahead.getInstance().clear();\r\n }\r\n let nameRu = this.props.nsi.allraions.filter(r => r.idRaion === kraion)[0].nameRu;\r\n this.props.setRaion({ kraion, nameRu });\r\n }\r\n getValidationStateObls() {\r\n const length = this.state.kobls.length;\r\n if (length > 0)\r\n return 'success';\r\n if (length === 0) {\r\n return 'error';\r\n }\r\n return null;\r\n }\r\n onCheckObl = (e) => {\r\n let checked = e.target.checked;\r\n let kobl = e.target.value;\r\n let kobls = [...this.state.kobls];\r\n if (checked) {\r\n kobls.push(kobl);\r\n } else {\r\n let ind = kobls.indexOf(kobl);\r\n kobls.splice(ind, 1);\r\n }\r\n this.setState({ kobls });\r\n this.props.setObls(kobls);\r\n }\r\n getValidationStateRaions() {\r\n const length = this.state.kraions.length;\r\n if (length > 0)\r\n return 'success';\r\n if (length === 0) {\r\n return 'error';\r\n }\r\n return null;\r\n }\r\n onCheckRaion = (e) => {\r\n let checked = e.target.checked;\r\n let kraion = e.target.value;\r\n let kraions = [...this.state.kraions];\r\n if (checked) {\r\n kraions.push(kraion);\r\n } else {\r\n let ind = kraions.indexOf(kraion);\r\n kraions.splice(ind, 1);\r\n }\r\n this.setState({ kraions });\r\n this.props.setRaions(kraions);\r\n }\r\n onChangeIsAllObls(e) {\r\n let vl = e.target.value;\r\n let checked = e.target.checked;\r\n if (vl === \"1\" && checked)\r\n this.setState({ isSelectAllObls: false, kobls: [] });\r\n else {\r\n let kobls = [];\r\n let obls = this.props.nsi.allobls.filter(o => o.kod !== '01');\r\n for (var i in obls) {\r\n kobls.push(obls[i].kod);\r\n }\r\n this.setState({ isSelectAllObls: true, kobls });\r\n this.props.setObls(kobls);\r\n }\r\n }\r\n onChangeIsAllRaions(e) {\r\n let vl = e.target.value;\r\n let checked = e.target.checked;\r\n if (vl === \"1\" && checked)\r\n this.setState({ isSelectAllRaions: false, kraions: [] });\r\n else {\r\n let kraions = [];\r\n let raions = this.props.nsi.allraions.filter(r => r.obl === this.state.kobl);\r\n for (var i in raions) {\r\n kraions.push(raions[i].idRaion);\r\n }\r\n this.setState({ isSelectAllRaions: true, kraions });\r\n this.props.setRaions(kraions);\r\n }\r\n }\r\n onChangeOrg(selected) {\r\n if (selected.length > 0) {\r\n let korg = selected[0].kobj;\r\n let selectOrg = { korg, nameRu: selected[0].nameRu }\r\n let nameRu = this.props.nsi.allraions.filter(r => r.idRaion === selected[0].raion)[0].nameRu;\r\n this.setState({ korg, selectOrg, korgs: [selectOrg], kraion: selected[0].raion });\r\n this.props.setRaion({ kraion: selected[0].raion, nameRu });\r\n if (this.props.setOrg != null) this.props.setOrg(selectOrg);\r\n if (this.props.setOrgs != null) this.props.setOrgs([korg]);\r\n return;\r\n }\r\n this.setState({ korg: undefined, selectOrg: undefined });\r\n if (this.props.setOrg != null) this.props.setOrg(undefined);\r\n if (this.props.setOrgs != null) this.props.setOrgs([]);\r\n }\r\n showSelectObl() {\r\n let cssDispl = this.state.tobj > 1 ? \"block\" : \"none\";\r\n if (this.state.tobj === 2) \r\n return \r\n \r\n {this.state.kobl} {this.props.userInfo.user.nameObl}
:\r\n \r\n \r\n \r\n {this.state.isSelectAllObls === true || this.props.nsi.allobls.filter(o=>o.kod!=='01').map(it =>\r\n {it.nameRu} )} }\r\n \r\n \r\n
;\r\n else\r\n return \r\n \r\n {this.state.kobl} {this.props.userInfo.user.nameObl}
:\r\n \r\n {this.props.nsi.allobls.filter(o => o.kod !== '01').map(it => {it.nameRu} )}\r\n }\r\n \r\n \r\n
;\r\n }\r\n filterRaion(rai, year) {\r\n if (year == null) return true;\r\n let ye = typeof year === 'string' ? parseInt(year, 10) : year;\r\n let dtBeg = rai.dtBeg == null ? null : new Date(rai.dtBeg);\r\n if (dtBeg != null && dtBeg.getFullYear() > ye) return false;\r\n let dtEnd = rai.dtEnd == null ? null : new Date(rai.dtEnd);\r\n if (dtEnd != null && ye >= dtEnd.getFullYear()) return false;\r\n return true;\r\n }\r\n showSelectRaions() {\r\n if (this.state.tobj < 3 || this.state.tobj===4)\r\n return ' ';\r\n return \r\n \r\n {this.state.kraion} {this.props.userInfo.user.nameRaion}
:\r\n \r\n \r\n \r\n {this.state.isSelectAllRaions === true || this.props.nsi.allraions.filter(r => r.obl === this.state.kobl && this.filterRaion(r, this.props.year)).map(it =>\r\n {it.nameRu} \r\n )}\r\n }\r\n \r\n \r\n
;\r\n }\r\n showSelectOrg() {\r\n if (this.state.tobj < 4) {\r\n return ' ';\r\n }\r\n if (this.state.tobj === 4 && this.props.userInfo.user.accessLevel < 4) {\r\n //показать выбор организации\r\n let cssDispl = (this.state.tobj > 3 || this.state.accessLevel > 3) ? \"block\" : \"none\";\r\n let korg = this.state.korgs[0];\r\n return \r\n \r\n {korg} {this.props.i18n.locale[0] === 'r' ? this.props.userInfo.user.nameOrg : this.props.userInfo.user.nameOrgKz}
:\r\n this.typeahead = ref}\r\n labelKey={this.props.i18n.locale[0] === 'r' ? \"nameRu\" : \"nameKz\"}\r\n options={(this.props.isSelOrg === true && this.props.userInfo.user.accessLevel < 3) || this.props.userInfo.user.nomenklKod === \"043\" || this.state.isAllRaions === true ? this.props.nsi.orgs : this.props.nsi.orgs.filter(o => o.raion === this.state.kraion)}\r\n placeholder={`${I18n.t(\"selectOrg\")}...`}\r\n onChange={this.onChangeOrg} />{this.state.selectOrg == null ? \"\" : this.state.selectOrg.nameRu/*getNameLocalize(this.props.i18n, this.state.selectOrg)}*/}
\r\n
;\r\n }else\r\n return \r\n \r\n \r\n \r\n
;\r\n }\r\n render() {\r\n return (\r\n \r\n {this.props.userInfo.user.accessLevel !== 4 ? \r\n \r\n \r\n {this.props.userInfo.user.accessLevel === 1 ? РК : ''}\r\n {this.props.userInfo.user.accessLevel < 3 ? {I18n.t('obl')} : ''}\r\n {this.props.userInfo.user.accessLevel < 4 ? {I18n.t('raion')} : ''}\r\n {this.props.isSelOrg === true && (this.props.userInfo.user.accessLevel === 1 || this.props.userInfo.user.accessLevel === 2)?{I18n.t('org')} : ''}\r\n \r\n \r\n
: ''}\r\n {this.showSelectObl()}\r\n {this.showSelectRaions()}\r\n {this.showSelectOrg()}\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default connect(\r\n state => state,\r\n dispatch => bindActionCreators(actionCreators, dispatch)\r\n)(SelectMultiObjects);","import React, { Component} from 'react';\r\nimport { bindActionCreators } from 'redux';\r\nimport { connect } from 'react-redux';\r\nimport { FormGroup, ControlLabel, Row, Col, Checkbox } from 'react-bootstrap';\r\nimport { Translate } from 'react-redux-i18n';\r\n\r\n//import SelectOrgModal from '../Modals/SelectOrgModal';\r\n//import { Typeahead } from 'react-bootstrap-typeahead';\r\nimport { getNameLocalize } from '../Constants';\r\nimport { actionCreators } from '../../store/Nsi';\r\n\r\nclass SelectMultiForms extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = { kforms: [] };\r\n this.onCheckForm = this.onCheckForm.bind(this);\r\n this.getForms = this.getForms.bind(this);\r\n if (props.nsi.sprform.length === 0) props.getNs('sprform');\r\n }\r\n onCheckForm = (e) => {\r\n let checked = e.target.checked;\r\n let kf = e.target.value;\r\n let kforms = [...this.state.kforms];\r\n if (checked) {\r\n kforms.push(kf);\r\n } else {\r\n let ind = kforms.indexOf(kf);\r\n kforms.splice(ind, 1);\r\n }\r\n this.setState({ kforms });\r\n this.props.setForms(kforms);\r\n }\r\n getValidationStateForms() {\r\n const length = this.state.kforms.length;\r\n if (length > 0)\r\n return 'success';\r\n if (length === 0) {\r\n return 'error';\r\n }\r\n return null;\r\n }\r\n getForms = () => {\r\n if (this.props.no47 != null && this.props.no47 === true) {\r\n if (this.props.isNotMonthWithInc != null && this.props.isNotMonthWithInc === true) {\r\n return this.props.nsi.sprform.filter(f => f.monthWithInc === 1 && f.kf !== '47' && f.kf !== '01').map(it => {it.kf} {getNameLocalize(this.props.i18n, it)} );\r\n }else {\r\n return this.props.nsi.sprform.filter(f => f.kf !== '47' && f.kf !== '01').map(it => {it.kf} {getNameLocalize(this.props.i18n, it)} );\r\n }\r\n } else {\r\n if (this.props.isNotMonthWithInc != null && this.props.isNotMonthWithInc === true) {\r\n return this.props.nsi.sprform.filter(f => f.monthWithInc === 1).map(it => {it.kf} {getNameLocalize(this.props.i18n, it)} );\r\n } else {\r\n return this.props.nsi.sprform.map(it => {it.kf} {getNameLocalize(this.props.i18n, it)} );\r\n }\r\n }\r\n }\r\n render() {\r\n return (\r\n \r\n \r\n
);\r\n }\r\n}\r\nexport default connect(\r\n state => state,\r\n dispatch => bindActionCreators(actionCreators, dispatch)\r\n)(SelectMultiForms);","import React, { Component } from 'react';\r\nimport { bindActionCreators } from 'redux';\r\nimport { connect } from 'react-redux';\r\nimport { Translate, I18n } from 'react-redux-i18n';\r\nimport { Button, Col, FormGroup, FormControl, ControlLabel, Form, Row, Alert } from 'react-bootstrap';\r\n\r\nimport { actionCreators as actionCreatorsSvod } from '../../store/Svod';\r\nimport { actionCreators as actionCreatorsNsi } from '../../store/Nsi';\r\nimport SelectMultiObjects from '../common/SelectMultiObjects';\r\nimport SelectMultiForms from '../common/SelectMultiForms';\r\n\r\nimport { years, getCurrentYear } from '../Constants';\r\nimport FilterRazOptions from '../common/FilterRazOptions';\r\n\r\nclass SvodForm extends Component {\r\n constructor(props) {\r\n super(props);\r\n let nowYear = getCurrentYear();\r\n this.state = {\r\n year: props.year !== undefined ? props.year : nowYear,\r\n kper: 4,//период\r\n kraz: 1,//this.props.userInfo.user.accessLevel !== 4 ? 1 : 3, //разрез\r\n tobj: props.userInfo.user.accessLevel, // тип обьекта 1 – РК; 2 – область; 3 - район; 4 - организация (доступ зависит от пользователя)\r\n obl: undefined,\r\n raion: undefined,\r\n kobls: [],\r\n kraions: [],\r\n kforms: [],\r\n isSvodComplete:false\r\n };\r\n if (props.nsi.sprraz.length === 0) props.getNs('sprraz');\r\n if (props.nsi.periods.length === 0) props.getNs('periods');\r\n this.onSvodForm = this.onSvodForm.bind(this)\r\n }\r\n onSvodForm = (e) => {\r\n e.preventDefault();\r\n this.setState({ isSvodComplete: false });\r\n let kobjs = null;\r\n switch (this.state.tobj) {\r\n case 1:\r\n kobjs = [\"00\"];\r\n break;\r\n case 2:\r\n if (this.props.userInfo.user.accessLevel === 2) {\r\n kobjs = [];\r\n kobjs.push(this.state.obl.kobl);\r\n } else {\r\n kobjs = this.state.kobls;\r\n }\r\n break;\r\n case 3:\r\n if (this.props.userInfo.user.accessLevel === 3) {\r\n kobjs = [];\r\n kobjs.push(this.state.raion.kraion);\r\n } else {\r\n kobjs = this.state.kraions;\r\n }\r\n break;\r\n default:\r\n }\r\n if (kobjs.length === 0) {\r\n alert(I18n.t(\"selectObjs\"));\r\n return;\r\n }\r\n if (this.state.kforms.length === 0) {\r\n alert(I18n.t(\"selectForms\"));\r\n return;\r\n }\r\n this.props.svodForm({\r\n year: this.state.year,\r\n kper: this.state.kper,\r\n kraz: this.state.kraz,\r\n tobj: this.state.tobj,\r\n kobjs,\r\n kforms: this.state.kforms,\r\n });\r\n this.setState({ isSvodComplete: true });\r\n }\r\n onSelectYear = (e) => {\r\n let year = parseInt(e.target.value, 10);\r\n this.setState({ year });\r\n }\r\n onSelectKper = (e) => {\r\n let kper = parseInt(e.target.value, 10);\r\n this.setState({ kper });\r\n }\r\n onSelectKraz = (e) => {\r\n let kraz = parseInt(e.target.value, 10);\r\n this.setState({ kraz });\r\n }\r\n \r\n render() {\r\n let isReadOnLy = this.props.userInfo.user.roles.filter(r => r === 'UserReadData').length > 0;\r\n if (isReadOnLy === true)\r\n return ;\r\n case 20:\r\n return ;\r\n case 21:\r\n return ;\r\n case 30:\r\n return ;\r\n case 31:\r\n return ;\r\n case 40:\r\n return ;\r\n case 4:\r\n return ;\r\n default:\r\n return \"\";\r\n }\r\n }\r\n const isSelectOrgAllChange = (evt) =>{\r\n //evt.preventDefault();\r\n if (evt.target.checked === true) {\r\n setIsSelectOrgAll(true)\r\n setKorgs(cloneDeep(childOrgs.map(m => m.kod)));\r\n } else {\r\n setIsSelectOrgAll(false);\r\n setKorgs([props.userInfo.user.kodOrg]);\r\n }\r\n }\r\n const showSubOrgs= () => {\r\n if ((props.userInfo.user.nomenklKod === '008' || props.userInfo.user.nomenklKod === '049' || props.userInfo.user.nomenklKod === '043') && tobj === 3) {\r\n return \r\n { setForOrgs(false); setIsSelectOrgAll(false); setKorgs([props.userInfo.user.kodOrg]); }} defaultChecked={forOrgs === false} inline> {' '}\r\n { setForOrgs(true); setIsSelectOrgAll(false); setKorgs([props.userInfo.user.kodOrg]); }} defaultChecked={forOrgs === true} inline> {' '} \r\n {forOrgs === true ? \r\n {showListSub()}\r\n \r\n {it.kod} {getNameLocalize(props.i18n, it)} )}\r\n \r\n ;\r\n }\r\n const onCheckChildOrg = (e) => {\r\n //e.preventDefault();\r\n let checked = e.target.checked;\r\n let org = e.target.value;\r\n let krgs = [...korgs];\r\n if (checked) {\r\n krgs.push(org);\r\n } else {\r\n let ind = krgs.indexOf(org);\r\n krgs.splice(ind, 1);\r\n }\r\n setKorgs(krgs);\r\n }\r\n const getTitleSvodSrc = (kp, s) => {\r\n if (s === 1) //1- сводятся месяцы \r\n {\r\n return showCommentPeriod(kp);\r\n\r\n } else {//2 - сводятся кварталы\r\n switch (kp) {\r\n case 4: //1-квартал + 2-квартал + 3-квартал + 4-квартал \r\n return \r\n this.setState({ forOrgs: false })} checked={this.state.forOrgs === false} inline> {' '}\r\n this.setState({ forOrgs: true })} checked={this.state.forOrgs === true} inline> {' '}\r\n \r\n \r\n {this.showListSub()}\r\n \r\n {it.kod} {getNameLocalize(this.props.i18n, it)} )}\r\n \r\n ;\r\n }\r\n render() {\r\n let isReadOnLy = this.props.userInfo.user.roles.filter(r => r === 'UserReadData').length > 0;\r\n if (isReadOnLy === true)\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\nexport default connect(\r\n state => state,\r\n dispatch => bindActionCreators({ ...actionCreatorsNsi, ...actionCreatorsSvod }, dispatch)\r\n)(SvodFormRaz);\r\n\r\n/*\r\n \r\n \r\n */","import React, { Component } from 'react';\r\nimport { bindActionCreators } from 'redux';\r\nimport { connect } from 'react-redux';\r\nimport { Translate, I18n } from 'react-redux-i18n';\r\nimport { Button, Col, FormGroup, FormControl, ControlLabel, Form, Row, Alert, Checkbox } from 'react-bootstrap';\r\n\r\nimport { actionCreators as actionCreatorsSvod } from '../../store/Svod';\r\nimport { actionCreators as actionCreatorsNsi } from '../../store/Nsi';\r\nimport SelectMultiForms from '../common/SelectMultiForms';\r\nimport { years, getNameLocalize, getCurrentYear } from '../Constants';\r\n\r\nclass SvodSubOrg extends Component {\r\n constructor(props) {\r\n super(props);\r\n let nowYear = getCurrentYear();\r\n this.state = {\r\n year: props.year !== undefined ? props.year : nowYear,\r\n kper: 4,//период\r\n kraz: 23, //разрез\r\n kforms: [],\r\n isNotParent: false,//исключить ЦРБ\r\n excludeNomenkl:[],\r\n isSvodComplete: false\r\n }\r\n if (props.nsi.periods.length === 0) props.getNs('periods');\r\n if (props.nsi.sprraz.length === 0) props.getNs('sprraz');\r\n if (props.nsi.nomenkl.length === 0) props.getNs('nomenkl');\r\n this.onSvodForm = this.onSvodForm.bind(this);\r\n this.textTargetRaz = this.textTargetRaz.bind(this);\r\n this.textIsNotParent = this.textIsNotParent.bind(this);\r\n this.onCheckIsNotParent = this.onCheckIsNotParent.bind(this);\r\n this.onCheckNomen = this.onCheckNomen.bind(this);\r\n };\r\n onSelectYear = (e) => {\r\n let year = parseInt(e.target.value, 10);\r\n this.setState({ year });\r\n }\r\n onSelectKper = (e) => {\r\n let kper = parseInt(e.target.value, 10);\r\n this.setState({ kper });\r\n }\r\n onSelectKraz = (e) => {\r\n let kraz = parseInt(e.target.value, 10);\r\n this.setState({ kraz });\r\n }\r\n textTargetRaz(){\r\n // getNameLocalize(this.props.i18n, it)\r\n let org = getNameLocalize(this.props.i18n, { nameRu: this.props.userInfo.user.nameOrg, nameKz: this.props.userInfo.user.nameOrgKz });\r\n let srcRaz = getNameLocalize(this.props.i18n, this.props.nsi.sprraz.filter(f => f.kod === this.state.kraz)[0]);\r\n let ti = this.state.kraz - 20;\r\n let targetRaz = getNameLocalize(this.props.i18n, this.props.nsi.sprraz.filter(f => f.kod === ti)[0]);\r\n return I18n.t(\"svodSubText\", { srcRaz, targetRaz, org });//\r\n this.setState({ forOrgs: false, isSelectOrgAll: false, korgs: [] })} checked={this.state.forOrgs === false} inline> {' '}\r\n this.setState({ forOrgs: true, isSelectOrgAll: false, korgs: [] })} checked={this.state.forOrgs === true} inline> {' '} \r\n {this.state.forOrgs === true ? \r\n {this.showListSub()}\r\n \r\n {it.kod} {getNameLocalize(this.props.i18n, it)} )}\r\n \r\n ;\r\n }\r\n onCheckChildOrg = (e) => {\r\n //e.preventDefault();\r\n let checked = e.target.checked;\r\n let org = e.target.value;\r\n let korgs = [...this.state.korgs];\r\n if (checked) {\r\n korgs.push(org);\r\n } else {\r\n let ind = korgs.indexOf(org);\r\n korgs.splice(ind, 1);\r\n }\r\n this.setState({ korgs });\r\n }\r\n getValidationChildOrgs() {\r\n if (this.state.forOrgs != true) return null;\r\n const length = this.state.korgs.length;\r\n if (length > 0)\r\n return 'success';\r\n if (length === 0) {\r\n return 'error';\r\n }\r\n return null;\r\n }\r\n render() {\r\n let isReadOnLy = this.props.userInfo.user.roles.filter(r => r === 'UserReadData').length > 0;\r\n if (isReadOnLy === true)\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\nexport default connect(\r\n state => state,\r\n dispatch => bindActionCreators({ ...actionCreatorsNsi, ...actionCreatorsSvod }, dispatch)\r\n)(EditFormRaz);\r\n\r\n/*\r\n \r\n \r\n */","import React, { useEffect, useState } from 'react';\r\nimport { bindActionCreators } from 'redux';\r\nimport { connect } from 'react-redux';\r\nimport { cloneDeep } from 'lodash';\r\nimport * as FileSaver from 'file-saver';\r\nimport { Translate, I18n } from 'react-redux-i18n';\r\nimport { Modal, Button, Col, FormGroup, FormControl, ControlLabel, Form, Row, Alert, ListGroup, ListGroupItem, Checkbox } from 'react-bootstrap';\r\n\r\nimport { actionCreators as actionCreatorsSvod } from '../../store/Svod';\r\nimport { actionCreators as actionCreatorsNsi } from '../../store/Nsi';\r\n\r\nimport FilterRazOptions from '../common/FilterRazOptions';\r\nimport { years, getNameLocalize, getCurrentYear } from '../Constants';\r\n\r\nconst EditFormOrgRaz = (props) => {\r\n useState(() => {\r\n if (props.nsi.allobls.length === 0) props.getNs('allobls');\r\n if (props.nsi.sprraz.length === 0) props.getNs('sprraz');\r\n if (props.nsi.sprform.length === 0) props.getNs('sprform');\r\n if (props.nsi.periods.length === 0) props.getNs('periods');\r\n if (props.nsi.allraions.length === 0) props.getNs('allraions');\r\n //let year = new Date().getFullYear();\r\n //setYearsCopy([year - 1, year]);\r\n //setSelYear(year - 1);\r\n });\r\n const [year, setYear] = useState(() => getCurrentYear());\r\n const [kper, setKper] = useState(4);\r\n const [krazSrc, setKrazSrc] = useState(1);\r\n const [kraz, setKraz] = useState(1);\r\n const [tobj, setTobj] = useState(props.userInfo.user.accessLevel); // тип обьекта 1 – РК; 2 – область; 3 - район; 4 - организация (доступ зависит от пользователя)\r\n const [kobl, setKobl] = useState(props.userInfo.user.kodObl);\r\n const [kraion, setKraion] = useState(props.userInfo.user.kodRaion.substring(0, 4));\r\n // const [isAllRaions, setIsAllRaions] = useState(false);\r\n const [kf, setKf] = useState(\"01\");\r\n const [orgs, setOrgs] = useState([]);\r\n const [selOrgs, setSelOrgs] = useState([]);\r\n const [isNotdata, setIsNotdata] = useState(false);\r\n const [isSvodComplete, setIsSvodComplete] = useState(false);\r\n const [showConfirm, setShowConfirm] = useState(false);\r\n const setParam = (param, value) => {\r\n setSelOrgs([]);\r\n setOrgs([]);\r\n switch (param) {\r\n case \"year\":\r\n setYear(value);\r\n let rai = props.nsi.allraions.filter(r => r.obl === kobl && filterRaion(r, year));\r\n if (rai.length > 0) {\r\n setKraion(rai[0].idRaion);\r\n }\r\n break;\r\n case \"kper\":\r\n setKper(value);\r\n break;\r\n case \"krazSrc\":\r\n setKrazSrc(value);\r\n break;\r\n case \"tobj\":\r\n setTobj(value);\r\n break;\r\n case \"kobl\":\r\n setKobl(value);\r\n let ra = props.nsi.allraions.filter(r => r.obl === value && filterRaion(r, year));\r\n if (ra.length > 0) {\r\n setKraion(ra[0].idRaion);\r\n }\r\n break;\r\n case \"kraion\":\r\n setKraion(value);\r\n break;\r\n //case \"isAllRaions\":\r\n // setIsAllRaions(value);\r\n // break;\r\n case \"kf\":\r\n setKf(value);\r\n break;\r\n default:\r\n }\r\n }\r\n const filterObl = (f) => {\r\n if (year == null) return true;\r\n let ye = typeof year === 'string' ? parseInt(year, 10) : year;\r\n let dtBeg = f.dtBeg == null ? null : new Date(f.dtBeg);\r\n if (dtBeg != null && dtBeg.getFullYear() > ye) return false;\r\n let dtEnd = f.dtEnd == null ? null : new Date(f.dtEnd);\r\n if (dtEnd != null && ye >= dtEnd.getFullYear()) return false;\r\n return true;\r\n }\r\n const onGetListOrgs = (e) => {\r\n e.preventDefault();\r\n setOrgs([]);\r\n setSelOrgs([]);\r\n setIsNotdata(false);\r\n const loadList = async () => {\r\n let ret = await props.loadListOrgData({\r\n year, kper, kraz: krazSrc, kobl, kraion, kf, isAllRaions: tobj === 2 ? true : false\r\n });\r\n if (ret.successed === true) {\r\n setOrgs(ret.orgs);\r\n if (ret.orgs.length === 0) setIsNotdata(true);\r\n } else\r\n alert(ret.error);\r\n }\r\n loadList();\r\n }\r\n const onClickOrg = (korg, check) => {\r\n let sel = cloneDeep(selOrgs);\r\n if (check === true) {\r\n if (sel.filter(f => f == korg).length === 0) {\r\n sel.push(korg);\r\n setSelOrgs(sel);\r\n }\r\n } else {\r\n let ind = sel.map(m => m).indexOf(korg);\r\n if (ind > -1) {\r\n sel.splice(ind, 1);\r\n setSelOrgs(sel);\r\n }\r\n }\r\n }\r\n const getListItem = (m) => {\r\n if (selOrgs.filter(f => f === m.kod).length > 0)\r\n return onClickOrg(evt.target.value, evt.target.checked)}>{m.kod} {getNameLocalize(props.i18n, m)} onClickOrg(evt.target.value, evt.target.checked)}>{m.kod} {getNameLocalize(props.i18n, m)} {' '}
\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 connect(\r\n state => state,\r\n dispatch => bindActionCreators({ ...actionCreatorsNsi, ...actionCreatorsSvod }, dispatch)\r\n)(EditFormOrgRaz);","import React from 'react';\r\nimport { Button, Modal, Alert } from 'react-bootstrap';\r\nimport { Translate } from 'react-redux-i18n';\r\nimport { btnsMsgBox } from '../Constants';\r\n\r\n\r\nexport default function MessageBox(props) {\r\n const handleClose = (tpBtn) => {\r\n props.close(tpBtn);\r\n }\r\n return handleClose(btnsMsgBox.Cancel)}\r\n backdrop=\"static\"\r\n keyboard={false}\r\n aria-labelledby={`add-message-box-sizes-title-${props.size != null ? props.size : \"lg\"}`}\r\n >\r\n \r\n {props.titleMsg} \r\n \r\n \r\n {props.warningHtml!=null?
{props.message}
\r\n \r\n \r\n {props.buttons & btnsMsgBox.OK ? props.close(btnsMsgBox.OK)} > : ''}\r\n {props.buttons & btnsMsgBox.Yes ? props.close(btnsMsgBox.Yes)} > : ''}\r\n {props.buttons & btnsMsgBox.No ? props.close(btnsMsgBox.No)} > : ''}\r\n {props.buttons & btnsMsgBox.Retry ? props.close(btnsMsgBox.Retry)} > : ''}\r\n {props.buttons & btnsMsgBox.Cancel ? props.close(btnsMsgBox.Cancel)} > : ''}\r\n {props.buttons & btnsMsgBox.Request ? props.close(btnsMsgBox.Request)} > : ''}\r\n {props.buttons & btnsMsgBox.Submit ? props.close(btnsMsgBox.Submit)} > : ''}\r\n \r\n \r\n}","import React, { Component } from 'react';\r\nimport { bindActionCreators } from 'redux';\r\nimport { connect } from 'react-redux';\r\nimport { Translate, I18n } from 'react-redux-i18n';\r\nimport { Button, Col, FormGroup, FormControl, ControlLabel, Form, Row, Alert } from 'react-bootstrap';\r\n\r\nimport { actionCreators as actionCreatorsSvod } from '../../store/Svod';\r\nimport { actionCreators as actionCreatorsNsi } from '../../store/Nsi';\r\nimport SelectMultiObjects from '../common/SelectMultiObjects';\r\nimport SelectMultiForms from '../common/SelectMultiForms';\r\n\r\n\r\nimport { getNameLocalize, btnsMsgBox } from '../Constants';\r\nimport FilterRazOptions from '../common/FilterRazOptions';\r\nimport MessageBox from '../common/MessageBox';\r\n\r\nclass Copy12MonthToYear extends Component {\r\n constructor(props) {\r\n super(props);\r\n let nowYear = parseInt(new Date().getFullYear(), 10);//-1;\r\n this.state = {\r\n year: props.year !== undefined ? props.year : nowYear-1,\r\n kraz: 1,//this.props.userInfo.user.accessLevel !== 4 ? 1 : 3, //разрез\r\n org:{ kod: props.userInfo.user.kodOrg, nameRu: props.userInfo.user.nameOrg, nameKz: props.userInfo.user.nameOrgKz },\r\n kforms: [],\r\n isSvodComplete: false,\r\n showMsg:false\r\n };\r\n //props.getNs('periods');\r\n if (props.nsi.sprraz.length === 0) props.getNs('sprraz');\r\n this.onSvodForm = this.onSvodForm.bind(this)\r\n }\r\n onSvodForm = (e) => {\r\n e.preventDefault();\r\n this.setState({ isSvodComplete: false });\r\n if (this.state.kforms.length === 0) {\r\n alert(I18n.t(\"selectForms\"));\r\n return;\r\n }\r\n this.setState({ showMsg: true });\r\n }\r\n messageAction = (act) => { \r\n switch(act){\r\n case btnsMsgBox.Yes:\r\n this.props.copyData12MonthToYear({\r\n year: this.state.year,\r\n kraz: this.state.kraz,\r\n korg:this.state.org.kod,\r\n kforms: this.state.kforms,\r\n });\r\n this.setState({ isSvodComplete: true });\r\n break;\r\n default:\r\n break;\r\n } \r\n this.setState({ showMsg: false });\r\n }\r\n onSelectKraz = (e) => {\r\n let kraz = parseInt(e.target.value, 10);\r\n this.setState({ kraz });\r\n }\r\n\r\n render() {\r\n let isReadOnLy = this.props.userInfo.user.roles.filter(r => r === 'UserReadData').length > 0;\r\n if (isReadOnLy === true)\r\n return \r\n {this.props.user.fio}
\r\n
);\r\n*/\r\n if (this.props.selectedControl === this.props.control) {\r\n return (\r\n {this.props.control.k1} {this.props.control.k2} );\r\n } else {\r\n return (\r\n {this.props.control.k1} {this.props.control.k2} );\r\n }\r\n }\r\n}","import React, { Component, Fragment } from 'react';\r\nimport { bindActionCreators } from 'redux';\r\nimport { connect } from 'react-redux';\r\nimport {\r\n Form, Button, FormGroup, FormControl, ControlLabel/*, Panel*/, Modal, Row, Col,\r\n Checkbox, /*Glyphicon,*/ ListGroup/*, ListGroupItem*/\r\n} from 'react-bootstrap';\r\nimport { Translate } from 'react-redux-i18n';\r\n\r\nimport { actionCreators as formulActions } from '../../store/EditControl';\r\nimport { actionCreators as nsiActions } from '../../store/Nsi';\r\nimport { ContrItemlist } from './ContrltemList';\r\nimport { years, getCurrentYear } from '../Constants';\r\n\r\nconst divStyle = {\r\n height: \"600px\",\r\n overflowY: \"auto\"\r\n};\r\nclass EditControl extends Component {\r\n constructor(props, context) {\r\n super(props, context);\r\n let nowYear = getCurrentYear();\r\n this.state = {\r\n kf: '01', isShowEdit: false, isShowConfirmRemove: false, indexRemove: undefined, selectControl: undefined,\r\n isMejform: false,\r\n curCmd: 1, inputErrors: undefined, inputErrors2: undefined, newFormul: { k1: \"\", k2: \"\", p: \"\" },\r\n year: nowYear\r\n };\r\n // this.onSelectFormul = this.onSelectFormul.bind(this);\r\n this.onChangeSelControlFormul = this.onChangeSelControlFormul.bind(this);\r\n this.onChangeSelControlP = this.onChangeSelControlP.bind(this);\r\n this.onChangeIsMejform = this.onChangeIsMejform.bind(this);\r\n this.onAddFormul = this.onAddFormul.bind(this);\r\n this.onChangeNewFormulK1 = this.onChangeNewFormulK1.bind(this);\r\n this.onChangeNewFormulK2 = this.onChangeNewFormulK2.bind(this);\r\n this.onChangeNewFormulP = this.onChangeNewFormulP.bind(this);\r\n this.onAddFormul = this.onAddFormul.bind(this);\r\n this.onSelectYear = this.onSelectYear.bind(this);\r\n props.getNs('sprform');\r\n }\r\n onSelectYear = (e) => {\r\n let year = parseInt(e.target.value, 10);\r\n this.setState({ year });\r\n }\r\n onChangeNewFormulK1 = (e) => {\r\n e.preventDefault();\r\n let newFormul = Object.assign(this.state.newFormul);\r\n newFormul.k1 = e.target.value;\r\n this.setState({ newFormul });\r\n }\r\n onChangeNewFormulK2 = (e) => {\r\n e.preventDefault();\r\n let newFormul = Object.assign(this.state.newFormul);\r\n newFormul.k2 = e.target.value;\r\n this.setState({ newFormul });\r\n }\r\n onChangeNewFormulP = (e) => {\r\n e.preventDefault();\r\n let newFormul = Object.assign(this.state.newFormul);\r\n newFormul.p = e.target.checked ? \"g\" : \"\";\r\n this.setState({ newFormul });\r\n }\r\n onAddFormul = async (e) => {\r\n e.preventDefault();\r\n this.setState({ inputErrors2: undefined });\r\n let inputErrors = [];\r\n if (this.state.newFormul.k1 === undefined || this.state.newFormul.k1 === '')\r\n inputErrors.push('Введите код формулы');\r\n if (this.state.newFormul.k2 === undefined || this.state.newFormul.k2 === '')\r\n inputErrors.push('Введите формулу');\r\n if (inputErrors.length > 0) {\r\n this.setState({ inputErrors2: inputErrors });\r\n return;\r\n }\r\n let status = await this.props.AddFormul({ ...this.state.newFormul, kform: this.state.kf, year: this.state.year });\r\n if (status.successed === false) {\r\n inputErrors.push(status.error);\r\n this.setState({ inputErrors2: inputErrors });\r\n }\r\n }\r\n onSelectForm = (e) => {\r\n let kf = e.target.value;\r\n this.setState({ kf });\r\n }\r\n handleSelFormSubmit = (e) => {\r\n e.preventDefault();\r\n this.props.getFormul(this.state.year, this.state.kf, this.state.isMejform);\r\n }\r\n clickAdd = (e) => {\r\n e.preventDefault();\r\n //this.setState({ selectControl: { uid: undefined, lexpr: '', rexpr: '', fu: 1 }, isShowEdit: true, curCmd: 1 });\r\n }\r\n clickEdit = (e) => {\r\n e.preventDefault();\r\n let ind = parseInt(e.target.id, 10);\r\n let frml = this.props.editFormul.controlData[ind];\r\n this.setState({ selectControl: { uid: frml.uid, lexpr: frml.lexpr, rexpr: frml.rexpr, fu: frml.fu }, isShowEdit: true, curCmd: 2 });\r\n }\r\n clickRemove = (e) => {\r\n e.preventDefault();\r\n this.setState({ isShowConfirmRemove: true, indexRemove: parseInt(e.target.id, 10) });\r\n }\r\n hideConfirmRemove = () => {\r\n this.setState({ isShowConfirmRemove: true, indexRemove: undefined });\r\n }\r\n renderConfirmDelete = () => {\r\n if (this.state.indexRemove === undefined)\r\n return undefined;\r\n let frml = this.props.editFormul.controlData[this.state.indexRemove];\r\n return ();\r\n }\r\n /*\r\n onSelectFormul = (e) => {\r\n e.preventDefault();\r\n let ind = parseInt(e.target.id, 10);\r\n let frml = this.props.editFormul.controlData[ind];\r\n this.setState({ selectControl: { k1: frml.k1, k2: frml.k2, p: frml.p }, isShowEdit: true, curCmd: 2 });\r\n }\r\n */\r\n onChangeSelControlFormul = (e) => {\r\n let selectControl = Object.assign(this.state.selectControl);\r\n selectControl.k2 = e.target.value;\r\n this.setState(selectControl)\r\n this.props.UpdateFormul({\r\n k1: this.state.selectControl.k1,\r\n k2: selectControl.k2,\r\n p: this.state.selectControl.p,\r\n year: this.state.year\r\n });\r\n }\r\n onChangeSelControlP = (e) => {\r\n let selectControl = Object.assign(this.state.selectControl);\r\n selectControl.p = e.target.checked ? \"g\" : \"\";\r\n this.setState(selectControl)\r\n this.props.UpdateFormul({\r\n k1: this.state.selectControl.k1,\r\n k2: this.state.selectControl.k2,\r\n p: selectControl.p,\r\n year: this.state.year\r\n });\r\n }\r\n onChangeIsMejform = (e) => {\r\n this.setState({ isMejform: e.target.checked })\r\n }\r\n editFormul = () => {\r\n if (this.state.selectControl === undefined) {\r\n return '';\r\n }\r\n return ();\r\n }// \r\n renderTableControl = () => {\r\n let formuls = this.props.editFormul.controlData;\r\n if (formuls === undefined || formuls.length === 0)\r\n return undefined;\r\n var title;\r\n if (this.state.isMejform) {\r\n title = \"Межформенный контроль\";\r\n } else {\r\n let form = this.props.nsi.sprform.filter(f => f.kf === this.state.kf)[0]\r\n title = `Формулы контроля форма: ${form.kf} ${form.nameRu}`;\r\n }\r\n //Добавить \r\n return (\r\n \r\n {title}
\r\n |
\r\n \r\n \r\n \r\n {formuls.map((f) => this.setState({ selectControl: { k1: ctrl.k1, k2: ctrl.k2, p: ctrl.p } })}> )}\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 {title} \r\n \r\n \r\n {this.renderStatusUpdate()}{this.renderStatusRemove()}\r\n \r\n \r\n \r\n {formuls.map((f) => this.setState({ selectControl: { k1: ctrl.k1, k2:ctrl.k2, p: ctrl.p }})}> )}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n */\r\n getFunc = (fu) => {\r\n switch (fu) {\r\n case 1:\r\n return '=';\r\n case 2:\r\n return '<';\r\n case 3:\r\n return '>';\r\n case 4:\r\n return '<=';\r\n case 5:\r\n return '>=';\r\n default:\r\n return '';\r\n }\r\n }\r\n hideDialogEdit = () => {\r\n this.setState({ isShowEdit: false, selectControl: undefined });\r\n }\r\n handleFormulSubmit = (e) => {\r\n e.preventDefault();\r\n let inputErrors = [];\r\n if (this.state.selectControl.lexpr === undefined || this.state.selectControl.lexpr === '')\r\n inputErrors.push('Введите левое выражение');\r\n if (this.state.selectControl.rexpr === undefined || this.state.selectControl.rexpr === '')\r\n inputErrors.push('Введите правое выражение');\r\n if (inputErrors.length > 0) {\r\n this.setState({ inputErrors });\r\n return;\r\n }\r\n if (this.state.curCmd === 1)\r\n this.props.AddFormul({ ...this.state.selectControl, kform: this.state.kf, year: this.state.year });\r\n else\r\n this.props.UpdateFormul({ ...this.state.selectControl, kform: this.state.kf, year: this.state.year });\r\n this.setState({ isShowEdit: false, selectControl: undefined, curCmd: 1, inputErrors: undefined });\r\n }\r\n handleRemoveSubmit = (e) => {\r\n e.preventDefault();\r\n let frml = this.props.editFormul.controlData[this.state.indexRemove];\r\n this.props.RemoveFormul({ uid: frml.uid, index: this.state.indexRemove, year: this.state.year });\r\n this.setState({ indexRemove: undefined });\r\n }\r\n changeRexpr = (e) => {\r\n let selectControl = Object.assign(this.state.selectControl);\r\n selectControl.rexpr = e.target.value;\r\n this.setState(selectControl)\r\n }\r\n changeLexpr = (e) => {\r\n let selectControl = Object.assign(this.state.selectControl);\r\n selectControl.lexpr = e.target.value;\r\n this.setState(selectControl)\r\n }\r\n changeFu = (e) => {\r\n let selectControl = Object.assign(this.state.selectControl);\r\n selectControl.fu = parseInt(e.target.value, 10);\r\n this.setState(selectControl)\r\n }\r\n renderModalEdit = () => {\r\n if (this.state.selectControl === undefined)\r\n return '';\r\n return ();\r\n }\r\n renderStatusUpdate = () => {\r\n if (this.props.editFormul.statusUpdate === undefined) return undefined;\r\n if (this.props.editFormul.statusUpdate.successed === true) {\r\n if (this.props.editFormul.statusUpdate.isAdd === true)\r\n return (Формула контроля добавлена!
)\r\n else\r\n return (Формула контроля обновлена!
)\r\n } else {\r\n return ({this.props.editFormul.statusUpdate.error}
)\r\n }\r\n }\r\n renderStatusRemove = () => {\r\n //statusRemove\r\n if (this.props.editFormul.statusRemove === undefined) return undefined;\r\n if (this.props.editFormul.statusRemove.successed === true) {\r\n return (Формула контроля удалена!
)\r\n } else {\r\n return ({this.props.editFormul.statusRemove.error}
)\r\n }\r\n }\r\n render() {\r\n return ( \r\n {this.props.control.isLoading ? {' '}
;\r\n }\r\n}\r\nfunction renderTableResult(controlResult, excelDataCSV, fileName, printData) {\r\n if (controlResult !== undefined && controlResult.protocol !== undefined) {\r\n if (controlResult.notExistData) {\r\n return \r\n \r\n Печать \r\n \r\n Ведомость контроля и анализа отчета по форме {controlResult.kf} {controlResult.typeContrName}
за {controlResult.periodName}
Объект {controlResult.objName}
Разрез {controlResult.razName}
Дата и время контроля {controlResult.dtEval}
\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 {controlResult.protocol.map((r,i) => {r.nusl} {r.p} {r.ider} {r.zamech} {r.formul === 'noerror' ? {I18n.t('noerror')} : r.formul} {r.nstr} {r.ngr} {r.leftch} {r.rightch} {r.result}
);\r\n }\r\n return '';\r\n}","import React, { Component, Fragment } from 'react';\r\nimport { bindActionCreators } from 'redux';\r\nimport { connect } from 'react-redux';\r\nimport { Translate} from 'react-redux-i18n';\r\nimport { Button, Col, FormGroup, FormControl, ControlLabel, Form} from 'react-bootstrap';\r\n\r\nimport { actionCreators as actionCreatorsControl } from '../../store/ControlForm';\r\nimport { actionCreators as actionCreatorsNsi } from '../../store/Nsi';\r\nimport SelectObject from '../common/SelectObject';\r\nimport ControlResultTable from './ControlResultTable'\r\n\r\n\r\nimport { years, getCurrentYear } from '../Constants';\r\nimport FilterRazOptions from '../common/FilterRazOptions';\r\n\r\nclass ControlForm extends Component {\r\n constructor(props) {\r\n super(props);\r\n let nowYear = getCurrentYear();\r\n let pathname = this.props.location.pathname, typeContr;\r\n if (pathname === '/controlInYear') {\r\n typeContr = { kod: 3, name: \"Межгодовой контроль\" };//Межгодовой контроль\r\n }else if (pathname === '/controlAllForm'){\r\n typeContr = { kod: 2, name: \"Межформенный контроль\" };//Межформенный контроль\r\n } else {\r\n typeContr = { kod: 1, name:\"Внутриформенный контроль\" };//Внутриформенный контроль\r\n }\r\n this.state = {\r\n year: props.year !== undefined ? props.year : nowYear,\r\n kper: 4,//период\r\n kraz: 1,//this.props.userInfo.user.accessLevel !== 4?1:3, //разрез\r\n form: { kf: \"01\", nameRu: \"Численность постоянного населения РК\" },\r\n tobj: props.userInfo.user.accessLevel, // тип обьекта 1 – РК; 2 – область; 3 - район; 4 - организация (доступ зависит от пользователя)\r\n obl: undefined,\r\n raion: undefined,\r\n org: undefined,\r\n typeContr,\r\n };\r\n if (props.nsi.sprform.length === 0) {\r\n props.getNs('sprform');\r\n }\r\n if (props.nsi.periods.length === 0) {\r\n props.getNs('periods');\r\n }\r\n if (props.nsi.sprraz.length === 0) {\r\n props.getNs('sprraz');\r\n }\r\n this.onControlForm = this.onControlForm.bind(this)\r\n this.onSelectForm = this.onSelectForm.bind(this);\r\n }\r\n onControlForm = (e) => {\r\n e.preventDefault();\r\n let kobj = null;\r\n switch (this.state.tobj) {\r\n case 1:\r\n kobj = \"00\";\r\n break;\r\n case 2:\r\n kobj = this.state.obl.kobl;\r\n break;\r\n case 3:\r\n kobj = this.state.raion.kraion;\r\n break;\r\n case 4:\r\n kobj = this.state.org.korg;\r\n break;\r\n default:\r\n }\r\n this.props.controlForm({\r\n year: this.state.year,\r\n period: this.state.kper,\r\n raz: this.state.kraz,\r\n tobj: this.state.tobj,\r\n kobj,\r\n kf: this.state.form.kf,\r\n typeContr: this.state.typeContr.kod\r\n });\r\n }\r\n onSelectYear = (e) => {\r\n let year = parseInt(e.target.value, 10);\r\n this.setState({ year });\r\n }\r\n onSelectKper = (e) => {\r\n let kper = parseInt(e.target.value, 10);\r\n this.setState({ kper });\r\n }\r\n onSelectKraz = (e) => {\r\n let kraz = parseInt(e.target.value, 10);\r\n this.setState({ kraz });\r\n }\r\n onSelectForm(e) {\r\n let kf = e.target.value;\r\n let form = this.props.nsi.sprform.filter(spr => spr.kf === kf)[0];\r\n this.setState({ form });\r\n }\r\n render() {\r\n let isReadOnLy = this.props.userInfo.user.roles.filter(r => r === 'UserReadData').length > 0;\r\n if (isReadOnLy === true)\r\n return \r\n ;\r\n }\r\n}\r\n\r\nexport default connect(\r\n state => state,\r\n dispatch => bindActionCreators({ ...actionCreatorsNsi, ...actionCreatorsControl }, dispatch)\r\n)(ControlForm);","import React, { Component, Fragment } from 'react';\r\nimport { Panel, Button, Form, Row, Col, FormGroup, ControlLabel, FormControl } from 'react-bootstrap';\r\nimport { Translate, I18n } from 'react-redux-i18n';\r\nimport { bindActionCreators } from 'redux';\r\nimport { connect } from 'react-redux';\r\nimport * as FileSaver from 'file-saver';\r\n\r\nimport { actionCreators } from '../../store/Nsi';\r\nimport SelectObject from '../common/SelectObject';\r\nimport FilterRazOptions from '../common/FilterRazOptions';\r\nimport { getNameLocalize, years, getCurrentYear } from '../Constants';\r\n\r\nclass ToExcel extends Component {\r\n constructor(props) {\r\n super(props);\r\n let nowYear = getCurrentYear();\r\n this.state = {\r\n year: nowYear,//props.year !== undefined ? props.year : nowYear,\r\n kper: 4,//период\r\n kraz: 1,//this.props.userInfo.user.accessLevel !== 4 ? 1 : 3, //разрез\r\n tobj: props.userInfo.user.accessLevel, // тип обьекта 1 – РК; 2 – область; 3 - район; 4 - организация (доступ зависит от пользователя)\r\n obl: undefined,\r\n raion: undefined,\r\n org: undefined,\r\n form: { kf: \"01\", nameRu: \"Численность постоянного населения\", nameKz: \"Қазақстан Республикасының тұрақты тұрғындары\" },\r\n isLoading: false\r\n }\r\n this.onCreateFileExcel = this.onCreateFileExcel.bind(this);\r\n this.onSelectForm = this.onSelectForm.bind(this);\r\n if (props.nsi.sprform.length === 0) {\r\n props.getNs('sprform');\r\n }\r\n if (props.nsi.periods.length === 0) {\r\n props.getNs('periods');\r\n }\r\n if (props.nsi.sprraz.length === 0) {\r\n props.getNs('sprraz');\r\n }\r\n }\r\n async onCreateFileExcel() {\r\n // alert(\"generate excel\");\r\n var kobj = \"\";\r\n switch (this.state.tobj) {\r\n case 1:\r\n kobj = \"0\";\r\n break;\r\n case 2:\r\n kobj = this.state.obl.kobl;\r\n break;\r\n case 3:\r\n kobj = this.state.raion.kraion;\r\n break;\r\n case 4:\r\n kobj = this.state.org.korg;\r\n break;\r\n default:\r\n kobj = \"\";\r\n }\r\n this.setState({ isLoading: true });\r\n let absoluteUrl = `${document.location.protocol}//${document.location.host}/generate/Excel/${this.state.year}/${this.state.kper}/${this.state.kraz}/${this.state.tobj}/${kobj}/${this.state.form.kf}/${this.props.i18n.locale.substr(0,2)}`;\r\n let fileName = `${this.state.year}_${this.state.kper}_${this.state.kraz}_${this.state.tobj}_${kobj}_${this.state.form.kf}.xlsx`;\r\n var token = this.props.userInfo.user.token;\r\n const response = await fetch(absoluteUrl, {\r\n credentials: 'include',\r\n method: 'GET',\r\n headers: {\r\n 'Authorization': `Bearer ${token}`\r\n }\r\n });\r\n if (response.ok) { // если HTTP-статус в диапазоне 200-299\r\n // получаем тело ответа (см. про этот метод ниже)\r\n const blob = await response.blob();\r\n FileSaver.saveAs(blob, fileName);\r\n this.setState({ isLoading: false });\r\n } else {\r\n alert(\"Ошибка HTTP: \" + response.status);\r\n }\r\n }\r\n onSelectForm(e) {\r\n let kf = e.target.value;\r\n let form = this.props.nsi.sprform.filter(spr => spr.kf === kf)[0];\r\n this.setState({ form });\r\n }\r\n onSelectYear = (e) => {\r\n let year = parseInt(e.target.value, 10);\r\n this.setState({ year });\r\n }\r\n onSelectKper = (e) => {\r\n let kper = parseInt(e.target.value, 10);\r\n this.setState({ kper });\r\n }\r\n onSelectKraz = (e) => {\r\n let kraz = parseInt(e.target.value, 10);\r\n this.setState({ kraz });\r\n }\r\n render() {\r\n return (\r\n );\r\n }\r\n}\r\nexport default connect(\r\n state => state,\r\n dispatch => bindActionCreators(actionCreators, dispatch)\r\n)(ToExcel);","import React, { Component, Fragment } from 'react';\r\nimport { Panel, Button, Form, Row, Col, FormGroup, ControlLabel, FormControl } from 'react-bootstrap';\r\nimport { Translate, I18n } from 'react-redux-i18n';\r\nimport { bindActionCreators } from 'redux';\r\nimport { connect } from 'react-redux';\r\n\r\nimport { actionCreators } from '../../store/Nsi';\r\nimport SelectObject from '../common/SelectObject';\r\n\r\n\r\nimport { years, getCurrentYear, getFirstRaz, getFirstFormTable, getRazItems, filterForms } from '../Constants';\r\n//import FilterRazOptions from '../common/FilterRazOptions';\r\n\r\nclass FromExcel extends Component {\r\n constructor(props) {\r\n super(props);\r\n let nowYear = getCurrentYear();\r\n let kper = 4;\r\n let raz = getFirstRaz(kper, props);\r\n this.state = {\r\n year: nowYear,//props.year !== undefined ? props.year : nowYear,\r\n kper,//период\r\n kraz: raz != null ? raz : 1,//разрез\r\n tobj: props.userInfo.user.accessLevel, // тип обьекта 1 – РК; 2 – область; 3 - район; 4 - организация (доступ зависит от пользователя)\r\n obl: undefined,\r\n raion: undefined,\r\n org: undefined,\r\n form: kper === 4 ? props.userInfo.user.firstFormTable.formGod : props.userInfo.user.firstFormTable.formMes,//{ kf: \"01\", nameRu: \"Численность постоянного населения\" },\r\n isLoading: false,\r\n isSuccess: null,\r\n error: null\r\n }\r\n this.onUploadFileExcel = this.onUploadFileExcel.bind(this);\r\n this.onSelectForm = this.onSelectForm.bind(this);\r\n if (props.nsi.sprraz.length === 0) props.getNs('sprraz');\r\n if (props.nsi.sprform.length === 0) props.getNs('sprform');\r\n if (props.nsi.periods.length === 0) props.getNs('periods');\r\n }\r\n async onUploadFileExcel(e) {\r\n e.preventDefault();\r\n this.setState({ isSuccess: null, error: null });\r\n var kobj = \"\";\r\n switch (this.state.tobj) {\r\n case 1:\r\n kobj = \"00\";\r\n break;\r\n case 2:\r\n kobj = this.state.obl.kobl;\r\n break;\r\n case 3:\r\n kobj = this.state.raion.kraion;\r\n break;\r\n case 4:\r\n kobj = this.state.org.korg;\r\n break;\r\n default:\r\n kobj = \"\";\r\n }\r\n //let absoluteUrl = `${document.location.protocol}//${document.location.host}/UploadExcel/${this.state.year}/${this.state.kper}/${this.state.kraz}/${this.state.tobj}/${kobj}/${this.state.form.kf}`;\r\n let absoluteUrl = `${document.location.protocol}//${document.location.host}/UploadExcel`;\r\n let input = document.getElementById('fileinput');\r\n if (input.files.length === 0) {\r\n this.setState({\r\n error: I18n.t('selectExcelFile')\r\n });\r\n return;\r\n }\r\n //let formFile = document.getElementById('formFile');\r\n let formData = new FormData();\r\n // let formData = new FormData(formFile);\r\n formData.append(\"year\", this.state.year);\r\n formData.append(\"kper\", this.state.kper);\r\n formData.append(\"kraz\", this.state.kraz);\r\n formData.append(\"tobj\", this.state.tobj);\r\n formData.append(\"kobj\", kobj);\r\n formData.append(\"kf\", this.state.form.kf);\r\n formData.append(\"fileExcel\", input.files[0]);\r\n var token = this.props.userInfo.user.token;\r\n this.setState({ isLoading: true });\r\n fetch(`${absoluteUrl}?year=${this.state.year}&kper=${this.state.kper}&kraz=${this.state.kraz}&tobj=${this.state.tobj}&kobj=${this.state.kobj}&kf=${this.state.kf}`, {\r\n credentials: 'include',\r\n method: 'POST',\r\n headers: {\r\n 'Authorization': `Bearer ${token}`,\r\n //'Content-Type': undefined\r\n //\"Content-Type\": \"multipart/form-data\"\r\n //\"Content-Type\":\"application/x-www-form-urlencoded\"\r\n },\r\n body: formData\r\n }).then(response => response.json()).then(\r\n result => {\r\n this.setState({ isLoading: false, isSuccess: result.successed, error: result.successed === true ? null : result.error });\r\n }\r\n ).catch(\r\n error => {\r\n console.log(error);\r\n alert(error);\r\n this.setState({ isLoading: false, isSuccess: false, error });\r\n }\r\n );\r\n }\r\n onSelectForm(e) {\r\n let kf = e.target.value;\r\n let form = this.props.nsi.sprform.filter(spr => spr.kf === kf)[0];\r\n this.setState({ form });\r\n }\r\n onSelectYear = (e) => {\r\n let year = parseInt(e.target.value, 10);\r\n this.setState({ year });\r\n }\r\n onSelectKper = (e) => {\r\n let kper = parseInt(e.target.value, 10);\r\n let kraz = getFirstRaz(kper, this.props);\r\n let { form, table } = getFirstFormTable(kper, this.props);\r\n if (kraz == null) {\r\n if (form == null) {\r\n this.setState({ kper });\r\n } else {\r\n this.setState({ kper, form });\r\n }\r\n } else {\r\n if (form == null) {\r\n this.setState({ kper, kraz });\r\n } else {\r\n this.setState({ kper, kraz, form });\r\n }\r\n }\r\n }\r\n onSelectKraz = (e) => {\r\n let kraz = parseInt(e.target.value, 10);\r\n this.setState({ kraz });\r\n }\r\n render() {\r\n let isReadOnLy = this.props.userInfo.user.roles.filter(r => r === 'UserReadData').length > 0;\r\n if (isReadOnLy === true)\r\n return \r\n \r\n \r\n {years.filter(f=>f>2016).map(it => {it} )}\r\n \r\n \r\n \r\n \r\n {this.props.nsi.periods.map(it => {it.nameRu} )}\r\n \r\n \r\n \r\n \r\n {getRazItems(this.props, this.state.kper)}\r\n \r\n \r\n \r\n \r\n {this.props.nsi.sprform.filter(f => filterForms(this.props.userInfo.user.accessForm, f.kf, this.state.kper)).map(it => {it.kf} {it.nameRu} )}\r\n \r\n \r\n this.setState({ tobj })}\r\n setObl={(obl) => this.setState({ obl })}\r\n setRaion={(raion) => this.setState({ raion })}\r\n setOrg={(org) => this.setState({ org })} disabled={this.state.isLoading === true}\r\n year={this.state.year}\r\n />\r\n \r\n Требования к файлу Excel
\r\n \r\n \r\n \r\n {this.state.isLoading ? {' '}
: ''}\r\n {this.state.error != null ?
: ''}\r\n );\r\n }\r\n}\r\n/* \r\n * {this.state.error != null?
: ''}\r\n * */\r\nexport default connect(\r\n state => state,\r\n dispatch => bindActionCreators(actionCreators, dispatch)\r\n)(FromExcel);","import React, { Component, Fragment } from 'react';\r\nimport { bindActionCreators } from 'redux';\r\nimport { connect } from 'react-redux';\r\nimport { Translate, I18n } from 'react-redux-i18n';\r\nimport * as FileSaver from 'file-saver';\r\nimport { Row, Col, FormGroup, FormControl, ControlLabel, Form, Button, ButtonGroup, Panel } from 'react-bootstrap';\r\n\r\nimport { actionCreators as actionCreatorsWork } from '../../store/Work';\r\nimport { actionCreators as actionCreatorsNsi } from '../../store/Nsi';\r\nimport SelectObject from '../common/SelectObject';\r\nimport './InputInfor.css';\r\n\r\nimport { years, getNameLocalize, getCurrentYear } from '../Constants';\r\nimport FilterRazOptions from '../common/FilterRazOptions';\r\n\r\nclass InputInfor extends Component {\r\n constructor(props) {\r\n super(props);\r\n let nowYear = getCurrentYear();\r\n this.state = {\r\n year: props.year !== undefined ? props.year : nowYear,\r\n kper: 4,//период\r\n kraz: 1,//this.props.userInfo.user.accessLevel !== 4 ? 1 : 3, //разрез\r\n tobj: props.userInfo.user.accessLevel, // тип обьекта 1 – РК; 2 – область; 3 - район; 4 - организация (доступ зависит от пользователя)\r\n obl: undefined,\r\n raion: undefined,\r\n org: undefined,\r\n strObj: 0, //0- районы, 1- организации, построчку показывать в разрезе организаций, иначе в разрезе районов, только для tobj=2 - область \r\n isShowParams: true,\r\n kfFiltr: \"\"\r\n };\r\n this.showInfoData = this.showInfoData.bind(this);\r\n this.showKf = this.showKf.bind(this);\r\n this.printExcel = this.printExcel.bind(this);\r\n this.filtrKf = this.filtrKf.bind(this);\r\n if (props.nsi.sprform.length === 0) {\r\n props.getNs('sprform');\r\n }\r\n if (props.nsi.periods.length === 0) {\r\n props.getNs('periods');\r\n }\r\n if (props.nsi.sprraz.length === 0) {\r\n props.getNs('sprraz');\r\n }\r\n }\r\n\r\n onSelectYear = (e) => {\r\n let year = parseInt(e.target.value, 10);\r\n this.setState({ year });\r\n }\r\n onSelectKper = (e) => {\r\n let kper = parseInt(e.target.value, 10);\r\n this.setState({ kper });\r\n }\r\n onSelectKraz = (e) => {\r\n let kraz = parseInt(e.target.value, 10);\r\n this.setState({ kraz });\r\n }\r\n onOpenTable = (e) => {\r\n e.preventDefault();\r\n let kobj = \"\";\r\n switch (this.state.tobj) {\r\n case 1://РК\r\n kobj = \"00\";\r\n break;\r\n case 2://Область\r\n kobj = this.state.obl.kobl;\r\n break;\r\n case 3://Район\r\n kobj = this.state.raion.kraion;\r\n break;\r\n case 4://Организация\r\n kobj = this.state.org.korg;\r\n break;\r\n default:\r\n break;\r\n\r\n }\r\n this.props.getInfoData({\r\n year: this.state.year,\r\n period: this.state.kper,\r\n raz: this.state.kraz,\r\n tobj: this.state.tobj,\r\n kobj,\r\n strObj: this.state.strObj\r\n });\r\n }\r\n getObjectTypeName(tobj) {\r\n switch (tobj) {\r\n //case 1://РК\r\n // return \"Республика:\";\r\n case 2://Область\r\n return `${I18n.t(\"obl\")}:`;\r\n case 3://Район\r\n return `${I18n.t(\"raion\")}:`;\r\n case 4://Организация\r\n return `${I18n.t(\"org\")}:`;\r\n default:\r\n break;\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 {this.state.strObj === 1 || this.state.tobj === 4 ? \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {this.getObjectTypeName(r.obj.typeObj)} {r.obj.kod} {getNameLocalize(this.props.i18n, r.obj)}\r\n
\r\n \r\n
\r\n )}\r\n ;\r\n }\r\n showKf(r) {\r\n if (r.obj.typeObj === 4/* && this.props.userInfo.user.accessLevel===2 */)\r\n return r.forms.map(f => f.status === 2 ? {f.kf} {' '}{f.kf} {' '}{f.kf} {' '}\r\n \r\n \r\n {this.showInfoData()}\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {strObj === 1 || tobj === 4 ? \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {getObjectTypeName(r.obj.typeObj)} {r.obj.kod} {getNameLocalize(props.i18n, r.obj)}\r\n
\r\n \r\n
\r\n )}\r\n ;\r\n }\r\n const showRaz= (r) => {\r\n if (r.obj.typeObj === 4/* && this.props.userInfo.user.accessLevel===2 */)\r\n return r.razrs.map(f => f.status === 2 ? {getNameSprLocalize(props.i18n, props.nsi.sprraz,f.kraz)} {' '}{getNameSprLocalize(props.i18n, props.nsi.sprraz, f.kraz)} {' '}{getNameSprLocalize(props.i18n, props.nsi.sprraz, f.kraz)} {' '}\r\n {showInfoData()}\r\n \r\n}\r\nexport default connect(\r\n state => state,\r\n dispatch => bindActionCreators({ ...actionCreatorsNsi, ...actionCreatorsWork }, dispatch)\r\n)(InputInforForm);","import React, { Component, Fragment, useState } from 'react';\r\nimport { bindActionCreators } from 'redux';\r\nimport { connect } from 'react-redux';\r\nimport { Translate, I18n } from 'react-redux-i18n';\r\nimport * as FileSaver from 'file-saver';\r\nimport { Row, Col, FormGroup, FormControl, ControlLabel, Form, Button, ButtonGroup, Panel } from 'react-bootstrap';\r\n\r\nimport { actionCreators as actionCreatorsWork } from '../../store/Work';\r\nimport { actionCreators as actionCreatorsNsi } from '../../store/Nsi';\r\nimport SelectObject from '../common/SelectObject';\r\nimport './InputInfor.css';\r\n\r\nimport { years, getNameLocalize, getNameSprLocalize, getCurrentYear } from '../Constants';\r\n\r\n\r\n\r\n\r\nconst InputInforObj = (props) => {\r\n useState(() => {\r\n if (props.nsi.allobls.length === 0) props.getNs('allobls');\r\n if (props.nsi.sprraz.length === 0) props.getNs('sprraz');\r\n if (props.nsi.sprform.length === 0) props.getNs('sprform');\r\n if (props.nsi.periods.length === 0) props.getNs('periods');\r\n if (props.nsi.allraions.length === 0) props.getNs('allraions');\r\n //let year = new Date().getFullYear();\r\n //setYearsCopy([year - 1, year]);\r\n //setSelYear(year - 1);\r\n });\r\n const [year, setYear] = useState(() => getCurrentYear());\r\n const [kper, setKper] = useState(4);\r\n //const [kf, setKf] = useState(\"01\");\r\n const [tobj, setTobj] = useState(props.userInfo.user.accessLevel);\r\n const [obl, setObl] = useState();\r\n const [raion, setRaion] = useState();\r\n const [org, setOrg] = useState();\r\n const [strObj, setStrObj] = useState(0);\r\n //const [razFiltr, setRazFiltr] = useState(0);\r\n const onOpenTable = (e) => {\r\n e.preventDefault();\r\n let kobj = \"\";\r\n switch (tobj) {\r\n case 1://РК\r\n kobj = \"00\";\r\n break;\r\n case 2://Область\r\n kobj = obl.kobl;\r\n break;\r\n case 3://Район\r\n kobj = raion.kraion;\r\n break;\r\n case 4://Организация\r\n kobj = org.korg;\r\n break;\r\n default:\r\n break;\r\n\r\n }\r\n props.getInfoDataObj({\r\n year: year,\r\n period: kper,\r\n //kf: kf,\r\n tobj: tobj,\r\n kobj,\r\n strObj: strObj\r\n });\r\n }\r\n //const filtrRaz = (r) => {\r\n // if (razFiltr == null || razFiltr === 0) return true;\r\n // //if (parseInt(r.kod, 10) != razFiltr) return false;\r\n // if (r.razrs.filter(f => f.kraz === razFiltr).length === 0) return false;\r\n // return true;\r\n //}\r\n const getObjectTypeName= (tobj) => {\r\n switch (tobj) {\r\n //case 1://РК\r\n // return \"Республика:\";\r\n case 2://Область\r\n return `${I18n.t(\"obl\")}:`;\r\n case 3://Район\r\n return `${I18n.t(\"raion\")}:`;\r\n case 4://Организация\r\n return `${I18n.t(\"org\")}:`;\r\n default:\r\n break;\r\n }\r\n return \"\";\r\n }\r\n const showInfoData= ()=> {\r\n if (props.work.dataInfoObj === undefined) return '';\r\n let dataInfo = props.work.dataInfoObj;\r\n return \r\n \r\n \r\n \r\n
\r\n \r\n {getObjectTypeName(dataInfo.tobj)} {dataInfo.obj.kod} {getNameLocalize(props.i18n, dataInfo.obj)}
\r\n \r\n
\r\n {strObj === 1 || tobj === 4 ? \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {r.form.kf} {getNameLocalize(props.i18n, r.form)} \r\n
\r\n \r\n
\r\n )}\r\n ;\r\n }\r\n const showRaz = (r, typeObj) => {\r\n if (typeObj === 4/* && this.props.userInfo.user.accessLevel===2 */)\r\n return r.razrs.map(f => f.status === 2 ? {getNameSprLocalize(props.i18n, props.nsi.sprraz,f.kraz)} {' '}{getNameSprLocalize(props.i18n, props.nsi.sprraz, f.kraz)} {' '}{getNameSprLocalize(props.i18n, props.nsi.sprraz, f.kraz)} {' '}\r\n {showInfoData()}\r\n \r\n}\r\nexport default connect(\r\n state => state,\r\n dispatch => bindActionCreators({ ...actionCreatorsNsi, ...actionCreatorsWork }, dispatch)\r\n)(InputInforObj);","import React, { Component, Fragment } from 'react';\r\nimport { bindActionCreators } from 'redux';\r\nimport { connect } from 'react-redux';\r\nimport { /*Form,*/ Button, FormGroup, FormControl, ControlLabel, Row, Col, ListGroup, ListGroupItem, Modal } from 'react-bootstrap';\r\nimport { Translate, I18n } from 'react-redux-i18n';\r\nimport * as FileSaver from 'file-saver';\r\n//import { cloneDeep } from 'lodash';\r\n\r\nimport { actionCreators } from '../../store/Medinfo/FormulMedinfo';\r\nclass EditMedinfoFormul extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n type_page: 1,//1,2\r\n pages: [],\r\n selectedTable: undefined,\r\n selectedPage: undefined,\r\n selectedFormul: undefined,\r\n selectedFormulYear: undefined,\r\n isCopyYearFormul: true,\r\n showGetYearOfFormul: false,\r\n yearFormulInsert: undefined,\r\n errorInsertYear: undefined\r\n };\r\n /*\r\n this.handleSelectNsiSubmit = this.handleSelectNsiSubmit.bind(this);\r\n this.setEditMode = this.setEditMode.bind(this);\r\n this.saveDataTable = this.saveDataTable.bind(this);\r\n this.cancelData = this.cancelData.bind(this);\r\n this.changeTable = this.changeTable.bind(this);\r\n\r\n this.props. getTablesPages();\r\n */\r\n this.showListTables = this.showListTables.bind(this);\r\n this.onClickTable = this.onClickTable.bind(this);\r\n this.showListPages = this.showListPages.bind(this);\r\n this.onClickPage = this.onClickPage.bind(this);\r\n this.onClickFormul = this.onClickFormul.bind(this);\r\n this.handleChangeNpp = this.handleChangeNpp.bind(this);\r\n this.handleChangeNumberAfterPoint = this.handleChangeNumberAfterPoint.bind(this);\r\n this.handleChangeFormulNameRu = this.handleChangeFormulNameRu.bind(this);\r\n this.handleChangeFormulNameKz = this.handleChangeFormulNameKz.bind(this);\r\n this.onSelectFormulYear = this.onSelectFormulYear.bind(this);\r\n this.handleChangeFormulText = this.handleChangeFormulText.bind(this);\r\n this.showEditNameTable = this.showEditNameTable.bind(this);\r\n this.handleChangeTableNameRu = this.handleChangeTableNameRu.bind(this);\r\n this.handleChangeTableNameKz = this.handleChangeTableNameKz.bind(this);\r\n //this.showEditNamePage = this.showEditNamePage.bind(this);\r\n this.handleChangePageNameRu = this.handleChangePageNameRu.bind(this);\r\n this.handleChangePageNameKz = this.handleChangePageNameKz.bind(this);\r\n this.handleChangePageNameRazdRu = this.handleChangePageNameRazdRu.bind(this);\r\n this.handleChangePageNameRazdKz = this.handleChangePageNameRazdKz.bind(this);\r\n this.handleChangeTableInPageNameRu = this.handleChangeTableInPageNameRu.bind(this);\r\n this.handleChangeTableInPageNameKz = this.handleChangeTableInPageNameKz.bind(this);\r\n this.handleChangeSubHeaderRu = this.handleChangeSubHeaderRu.bind(this);\r\n this.handleChangeSubHeaderKz = this.handleChangeSubHeaderKz.bind(this);\r\n this.handleChangeSubHeader2Ru = this.handleChangeSubHeader2Ru.bind(this);\r\n this.handleChangeSubHeader2Kz = this.handleChangeSubHeader2Kz.bind(this);\r\n this.handleChangeSubHeader2RangeExcl = this.handleChangeSubHeader2RangeExcl.bind(this);\r\n this.handleChangeSubHeader2RangeExclOne = this.handleChangeSubHeader2RangeExclOne.bind(this);\r\n this.handleChangeSubHeader3Ru = this.handleChangeSubHeader3Ru.bind(this);\r\n this.handleChangeSubHeader3Kz = this.handleChangeSubHeader3Kz.bind(this);\r\n this.handleChangePageNote1 = this.handleChangePageNote1.bind(this);\r\n this.handleChangePageNote2 = this.handleChangePageNote2.bind(this);\r\n this.uploadExcel = this.uploadExcel.bind(this);\r\n this.downloadExcel = this.downloadExcel.bind(this);\r\n this.uploadExcelOneYear = this.uploadExcelOneYear.bind(this);\r\n this.downloadExcelOneYear = this.downloadExcelOneYear.bind(this);\r\n this.handleChangeStartRangePeriodsExcl = this.handleChangeStartRangePeriodsExcl.bind(this);\r\n this.handleChangeStartRangeDataExcl = this.handleChangeStartRangeDataExcl.bind(this);\r\n this.handleChangeRangesPeriodExcl = this.handleChangeRangesPeriodExcl.bind(this);\r\n this.showTemplatePageEdit = this.showTemplatePageEdit.bind(this);\r\n this.btCopyFormulYear = this.btCopyFormulYear.bind(this);\r\n this.btInsertFormulYear = this.btInsertFormulYear.bind(this);\r\n this.AddOrCopyFormulYear = this.AddOrCopyFormulYear.bind(this);\r\n\r\n this.props.getTablesPages(this.state.type_page);\r\n }\r\n btCopyFormulYear = (e) => {\r\n this.setState({\r\n isCopyYearFormul: true,\r\n showGetYearOfFormul: true,\r\n errorInsertYear: undefined,\r\n yearFormulInsert: undefined\r\n });\r\n }\r\n btInsertFormulYear = (e) => {\r\n this.setState({\r\n isCopyYearFormul: false,\r\n showGetYearOfFormul: true,\r\n errorInsertYear: undefined,\r\n yearFormulInsert: undefined\r\n });\r\n }\r\n hideDialogInsertFormulYear = (e) => {\r\n this.setState({\r\n showGetYearOfFormul: false,\r\n errorInsertYear: undefined,\r\n yearFormulInsert: undefined\r\n });\r\n }\r\n AddOrCopyFormulYear = async (e) => {\r\n if (this.state.yearFormulInsert == null || this.state.yearFormulInsert < 2000) {\r\n this.setState({ errorInsertYear: \"Не правильный год\" });\r\n return;\r\n }\r\n if (this.props.formulYears.years.filter(f => f.year === this.state.yearFormulInsert).length > 0) {\r\n this.setState({ errorInsertYear: \"Формула за данный год существует\" });\r\n return;\r\n }\r\n await this.props.copyOrInsertFormulYear({\r\n year: this.state.yearFormulInsert,\r\n formulIdSrc: this.state.selectedFormul.formulId,\r\n formulIdYearSrc: this.state.isCopyYearFormul === true ? this.state.selectedFormulYear.formulId : null\r\n })\r\n let selectedFormulYear = this.props.formulYears.years.filter(f => f.year === this.state.yearFormulInsert)[0];\r\n this.setState({\r\n showGetYearOfFormul: false,\r\n errorInsertYear: undefined,\r\n yearFormulInsert: undefined,\r\n selectedFormulYear\r\n });\r\n }\r\n onSelectTypePage = (e) => {\r\n let type_page = parseInt(e.target.value, 10);\r\n this.props.getTablesPages(type_page);\r\n this.setState({\r\n type_page, selectedTable: undefined, selectedPage: undefined, selectedFormul: undefined,\r\n selectedFormulYear: undefined\r\n });\r\n }\r\n onClickTable = (e) => {\r\n let tableId = parseInt(e.target.id, 10);\r\n let selectedTable = this.props.tablesPages.tables.filter(t => t.tableId === tableId)[0];\r\n this.setState({\r\n selectedTable, selectedPage: undefined, selectedFormul: undefined,\r\n selectedFormulYear: undefined\r\n });\r\n }\r\n showListTables() {\r\n if (this.props.tablesPages == null) return '';\r\n return \r\n {this.props.tablesPages.tables.map(l => {\r\n if (this.state.selectedTable != null && this.state.selectedTable.tableId === l.tableId)\r\n return {l.kod} ;\r\n else\r\n return {l.kod} ;\r\n })}\r\n ;\r\n }\r\n handleChangeTableNameRu(e) {\r\n let selectedTable = { ...this.state.selectedTable };\r\n selectedTable.nameRu = e.target.value;\r\n //todo update table\r\n this.setState({ selectedTable });\r\n }\r\n handleChangeTableNameKz(e) {\r\n let selectedTable = { ...this.state.selectedTable };\r\n selectedTable.nameKz = e.target.value;\r\n //todo update table\r\n this.setState({ selectedTable });\r\n }\r\n showEditNameTable() {\r\n if (this.state.selectedTable == null) return '';\r\n return \r\n \r\n Наименование(рус){':'} \r\n \r\n \r\n Наименование(каз){':'} \r\n ;\r\n }\r\n onClickPage = (e) => {\r\n let pageId = parseInt(e.target.id, 10);\r\n let selectedPage = this.state.selectedTable.pages.filter(t => t.pageId === pageId)[0];\r\n this.setState({\r\n selectedPage, selectedFormul: undefined,\r\n selectedFormulYear: undefined\r\n });\r\n this.props.getFormuls(pageId);\r\n }\r\n handleChangePageNameRu = async (e) => {\r\n let selectedPage = { ...this.state.selectedPage };\r\n selectedPage.nameRu = e.target.value;\r\n //update page\r\n await this.props.updatePageInfo(selectedPage);\r\n this.refreshSelectedPage(selectedPage.pageId);\r\n }\r\n handleChangePageNameKz = async (e) => {\r\n let selectedPage = { ...this.state.selectedPage };\r\n selectedPage.nameKz = e.target.value;\r\n //update page\r\n await this.props.updatePageInfo(selectedPage);\r\n this.refreshSelectedPage(selectedPage.pageId);\r\n }\r\n handleChangePageNameRazdRu = async (e) => {\r\n let selectedPage = { ...this.state.selectedPage };\r\n selectedPage.nameRazdRu = e.target.value;\r\n //update page\r\n await this.props.updatePageInfo(selectedPage);\r\n this.refreshSelectedPage(selectedPage.pageId);\r\n }\r\n handleChangePageNameRazdKz = async (e) => {\r\n let selectedPage = { ...this.state.selectedPage };\r\n selectedPage.nameRazdKz = e.target.value;\r\n //update page\r\n await this.props.updatePageInfo(selectedPage);\r\n this.refreshSelectedPage(selectedPage.pageId);\r\n }\r\n\r\n handleChangeTableInPageNameRu = async (e) => {\r\n let selectedPage = { ...this.state.selectedPage };\r\n selectedPage.nameTableRu = e.target.value;\r\n //update page\r\n await this.props.updatePageInfo(selectedPage);\r\n this.refreshSelectedPage(selectedPage.pageId);\r\n }\r\n handleChangeTableInPageNameKz = async (e) => {\r\n let selectedPage = { ...this.state.selectedPage };\r\n selectedPage.nameTableKz = e.target.value;\r\n //update page\r\n await this.props.updatePageInfo(selectedPage);\r\n this.refreshSelectedPage(selectedPage.pageId);\r\n }\r\n handleChangeSubHeaderRu = async (e) => {\r\n let selectedPage = { ...this.state.selectedPage };\r\n selectedPage.subHeaderRu = e.target.value;\r\n //update page\r\n await this.props.updatePageInfo(selectedPage);\r\n this.refreshSelectedPage(selectedPage.pageId);\r\n }\r\n handleChangeSubHeaderKz = async (e) => {\r\n let selectedPage = { ...this.state.selectedPage };\r\n selectedPage.subHeaderKz = e.target.value;\r\n //update page\r\n await this.props.updatePageInfo(selectedPage);\r\n this.refreshSelectedPage(selectedPage.pageId);\r\n }\r\n handleChangeSubHeader2Ru = async (e) => {\r\n let selectedPage = { ...this.state.selectedPage };\r\n selectedPage.subHeader2Ru = e.target.value;\r\n //update page\r\n await this.props.updatePageInfo(selectedPage);\r\n this.refreshSelectedPage(selectedPage.pageId);\r\n }\r\n handleChangeSubHeader2Kz = async (e) => {\r\n let selectedPage = { ...this.state.selectedPage };\r\n selectedPage.subHeader2Kz = e.target.value;\r\n //update page\r\n await this.props.updatePageInfo(selectedPage);\r\n this.refreshSelectedPage(selectedPage.pageId);\r\n }\r\n handleChangeSubHeader2RangeExcl = async (e) => {\r\n let selectedPage = { ...this.state.selectedPage };\r\n selectedPage.subHeader2RangeExcl = e.target.value;\r\n //update page\r\n await this.props.updatePageInfo(selectedPage);\r\n this.refreshSelectedPage(selectedPage.pageId);\r\n }\r\n handleChangeSubHeader2RangeExclOne = async (e) => {\r\n let selectedPage = { ...this.state.selectedPage };\r\n selectedPage.subHeader2RangeExclOne = e.target.value;\r\n //update page\r\n await this.props.updatePageInfo(selectedPage);\r\n this.refreshSelectedPage(selectedPage.pageId);\r\n } \r\n handleChangeSubHeader3Ru = async (e) => {\r\n let selectedPage = { ...this.state.selectedPage };\r\n selectedPage.subHeader3Ru = e.target.value;\r\n //update page\r\n await this.props.updatePageInfo(selectedPage);\r\n this.refreshSelectedPage(selectedPage.pageId);\r\n }\r\n handleChangeSubHeader3Kz = async (e) => {\r\n let selectedPage = { ...this.state.selectedPage };\r\n selectedPage.subHeader3Kz = e.target.value;\r\n //update page\r\n await this.props.updatePageInfo(selectedPage);\r\n this.refreshSelectedPage(selectedPage.pageId);\r\n }\r\n handleChangeStartRangePeriodsExcl = async (e) => {\r\n let selectedPage = { ...this.state.selectedPage };\r\n selectedPage.startRangePeriodsExcl = e.target.value\r\n //update page\r\n await this.props.updatePageInfo(selectedPage);\r\n this.refreshSelectedPage(selectedPage.pageId);\r\n }\r\n handleChangeStartRangeDataExcl = async (e) => {\r\n let selectedPage = { ...this.state.selectedPage };\r\n selectedPage.startRangeDataExcl = e.target.value;\r\n //update page\r\n await this.props.updatePageInfo(selectedPage);\r\n this.refreshSelectedPage(selectedPage.pageId);\r\n }\r\n handleChangeRangesPeriodExcl = async (e) => {\r\n let selectedPage = { ...this.state.selectedPage };\r\n selectedPage.rangesPeriodExcl = e.target.value;\r\n //update page\r\n await this.props.updatePageInfo(selectedPage);\r\n this.refreshSelectedPage(selectedPage.pageId);\r\n }\r\n handleChangePageNote1 = async (e) => {\r\n let selectedPage = { ...this.state.selectedPage };\r\n selectedPage.note1 = e.target.value;\r\n //update page\r\n await this.props.updatePageInfo(selectedPage);\r\n this.refreshSelectedPage(selectedPage.pageId);\r\n }\r\n handleChangePageNote2 = async (e) => {\r\n let selectedPage = { ...this.state.selectedPage };\r\n selectedPage.note2 = e.target.value;\r\n //update page\r\n await this.props.updatePageInfo(selectedPage);\r\n this.refreshSelectedPage(selectedPage.pageId);\r\n }\r\n showListPages() {\r\n if (this.state.selectedTable == null) return '';\r\n return \r\n {this.state.selectedTable.pages.map(p => {\r\n if (this.state.selectedPage != null && this.state.selectedPage.pageId === p.pageId)\r\n return {p.kod} ;\r\n else\r\n return {p.kod} ;\r\n })}\r\n ;\r\n }\r\n getTablePageKod() {\r\n if (this.state.selectedTable == null || this.state.selectedPage == null) return '';\r\n return `${this.state.selectedTable.kod}${this.state.selectedPage.kod}`;\r\n }\r\n showListFormuls() {\r\n if (this.props.formuls == null) return '';\r\n return \r\n {this.props.formuls.formuls.sort((a, b) => a.npp - b.npp).map(f => {\r\n if (this.state.selectedFormul != null && this.state.selectedFormul.formulId === f.formulId)\r\n return ${f.npp} ;\r\n else\r\n return ${f.npp} ;\r\n })}\r\n ;\r\n }\r\n onClickFormul = async (e) => {\r\n let formulId = parseInt(e.target.id, 10);\r\n let selectedFormul = this.props.formuls.formuls.filter(t => t.formulId === formulId)[0];\r\n await this.props.getFormulYears(formulId);\r\n let selectedFormulYear = undefined;\r\n if (this.props.formulYears != null && this.props.formulYears.years.length > 0) {\r\n selectedFormulYear = this.props.formulYears.years[0];\r\n }\r\n this.setState({ selectedFormul, selectedFormulYear });\r\n\r\n }\r\n handleChangeNpp(e) {\r\n let selectedFormul = { ...this.state.selectedFormul };\r\n selectedFormul.npp = parseInt(e.target.value, 10);\r\n //todo update formul\r\n this.setState({ selectedFormul });\r\n }\r\n handleChangeNumberAfterPoint(e) {\r\n let selectedFormul = { ...this.state.selectedFormul };\r\n selectedFormul.numberAfterPoint = parseInt(e.target.value, 10);\r\n //update formul\r\n this.props.updateFormul(selectedFormul);\r\n this.setState({ selectedFormul });\r\n }\r\n handleChangeFormulNameRu(e) {\r\n let selectedFormul = { ...this.state.selectedFormul };\r\n selectedFormul.nameRu = e.target.value;\r\n //todo update formul\r\n this.props.updateFormul(selectedFormul);\r\n this.setState({ selectedFormul });\r\n }\r\n handleChangeFormulNameKz(e) {\r\n let selectedFormul = { ...this.state.selectedFormul };\r\n selectedFormul.nameKz = e.target.value;\r\n //update formul\r\n this.props.updateFormul(selectedFormul);\r\n this.setState({ selectedFormul });\r\n }\r\n /*\r\n * \r\n \r\n Порядковый номер формулы(${this.state.selectedFormul.npp}){':'} \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 onSelectFormulYear(e) {\r\n let yearFormulId = parseInt(e.target.value, 10);\r\n let selectedFormulYear = this.props.formulYears.years.filter(y => y.yearFormulId === yearFormulId)[0];\r\n this.setState({ selectedFormulYear });\r\n }\r\n handleChangeFormulText = async (e) => {\r\n let selectedFormulYear = { ...this.state.selectedFormulYear };\r\n selectedFormulYear.formulText = e.target.value;\r\n //update formul year\r\n await this.props.updateFormulYear(selectedFormulYear);\r\n this.setState({ selectedFormulYear });\r\n }\r\n showFormulYearDetail() {\r\n if (this.state.selectedFormulYear == null) return '';\r\n return \r\n Год{':'} \r\n \r\n \r\n Формула{':'} \r\n \r\n |
;\r\n }\r\n uploadExcel = async (e) => {\r\n e.preventDefault();\r\n let input = document.getElementById('fileTemplate');\r\n if (input.files.length === 0) {\r\n alert(\"Выберите файл\");\r\n return;\r\n }\r\n let formData = new FormData();\r\n let pageId = this.state.selectedPage.pageId;\r\n formData.append(\"pageId\", pageId);\r\n formData.append(\"fileExcel\", input.files[0]);\r\n await this.props.UploadTemplate(formData, pageId);\r\n this.refreshSelectedPage(pageId);\r\n }\r\n uploadExcelOneYear = async (e) => {\r\n e.preventDefault();\r\n let input = document.getElementById('fileTemplateOneYear');\r\n if (input.files.length === 0) {\r\n alert(\"Выберите файл\");\r\n return;\r\n }\r\n let formData = new FormData();\r\n let pageId = this.state.selectedPage.pageId;\r\n formData.append(\"pageId\", pageId);\r\n formData.append(\"fileExcel\", input.files[0]);\r\n await this.props.UploadTemplateOneYear(formData, pageId);\r\n this.refreshSelectedPage(pageId);\r\n }\r\n refreshSelectedPage(pageId) {\r\n let index = this.state.selectedTable.pages.map(e => e.pageId).indexOf(pageId);\r\n let table = this.props.tablesPages.tables.filter(t => t.tableId === this.state.selectedPage.tableId)[0];\r\n let page = table.pages.filter(p => p.pageId === pageId)[0];\r\n this.state.selectedTable.pages.splice(index, 1, page);\r\n this.setState({ selectedPage: page });\r\n }\r\n async downloadExcel(e) {\r\n e.preventDefault();\r\n const blob = await this.props.DownloadTemplate(this.state.selectedPage.pageId);\r\n FileSaver.saveAs(blob, this.state.selectedPage.fileTemplate);\r\n }\r\n async downloadExcelOneYear(e) {\r\n e.preventDefault();\r\n const blob = await this.props.DownloadTemplateOneYear(this.state.selectedPage.pageId);\r\n FileSaver.saveAs(blob, this.state.selectedPage.fileTemplateOneYear);\r\n }\r\n showTemplatePageEdit() {\r\n if (this.state.selectedPage == null) return '';\r\n return \r\n \r\n Шаблон Excel(2-периода){':'} \r\n Загрузить шаблон на сервер \r\n {this.state.selectedPage != null && this.state.selectedPage.fileTemplate != null ? Скачать шаблон с сервера {this.state.selectedPage.fileTemplate} : ''}\r\n \r\n \r\n \r\n Шаблон Excel(1-период){':'} \r\n Загрузить шаблон на сервер \r\n {this.state.selectedPage != null && this.state.selectedPage.fileTemplateOneYear != null ? Скачать шаблон с сервера {this.state.selectedPage.fileTemplateOneYear} : ''}\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 |
\r\n \r\n Подзаголовок 1(рус){':'} \r\n |
\r\n \r\n Подзаголовок 1(каз){':'} \r\n \r\n |
\r\n \r\n Подзаголовок 2(рус){':'} \r\n |
\r\n \r\n Подзаголовок 2(каз){':'} \r\n \r\n |
\r\n {this.state.selectedPage.typePage === 2 ? \r\n Ячейка подзаголовока 2(2-периода){':'} \r\n \r\n \r\n Ячейка подзаголовока 2(1-период){':'} \r\n \r\n |
: ''}\r\n \r\n Подзаголовок 3(рус){':'} \r\n |
\r\n \r\n Подзаголовок 3(каз){':'} \r\n \r\n |
\r\n \r\n \r\n Стартовая ячейка периодов{':'} \r\n \r\n \r\n Стартовая ячейка данных{':'} \r\n \r\n \r\n \r\n Ячейки для замены {период}, когда 1-период{':'} \r\n \r\n \r\n
\r\n \r\n \r\n Примечание1{':'} \r\n \r\n \r\n
\r\n \r\n \r\n Примечание2{':'} \r\n \r\n \r\n
\r\n ;\r\n }\r\n render() {\r\n return \r\n \r\n {' '}
: ''}\r\n \r\n \r\n Тип таблицы{':'} \r\n \r\n {1} \r\n {2} \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.selectedPage != null ? |
\r\n Формулы {this.getTablePageKod()} |
\r\n |
\r\n {this.props.formulYears != null ? \r\n \r\n \r\n Год{':'} \r\n \r\n {this.props.formulYears.years.map(y => {y.year} )}\r\n \r\n \r\n \r\n Копировать Вставить \r\n \r\n
\r\n {this.showFormulYearDetail()}\r\n : ''}\r\n \r\n : ''}\r\n
\r\n this.setState({ showGetYearOfFormul: false })}>\r\n \r\n Modal title \r\n \r\n\r\n \r\n \r\n Год формулы{':'} \r\n this.setState({ yearFormulInsert: parseInt(e.target.value, 10) })}\r\n />\r\n \r\n {this.state.errorInsertYear}
\r\n \r\n\r\n \r\n this.setState({ showGetYearOfFormul: false })}>Закрыть \r\n {this.state.isCopyYearFormul ? \"Копировать формулу\" : \"Добавить формулу\"} \r\n \r\n \r\n\r\n ;\r\n }\r\n}\r\nexport default connect(\r\n state => state.formulmedinfo,\r\n dispatch => bindActionCreators(actionCreators, dispatch)\r\n)(EditMedinfoFormul);\r\n// {this.showEditNameTable()}\r\n//{this.showEditNamePage()}","import React, { Component, Fragment } from 'react';\r\nimport { bindActionCreators } from 'redux';\r\nimport { connect } from 'react-redux';\r\nimport { Table } from 'react-bootstrap';\r\nimport { Translate/*, I18n*/ } from 'react-redux-i18n';\r\nimport NumberFormat from 'react-number-format';\r\n\r\nimport { actionCreators } from '../../store/Medinfo/FormulMedinfo';\r\nimport './editBokMkb.css';\r\n\r\nclass EditBokMkb extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.props.getBokMkb();\r\n }\r\n nppChange = (values, bokMkbId) => {\r\n //let vl = parseInt(values.value);\r\n this.props.updateFieldBokMkb({ bokMkbId, field: 'Npp', value: values.value });\r\n }\r\n /*\r\n nameRuChange = (nameRu, bokMkbId) => {\r\n this.props.updateFieldBokMkb({ bokMkbId, field: 'NameRu', value: nameRu });\r\n }\r\n nameKzChange = (nameKz, bokMkbId) => {\r\n this.props.updateFieldBokMkb({ bokMkbId, field: 'NameKz', value: nameKz });\r\n }\r\n */\r\n nameChange = (name, bokMkbId, fld) => {\r\n this.props.updateFieldBokMkb({ bokMkbId, field: fld, value: name });\r\n }\r\n showTable = () => {\r\n if (this.props.bokMkb === undefined) {\r\n return '';\r\n }\r\n return \r\n {this.props.error !== undefined ? {this.props.error}
: ''}\r\n \r\n ;\r\n }\r\n render() {\r\n return \r\n ;\r\n }\r\n}\r\nexport default connect(\r\n state => state.formulmedinfo,\r\n dispatch => bindActionCreators(actionCreators, dispatch)\r\n)(EditBokMkb);","import React, { Component, Fragment } from 'react';\r\nimport { bindActionCreators } from 'redux';\r\nimport { connect } from 'react-redux';\r\nimport { Table, FormGroup, FormControl, ControlLabel, Row, Col} from 'react-bootstrap';\r\nimport { Translate/*, I18n*/ } from 'react-redux-i18n';\r\nimport NumberFormat from 'react-number-format';\r\n\r\nimport { actionCreators } from '../../store/Medinfo/FormulMedinfo';\r\nimport './editBokMkb.css';\r\n\r\nclass EditBokDr extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n pages: [],\r\n selectedTable: undefined,\r\n seletedPageId: undefined,\r\n };\r\n this.showListTables = this.showListTables.bind(this);\r\n this.onSelectTable = this.onSelectTable.bind(this);\r\n this.showListPages = this.showListPages.bind(this);\r\n this.onSelectPage = this.onSelectPage.bind(this);\r\n this.props.getTablesPagesOnlyBokDr().finally(() => {\r\n let selectedTable = this.props.tablesPages.tables[0];\r\n let seletedPageId = selectedTable.pages[0].pageId;\r\n this.setState({ selectedTable, seletedPageId});\r\n this.props.getBokDr(seletedPageId);\r\n });\r\n }\r\n onSelectTable = (e) => {\r\n let tableId = parseInt(e.target.value, 10);\r\n let selectedTable = this.props.tablesPages.tables.filter(f => f.tableId === tableId)[0];\r\n let seletedPageId = selectedTable.pages[0].pageId;\r\n this.setState({ selectedTable, seletedPageId });\r\n this.props.getBokDr(seletedPageId);\r\n }\r\n showListTables() {\r\n if (this.props.tablesPages == null) return '';\r\n return \r\n Таблица{':'} \r\n \r\n {this.props.tablesPages.tables.map(l => {l.kod} {l.nameRu} )}\r\n \r\n ;\r\n }\r\n showListPages() {\r\n if (this.state.selectedTable == null) return '';\r\n return \r\n Страница{':'} \r\n \r\n {this.state.selectedTable.pages.map(l => {l.kod} {l.nameRu} )}\r\n \r\n ;\r\n }\r\n onSelectPage = (e) => {\r\n let seletedPageId = e.target.value;\r\n this.setState({ seletedPageId });\r\n //load BokDr\r\n this.props.getBokDr(seletedPageId);\r\n }\r\n nppChange = (values, bokMkbId) => {\r\n this.props.updateFieldBokDr({ bokMkbId, field: 'Npp', value: values.value });\r\n }\r\n /*\r\n nameRuChange = (nameRu, bokMkbId) => {\r\n this.props.updateFieldBokDr({ bokMkbId, field: 'NameRu', value: nameRu });\r\n }\r\n nameKzChange = (nameKz, bokMkbId) => {\r\n this.props.updateFieldBokDr({ bokMkbId, field: 'NameKz', value: nameKz });\r\n }\r\n */\r\n nameChange = (name, bokMkbId, fld) => {\r\n this.props.updateFieldBokDr({ bokMkbId, field: fld, value: name });\r\n }\r\n showTable = () => {\r\n if (this.props.bokDr === undefined) {\r\n return undefined;\r\n }\r\n return \r\n {this.props.error !== undefined ? {this.props.error}
: ''}\r\n \r\n ;\r\n }\r\n render() {\r\n return \r\n \r\n
\r\n \r\n
\r\n {this.showTable()}\r\n ;\r\n }\r\n}\r\nexport default connect(\r\n state => state.formulmedinfo,\r\n dispatch => bindActionCreators(actionCreators, dispatch)\r\n)(EditBokDr);","import React, { Component, Fragment } from 'react';\r\nimport { bindActionCreators } from 'redux';\r\nimport { connect } from 'react-redux';\r\nimport { ListGroup, ListGroupItem, FormGroup, FormControl, ControlLabel, Row, Col } from 'react-bootstrap';\r\nimport { Translate/*, I18n*/ } from 'react-redux-i18n';\r\n\r\nimport { actionCreators } from '../../store/Medinfo/FormulMedinfo';\r\nclass EditParts extends Component {\r\n constructor(props) {\r\n super(props);\r\n var self = this;\r\n this.state = {\r\n parts: [],\r\n selectedPart: undefined\r\n };\r\n this.showListParts = this.showListParts.bind(this);\r\n this.showSelectPart = this.showSelectPart.bind(this);\r\n this.handleChangePartNameRu = this.handleChangePartNameRu.bind(this);\r\n this.handleChangePartNameKz = this.handleChangePartNameKz.bind(this);\r\n this.handleChangeListPages = this.handleChangeListPages.bind(this);\r\n this.onClickPart = this.onClickPart.bind(this);\r\n this.refreshSelectedPart = this.refreshSelectedPart.bind(this);\r\n this.props.getParts().finally(() => {\r\n let selectedPart = (self.props.parts!=null && self.props.parts.length > 0) ? self.props.parts[0] : undefined;\r\n self.setState({ parts: self.props.parts, selectedPart});\r\n });\r\n }\r\n onClickPart = (e) => {\r\n let partId = parseInt(e.target.id, 10);\r\n let selectedPart = this.state.parts.filter(t => t.partId === partId)[0];\r\n this.setState({selectedPart});\r\n }\r\n refreshSelectedPart(selectedPart) {\r\n let index = this.state.parts.map(e => e.partId).indexOf(selectedPart.partId);\r\n this.state.parts.splice(index, 1, selectedPart);\r\n this.setState({ selectedPart });\r\n }\r\n handleChangePartNameRu = async (e) => {\r\n let selectedPart = { ...this.state.selectedPart };\r\n selectedPart.nameRu = e.target.value;\r\n //update part\r\n await this.props.updatePart(selectedPart);\r\n this.refreshSelectedPart(selectedPart);\r\n }\r\n handleChangePartNameKz = async (e) => {\r\n let selectedPart = { ...this.state.selectedPart };\r\n selectedPart.nameKz = e.target.value;\r\n //update part\r\n await this.props.updatePart(selectedPart);\r\n this.refreshSelectedPart(selectedPart);\r\n }\r\n handleChangeListPages = async (e) => {\r\n let selectedPart = { ...this.state.selectedPart };\r\n selectedPart.listPages = e.target.value;\r\n //update part\r\n await this.props.updatePart(selectedPart);\r\n this.refreshSelectedPart(selectedPart);\r\n }\r\n\r\n showListParts() {\r\n if (this.state.parts != null && this.state.parts.length > 0) {\r\n // style={{ maxHeight: 600, overflowY: \"auto\" }}\r\n return \r\n {this.state.parts.map(p => {\r\n if (this.state.selectedPart != null && this.state.selectedPart.partId === p.partId)\r\n return {p.kod} {p.nameRu} ;\r\n else\r\n return {p.kod} {p.nameRu} ;\r\n })}\r\n ;\r\n }\r\n return '';\r\n }\r\n showSelectPart() {\r\n if (this.state.selectedPart == null) {\r\n return '';\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 render() {\r\n return \r\n \r\n
\r\n \r\n
\r\n ;\r\n }\r\n}\r\nexport default connect(\r\n state => state.formulmedinfo,\r\n dispatch => bindActionCreators(actionCreators, dispatch)\r\n)(EditParts);","import React, { Component/*, Fragment*/ } from 'react';\r\nimport { bindActionCreators } from 'redux';\r\nimport { connect } from 'react-redux';\r\nimport { Form, Button, FormGroup, FormControl, ControlLabel, Row, Col, Alert, Checkbox } from 'react-bootstrap';\r\nimport { Translate, I18n } from 'react-redux-i18n';\r\nimport NumberFormat from 'react-number-format';\r\nimport * as FileSaver from 'file-saver';\r\nimport { actionCreators } from '../../store/Medinfo/FormulMedinfo';\r\n//import SelectMultiObjects from '../common/SelectMultiObjects'\r\nimport SelectObject from '../common/SelectObject';\r\nimport { arTypePers, arTypeDiagram } from '../Constants';\r\nclass GenMedinfoTable extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n type_page: 1,//1,2\r\n selectedTable: undefined,\r\n seletedPage: undefined,\r\n type_per: 1,\r\n begYear: 2017,\r\n endYear: 2018,\r\n //isCustomYears: false,//если используется строка годов\r\n yearsExprStrings: \"2017-2018\",//строка годов (например - 2017-2018,2021)\r\n years: [2017,2018], //массив годов из строки yearsExprStrings \r\n tobj: props.userInfo.user.accessLevel, // тип обьекта 1 – РК; 2 – область; 3 - район; 4 - организация (доступ зависит от пользователя)\r\n obl: undefined,\r\n raion: undefined,\r\n org: { korg: this.props.userInfo.user.kodOrg },//, undefined,\r\n //kobls: [],\r\n //kraions: [],\r\n //korgs: [],\r\n isCreateDiagram: false,\r\n type_diagram: 1,\r\n isLoading: false\r\n };\r\n this.onClickTable = this.onClickTable.bind(this);\r\n this.onSelectTypePage = this.onSelectTypePage.bind(this);\r\n this.onClickPage = this.onClickPage.bind(this);\r\n this.showListPages = this.showListPages.bind(this);\r\n this.begYearChange = this.begYearChange.bind(this);\r\n this.endYearChange = this.endYearChange.bind(this);\r\n this.onGenerateTable = this.onGenerateTable.bind(this);\r\n this.yearsExprStringsChange = this.yearsExprStringsChange.bind(this);\r\n this.yearsList = this.yearsList.bind(this);\r\n this.props.getTablesPages(this.state.type_page).finally(() => {\r\n let selectedTable = this.props.formulmedinfo.tablesPages.tables[0];\r\n this.setState({\r\n selectedTable: selectedTable, selectedPage: selectedTable.pages[0]\r\n });\r\n });\r\n }\r\n onSelectTypePage = async (e) => {\r\n let type_page = parseInt(e.target.value, 10);\r\n await this.props.getTablesPages(type_page);\r\n let selectedTable = this.props.formulmedinfo.tablesPages.tables[0];\r\n this.setState({\r\n type_page, selectedTable: selectedTable, selectedPage: selectedTable.pages[0]\r\n });\r\n }\r\n onClickTable = (e) => {\r\n let tableId = parseInt(e.target.value, 10);\r\n let selectedTable = this.props.formulmedinfo.tablesPages.tables.filter(t => t.tableId === tableId)[0];\r\n this.setState({\r\n selectedTable,\r\n selectedPage: selectedTable.pages[0]\r\n });\r\n }\r\n showListTables() {\r\n if (this.props.formulmedinfo.tablesPages == null) return '';\r\n return \r\n \r\n {this.props.formulmedinfo.tablesPages.tables.map(l => {l.kod} {l.nameRu} )}\r\n \r\n ;\r\n }\r\n onClickPage = (e) => {\r\n let pageId = parseInt(e.target.value, 10);\r\n let selectedPage = this.state.selectedTable.pages.filter(t => t.pageId === pageId)[0];\r\n this.setState({selectedPage});\r\n }\r\n showListPages() {\r\n if (this.state.selectedTable == null) return '';\r\n return \r\n \r\n {this.state.selectedTable.pages.map(p => {p.kod} {p.nameRu} )}\r\n \r\n ;\r\n }\r\n begYearChange(values) {\r\n let vl = parseInt(values.value, 10); //values.intValue === undefined ? 2017 : values.intValue;\r\n this.setState({ begYear:vl });\r\n }\r\n endYearChange(values) {\r\n let vl = parseInt(values.value, 10); // values.intValue === undefined ? 2018 : values.intValue;\r\n this.setState({ endYear: vl });\r\n }\r\n validYearsMessage() {\r\n if (this.state.type_per > 1) return '';\r\n if (this.state.begYear >= this.state.endYear) {\r\n return Первый год не должен быть равен или больше чем второй
;\r\n }\r\n if ( this.state.endYear - this.state.begYear > 10) {\r\n return Количество лет не должно быть больше 10
;\r\n }\r\n }\r\n validYearsExprStrings() {\r\n if (this.state.type_per > 1) return '';\r\n if (this.state.yearsExprStrings == null || this.state.yearsExprStrings.length === 0)\r\n return Введите выражение
;\r\n //проверка регулярного выражения\r\n //let regexp = /(\\d{4}(,)?|\\d{4}-\\d{4}(,)?)+/;\r\n let regexp = /\\d{4,4}-\\d{4,4}|\\d{4,4}/gi;\r\n let test = regexp.test(this.state.yearsExprStrings);\r\n if (!test)\r\n return Неправильное выражение
;\r\n if (this.state.years.length>10)\r\n return Количество годов больше 10
;\r\n //let ar =this.state.yearsExprStrings.match(regexp);\r\n //return test={test?'true':'false'} {ar.join(',')}
\r\n }\r\n yearsList() {\r\n if (this.state.years.length > 0)\r\n return {this.state.years.join(',')} \r\n }\r\n yearsExprStringsChange = (e) => {\r\n //получить масив годов\r\n let yearsExprStrings = e.target.value;\r\n let years = [];\r\n let regexp = /(\\d{4,4}-\\d{4,4})|(\\d{4,4})/gi;\r\n let test = regexp.test(yearsExprStrings);\r\n if (test) {\r\n let ar = yearsExprStrings.match(regexp);\r\n for (var i = 0; i < ar.length; i++) {\r\n let it = ar[i];\r\n if (it.indexOf('-')!==-1) {\r\n let ar1 = it.split('-');\r\n let yy1 = parseInt(ar1[0], 10);\r\n let yy2 = parseInt(ar1[1], 10);\r\n //eslint-disable-next-line\r\n for (var yi = yy1; yi <= yy2; yi++) {\r\n //eslint-disable-next-line\r\n if (years.filter(y1 => y1 === yi).length === 0) {\r\n years.push(yi);\r\n }\r\n }\r\n } else {\r\n let ye = parseInt(it, 10);\r\n if (years.filter(y1 => y1 === ye).length === 0) {\r\n years.push(ye);\r\n }\r\n }\r\n }\r\n years=years.sort();\r\n }\r\n this.setState({ yearsExprStrings, years});\r\n }\r\n showRangeYears() {\r\n if (this.state.type_per === 1) {\r\n return \r\n \r\n \r\n \r\n
;\r\n /*\r\n return \r\n \r\n \r\n this.begYearChange(values)} />\r\n \r\n \r\n
\r\n \r\n \r\n this.endYearChange(values)} />\r\n \r\n {this.validYearsMessage()}\r\n \r\n
;\r\n */\r\n } else {\r\n return \r\n \r\n this.begYearChange(values)} />\r\n \r\n \r\n
;\r\n }\r\n }\r\n onGenerateTable = async (e) => {\r\n e.preventDefault();\r\n let kobjs = null;\r\n switch (this.state.tobj) {\r\n case 1:\r\n kobjs = [\"00\"];\r\n break;\r\n case 2:\r\n // if (this.props.userInfo.user.accessLevel === 2) {\r\n kobjs = [];\r\n kobjs.push(this.state.obl.kobl);\r\n // } else {\r\n // kobjs = this.state.kobls;\r\n // }\r\n break;\r\n case 3:\r\n //if (this.props.userInfo.user.accessLevel === 3) {\r\n kobjs = [];\r\n kobjs.push(this.state.raion.kraion);\r\n //} else {\r\n // kobjs = this.state.kraions;\r\n //}\r\n break;\r\n case 4:\r\n kobjs = [];\r\n kobjs.push(this.state.org.korg/*this.props.userInfo.user.kodOrg*/);\r\n break;\r\n default:\r\n }\r\n if (this.state.type_per === 1 && this.state.years.length === 0) {\r\n alert(\"Выберте года\");\r\n return;\r\n } else if (this.state.begYear == null || this.state.begYear===0) {\r\n alert(\"Выберте год\");\r\n return;\r\n }\r\n if (kobjs.length === 0) {\r\n alert(\"Выберте обьекты\");\r\n return;\r\n }\r\n let body = {\r\n typePage: this.state.type_page,//1,2\r\n tableId: this.state.selectedTable.tableId,\r\n pageId: this.state.selectedPage.pageId,\r\n typePer: this.state.type_per,\r\n years: this.state.years,\r\n begYear: this.state.begYear,\r\n endYear: this.state.endYear,\r\n tobj: this.state.tobj,\r\n kobjs,\r\n isCreateDiagram: this.state.isCreateDiagram,\r\n typeDiagram: this.state.type_diagram\r\n }; \r\n this.setState({ isLoading: true });\r\n let absoluteUrl = `${document.location.protocol}//${document.location.host}/Medinfo/generate/Excel`;\r\n let fileName = `${this.state.begYear}_${this.state.type_page}_${this.state.selectedTable.kod}_${this.state.selectedPage.kod}_${this.state.type_per}_${this.state.tobj}.xlsx`;\r\n var token = this.props.userInfo.user.token;\r\n const response = await fetch(absoluteUrl, {\r\n credentials: 'include',\r\n method: 'POST',\r\n headers: {\r\n 'Authorization': `Bearer ${token}`,\r\n 'Content-Type': 'application/json'\r\n },\r\n body: JSON.stringify(body)\r\n });\r\n if (response.ok) { // если HTTP-статус в диапазоне 200-299\r\n // получаем тело ответа (см. про этот метод ниже)\r\n const blob = await response.blob();\r\n FileSaver.saveAs(blob, fileName);\r\n this.setState({ isLoading: false });\r\n } else {\r\n alert(\"Ошибка HTTP: \" + response.status);\r\n }\r\n }\r\n showTypesDiagram(){\r\n if (this.state.isCreateDiagram === false) return '';\r\n return \r\n \r\n this.setState({ type_diagram: parseInt(e.target.value, 10) })}>\r\n {arTypeDiagram.filter(f => !(this.state.type_page === 2 && f.id === 5) && this.state.tobj<3).map(it => {I18n.t(it.nameT)} )}\r\n \r\n \r\n \r\n
;\r\n }\r\n render() {\r\n return ;\r\n }\r\n}//\r\nexport default connect(\r\n state => state,\r\n dispatch => bindActionCreators(actionCreators, dispatch)\r\n)(GenMedinfoTable);","import React, { Component, Fragment } from 'react';\r\nimport { bindActionCreators } from 'redux';\r\nimport { connect } from 'react-redux';\r\nimport { FormGroup, FormControl, ControlLabel, Row, Col } from 'react-bootstrap';\r\nimport { Translate, I18n } from 'react-redux-i18n';\r\n\r\n//import SelectOrgModal from '../Modals/SelectOrgModal';\r\nimport { Typeahead } from 'react-bootstrap-typeahead';\r\n\r\nimport { actionCreators } from '../../store/Nsi';\r\nimport { getNameLocalize } from '../Constants';\r\n\r\nclass SelectObject2 extends Component {\r\n constructor(props) {\r\n super(props);\r\n let kobl, kraion, korg, selectOrg;\r\n let accessLevel = props.userInfo.user.accessLevel;\r\n //var self = this;\r\n if (props.obl == null) {\r\n kobl = props.userInfo.user.kodObl;\r\n props.setObl({ kobl, nameRu: props.userInfo.user.nameObl, nameKz: props.userInfo.user.nameOblKz});\r\n this.props.getNs('orgs', [{ name: \"obl\", value: kobl }]);\r\n } else {\r\n kobl = props.obl.kobl;\r\n }\r\n if (props.raion == null) {\r\n kraion = props.userInfo.user.kodRaion.substring(0, 4);\r\n props.setRaion({ kraion, nameRu: props.userInfo.user.nameRaion, nameKz: props.userInfo.user.nameRaionKz});\r\n } else {\r\n kraion = props.raion.kraion;\r\n }\r\n if (props.isNotOrg !== true) {\r\n if (props.org == null) {\r\n korg = props.userInfo.user.kodOrg;\r\n selectOrg = { korg, nameRu: props.userInfo.user.nameOrg, nameKz: props.userInfo.user.nameOrgKz};\r\n props.setOrg(selectOrg);\r\n } else {\r\n korg = props.org.korg;\r\n if (props.userInfo.user.kodOrg === props.org.korg) {\r\n selectOrg = { korg, nameRu: props.userInfo.user.nameOrg, nameKz: props.userInfo.user.nameOrgKz};\r\n }\r\n }\r\n }\r\n /*\r\n tobj={this.state.tobj}\r\n obl={this.state.obl}\r\n raion={this.state.raion}\r\n org={this.state.org}\r\n */\r\n let tobj = props.tobj == null ? /*props.userInfo.user.accessLevel*/1 : props.tobj;\r\n this.state = {\r\n kobl,\r\n kraion,\r\n korg,\r\n accessLevel,\r\n selectOrg,\r\n tobj: tobj, // тип обьекта 1 – РК; 2 – область; 3 - район; 4 - организация (доступ зависит от пользователя)\r\n }\r\n\r\n this.typeahead = null;\r\n this.onSelectTobj = this.onSelectTobj.bind(this);\r\n this.onSelectKobl = this.onSelectKobl.bind(this);\r\n this.onSelectKraion = this.onSelectKraion.bind(this);\r\n this.onChangeOrg = this.onChangeOrg.bind(this);\r\n this.filterRaion = this.filterRaion.bind(this);\r\n if (props.nsi.allobls.length === 0) {\r\n props.getNs('allobls');\r\n }\r\n\r\n if (props.nsi.allraions.length === 0) {\r\n props.getNs('allraions');\r\n /*.finally(() => {\r\n self.setState({\r\n kobl: props.userInfo.user.kodObl,\r\n kraion: props.userInfo.user.kodRaion.substring(0, 4),\r\n korg: props.userInfo.user.kodOrg\r\n });\r\n });*/\r\n }\r\n }\r\n /*\r\n componentWillMount() {\r\n // This method runs when the component is first added to the page\r\n \r\n \r\n }\r\n */\r\n componentWillReceiveProps(nextProps) {\r\n // This method runs when incoming props (e.g., route params) change\r\n if (this.typeahead != null)\r\n this.typeahead.getInstance().clear();\r\n }\r\n onSelectTobj(e) {\r\n let tobj = parseInt(e.target.value, 10);\r\n this.setState({ tobj });\r\n this.props.setTobj(tobj);\r\n }\r\n onSelectKobl(e) {\r\n let kobl = e.target.value;\r\n let first_raion = this.props.nsi.allraions.filter(r => r.obl === kobl);\r\n this.setState({\r\n kobl,\r\n kraion: first_raion === undefined || first_raion.length === 0 ? undefined : first_raion[0].idRaion,\r\n korg: undefined\r\n });\r\n if (first_raion != null || first_raion.length > 0) {\r\n this.props.setRaion({ kraion: first_raion[0].idRaion, nameRu: first_raion[0].nameRu });\r\n }\r\n let nameRu = this.props.nsi.allobls.filter(r => r.kod === kobl)[0].nameRu;\r\n this.props.setObl({ kobl, nameRu });\r\n if (this.state.tobj > 3) {\r\n this.typeahead.getInstance().clear();\r\n //загрузить организации\r\n this.props.getNs('orgs', [{ name: \"obl\", value: kobl }]);\r\n }\r\n }\r\n onSelectKraion(e) {\r\n let kraion = e.target.value;\r\n this.setState({\r\n kraion,\r\n korg: undefined\r\n });\r\n if (this.state.tobj > 3) {\r\n this.typeahead.getInstance().clear();\r\n }\r\n let nameRu = this.props.nsi.allraions.filter(r => r.idRaion === kraion)[0].nameRu;\r\n this.props.setRaion({ kraion, nameRu });\r\n }\r\n onChangeOrg(selected) {\r\n if (selected.length > 0) {\r\n let korg = selected[0].kobj;\r\n let selectOrg = { korg, nameRu: selected[0].nameRu }\r\n this.setState({ korg, selectOrg });\r\n this.props.setOrg(selectOrg);\r\n return;\r\n }\r\n this.setState({ korg: undefined, selectOrg: undefined });\r\n this.props.setOrg(undefined);\r\n }\r\n showSelectObl() {\r\n let cssDispl = this.state.tobj > 1 ? \"block\" : \"none\";\r\n return \r\n \r\n \r\n {this.props.nsi.allobls.map(it => {getNameLocalize(this.props.i18n, it)} )}\r\n \r\n \r\n \r\n
;\r\n }\r\n filterRaion(rai, year) {\r\n if (year == null) return true;\r\n let ye = typeof year === 'string' ? parseInt(year, 10) : year;\r\n let dtBeg = rai.dtBeg == null ? null : new Date(rai.dtBeg);\r\n if (dtBeg != null && dtBeg.getFullYear() > ye) return false;\r\n let dtEnd = rai.dtEnd == null ? null : new Date(rai.dtEnd);\r\n if (dtEnd != null && ye >= dtEnd.getFullYear()) return false;\r\n return true;\r\n }\r\n showSelectRaions() {\r\n let cssDispl = this.state.tobj > 2 ? \"block\" : \"none\";\r\n return \r\n \r\n \r\n {this.props.nsi.allraions.filter(r => r.obl === this.state.kobl && this.filterRaion(r, this.props.year)).map(it => {getNameLocalize(this.props.i18n, it)} )}\r\n \r\n \r\n \r\n
;\r\n }\r\n showSelectOrgs() {\r\n let cssDispl = (this.state.tobj > 3 /*|| this.state.accessLevel > 3*/) ? \"block\" : \"none\";\r\n\r\n return \r\n \r\n this.typeahead = ref}\r\n labelKey={this.props.i18n.locale[0] === 'r' ? \"nameRu\" : \"nameKz\"}\r\n options={this.props.nsi.orgs.filter(o => o.raion === this.state.kraion)}\r\n placeholder={`${I18n.t(\"selectOrg\")}...`}\r\n onChange={this.onChangeOrg} />{this.state.selectOrg == null ? \"\" : getNameLocalize(this.props.i18n, this.state.selectOrg)}
\r\n
;\r\n }\r\n render() {\r\n let isOrg = this.props.isNotOrg === true ? false : true;\r\n return (\r\n \r\n \r\n \r\n \r\n РК \r\n {I18n.t('obl')} \r\n {I18n.t('raion')} \r\n {I18n.t('org')} \r\n \r\n \r\n
\r\n {this.showSelectObl()}\r\n {this.showSelectRaions()}\r\n {isOrg ? this.showSelectOrgs() : ''}\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default connect(\r\n state => state,\r\n dispatch => bindActionCreators(actionCreators, dispatch)\r\n)(SelectObject2);","import React, { Component, Fragment } from 'react';\r\nimport { bindActionCreators } from 'redux';\r\nimport { connect } from 'react-redux';\r\nimport { Form, Button, FormGroup, FormControl, ControlLabel, Row, Col, Alert, Checkbox } from 'react-bootstrap';\r\nimport { Translate, I18n } from 'react-redux-i18n';\r\nimport NumberFormat from 'react-number-format';\r\nimport * as FileSaver from 'file-saver';\r\nimport { actionCreators } from '../../store/Medinfo/FormulMedinfo';\r\n//import SelectMultiObjects from '../common/SelectMultiObjects'\r\nimport SelectObject2 from '../common/SelectObject2';\r\nimport { arTypePers, arTypeDiagram, getNameLocalize, periods, years as arYears } from '../Constants';\r\n//import loading from '../../images/loading.gif';\r\nconst cyrYear = (new Date()).getFullYear();\r\nclass GenMedinfoTable2 extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n type_page: 1,//1,2\r\n selectedPart: undefined,\r\n selectedTable: undefined,\r\n selectedPage: undefined,\r\n type_per: 1,\r\n begYear: cyrYear,\r\n endYear: cyrYear-1,\r\n //isCustomYears: false,//если используется строка годов\r\n yearsExprStrings: `${cyrYear - 1},${cyrYear}`,//\"2017-2018\",//строка годов (например - 2017-2018,2021)\r\n years: [cyrYear-1, cyrYear], //массив годов из строки yearsExprStrings \r\n tobj: 1,//props.userInfo.user.accessLevel, // тип обьекта 1 – РК; 2 – область; 3 - район; 4 - организация (доступ зависит от пользователя)\r\n obl: undefined,\r\n raion: undefined,\r\n org: { korg: this.props.userInfo.user.kodOrg },//, undefined,\r\n //kobls: [],\r\n //kraions: [],\r\n //korgs: [],\r\n isOneMonth: true,\r\n isForOrgs: false,\r\n oneMonth: \"101\",\r\n isCreateDiagram: false,\r\n type_diagram: 1,\r\n diagramColumn: 1,\r\n diagramPeriod: cyrYear,\r\n diagramLang: 'kk',\r\n isLoading: false,\r\n erMonthQuart: undefined\r\n };\r\n //this.onClickTable = this.onClickTable.bind(this);\r\n this.onClickPart = this.onClickPart.bind(this);\r\n this.onClickPage = this.onClickPage.bind(this);\r\n this.showListPages = this.showListPages.bind(this);\r\n this.begYearChange = this.begYearChange.bind(this);\r\n this.endYearChange = this.endYearChange.bind(this);\r\n this.onGenerateTable = this.onGenerateTable.bind(this);\r\n this.yearsExprStringsChange = this.yearsExprStringsChange.bind(this);\r\n this.yearsList = this.yearsList.bind(this);\r\n this.showSelectColumn = this.showSelectColumn.bind(this);\r\n this.onSelectDiagramColumn = this.onSelectDiagramColumn.bind(this);\r\n this.showSelectDiagramPeriod = this.showSelectDiagramPeriod.bind(this);\r\n this.onSelectDiagramPeriod = this.onSelectDiagramPeriod.bind(this);\r\n this.showSelectDiagramLang = this.showSelectDiagramLang.bind(this);\r\n this.onSelectDiagramLang = this.onSelectDiagramLang.bind(this);\r\n this.showWarningDiagram = this.showWarningDiagram.bind(this);\r\n this.onSetTobj = this.onSetTobj.bind(this);\r\n this.setIsForOrgs = this.setIsForOrgs.bind(this);\r\n this.changeTypePer = this.changeTypePer.bind(this);\r\n\r\n /*this.props.getTablesPages(this.state.type_page).finally(() => {\r\n let selectedTable = this.props.formulmedinfo.tablesPages.tables[0];\r\n this.setState({\r\n selectedTable: selectedTable, selectedPage: selectedTable.pages[0]\r\n });\r\n });\r\n */\r\n //if (I18nState.locale == 'ru') {\r\n\r\n //}\r\n this.props.getParts().finally(() => {\r\n let selectedPart = (this.props.formulmedinfo.parts != null && this.props.formulmedinfo.parts.length > 0) ? this.props.formulmedinfo.parts[0] : undefined;\r\n //this.setState({ selectedPart });\r\n this.props.getPagesOfPart(selectedPart.partId).finally(() => {\r\n let selectedPage = (this.props.formulmedinfo.partPages != null && this.props.formulmedinfo.partPages.length > 0) ? this.props.formulmedinfo.partPages[0] : undefined;\r\n this.setState({ selectedPart, selectedPage, type_page: selectedPage.typePage, diagramColumn: 1, type_per: 1 });\r\n });\r\n });\r\n }\r\n //onSelectPart = async (e) => {\r\n // /*\r\n // let type_page = parseInt(e.target.value, 10);\r\n // await this.props.getTablesPages(type_page);\r\n // let selectedTable = this.props.formulmedinfo.tablesPages.tables[0];\r\n // this.setState({\r\n // type_page, selectedTable: selectedTable, selectedPage: selectedTable.pages[0]\r\n // });\r\n // */\r\n //}\r\n onClickPart = (e) => {\r\n let partId = parseInt(e.target.value, 10);\r\n let selectedPart = this.props.formulmedinfo.parts.filter(t => t.partId === partId)[0];\r\n //this.setState({ selectedPart });\r\n //todo load pages for part\r\n this.props.getPagesOfPart(partId).finally(() => {\r\n let selectedPage = (this.props.formulmedinfo.partPages != null && this.props.formulmedinfo.partPages.length > 0) ? this.props.formulmedinfo.partPages[0] : undefined;\r\n this.setState({ selectedPart, selectedPage, type_page: selectedPage.typePage, diagramColumn: 1, type_per: 1 });\r\n });\r\n }\r\n showListParts() {\r\n if (this.props.formulmedinfo.parts == null || this.props.formulmedinfo.parts.length === 0) return '';\r\n return \r\n \r\n {this.props.formulmedinfo.parts.map(l => {l.kod} {getNameLocalize(this.props.i18n, l)} )}\r\n \r\n ;\r\n }\r\n onClickPage = (e) => {\r\n let pageId = parseInt(e.target.value, 10);\r\n let selectedPage = this.props.formulmedinfo.partPages.filter(t => t.pageId === pageId)[0];\r\n this.setState({ selectedPage, type_page: selectedPage.typePage, diagramColumn: 1 });\r\n }\r\n showListPages() {\r\n if (this.state.selectedPart == null || this.props.formulmedinfo.partPages == null || this.props.formulmedinfo.partPages.length === 0) return '';\r\n return \r\n \r\n {this.props.formulmedinfo.partPages.map(p => {p.kod} {getNameLocalize(this.props.i18n, p)} )}\r\n \r\n ;\r\n }\r\n begYearChange(values) {\r\n let vl = parseInt(values.value, 10); //values.intValue === undefined ? 2017 : values.intValue;\r\n this.setState({ begYear: vl, erMonthQuart: undefined });\r\n }\r\n endYearChange(values) {\r\n let vl = parseInt(values.value, 10); // values.intValue === undefined ? 2018 : values.intValue;\r\n this.setState({ endYear: vl });\r\n }\r\n /*\r\n validYearsMessage() {\r\n if (this.state.type_per > 1) return '';\r\n if (this.state.begYear >= this.state.endYear) {\r\n return Первый год не должен быть равен или больше чем второй
;\r\n }\r\n if (this.state.endYear - this.state.begYear > 10) {\r\n return Количество лет не должно быть больше 10
;\r\n }\r\n }\r\n */\r\n validYearsExprStrings() {\r\n if (this.state.type_per > 1) return '';\r\n if (this.state.yearsExprStrings == null || this.state.yearsExprStrings.length === 0)\r\n return Введите выражение
;\r\n //проверка регулярного выражения\r\n //let regexp = /(\\d{4}(,)?|\\d{4}-\\d{4}(,)?)+/;\r\n let regexp = /\\d{4,4}-\\d{4,4}|\\d{4,4}/gi;\r\n let test = regexp.test(this.state.yearsExprStrings);\r\n if (!test)\r\n return
;\r\n if (this.state.years.length > 10)\r\n return
;\r\n if (this.state.years.length === 0)\r\n return '';\r\n if (this.state.years[0] < arYears[0]) {\r\n return
;\r\n }\r\n let lastPos = arYears.length - 1;\r\n let lastPos0 = this.state.years.length - 1;\r\n if (this.state.years[lastPos0] > arYears[lastPos]) {\r\n return
;\r\n }\r\n //let ar =this.state.yearsExprStrings.match(regexp);\r\n //return test={test?'true':'false'} {ar.join(',')}
\r\n }\r\n yearsList() {\r\n if (this.state.years.length > 0)\r\n return {this.state.years.join(',')} \r\n }\r\n yearsExprStringsChange = (e) => {\r\n //получить масив годов\r\n let yearsExprStrings = e.target.value;\r\n let years = [];\r\n let regexp = /(\\d{4,4}-\\d{4,4})|(\\d{4,4})/gi;\r\n let test = regexp.test(yearsExprStrings);\r\n let diagramPeriod = this.state.diagramPeriod;\r\n if (test) {\r\n let ar = yearsExprStrings.match(regexp);\r\n for (var i = 0; i < ar.length; i++) {\r\n let it = ar[i];\r\n if (it.indexOf('-') !== -1) {\r\n let ar1 = it.split('-');\r\n let yy1 = parseInt(ar1[0], 10);\r\n let yy2 = parseInt(ar1[1], 10);\r\n //eslint-disable-next-line\r\n for (var yi = yy1; yi <= yy2; yi++) {\r\n //eslint-disable-next-line\r\n if (years.filter(y1 => y1 === yi).length === 0) {\r\n years.push(yi);\r\n }\r\n }\r\n } else {\r\n let ye = parseInt(it, 10);\r\n if (years.filter(y1 => y1 === ye).length === 0) {\r\n years.push(ye);\r\n }\r\n }\r\n }\r\n years = years.sort();\r\n if (years.length > 0)\r\n diagramPeriod = years[0];\r\n }\r\n this.setState({ yearsExprStrings, years, diagramPeriod, erMonthQuart: undefined });\r\n }\r\n showRangeYears() {\r\n if (this.state.type_per === 1 || this.state.type_per === 3) {\r\n return \r\n \r\n \r\n \r\n
\r\n {this.state.type_per === 3 ? \r\n \r\n this.setState({ oneMonth: evt.target.value })} required>\r\n {periods.filter(p => p.kper > 100).map(it => {I18n.t(it.nameT)} )}\r\n \r\n \r\n \r\n \r\n
: ''}\r\n \r\n \r\n \r\n this.begYearChange(values)} />\r\n \r\n \r\n
\r\n \r\n \r\n this.endYearChange(values)} />\r\n \r\n {this.validYearsMessage()}\r\n \r\n
;\r\n */\r\n } else {\r\n return \r\n \r\n this.begYearChange(values)} autoComplete=\"off\" />\r\n \r\n \r\n
\r\n {this.state.type_per === 3 ? \r\n \r\n this.setState({ oneMonth: evt.target.value })} required>\r\n {periods.filter(p => p.kper > 100).map(it => {I18n.t(it.nameT)} )}\r\n \r\n \r\n \r\n \r\n
: ''}\r\n {this.state.type_per === 5 ? \r\n \r\n this.setState({ oneMonth: evt.target.value })} required>\r\n {periods.filter(p => p.kper > 4 && p.kper < 100).map(it => {I18n.t(it.nameT)} )}\r\n \r\n \r\n \r\n \r\n
: ''}\r\n ;\r\n }\r\n }\r\n onGenerateTable = async (e) => {\r\n e.preventDefault();\r\n let kobjs = null;\r\n this.setState({ erMonthQuart: undefined });\r\n switch (this.state.tobj) {\r\n case 1:\r\n kobjs = [\"00\"];\r\n break;\r\n case 2:\r\n // if (this.props.userInfo.user.accessLevel === 2) {\r\n kobjs = [];\r\n kobjs.push(this.state.obl.kobl);\r\n // } else {\r\n // kobjs = this.state.kobls;\r\n // }\r\n break;\r\n case 3:\r\n //if (this.props.userInfo.user.accessLevel === 3) {\r\n kobjs = [];\r\n kobjs.push(this.state.raion.kraion);\r\n //} else {\r\n // kobjs = this.state.kraions;\r\n //}\r\n break;\r\n case 4:\r\n kobjs = [];\r\n kobjs.push(this.state.org.korg/*this.props.userInfo.user.kodOrg*/);\r\n break;\r\n default:\r\n }\r\n if (this.state.type_per === 1 && this.state.years.length === 0) {\r\n alert(\"Выберте года\");\r\n return;\r\n } else if (this.state.begYear == null || this.state.begYear === 0) {\r\n alert(\"Выберте год\");\r\n return;\r\n }\r\n if (kobjs.length === 0) {\r\n alert(\"Выберте обьекты\");\r\n return;\r\n }\r\n //if (this.state.type_per != 1) {\r\n switch (this.state.type_per) {\r\n case 1:\r\n if (this.state.tobj != 1) {\r\n for (var i in this.state.years) {\r\n if (this.state.years[i] < 2023) {\r\n // let ery = I18n.t(\"erYear\", { year: this.state.years[i] });\r\n // console.log(ery);\r\n //this.setState({ erMonthQuart: I18n.t(\"erYear\", { year: this.state.years[i] }) });\r\n this.setState({ erMonthQuart: I18n.t(\"erYear2\") });\r\n return;\r\n }\r\n }\r\n }\r\n break;\r\n case 3: //по одному месяцу за несколько лет\r\n for (var i in this.state.years) {\r\n if (this.state.years[i] < 2024) {\r\n this.setState({ erMonthQuart: I18n.t(\"erMonthQuart\") });\r\n return;\r\n }\r\n }\r\n break;\r\n case 2://квартал данные месяцев без наростания с начала года\r\n case 4://квартал данные месяцев с наростанием с начала года\r\n case 5://квартал по выбору\r\n if (this.state.begYear < 2024) {\r\n this.setState({ erMonthQuart: I18n.t(\"erMonthQuart\") });\r\n return;\r\n }\r\n break;\r\n default:\r\n }\r\n //}\r\n let years = this.state.years;\r\n //if (this.state.type_per === 3) {\r\n // years = [];\r\n // years.push(this.state.years[0]);\r\n //}\r\n let body = {\r\n typePage: this.state.type_page,//1,2\r\n tableId: this.state.selectedPage.tableId,//this.state.selectedTable.tableId,\r\n pageId: this.state.selectedPage.pageId,\r\n typePer: this.state.type_per,\r\n years: years,\r\n begYear: this.state.begYear,\r\n endYear: this.state.endYear,\r\n tobj: this.state.tobj,\r\n kobjs,\r\n isOneMonth: this.state.isOneMonth,\r\n isForOrgs: this.state.isForOrgs,\r\n oneMonth: this.state.oneMonth,\r\n isCreateDiagram: this.state.isCreateDiagram,\r\n typeDiagram: this.state.type_diagram,\r\n diagramColumn: this.state.diagramColumn,\r\n diagramPeriod: this.state.diagramPeriod,\r\n diagramLang: this.state.diagramLang\r\n };\r\n this.setState({ isLoading: true });\r\n let absoluteUrl = `${document.location.protocol}//${document.location.host}/Medinfo/generate/Excel`;\r\n let fileName = `${this.state.type_per === 1 || this.state.type_per === 3 ? years[0] : this.state.begYear}_${this.state.type_page}_${this.state.selectedPage.tableKod}_${this.state.selectedPage.pageKod}_${this.state.type_per}_${this.state.tobj}.xlsx`;\r\n var token = this.props.userInfo.user.token;\r\n const response = await fetch(absoluteUrl, {\r\n credentials: 'include',\r\n method: 'POST',\r\n headers: {\r\n 'Authorization': `Bearer ${token}`,\r\n 'Content-Type': 'application/json'\r\n },\r\n body: JSON.stringify(body)\r\n });\r\n if (response.ok) { // если HTTP-статус в диапазоне 200-299\r\n // получаем тело ответа (см. про этот метод ниже)\r\n const blob = await response.blob();\r\n FileSaver.saveAs(blob, fileName);\r\n this.setState({ isLoading: false });\r\n } else {\r\n alert(\"Ошибка HTTP: \" + response.status);\r\n }\r\n }\r\n onSelectDiagramColumn = (e) => {\r\n let diagramColumn = parseInt(e.target.value, 10);\r\n this.setState({ diagramColumn });\r\n }\r\n showSelectColumn() {\r\n if (this.state.selectedPage == null)\r\n return '';\r\n return \r\n \r\n \r\n {this.state.selectedPage.columns.map(it => {getNameLocalize(this.props.i18n, it)} )}\r\n \r\n \r\n \r\n \r\n
;\r\n }\r\n onSelectDiagramPeriod = (e) => {\r\n let diagramPeriod = parseInt(e.target.value, 10);\r\n this.setState({ diagramPeriod });\r\n }\r\n showSelectDiagramPeriod() {\r\n if (this.state.selectedPage == null)\r\n return '';\r\n if (this.state.type_diagram !== 3 && this.state.type_diagram !== 5)\r\n return '';\r\n switch (this.state.type_per) {\r\n case 1:\r\n return \r\n \r\n \r\n {this.state.years.map(it => {it} )}\r\n \r\n \r\n \r\n \r\n
;\r\n //break;\r\n case 2://квартал данные месяцев с наростанием с начала года\r\n return \r\n \r\n \r\n {periods.filter(p => p.kper == 4 || p.kper == 10 || p.kper == 21 || p.kper == 31).map(it => {I18n.t(it.nameT)} )}\r\n \r\n \r\n \r\n \r\n
;\r\n // break;\r\n case 3:\r\n return \r\n \r\n \r\n {periods.filter(p => p.kper > 100).map(it => {I18n.t(it.nameT)} )}\r\n \r\n \r\n \r\n \r\n
;\r\n //break;\r\n case 4://квартал данные месяцев без наростания с начала года\r\n return \r\n \r\n \r\n {periods.filter(p => p.kper >= 4 && p.kper <= 40).map(it => {I18n.t(it.nameT)} )}\r\n \r\n \r\n \r\n \r\n
;\r\n default:\r\n return '';\r\n }\r\n }\r\n onSelectDiagramLang = (e) => {\r\n let diagramLang = e.target.value;\r\n this.setState({ diagramLang });\r\n }\r\n showWarningDiagram() {\r\n if (this.state.type_diagram === 3 || this.state.type_diagram === 5 || this.state.years.length < 4)\r\n return '';\r\n return \r\n
;\r\n }\r\n showSelectDiagramLang() {\r\n return \r\n \r\n \r\n Қаз )\r\n Рус )\r\n \r\n \r\n \r\n \r\n
{this.showWarningDiagram()}\r\n \r\n \r\n this.setState({ type_diagram: parseInt(e.target.value, 10) })}>\r\n {arTypeDiagram.filter(f => !(this.state.type_page === 2 && f.id === 5) /*&& this.state.tobj<3*/).map(it => {I18n.t(it.nameT)} )}\r\n \r\n \r\n \r\n
\r\n {this.showSelectDiagramPeriod()}\r\n {this.showSelectColumn()}\r\n {this.showSelectDiagramLang()}\r\n \r\n \r\n \r\n {1} \r\n {2} \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n */","import React, { Component } from 'react';\r\nimport { bindActionCreators } from 'redux';\r\nimport { connect } from 'react-redux';\r\nimport { Translate, I18n } from 'react-redux-i18n';\r\nimport { Button, Col, FormGroup, FormControl, ControlLabel, Form, Row, Alert, Checkbox, Radio } from 'react-bootstrap';\r\n\r\nimport { actionCreators as actionCreatorsGen47 } from '../../store/Gen47';\r\nimport { actionCreators as actionCreatorsNsi } from '../../store/Nsi';\r\n\r\n\r\n\r\nimport { years, getCurrentYear } from '../Constants';\r\n\r\nclass Gen47Form extends Component {\r\n constructor(props) {\r\n super(props);\r\n let nowYear = getCurrentYear();\r\n this.state = {\r\n year: props.year !== undefined ? props.year : nowYear,\r\n kper: 4,//период\r\n kraz: 1, //разрез\r\n tobj: 3,//props.userInfo.user.accessLevel, // тип обьекта 1 – РК; 2 – область; 3 - район; 4 - организация (доступ зависит от пользователя)\r\n obl: undefined,\r\n kobl: props.userInfo.user.kodObl,\r\n raion: undefined,\r\n kobls: [],\r\n kraions: [],\r\n kform: '47',\r\n ktabs: [],\r\n isAllTabs:false,\r\n isGen47Complete: false\r\n };\r\n if (props.nsi.allobls.length === 0) props.getNs('allobls');\r\n if (props.nsi.allraions.length === 0) props.getNs('allraions');\r\n //if (props.nsi.sprform.length === 0) {\r\n // props.getNs('sprform');\r\n //}\r\n if (props.nsi.allsprtab.length === 0) {\r\n props.getNs('allsprtab');\r\n }\r\n if (props.nsi.sprraz.length === 0) props.getNs('sprraz');\r\n if (props.nsi.periods.length === 0) props.getNs('periods');\r\n this.onGen47Form = this.onGen47Form.bind(this);\r\n this.onSelectKobl = this.onSelectKobl.bind(this);\r\n this.onCheckRaion = this.onCheckRaion.bind(this);\r\n this.onCheckTab = this.onCheckTab.bind(this);\r\n this.onChangeIsAllTabs = this.onChangeIsAllTabs.bind(this);\r\n this.filterRaion = this.filterRaion.bind(this);\r\n }\r\n onGen47Form = (e) => {\r\n e.preventDefault();\r\n this.setState({ isSvodComplete: false });\r\n /*\r\n let kobjs = null;\r\n switch (this.state.tobj) {\r\n case 1:\r\n kobjs = [\"00\"];\r\n break;\r\n case 2:\r\n if (this.props.userInfo.user.accessLevel === 2) {\r\n kobjs = [];\r\n kobjs.push(this.state.obl.kobl);\r\n } else {\r\n kobjs = this.state.kobls;\r\n }\r\n break;\r\n case 3:\r\n if (this.props.userInfo.user.accessLevel === 3) {\r\n kobjs = [];\r\n kobjs.push(this.state.raion.kraion);\r\n } else {\r\n kobjs = this.state.kraions;\r\n }\r\n break;\r\n default:\r\n }\r\n */\r\n if (this.state.kraions.length === 0) {\r\n alert(\"Выберте районы\");\r\n return;\r\n }\r\n \r\n if (this.state.ktabs.length === 0 && this.state.isAllTabs === false) {\r\n alert(\"Выберте таблицы\");\r\n return;\r\n }\r\n this.props.gen47Form({\r\n year: this.state.year,\r\n kper: this.state.kper,\r\n kraz: this.state.kraz,\r\n tobj: this.state.tobj,//всегда 3 - районы\r\n kobjs: this.state.kraions,\r\n kform: this.state.kform,\r\n ktabs: this.state.ktabs,\r\n isAllTabs: this.state.isAllTabs\r\n });\r\n this.setState({ isGen47Complete: true });\r\n }\r\n onSelectYear = (e) => {\r\n let year = parseInt(e.target.value, 10);\r\n this.setState({ year });\r\n }\r\n onSelectKper = (e) => {\r\n let kper = parseInt(e.target.value, 10);\r\n this.setState({ kper });\r\n }\r\n onSelectKraz = (e) => {\r\n let kraz = parseInt(e.target.value, 10);\r\n this.setState({ kraz });\r\n }\r\n onSelectKobl(e) {\r\n let kobl = e.target.value;\r\n let first_raion = this.props.nsi.allraions.filter(r => r.obl === kobl);\r\n let nameRu = this.props.nsi.allobls.filter(r => r.kod === kobl)[0].nameRu;\r\n this.setState({\r\n kobl,\r\n obl: { kobl, nameRu },\r\n kraion: first_raion === undefined || first_raion.length === 0 ? undefined : first_raion[0].idRaion,\r\n kobls: [], kraions: []\r\n });\r\n }\r\n onSelectKForm = (e) => {\r\n let kform = e.target.value;\r\n this.setState({ kform, ktabs:[] });\r\n }\r\n getValidationStateRaions() {\r\n const length = this.state.kraions.length;\r\n if (length > 0)\r\n return 'success';\r\n if (length === 0) {\r\n return 'error';\r\n }\r\n return null;\r\n }\r\n onCheckRaion = (e) => {\r\n let checked = e.target.checked;\r\n let kraion = e.target.value;\r\n let kraions = [...this.state.kraions];\r\n if (checked) {\r\n kraions.push(kraion);\r\n } else {\r\n let ind = kraions.indexOf(kraion);\r\n kraions.splice(ind, 1);\r\n }\r\n this.setState({ kraions });\r\n }\r\n getValidationStateTables() {\r\n const length = this.state.ktabs.length;\r\n if (length > 0 || this.state.isAllTabs===true)\r\n return 'success';\r\n if (length === 0) {\r\n return 'error';\r\n }\r\n return null;\r\n }\r\n onCheckTab = (e) => {\r\n let checked = e.target.checked;\r\n let kf = e.target.value;\r\n let ktabs = [...this.state.ktabs];\r\n if (checked) {\r\n ktabs.push(kf);\r\n } else {\r\n let ind = ktabs.indexOf(kf);\r\n ktabs.splice(ind, 1);\r\n }\r\n this.setState({ ktabs });\r\n }\r\n onChangeIsAllTabs(e) {\r\n let vl = e.target.value;\r\n let checked = e.target.checked;\r\n if (vl === \"1\" && checked)\r\n this.setState({ isAllTabs: true, ktabs: [] });\r\n else\r\n this.setState({ isAllTabs: false });\r\n }\r\n renderErrors = () => {\r\n //console.dir(this.props.gen47.statusGen47);\r\n if (this.props.gen47.statusGen47 != null && this.props.gen47.statusGen47.dictErrors != null\r\n && Object.entries(this.props.gen47.statusGen47.dictErrors).length>0\r\n /*this.props.gen47.statusGen47.successed === false*/) {\r\n return (\r\n При генерации были обнаружены следующие ошибки в формулах (обратитесь к разаботчику): \r\n {Object.entries(this.props.gen47.statusGen47.dictErrors).map((val) => {val[0]} ошибка: {val[1]}
)}\r\n \r\n
);\r\n } else {\r\n return '';\r\n }\r\n }\r\n filterRaion(rai, year) {\r\n if (year == null) return true;\r\n let ye = typeof year === 'string' ? parseInt(year, 10) : year;\r\n let dtBeg = rai.dtBeg == null ? null : new Date(rai.dtBeg);\r\n if (dtBeg != null && dtBeg.getFullYear() > ye) return false;\r\n let dtEnd = rai.dtEnd == null ? null : new Date(rai.dtEnd);\r\n if (dtEnd != null && ye >= dtEnd.getFullYear()) return false;\r\n return true;\r\n }\r\n //|
\r\n render() {\r\n let isReadOnLy = this.props.userInfo.user.roles.filter(r => r === 'UserReadData').length > 0;\r\n if (isReadOnLy === true)\r\n return \r\n Инструкция по генерации 47 формы
\r\n */","import React, { Component, Fragment } from 'react';\r\nimport { bindActionCreators } from 'redux';\r\nimport { connect } from 'react-redux';\r\nimport { Translate, I18n } from 'react-redux-i18n';\r\nimport { Button, Col, FormGroup, FormControl, ControlLabel, Row, Alert, Modal/*, Checkbox, Radio*/ } from 'react-bootstrap';\r\n\r\nimport { Typeahead } from 'react-bootstrap-typeahead';\r\n\r\nimport { actionCreators as actionCreatorsGen47 } from '../../store/Gen47';\r\nimport { actionCreators as actionCreatorsNsi } from '../../store/Nsi';\r\n\r\nimport './gen47OrgParam.css';\r\nclass Gen47OrgParam extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n kobl: props.userInfo.user.kodObl,\r\n korg: undefined, nomenkl:\"0\",\r\n editOrg: undefined,\r\n showEditDialog: false,\r\n searchText:\"\"\r\n };\r\n this.typeaheadNomen = null;\r\n this.typeaheadTorg = null;\r\n if (props.nsi.allobls.length === 0) props.getNs('allobls');\r\n if (props.nsi.torg.length === 0) props.getNs('torg');\r\n if (props.nsi.nomenkl.length === 0) props.getNs('nomenkl');\r\n this.onSelectKobl = this.onSelectKobl.bind(this);\r\n this.onSelectNomenkl = this.onSelectNomenkl.bind(this);\r\n this.onChangeNomen = this.onChangeNomen.bind(this);\r\n this.clearNomen = this.clearNomen.bind(this);\r\n this.onChangeTorg = this.onChangeTorg.bind(this);\r\n this.clearTorg = this.clearTorg.bind(this);\r\n this.btEditClick = this.btEditClick.bind(this);\r\n this.setKodName = this.setKodName.bind(this);\r\n this.filtrOrg = this.filtrOrg.bind(this);\r\n }\r\n setKodName(searchText) {\r\n this.setState({ searchText });\r\n }\r\n filtrOrg(org) {\r\n if (this.state.nomenkl === \"0\") {\r\n if (this.state.searchText == null || this.state.searchText === \"\") return true;\r\n if (this.state.searchText != '' && (org.kod != this.state.searchText && !org.nameRu.toLowerCase().includes(this.state.searchText.toLowerCase()) && !org.nameKz.toLowerCase().includes(this.state.searchText.toLowerCase()))) return false;\r\n } else {\r\n if (this.state.searchText == null || this.state.searchText === \"\") return org.nomenKod === this.state.nomenkl;\r\n if (this.state.searchText != '' && (org.kod != this.state.searchText && !org.nameRu.toLowerCase().includes(this.state.searchText.toLowerCase()) && !org.nameKz.toLowerCase().includes(this.state.searchText.toLowerCase())))\r\n return false;\r\n else\r\n return org.nomenKod === this.state.nomenkl;\r\n }\r\n return true;\r\n }\r\n componentWillMount() {\r\n this.props.loadParamOrgsByObl(this.state.kobl);\r\n }\r\n onSelectKobl(e) {\r\n let kobl = e.target.value;\r\n this.setState({ kobl, searchText: \"\", nomenkl: \"0\"});\r\n this.props.loadParamOrgsByObl(kobl);\r\n }\r\n onSelectNomenkl(e) {\r\n let nomenkl = e.target.value === \"\" ? \"0\" : e.target.value.substr(0,3);\r\n this.setState({ nomenkl });\r\n }\r\n onChangeNomen(selected) {\r\n let editOrg = { ...this.state.editOrg };\r\n if (selected.length > 0) {\r\n editOrg.nomenKod = selected[0].kod;\r\n editOrg.nomenNameRu = selected[0].nameRu;\r\n editOrg.nomenNameKz = selected[0].nameRu;\r\n } else {\r\n editOrg.nomenKod = undefined;\r\n editOrg.nomenNameRu = undefined;\r\n editOrg.nomenNameKz = undefined;\r\n if (this.typeaheadNomen != null)\r\n this.typeaheadNomen.getInstance().clear();\r\n }\r\n this.setState({ editOrg });\r\n }\r\n clearNomen() {\r\n let editOrg = { ...this.state.editOrg };\r\n editOrg.nomenKod = undefined;\r\n editOrg.nomenNameRu = undefined;\r\n editOrg.nomenNameKz = undefined;\r\n if (this.typeaheadNomen != null)\r\n this.typeaheadNomen.getInstance().clear();\r\n this.setState({ editOrg });\r\n }\r\n onChangeTorg(selected) {\r\n let editOrg = { ...this.state.editOrg };\r\n if (selected.length > 0) {\r\n editOrg.torgKod = selected[0].kod;\r\n editOrg.torgNameRu = selected[0].nameRu;\r\n editOrg.torgNameKz = selected[0].nameRu;\r\n } else {\r\n editOrg.torgKod = undefined;\r\n editOrg.torgNameRu = undefined;\r\n editOrg.torgNameKz = undefined;\r\n if (this.typeaheadTorg != null)\r\n this.typeaheadTorg.getInstance().clear();\r\n }\r\n this.setState({ editOrg });\r\n }\r\n clearTorg() {\r\n let editOrg = { ...this.state.editOrg };\r\n editOrg.torgKod = undefined;\r\n editOrg.torgNameRu = undefined;\r\n editOrg.torgNameKz = undefined;\r\n if (this.typeaheadTorg != null)\r\n this.typeaheadTorg.getInstance().clear();\r\n this.setState({ editOrg });\r\n }\r\n\r\n renderRow(row) {\r\n return (\r\n
{row.kod} {row.nameRu}
\r\n
{row.nomenKod} {row.nomenNameRu}
\r\n
{row.torgKod} {row.torgNameRu}
\r\n
this.btEditClick(row.kod)}>Редактировать
\r\n
\r\n
\r\n {this.props.gen47.orgsParam.filter(this.filtrOrg).map(r => this.renderRow(r))}\r\n
\r\n \r\n \r\n {this.state.kobl} {this.props.userInfo.user.nameObl} :\r\n \r\n {this.props.nsi.allobls.map(it => {it.nameRu} )}\r\n }\r\n \r\n \r\n
\r\n \r\n \r\n \r\n this.setKodName(evt.target.value != null ? evt.target.value.trim() : '')} />\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n {it.kod} {it.nameRu} )}\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n {this.props.isLoading === true ? \r\n {' '}
: ''}\r\n {this.state.isGen47Complete === true && this.props.gen47.statusGen47 != null && this.props.gen47.statusGen47.error != null ? \r\n {this.props.gen47.statusGen47.error} \r\n \r\n
: ''}\r\n {this.renderTableOrgs()}\r\n \r\n \r\n Изменение параметров организации \r\n \r\n \r\n {this.state.editOrg != null ? \r\n {this.state.editOrg.kod} {this.state.editOrg.nameRu} |
\r\n \r\n \r\n this.typeaheadNomen = ref}\r\n labelKey=\"nameRu\"\r\n options={this.props.nsi.nomenkl}\r\n placeholder=\"Выберите номенклатуру...\"\r\n onChange={this.onChangeNomen} />\r\n {this.state.editOrg.nomenKod} {this.state.editOrg.nomenNameRu}\r\n {this.state.editOrg.nomenKod != null ? Очистить : \"\"}\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n this.typeaheadTorg = ref}\r\n labelKey=\"nameRu\"\r\n options={this.props.nsi.torg}\r\n placeholder=\"Выберите тип организации...\"\r\n onChange={this.onChangeTorg} />\r\n {this.state.editOrg.torgKod} {this.state.editOrg.torgNameRu}\r\n {this.state.editOrg.torgKod != null ? Очистить : \"\"}\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\nexport default connect(\r\n state => state,\r\n dispatch => bindActionCreators({ ...actionCreatorsNsi, ...actionCreatorsGen47 }, dispatch)\r\n)(Gen47OrgParam);","import React, { Component, Fragment } from 'react';\r\nimport { bindActionCreators } from 'redux';\r\nimport { connect } from 'react-redux';\r\n//import { Link } from 'react-router-dom';\r\n\r\nimport './Register.css';\r\n//import { actionCreators } from '../store/Register';\r\nimport { actionCreators as actionCreatorsNsi } from '../store/Nsi';\r\nimport SelectOrgModal from './Modals/SelectOrgModal';\r\nimport { SpObl} from './Constants';\r\nclass Register extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n accessLevel: 4,\r\n typeUser: 5,\r\n email: undefined,\r\n fio: undefined,\r\n obl: SpObl[0],\r\n raion: undefined,\r\n org: undefined,\r\n password: undefined,\r\n passwordConfirm: undefined,\r\n showSelectOrgModal: false\r\n };\r\n this.handleSubmit = this.handleSubmit.bind(this);\r\n this.onChangeEmail = this.onChangeEmail.bind(this);\r\n this.onChangeFio = this.onChangeFio.bind(this);\r\n this.accessOblHandleChange = this.accessOblHandleChange.bind(this);\r\n this.accessRaionHandleChange = this.accessRaionHandleChange.bind(this);\r\n this.onChangePassword = this.onChangePassword.bind(this);\r\n this.onChangePasswordConfirm = this.onChangePasswordConfirm.bind(this);\r\n this.setOrg = this.setOrg.bind(this);\r\n }\r\n componentWillReceiveProps(nextProps) {\r\n let obl, raion;\r\n if (!Array.prototype.find) {\r\n obl = SpObl.filter(o => o !== undefined && o.kod === nextProps.user.obl.kod)[0];\r\n raion = this.props.nsi.allraions.filter(o => o !== undefined && o.kod === nextProps.user.raion.kod)[0];\r\n } else {\r\n obl = SpObl.find(o => o !== undefined && o.kod === nextProps.user.obl.kod);\r\n raion = this.props.nsi.allraions.find(o => o !== undefined && o.kod === nextProps.user.raion.kod);\r\n }/*\r\n let org = {\r\n kod: nextProps.user.org.kod, nameKz: nextProps.user.org.nameKz, nameRu: nextProps.user.org.nameRu\r\n };\r\n */\r\n this.setState({\r\n email: nextProps.user.email,\r\n fio: nextProps.user.fio,\r\n obl: obl ? obl : { kod: nextProps.user.obl.kod, nameKz: nextProps.user.obl.nameKz, nameRu: nextProps.user.obl.nameRu },\r\n raion: raion ? raion : { kod: nextProps.user.raion.kod, nameKz: nextProps.user.raion.nameKz, nameRu: nextProps.user.raion.nameRu },\r\n //org: org\r\n });\r\n }\r\n setOrg(org) {\r\n this.setState({ org: org, showSelectOrgModal: false });\r\n //this.forceUpdate();\r\n }\r\n onChangeEmail(e) {\r\n var val = e.target.value;\r\n //TODO check email\r\n this.setState({ email: val });\r\n }\r\n onChangeFio(e) {\r\n var val = e.target.value;\r\n this.setState({ fio: val });\r\n }\r\n accessOblHandleChange(e) {\r\n var val = e.target.value;\r\n var pobl;\r\n if (!Array.prototype.find)\r\n pobl = SpObl.filter(o => o !== undefined && o.kod === val)[0];\r\n else\r\n pobl = SpObl.find(o => o !== undefined && o.kod === val);\r\n if (pobl !== undefined) {\r\n this.setState({ obl: { kod: pobl.kod, nameKz: pobl.nameKz, nameRu: pobl.nameRu }, raion: undefined, org: undefined });\r\n //this.props.getNs('orgs', [{ name: \"obl\", value: val }]);\r\n }\r\n }\r\n accessRaionHandleChange(e) {\r\n var val = e.target.value;\r\n var praion;\r\n if (!Array.prototype.find)\r\n praion = this.props.nsi.allraions.filter(o => o !== undefined && o.kod === val)[0];\r\n else\r\n praion = this.props.nsi.allraions.find(o => o !== undefined && o.kod === val);\r\n if (praion !== undefined) {\r\n this.setState({ raion: { kod: praion.kod, nameKz: praion.nameKz, nameRu: praion.nameRu, idRaion: praion.idRaion }, org: undefined });\r\n //this.props.getNs('orgs', [{ name: \"raion\", value: val }]);\r\n }\r\n }\r\n onChangePassword(e) {\r\n var val = e.target.value;\r\n this.setState({ password: val });\r\n }\r\n onChangePasswordConfirm(e) {\r\n var val = e.target.value;\r\n this.setState({ passwordConfirm: val });\r\n }\r\n handleSubmit(e) {\r\n e.preventDefault();\r\n if (this.state.org === undefined) {\r\n alert('Выберите организацию');\r\n return;\r\n }\r\n if (this.state.isNew && this.state.password !== this.state.passwordConfirm) {\r\n alert('Пароли не совпадают');\r\n return;\r\n }\r\n // console.trace();\r\n // this.props.updateUser({ ...this.state });\r\n }\r\n render() {\r\n let raions = this.props.nsi.allraions.filter(f => f.obl === this.state.obl.kod).map(o => { return { kod: o.kod, nameRu: o.nameRu, nameKz: o.nameKz }; });\r\n return \r\n
\r\n \r\n
\r\n
Регистрация
\r\n
\r\n
\r\n
this.setState({ showSelectOrgModal: false })} />\r\n ;\r\n }\r\n}\r\nexport default connect(\r\n state => state,\r\n dispatch => bindActionCreators(actionCreatorsNsi, dispatch)\r\n)(Register);\r\n","import React, { Component } from 'react';\r\nimport { bindActionCreators } from 'redux';\r\nimport { connect } from 'react-redux';\r\nimport { Alert, Row, Table, Button, Col, Panel } from 'react-bootstrap';\r\nimport { Translate, I18n } from 'react-redux-i18n';\r\nimport { actionCreators as actionCreatorsNsi } from '../../store/Nsi';\r\nimport SelectObject from '../common/SelectObject';\r\nimport { getNameLocalize } from '../Constants';\r\n\r\nclass AdminChildsOrg extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n tobj: 4,//props.userInfo.user.accessLevel, // тип обьекта 1 – РК; 2 – область; 3 - район; 4 - организация (доступ зависит от пользователя)\r\n obl: undefined,\r\n raion: undefined,\r\n org: undefined,\r\n }\r\n this.showRow = this.showRow.bind(this);\r\n this.addChild = this.addChild.bind(this);\r\n this.removeChild = this.removeChild.bind(this);\r\n }\r\n componentWillMount() {\r\n // This method runs when the component is first added to the page\r\n this.props.requestGetChildsOrgs();\r\n }\r\n removeChild(evt) {\r\n evt.preventDefault();\r\n let kod = evt.currentTarget.id.substr(5);\r\n this.props.removeChildOrg(kod);\r\n }\r\n showRow(r) {\r\n return {r.kod} {getNameLocalize(this.props.i18n, r)} \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n \r\n this.setState({ tobj })}\r\n setObl={(obl) => this.setState({ obl })}\r\n setRaion={(raion) => this.setState({ raion })}\r\n setOrg={(org) => this.setState({ org })} disabled={this.props.nsi.isLoading === true} />\r\n
\r\n {this.props.nsi.updateStatus!=null?\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.props.nsi.childsOrgs.map(r => this.showRow(r))}\r\n \r\n
\r\n \r\n
\r\n
\r\n {props.checked === 2 ? ;\r\n}","import React, { Component, Fragment } from 'react'\r\nimport { bindActionCreators } from 'redux';\r\nimport { connect } from 'react-redux';\r\nimport { Translate, I18n } from 'react-redux-i18n';\r\nimport * as FileSaver from 'file-saver';\r\nimport { Row, Col, FormGroup, FormControl, ControlLabel, Form, Button, Table } from 'react-bootstrap';\r\n\r\nimport { actionCreators as actionCreatorsWork } from '../../store/Work';\r\nimport { actionCreators as actionCreatorsNsi } from '../../store/Nsi';\r\n\r\nimport SelectObject from '../common/SelectObject';\r\n\r\nimport { years, getNameLocalize, getCurrentYear } from '../Constants';\r\nimport FilterRazOptions from '../common/FilterRazOptions';\r\nimport CheckBoxStatus from '../common/CheckBoxStatus';\r\n\r\nclass StatusForm extends Component {\r\n constructor(props) {\r\n super(props);\r\n let nowYear = getCurrentYear();\r\n this.state = {\r\n year: props.year !== undefined ? props.year : nowYear,\r\n kper: 4,//период\r\n kraz: 1,//this.props.userInfo.user.accessLevel !== 4 ? 1 : 3, //разрез\r\n tobj: props.userInfo.user.accessLevel,\r\n obl: undefined,\r\n raion: undefined,\r\n org: undefined,\r\n kodNameSearch: undefined\r\n };\r\n this.showStatusData = this.showStatusData.bind(this);\r\n this.renderRowStatus = this.renderRowStatus.bind(this);\r\n this.onChangeStatusKf = this.onChangeStatusKf.bind(this);\r\n this.printExcel = this.printExcel.bind(this);\r\n this.filtrOrg = this.filtrOrg.bind(this);\r\n if (props.nsi.periods.length === 0) props.getNs('periods');\r\n if (props.nsi.sprraz.length === 0) props.getNs('sprraz');\r\n if (props.nsi.sprform.length === 0) props.getNs('sprform');\r\n }\r\n\r\n onSelectYear = (e) => {\r\n let year = parseInt(e.target.value, 10);\r\n this.setState({ year });\r\n }\r\n onSelectKper = (e) => {\r\n let kper = parseInt(e.target.value, 10);\r\n this.setState({ kper });\r\n }\r\n onSelectKraz = (e) => {\r\n let kraz = parseInt(e.target.value, 10);\r\n this.setState({ kraz });\r\n }\r\n onOpenStatus = (e) => {\r\n e.preventDefault();\r\n let kobj = \"\";\r\n switch (this.state.tobj) {\r\n case 1://РК\r\n kobj = \"00\";\r\n break;\r\n case 2://Область\r\n kobj = this.state.obl.kobl;\r\n break;\r\n case 3://Район\r\n kobj = this.state.raion.kraion;\r\n break;\r\n case 4://Организация\r\n kobj = this.state.org.korg;\r\n break;\r\n default:\r\n break;\r\n }\r\n this.props.getStatusInfoData({\r\n year: this.state.year,\r\n period: this.state.kper,\r\n raz: this.state.kraz,\r\n tobj: this.state.tobj,\r\n kobj\r\n });\r\n }\r\n getObjectTypeName(tobj) {\r\n switch (tobj) {\r\n //case 1://РК\r\n // return \"Республика:\"f;\r\n case 2://Область\r\n return `${I18n.t(\"obl\")}:`;\r\n case 3://Район\r\n return `${I18n.t(\"raion\")}:`;\r\n case 4://Организация\r\n return `${I18n.t(\"org\")}:`;\r\n default:\r\n break;\r\n }\r\n return \"\";\r\n }\r\n filtrOrg(org) {\r\n let kodName = this.state.kodNameSearch;\r\n if (kodName == null || kodName === \"\") return true;\r\n if (kodName != '' && (org.kod != kodName && !org.nameRu.toLowerCase().includes(kodName.toLowerCase()) && !org.nameKz.toLowerCase().includes(kodName.toLowerCase()))) return false;\r\n return true;\r\n }\r\n showStatusData() {\r\n if (this.props.work.statusInfo === undefined) return '';\r\n let statusInfo = this.props.work.statusInfo;\r\n //let statusInfo = {\r\n // namePeriod: \"за 2021 год\",\r\n // nameRaz: \"Село\",\r\n // dtRun:\"18.01.2022 12:00\",\r\n // rows: [{kod:\"0286\", nameRu: \"Поликлиника 10\", nameKz: \"Поликлинника 10\", status: [{ kf: '12', status: 1 }, { kf: '30', status: 2 }] }]\r\n // };\r\n return \r\n \r\n
\r\n \r\n Период: {statusInfo.namePeriod} \r\n
\r\n \r\n Разрез: {statusInfo.nameRaz} \r\n
\r\n \r\n Дата и время создания: {statusInfo.dtRun} \r\n
\r\n {statusInfo.rows.length > 0 ? \r\n
\r\n {this.state.tobj < 4 ? : \"\"}\r\n \r\n \r\n \r\n \r\n \r\n \r\n {statusInfo.rows.filter(f => this.filtrOrg(f)).map(r => this.renderRowStatus(r))}\r\n \r\n
\r\n ;\r\n }\r\n renderRowStatus(r) {\r\n return {r.kod} {getNameLocalize(this.props.i18n, r)}\r\n else\r\n return \r\n \r\n {this.showStatusData()}\r\n ;\r\n }\r\n}\r\n// isNotOrg={true}\r\nexport default connect(\r\n state => state,\r\n dispatch => bindActionCreators({ ...actionCreatorsNsi, ...actionCreatorsWork }, dispatch)\r\n)(StatusForm);\r\n/*\r\n \r\n\r\n \r\n
\r\n */","import React, { Component, Fragment, useState } from 'react'\r\nimport { bindActionCreators } from 'redux';\r\nimport { connect } from 'react-redux';\r\nimport { Translate, I18n } from 'react-redux-i18n';\r\nimport * as FileSaver from 'file-saver';\r\nimport { Row, Col, FormGroup, FormControl, ControlLabel, Form, Button, Table } from 'react-bootstrap';\r\n\r\nimport { actionCreators as actionCreatorsWork } from '../../store/Work';\r\nimport { actionCreators as actionCreatorsNsi } from '../../store/Nsi';\r\n\r\nimport { years, getNameLocalize, getCurrentYear } from '../Constants';\r\nimport FilterRazOptions from '../common/FilterRazOptions';\r\nimport CheckBoxStatus from '../common/CheckBoxStatus';\r\n\r\nconst StatusFormRk = (props) => {\r\n useState(() => {\r\n if (props.nsi.periods.length === 0) props.getNs('periods');\r\n if (props.nsi.sprraz.length === 0) props.getNs('sprraz');\r\n if (props.nsi.sprform.length === 0) props.getNs('sprform');\r\n });\r\n const [year, setYear] = useState(props.year !== undefined ? props.year : getCurrentYear());\r\n const [kper, setKper] = useState(4);\r\n const [kraz, setKraz] = useState(1);\r\n const showStatusData=() => {\r\n if (props.work.statusInfoRk === undefined) return '';\r\n let statusInfoRk = props.work.statusInfoRk;\r\n return \r\n \r\n
\r\n \r\n Период: {statusInfoRk.namePeriod} \r\n
\r\n \r\n Разрез: {statusInfoRk.nameRaz} \r\n
\r\n \r\n Дата и время создания: {statusInfoRk.dtRun} \r\n
\r\n {statusInfoRk.rows.length > 0 ? \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n {statusInfoRk.rows.map(r => renderRowStatus(r))}\r\n \r\n
\r\n ;\r\n }\r\n const renderRowStatus= (r) => {\r\n return {r.kod} {getNameLocalize(props.i18n, r)}
;\r\n return \r\n \r\n {showStatusData()}\r\n ;\r\n}\r\nexport default connect(\r\n state => state,\r\n dispatch => bindActionCreators({ ...actionCreatorsNsi, ...actionCreatorsWork }, dispatch)\r\n)(StatusFormRk);","import React, { useEffect, useState, Fragment } from 'react';\r\nimport { bindActionCreators } from 'redux';\r\nimport { connect } from 'react-redux';\r\nimport * as FileSaver from 'file-saver';\r\nimport { Row, Col, FormGroup, FormControl, ControlLabel, Form, Button, Table } from 'react-bootstrap';\r\n\r\nimport { Translate, I18n } from 'react-redux-i18n';\r\n\r\nimport { actionCreators as actionCreatorsWork } from '../../store/Work';\r\nimport { actionCreators as actionCreatorsNsi } from '../../store/Nsi';\r\n\r\nimport { years, getNameLocalize, getCurrentYear } from '../Constants';\r\nimport FilterRazOptions from '../common/FilterRazOptions';\r\nimport CheckBoxStatus from '../common/CheckBoxStatus';\r\n\r\nconst StatusTableRk = (props) => {\r\n useState(() => {\r\n if (props.nsi.periods.length === 0) props.getNs('periods');\r\n if (props.nsi.sprraz.length === 0) props.getNs('sprraz');\r\n if (props.nsi.sprform.length === 0) props.getNs('sprform');\r\n //if (props.nsi.allsprtab.length === 0) props.getNs('allsprtab');\r\n });\r\n const [year, setYear] = useState(props.year !== undefined ? props.year : getCurrentYear());\r\n const [kper, setKper] = useState(4);\r\n const [kraz, setKraz] = useState(1);\r\n const [kf, setKf] = useState(\"01\");\r\n\r\n const showStatusData = () => {\r\n if (props.work.statusInfoTablesRk === undefined) return '';\r\n let statusInfoTablesRk = props.work.statusInfoTablesRk;\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 {statusInfoTablesRk.rows.length > 0 ? \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n {statusInfoTablesRk.rows.map(r => renderRowStatus(r))}\r\n \r\n
\r\n ;\r\n }\r\n const renderRowStatus = (r) => {\r\n return {r.kod} {getNameLocalize(props.i18n, r)}
;\r\n return \r\n \r\n {showStatusData()}\r\n ;\r\n}\r\nexport default connect(\r\n state => state,\r\n dispatch => bindActionCreators({ ...actionCreatorsNsi, ...actionCreatorsWork }, dispatch)\r\n)(StatusTableRk);","import React, { useEffect, useState, Fragment } from 'react';\r\nimport { bindActionCreators } from 'redux';\r\nimport { connect } from 'react-redux';\r\nimport * as FileSaver from 'file-saver';\r\nimport { Row, Col, FormGroup, FormControl, ControlLabel, Form, Button, Table } from 'react-bootstrap';\r\n\r\nimport { Translate, I18n } from 'react-redux-i18n';\r\n\r\nimport { actionCreators as actionCreatorsWork } from '../../store/Work';\r\nimport { actionCreators as actionCreatorsNsi } from '../../store/Nsi';\r\n\r\nimport { years, getNameLocalize, getCurrentYear } from '../Constants';\r\nimport FilterRazOptions from '../common/FilterRazOptions';\r\nimport CheckBoxStatus from '../common/CheckBoxStatus';\r\n\r\nconst StatusTableObl = (props) => {\r\n useState(() => {\r\n if (props.nsi.periods.length === 0) props.getNs('periods');\r\n if (props.nsi.sprraz.length === 0) props.getNs('sprraz');\r\n if (props.nsi.sprform.length === 0) props.getNs('sprform');\r\n //if (props.nsi.allsprtab.length === 0) props.getNs('allsprtab');\r\n });\r\n const [year, setYear] = useState(props.year !== undefined ? props.year : getCurrentYear());\r\n const [kper, setKper] = useState(4);\r\n const [kraz, setKraz] = useState(1);\r\n const [kf, setKf] = useState(\"01\");\r\n const [kodNameSearch, setKodNameSearch] = useState();\r\n const filtrOrg=(org) => {\r\n let kodName = kodNameSearch;\r\n if (kodName == null || kodName === \"\") return true;\r\n if (kodName != '' && (org.kod != kodName && !org.nameRu.toLowerCase().includes(kodName.toLowerCase()) && !org.nameKz.toLowerCase().includes(kodName.toLowerCase()))) return false;\r\n return true;\r\n }\r\n const showStatusData = () => {\r\n if (props.work.statusInfoTablesObl === undefined) return '';\r\n let statusInfoTablesObl = props.work.statusInfoTablesObl;\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 {statusInfoTablesObl.rows.length > 0 ? \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n {statusInfoTablesObl.rows.filter(f => filtrOrg(f)).map(r => renderRowStatus(r))}\r\n \r\n
\r\n ;\r\n }\r\n const renderRowStatus = (r) => {\r\n return {r.kod} {getNameLocalize(props.i18n, r)}
;\r\n return \r\n \r\n {showStatusData()}\r\n ;\r\n}\r\nexport default connect(\r\n state => state,\r\n dispatch => bindActionCreators({ ...actionCreatorsNsi, ...actionCreatorsWork }, dispatch)\r\n)(StatusTableObl);","import React, { Component, Fragment } from 'react';\r\nimport { bindActionCreators } from 'redux';\r\nimport { connect } from 'react-redux';\r\nimport { Translate, I18n } from 'react-redux-i18n';\r\nimport { Button, Col, FormGroup, FormControl, ControlLabel, Form, Row, Alert, Modal } from 'react-bootstrap';\r\n\r\nimport { actionCreators as actionCreatorsWork } from '../../store/Work';\r\nimport { actionCreators as actionCreatorsNsi } from '../../store/Nsi';\r\nimport SelectObject from '../common/SelectObject';\r\nimport { years, getNameLocalize, getNamePeriod, getCurrentYear } from '../Constants';\r\n\r\nclass DeleteForm extends Component {\r\n constructor(props) {\r\n super(props);\r\n let nowYear = getCurrentYear();\r\n this.state = {\r\n year: props.year !== undefined ? props.year : nowYear,\r\n kper: 4,//период\r\n kraz: 1, //разрез\r\n kform: '01',\r\n tobj: props.userInfo.user.accessLevel, // тип обьекта 1 – РК; 2 – область; 3 - район; 4 - организация (доступ зависит от пользователя)\r\n obl: undefined,\r\n raion: undefined,\r\n org: undefined,\r\n showConfirmDelete: false,\r\n showNodata:false,\r\n }\r\n props.getNs('periods');\r\n props.getNs('sprraz');\r\n props.getNs('sprform');\r\n this.onDeleteForm = this.onDeleteForm.bind(this);\r\n this.handleCloseConfirmDelete = this.handleCloseConfirmDelete.bind(this);\r\n this.deleteData = this.deleteData.bind(this);\r\n this.handleCloseNodata = this.handleCloseNodata.bind(this);\r\n this.getNameKf = this.getNameKf.bind(this);\r\n this.getNameObj = this.getNameObj.bind(this);\r\n this.getNameRaz = this.getNameRaz.bind(this);\r\n };\r\n handleCloseNodata() {\r\n this.setState({ showNodata: false });\r\n }\r\n handleCloseConfirmDelete() {\r\n this.setState({ showConfirmDelete: false });\r\n }\r\n deleteData() {\r\n let kobj = null;\r\n switch (this.state.tobj) {\r\n case 1:\r\n kobj = \"00\";\r\n break;\r\n case 2:\r\n kobj = this.state.obl.kobl;\r\n break;\r\n case 3:\r\n kobj = this.state.raion.kraion;\r\n break;\r\n case 4:\r\n kobj = this.props.userInfo.user.accessLevel === 4 ? this.props.userInfo.user.kodOrg : this.state.org.korg;\r\n break;\r\n default:\r\n }\r\n this.props.deleteForm({\r\n year: this.state.year,\r\n period: this.state.kper,\r\n raz: this.state.kraz,\r\n kf: this.state.kform,\r\n kt: \"*\",\r\n tobj: this.state.tobj,\r\n kobj\r\n });\r\n this.setState({ showConfirmDelete: false });\r\n }\r\n async onDeleteForm(e) {\r\n e.preventDefault();\r\n let kobj = null;\r\n switch (this.state.tobj) {\r\n case 1:\r\n kobj = \"00\";\r\n break;\r\n case 2:\r\n kobj=this.state.obl.kobl;\r\n break;\r\n case 3:\r\n kobj=this.state.raion.kraion;\r\n break;\r\n case 4:\r\n kobj = this.props.userInfo.user.accessLevel === 4 ? this.props.userInfo.user.kodOrg:this.state.org.korg;\r\n break;\r\n default:\r\n }\r\n //проверить есть ли данные по данной форме\r\n let ret=await this.props.isExistsForm({\r\n year: this.state.year,\r\n period: this.state.kper,\r\n raz: this.state.kraz,\r\n kf: this.state.kform,\r\n kt:\"*\",\r\n tobj: this.state.tobj,\r\n kobj\r\n });\r\n if (ret != null) {\r\n if (ret.isExists === true) {\r\n //данные есть\r\n this.setState({ showConfirmDelete: true});\r\n } else {\r\n //данных нет\r\n this.setState({ showNodata: true });\r\n }\r\n }\r\n }\r\n getNameKf(){\r\n let kform = this.state.kform;\r\n let form = this.props.nsi.sprform.filter(f => f.kf === kform);\r\n if (form.length === 0) return kform;\r\n return `${kform} ${getNameLocalize(this.props.i18n, form[0])}`;\r\n }\r\n getNameObj(){\r\n switch (this.state.tobj) {\r\n case 1:\r\n return \"РК\";\r\n case 2:\r\n return getNameLocalize(this.props.i18n, this.state.obl);\r\n case 3:\r\n return `${getNameLocalize(this.props.i18n, this.state.obl)}, ${getNameLocalize(this.props.i18n, this.state.raion)}`;\r\n case 4:\r\n return this.props.userInfo.user.accessLevel === 4 ? `${this.props.userInfo.user.kodOrg} ${this.props.userInfo.user.nameOrg}` : `${this.state.org.korg} ${this.state.org.nameRu}`;\r\n default:\r\n }\r\n return \"\";\r\n }\r\n getNameRaz() {\r\n let kraz = this.state.kraz;\r\n let raz = this.props.nsi.sprraz.filter(r => r.kod === kraz);\r\n if (raz.length === 0) return kraz\r\n return getNameLocalize(this.props.i18n, raz[0]);\r\n }\r\n render() {\r\n return \r\n \r\n \r\n \r\n \r\n \r\n {this.state.year} {getNamePeriod(this.state.kper)} {this.getNameRaz()} {this.getNameKf()} {this.getNameObj()} \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\nexport default connect(\r\n state => state,\r\n dispatch => bindActionCreators({ ...actionCreatorsNsi, ...actionCreatorsWork }, dispatch)\r\n)(DeleteForm);\r\n\r\n//isNotOrg={true}","import React, { Component, Fragment } from 'react';\r\nimport { bindActionCreators } from 'redux';\r\nimport { connect } from 'react-redux';\r\nimport { Translate, I18n } from 'react-redux-i18n';\r\nimport { Button, Col, FormGroup, FormControl, ControlLabel, Form, Row, Table } from 'react-bootstrap';\r\n\r\n//import './ReportFin.css';\r\nimport * as FileSaver from 'file-saver';\r\n\r\nimport { actionCreators as actionFinPaidData } from '../../store/FinPaidData';\r\nimport { actionCreators as actionCreatorsNsi } from '../../store/Nsi';\r\n//import { years, getCurrentYear } from '../Constants';\r\nimport { getNameLocalize } from '../Constants';\r\n\r\nclass RepSubordinates extends Component {\r\n constructor(props) {\r\n super(props);\r\n if (props.nsi.allobls.length === 0) {\r\n props.getNs('allobls');\r\n }\r\n this.state = {\r\n kobl: /*props.userInfo.user.kodObl*/\"all\",\r\n lang: \"ru\"\r\n }\r\n this.onGenerateRep = this.onGenerateRep.bind(this);\r\n this.onSelectKobl = this.onSelectKobl.bind(this);\r\n this.onSelectLang = this.onSelectLang.bind(this);\r\n }\r\n onSelectKobl(e) {\r\n this.setState({ kobl: e.target.value });\r\n }\r\n onSelectLang = (e) => {\r\n let lang = e.target.value;\r\n this.setState({ lang });\r\n }\r\n onGenerateRep = async (e) => {\r\n e.preventDefault();\r\n let body = {\r\n Obl: this.state.kobl === \"all\" ? null : this.state.kobl,\r\n Lang: this.state.lang\r\n };\r\n this.setState({ isLoading: true });\r\n let absoluteUrl = `${document.location.protocol}//${document.location.host}/Medinfo/generate/Excel/Subordinates`;\r\n //let fileName = `${this.state.begYear}_${this.state.type_page}_${this.state.selectedTable.kod}_${this.state.selectedPage.kod}_${this.state.type_per}_${this.state.tobj}.xlsx`;\r\n let fileName = \"orgSubordinates.xlsx\"\r\n var token = this.props.userInfo.user.token;\r\n const response = await fetch(absoluteUrl, {\r\n credentials: 'include',\r\n method: 'POST',\r\n headers: {\r\n 'Authorization': `Bearer ${token}`,\r\n 'Content-Type': 'application/json'\r\n },\r\n body: JSON.stringify(body)\r\n });\r\n if (response.ok) { // если HTTP-статус в диапазоне 200-299\r\n // получаем тело ответа (см. про этот метод ниже)\r\n const blob = await response.blob();\r\n FileSaver.saveAs(blob, fileName);\r\n } else {\r\n alert(\"Ошибка HTTP: \" + response.status);\r\n }\r\n this.setState({ isLoading: false });\r\n }\r\n render() {\r\n return \r\n }\r\n}\r\nexport default connect(\r\n state => state,\r\n dispatch => bindActionCreators({ ...actionCreatorsNsi, ...actionFinPaidData }, dispatch)\r\n)(RepSubordinates);\r\n","import React, { /*useEffect,*/ useState } from 'react';\r\nimport { bindActionCreators } from 'redux';\r\nimport { connect } from 'react-redux';\r\nimport { Form, FormControl, ControlLabel, Row, Col, Button, Modal, ListGroup, FormGroup, ListGroupItem } from 'react-bootstrap';\r\nimport { Translate } from 'react-redux-i18n';\r\nimport { actionCreators } from '../../store/Nsi';\r\nimport { getNameLocalize } from '../Constants';\r\n\r\nfunction SelectOrgModal(props) {\r\n const [] = useState(() => {\r\n if (props.nsi.allobls.length === 0) {\r\n props.getNs('allobls');\r\n return false;\r\n } else\r\n return true;\r\n }, props.nsi.allobls.length > 0);\r\n const [kodOrg, setKodOrg] = useState(\"\");\r\n const [nameOrg, setNameOrg] = useState(\"\");\r\n const [kodObl, setKodObl] = useState(\"\");\r\n const [org, setOrg] = useState();\r\n\r\n const handleCloseDlg = (isNotCancel) => {\r\n if (isNotCancel === false)\r\n props.handleCloseDlg({ isNotCancel, org: null });\r\n else if (org != undefined) {\r\n let selorg = props.nsi.orgs.find((it) => it.kobj == org.kod);\r\n props.handleCloseDlg({ isNotCancel, org: selorg });\r\n } //else {\r\n\r\n //}\r\n };\r\n const handleSelectKodObl = (kod) => {\r\n setOrg(null);\r\n setKodObl(kod);\r\n if (kodOrg !== '' || nameOrg !== '') {\r\n setOrg(null);\r\n props.getOrgsByOblKodName({ KodObl: kod, KodOrg: kodOrg, NameOrg: nameOrg });\r\n }\r\n }\r\n const handleSearchOrgsClick = () => {\r\n if (kodObl !== '' || kodOrg !== '' || nameOrg !== '') {\r\n setOrg(null);\r\n props.getOrgsByOblKodName({ KodObl: kodObl, KodOrg: kodOrg, NameOrg: nameOrg });\r\n }\r\n }\r\n const handleSelectOrg = async (org) => {\r\n //setOrg(org);\r\n let kod = org.kobj;\r\n let name = getNameLocalize(props.i18n, org);\r\n setOrg({ kod, name });\r\n }\r\n\r\n return handleCloseDlg(false)}\r\n backdrop=\"static\"\r\n keyboard={false}\r\n bsSize=\"large\">\r\n \r\n \r\n \r\n \r\n handleSelectKodObl(evt.target.value)}>\r\n {props.nsi.allobls.map((obl) => {getNameLocalize(props.i18n, obl)} )}\r\n \r\n \r\n \r\n {props.nsi.orgs.map((o) => {\r\n if (org != null && o.kobj === org.kod)\r\n return handleSelectOrg(o)}>{getNameLocalize(props.i18n, o)} \r\n else\r\n return handleSelectOrg(o)}>{getNameLocalize(props.i18n, o)} \r\n })\r\n }\r\n \r\n \r\n
\r\n \r\n \r\n handleCloseDlg(false)}> \r\n handleCloseDlg(true)} > \r\n \r\n \r\n}\r\n\r\nexport default connect(\r\n state => state,\r\n dispatch => bindActionCreators(actionCreators, dispatch)\r\n)(SelectOrgModal);","import React, { Fragment, useState, useEffect } from 'react';\r\nimport { bindActionCreators } from 'redux';\r\nimport { connect } from 'react-redux';\r\nimport { Form, ControlLabel, FormControl, Row, Col, Button, FormGroup } from 'react-bootstrap';\r\nimport { Translate } from 'react-redux-i18n';\r\nimport { actionCreators } from '../../store/Nsi';\r\nimport SelectOrgModal from './SelectOrgModal'\r\nimport { getNameLocalize } from '../Constants';\r\n\r\nfunction SelectOrg(props) {\r\n const [org, setOrg] = useState({});\r\n const [show, setShow] = useState(false);\r\n /*\r\n const [isReadOnly, setIsReadOnly] = useState(false);\r\n useEffect(async () => {\r\n setIsReadOnly(props.isReadOnly === true);\r\n }, [props.isReadOnly]);\r\n */\r\n useEffect(() => {\r\n let fetch = async () => {\r\n if (props.org != null) {\r\n let org1 = await props.getOrgByKod(props.org.kod);\r\n if (org1 != null) {\r\n setOrg({ kod: org1.kobj, nameRu: org1.nameRu, nameKz: org1.nameKz, nomenklKod: org1.nomenklKod, parentKod: org1.parentKod });\r\n return;\r\n }\r\n }\r\n setOrg({});\r\n }\r\n fetch();\r\n }, [props.org]);\r\n const handleChangeKod = async (evt) => {\r\n let kod = evt.target.value.trim();\r\n if (kod.length === 4) {\r\n //todo search org by kod\r\n let org1 = await props.getOrgByKod(kod);\r\n if (org1 != null) {\r\n let o = { kod: org1.kobj, nameRu: org1.nameRu, nameKz: org1.nameKz, nomenklKod: org1.nomenklKod, parentKod: org1.parentKod };\r\n //setOrg(org);\r\n props.setOrg(o);\r\n } else {\r\n //setOrg({});\r\n props.setOrg(null);\r\n }\r\n } else if (kod.length > 4) {\r\n evt.preventDefault();\r\n } else {\r\n ///setOrg({});\r\n props.setOrg(null);\r\n }\r\n }\r\n const handleCloseDlg = (data) => {\r\n if (data.isNotCancel === true) {\r\n let org1 = { kod: data.org.kobj, nameRu: data.org.nameRu, nameKz: data.org.nameKz, nomenklKod: data.org.nomenklKod, parentKod:data.org.parentKod};\r\n setShow(false);\r\n setOrg(org1);\r\n props.setOrg(org1);\r\n } else\r\n setShow(false);\r\n }\r\n return \r\n \r\n \r\n}\r\nexport default connect(\r\n state => state,\r\n dispatch => bindActionCreators(actionCreators, dispatch)\r\n)(SelectOrg);","import React, { useEffect, useState } from 'react';\r\nimport { bindActionCreators } from 'redux';\r\nimport { connect } from 'react-redux';\r\nimport { cloneDeep } from 'lodash';\r\nimport { Alert, Row, Table, Button, Col, Modal, ControlLabel, Form, FormGroup, FormControl, ListGroup, ListGroupItem } from 'react-bootstrap';\r\nimport { Translate, I18n } from 'react-redux-i18n';\r\nimport TableScrollbar from 'react-table-scrollbar';\r\nimport { Typeahead } from 'react-bootstrap-typeahead';\r\nimport { actionCreators as actionCreatorsNsi } from '../../store/Nsi';\r\nimport { getNameLocalize } from '../Constants';\r\n//import SelectOrg from '../common/SelectOrg';\r\n\r\nconst ListChildsOrgs = (props) => {\r\n const [] = useState(() => {\r\n if (props.nsi.torg.length === 0) {\r\n props.getNs('torg');\r\n }\r\n return true;\r\n }, props.nsi.torg.length > 0);\r\n const [] = useState(() => {\r\n if (props.nsi.nomenkl.length === 0) {\r\n props.getNs('nomenkl');\r\n }\r\n return true;\r\n }, props.nsi.nomenkl.length > 0);\r\n const [parentOrg, setParentOrg] = useState([]);\r\n useEffect(() => {\r\n if (props.kodParentOrg != null) {\r\n const fetch = async () => {\r\n let orgs = await props.getChildsOrgsByParent(props.kodParentOrg);\r\n if (orgs != null)\r\n setChildsOrgs(orgs);\r\n else\r\n setChildsOrgs([]);\r\n let orgP = await props.getOrgByKod(props.kodParentOrg);\r\n setParentOrg(orgP);\r\n }\r\n fetch();\r\n } else\r\n setChildsOrgs([]);\r\n }, [props.kodParentOrg]);\r\n const [childsOrgs, setChildsOrgs] = useState([]);\r\n const [showModalAdd, setShowModalAdd] = useState(false);\r\n const [childAddOrg, setChildAddOrg] = useState();\r\n const addChild = (evt) => {\r\n evt.preventDefault();\r\n setChildAddOrg(null);\r\n setShowModalAdd(true);\r\n }\r\n const removeChild = (evt, org) => {\r\n evt.preventDefault();\r\n const fetch = async () => {\r\n let ret = await props.removeChildOrgByParent(org.kod, props.kodParentOrg);\r\n if (ret.successed === false) {\r\n alert(ret.error)\r\n } else {\r\n let ar = cloneDeep(childsOrgs);\r\n let index1 = ar.map(e => e.kod).indexOf(org.kod);\r\n ar.splice(index1, 1);\r\n setChildsOrgs(ar);\r\n }\r\n }\r\n fetch();\r\n }\r\n const handleCloseDlg = (isNotCancel) => {\r\n if (isNotCancel === false) {\r\n setShowModalAdd(false);\r\n } else if (childAddOrg != undefined) {\r\n const fetch = async () => {\r\n let ret = await props.addChildOrgByParent(childAddOrg.kod, props.kodParentOrg);\r\n if (ret.successed === false) {\r\n alert(ret.error)\r\n } else {\r\n let ar = cloneDeep(childsOrgs);\r\n ar.push(childAddOrg);\r\n setChildsOrgs(ar);\r\n }\r\n setChildAddOrg(null);\r\n }\r\n fetch();\r\n setShowModalAdd(false);\r\n }\r\n };\r\n const [kodOrg, setKodOrg] = useState();\r\n const [nameOrg, setNameOrg] = useState();\r\n const [foundOrgs, setFoundOrgs] = useState([]);\r\n const btSubmitSearcOrg = (evt) => {\r\n evt.preventDefault();\r\n const fetch = async () => {\r\n setChildAddOrg(null);\r\n setFoundOrgs([]);\r\n try {\r\n let ret = await props.getOrgsParentKodAndKodName({ kodParentOrg: props.kodParentOrg, kodOrg: kodOrg != null ? kodOrg : \"\", nameOrg: nameOrg != null ? nameOrg : \"\" });\r\n setFoundOrgs(ret);\r\n } catch (e) {\r\n alert(e);\r\n }\r\n }\r\n fetch();\r\n }\r\n const [showAddNew, setShowAddNew] = useState(false);\r\n const [newOrg, setNewOrg] = useState({});\r\n const [errorsNewOrg, setErrorsNewOrg] = useState([]);\r\n const handleAddNewOrg = (evt) => {\r\n evt.preventDefault();\r\n setChildAddOrg(null);\r\n setNewOrg({\r\n kod: \"\",\r\n parentKod: props.kodParentOrg,\r\n te: parentOrg.te,\r\n obl: parentOrg.kobl,\r\n raion: parentOrg.raion,\r\n /* rnn: \"\",\r\n bin: \"\",\r\n idSur: \"\",\r\n */\r\n rusName: \"\",\r\n kazName: \"\",\r\n adr: \"\",\r\n isMedstat: true,\r\n torgKod: null,\r\n nomenKod: null\r\n });\r\n setShowAddNew(true);\r\n }\r\n const onChangeNomen = (selected) => {\r\n let editOrg = cloneDeep(newOrg);\r\n if (selected.length > 0) {\r\n editOrg.nomenKod = {\r\n kod: selected[0].kod,\r\n nameRu: selected[0].nameRu,\r\n nameKz: selected[0].nameRu,\r\n }\r\n } else {\r\n editOrg.nomenKod = null;\r\n }\r\n setNewOrg(editOrg);\r\n }\r\n const onChangeTorg = (selected) => {\r\n let editOrg = cloneDeep(newOrg);\r\n if (selected.length > 0) {\r\n editOrg.torgKod = {\r\n kod: selected[0].kod,\r\n nameRu: selected[0].nameRu,\r\n nameKz: selected[0].nameRu,\r\n }\r\n } else {\r\n editOrg.torgKod = null;\r\n }\r\n setNewOrg(editOrg);\r\n }\r\n const changeNewOrgFld = (fld, value) => {\r\n let editOrg = cloneDeep(newOrg);\r\n editOrg[fld] = value;\r\n setNewOrg(editOrg);\r\n }\r\n const handleAddOrgToOkpolu = (evt,isNotCancel) => {\r\n evt.preventDefault();\r\n if (isNotCancel === true) {\r\n setErrorsNewOrg([]);\r\n let validate = async () => {\r\n let errors = [];\r\n //validate\r\n let kod = newOrg.kod != null ? newOrg.kod.trim() : null;\r\n if (kod == null || kod === \"\") {\r\n errors.push(\"Введите код организации\");\r\n } else if (!await verifyKodOrg()) {\r\n errors.push(`Данный код организации:${kod} уже используется! Введите другой`);\r\n }\r\n let rus = newOrg.rusName != null ? newOrg.rusName.trim() : null;\r\n if (rus==null || rus===\"\") {\r\n errors.push(\"Введите наименование на русском\");\r\n }\r\n let kaz = newOrg.kazName != null ? newOrg.kazName.trim() : null;\r\n if (kaz == null || kaz === \"\") {\r\n errors.push(\"Введите наименование на казахском\");\r\n }\r\n let adr = newOrg.adr != null ? newOrg.adr.trim() : null;\r\n if (adr == null || adr === \"\") {\r\n errors.push(\"Введите адрес организации\");\r\n }\r\n let nomenKod = newOrg.nomenKod != null ? newOrg.nomenKod.kod : null;\r\n if (nomenKod == null) {\r\n errors.push(\"Введите номенклатуру организации\");\r\n }\r\n let torgKod = newOrg.torgKod != null ? newOrg.torgKod.kod : null;\r\n //if (torgKod == null) {\r\n // errors.push(\"Введите тип организации\");\r\n //}\r\n if (errors.length === 0) {\r\n //todo add org to okpolu\r\n let ret = await props.addOkpoluItem({\r\n kod, parentKod: newOrg.parentKod, nameRu: rus, nameKz: kaz, adr, te: newOrg.te\r\n , obl: newOrg.obl, raion: newOrg.raion, isMedstat: newOrg.isMedstat\r\n , nomenKod: newOrg.nomenKod.kod, torgKod: newOrg.torgKod != null ? newOrg.torgKod.kod : undefined\r\n });\r\n if (ret.isOk) {\r\n let orgs = await props.getChildsOrgsByParent(newOrg.parentKod);\r\n if (orgs != null)\r\n setChildsOrgs(orgs);\r\n else\r\n setChildsOrgs([]);\r\n setShowAddNew(false);\r\n setShowModalAdd(false);\r\n setChildAddOrg(null);\r\n } else {\r\n errors.push(ret.error);\r\n setErrorsNewOrg(errors);\r\n }\r\n } else {\r\n setErrorsNewOrg(errors);\r\n }\r\n }\r\n validate();\r\n } else\r\n setShowAddNew(false);\r\n }\r\n const [showEditNameOrg, setShowEditNameOrg] = useState(false)\r\n const [editOrg, setEditOrg] = useState({});\r\n const [errorsEditOrg, setErrorsEditOrg] = useState([])\r\n const editChild = (evt, org) => {\r\n evt.preventDefault();\r\n setEditOrg(cloneDeep(org));\r\n setShowEditNameOrg(true);\r\n }\r\n const changeEditOrgFld = (fld, value) => {\r\n let edOrg = cloneDeep(editOrg);\r\n edOrg[fld] = value;\r\n setEditOrg(edOrg);\r\n }\r\n const handleEditNameOrg = (evt, isNotCancel) => {\r\n evt.preventDefault();\r\n if (isNotCancel === true) {\r\n setErrorsEditOrg([]);\r\n let valid = async () => {\r\n let errors = [];\r\n //validate\r\n let rus = editOrg.nameRu != null ? editOrg.nameRu.trim() : null;\r\n if (rus == null || rus === \"\") {\r\n errors.push(\"Введите наименование на русском\");\r\n }\r\n let kaz = editOrg.nameKz != null ? editOrg.nameKz.trim() : null;\r\n if (kaz == null || kaz === \"\") {\r\n errors.push(\"Введите наименование на казахском\");\r\n }\r\n if (errors.length === 0) {\r\n let ret = await props.editNameOkpoluItem({\r\n kod: editOrg.kod, nameRu: rus, nameKz: kaz});\r\n if (ret.isOk) {\r\n let orgs = await props.getChildsOrgsByParent(editOrg.parentKod);\r\n if (orgs != null)\r\n setChildsOrgs(orgs);\r\n else\r\n setChildsOrgs([]);\r\n setShowEditNameOrg(false);\r\n } else {\r\n errors.push(ret.error);\r\n setErrorsEditOrg(errors);\r\n }\r\n } else {\r\n setErrorsEditOrg(errors);\r\n }\r\n }\r\n valid();\r\n } else\r\n setShowEditNameOrg(false);\r\n }\r\n const verifyKodOrg = async () => {\r\n //evt.preventDefault();\r\n try {\r\n let ret = await props.checkKodOrg(newOrg.kod);\r\n if (ret.exists === true) {\r\n return false;//alert(\"Данный код организации уже используется! Введите другой\");\r\n } else {\r\n return true//alert(\"Данный код можно использовать!\");\r\n }\r\n } catch (e) {\r\n alert(e);\r\n return false;\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 {childsOrgs.map(r => \r\n {r.kod} \r\n editChild(evt, r)}> {getNameLocalize(props.i18n, r)} removeChild(evt, r)} className='btn btn-danger text-center' type=\"button\"> \r\n )}\r\n \r\n
\r\n \r\n
\r\n handleCloseDlg(false)}\r\n backdrop=\"static\"\r\n keyboard={false}\r\n bsSize=\"large\">\r\n \r\n \r\n \r\n \r\n \r\n {/* \r\n \r\n \r\n */}\r\n \r\n {foundOrgs != null && foundOrgs.map(r => setChildAddOrg({ ...r, kod: r.kobj })}\r\n className={childAddOrg != null && childAddOrg.kod === r.kobj ? \"success\" : \"\"}>\r\n {r.kobj} \r\n {getNameLocalize(props.i18n, r)} \r\n )}\r\n \r\n
\r\n \r\n {childAddOrg != null && childAddOrg.parentKod != null ?
: \"\"}\r\n \r\n \r\n {props.userInfo.user.accessLevel === 1 ? handleCloseDlg(true)} disabled={childAddOrg == null || (childAddOrg != null && childAddOrg.parentKod != null)}> \r\n handleCloseDlg(false)}> \r\n \r\n \r\n handleAddOrgToOkpolu(evt,false)}\r\n backdrop=\"static\"\r\n keyboard={false}\r\n bsSize=\"large\">\r\n \r\n \r\n \r\n \r\n {errorsNewOrg.length > 0 ? <>Ошибки: {errorsNewOrg.map((m, i) =>\r\n {m} )} : \"\"}\r\n \r\n \r\n handleAddOrgToOkpolu(evt,true)}> \r\n handleAddOrgToOkpolu(evt,false)}> \r\n \r\n \r\n handleEditNameOrg(evt, false)}\r\n backdrop=\"static\"\r\n keyboard={false}\r\n bsSize=\"large\">\r\n \r\n \r\n \r\n \r\n {errorsEditOrg.length > 0 ? <>Ошибки: {errorsEditOrg.map((m, i) =>\r\n {m} )} : \"\"}\r\n \r\n \r\n handleEditNameOrg(evt, true)}> \r\n handleEditNameOrg(evt, false)}> \r\n \r\n \r\n ;\r\n}\r\nexport default connect(\r\n state => state,\r\n dispatch => bindActionCreators(actionCreatorsNsi, dispatch)\r\n)(ListChildsOrgs);","import React, { useState } from 'react';\r\nimport { bindActionCreators } from 'redux';\r\nimport { connect } from 'react-redux';\r\nimport { Row, Col} from 'react-bootstrap';\r\nimport { Translate} from 'react-redux-i18n';\r\nimport { actionCreators as actionCreatorsNsi } from '../../store/Nsi';\r\nimport SelectOrg from '../common/SelectOrg';\r\nimport ListChildsOrgs from './ListChildsOrgs';\r\n\r\nconst AdminEditChildOrg = (props) => {\r\n const [org, setOrg] = useState();\r\n return <>\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n {org != null ? : \"\"}\r\n \r\n}\r\nexport default connect(\r\n state => state,\r\n dispatch => bindActionCreators(actionCreatorsNsi, dispatch)\r\n)(AdminEditChildOrg);","import React, { useEffect, useState, useMemo } from 'react';\r\nimport { bindActionCreators } from 'redux';\r\nimport { connect } from 'react-redux';\r\nimport { cloneDeep } from 'lodash';\r\nimport { Alert, Row, Table, Button, Col, Modal, FormGroup, FormControl, Checkbox, ControlLabel, Form } from 'react-bootstrap';\r\n//import { useTable, useGlobalFilter } from 'react-table'\r\n//import ReactTable from 'react-table';\r\nimport { Translate, I18n } from 'react-redux-i18n';\r\nimport { actionCreators as actionCreatorsNsi } from '../../store/Nsi';\r\nimport { getNameLocalize } from '../Constants';\r\n\r\nconst SelectTeModal = (props) => {\r\n const [nasels, setNasels] = useState([]);\r\n const [te, setTe] = useState();\r\n useEffect(() => {\r\n if (props.te != null) {\r\n let o = cloneDeep(props.te);\r\n const lNas = async (raion) => {\r\n setNasels(await getNasels(raion));\r\n }\r\n lNas(o.raion);\r\n setTe(o);\r\n } else {\r\n setTe(null);\r\n }\r\n }, [props.te]);\r\n\r\n const handleCloseDlg = (isNotCancel) => {\r\n if (isNotCancel === false)\r\n props.handleCloseDlg({ isNotCancel, te: null });\r\n else /*if (org != undefined)*/ {\r\n props.handleCloseDlg({ isNotCancel, te });\r\n }\r\n };\r\n const changeFld = (fld, value) => {\r\n let o = cloneDeep(te);\r\n o[fld] = value;\r\n if (fld == \"obl\") {\r\n //попробуем заменить область в районе\r\n let ra = `${value}${o.raion.substring(2)}`;\r\n if (props.nsi.allraions.filter(r => r.idRaion === ra).length > 0) {\r\n o.raion = ra;\r\n //попробуем заменить область в te\r\n let t = `${value}${o.te.substring(2)}`;\r\n let getN = async (ra) => {\r\n let nas = await getNasels(ra);\r\n if (nas.length > 0) {\r\n let nn = nas.filter(n => n.te == t)\r\n if (nn.length > 0) {\r\n o.te = nn[0].te;\r\n } else {\r\n o.te = nas[0].te;\r\n }\r\n } \r\n setNasels(nas);\r\n setTe(o);\r\n }\r\n getN(ra);\r\n return;\r\n } else {\r\n let ra = props.nsi.allraions.filter(r => r.obl === o.obl)[0].idRaion;\r\n o.raion = ra;\r\n getNas(ra,o);\r\n return;\r\n }\r\n }else if (fld == \"raion\") {\r\n getNas(value,o);\r\n return;\r\n } else {//nas te\r\n setTe(o);\r\n }\r\n }\r\n const getNas = async (kodRaion,o) => {\r\n let nas = await getNasels(kodRaion);\r\n o.te = nas[0].te;\r\n setNasels(nas);\r\n setTe(o);\r\n }\r\n const getNasels = async (kodRaion) => {\r\n let nls = await props.getNaselRaion(kodRaion);\r\n if (nls != null && nls.length > 0) {\r\n return nls;\r\n } else {\r\n return [];\r\n }\r\n }\r\n return ( handleCloseDlg(false)}\r\n backdrop=\"static\"\r\n keyboard={false}\r\n bsSize=\"large\">\r\n \r\n \r\n \r\n {te != null ?\r\n \r\n :\"\"}\r\n \r\n \r\n handleCloseDlg(false)}> \r\n handleCloseDlg(true)} > \r\n \r\n );\r\n}\r\n\r\nexport default connect(\r\n state => state,\r\n dispatch => bindActionCreators(actionCreatorsNsi, dispatch)\r\n)(SelectTeModal);","import React, { useEffect, useState, useMemo } from 'react';\r\nimport { bindActionCreators } from 'redux';\r\nimport { connect } from 'react-redux';\r\nimport { cloneDeep } from 'lodash';\r\nimport { Alert, Row, Table, Button, Col, Modal, FormGroup, FormControl, Checkbox, ControlLabel, Form } from 'react-bootstrap';\r\n//import { useTable, useGlobalFilter } from 'react-table'\r\n//import ReactTable from 'react-table';\r\nimport { Translate, I18n } from 'react-redux-i18n';\r\nimport { actionCreators as actionCreatorsNsi } from '../../store/Nsi';\r\nimport { getNameLocalize } from '../Constants';\r\n\r\nimport SelectTeModal from './SelectTeModal';\r\n\r\nconst EditOrgModal = (props) => {\r\n const [nasels, setNasels] = useState([]);\r\n const [org, setOrg] = useState();\r\n useEffect(() => {\r\n if (props.org != null) {\r\n let o = cloneDeep(props.org);\r\n let fRa = props.nsi.allraions.filter(r => r.obl === o.obl)[0];\r\n if (o.raion.substr(2, 2) === \"00\") {\r\n o.raion = fRa.idRaion;\r\n o.te = fRa.te;\r\n } else {\r\n let fRa2 = props.nsi.allraions.filter(r => r.kod.substr(0, 4) === o.te.substr(0, 4));\r\n if (fRa2.length === 0) {\r\n o.raion = fRa.idRaion;\r\n o.te = fRa.te;\r\n }\r\n }\r\n setOrg(o);\r\n let getNas = async (kodRaion) => {\r\n let nas = await getNasels(kodRaion);\r\n setNasels(nas);\r\n }\r\n getNas(o.raion);\r\n } else {\r\n setOrg(null);\r\n setNasels([]);\r\n }\r\n }, [props.org]);\r\n const getNasels = async (kodRaion) => {\r\n let nls = await props.getNaselRaion(kodRaion);\r\n if (nls != null && nls.length > 0) {\r\n return nls;\r\n } else {\r\n return [];\r\n }\r\n }\r\n const handleCloseDlg = (isNotCancel) => {\r\n if (isNotCancel === false)\r\n props.handleCloseDlg({ isNotCancel, org: null });\r\n else if (org != undefined) {\r\n props.handleCloseDlg({ isNotCancel, org});\r\n } \r\n };\r\n const changeFld = (fld, value) => {\r\n let o = cloneDeep(org);\r\n o[fld] = value;\r\n if (fld ==\"raion\") {\r\n let getNas = async (kodRaion) => {\r\n let nas = await getNasels(kodRaion);\r\n if (nas.length > 0 && nas.filter(n => n.te == org.te).length === 0) {\r\n o.te = nas[0].te;\r\n }\r\n setNasels(nas);\r\n setOrg(o);\r\n }\r\n getNas(value);\r\n return;\r\n }\r\n setOrg(o);\r\n }\r\n const [showChangeObl, setShowChangeObl] = useState(false);\r\n const [newTe, setNewTe] = useState({});\r\n const btChangeObl = (evt) => {\r\n evt.preventDefault();\r\n setNewTe({ obl: org.obl, raion: org.raion, te: org.te });\r\n setShowChangeObl(true);\r\n }\r\n const closeChangeObl = (param) => {\r\n setShowChangeObl(false);\r\n if (param.isNotCancel === true) {\r\n let o = cloneDeep(org);\r\n o.obl = param.te.obl;\r\n o.raion = param.te.raion;\r\n o.te = param.te.te;\r\n let getNas = async (kodRaion) => {\r\n let nas = await getNasels(kodRaion);\r\n if (nas.length > 0 && nas.filter(n => n.te == o.te).length === 0) {\r\n o.te = nas[0].te;\r\n }\r\n setNasels(nas);\r\n setOrg(o);\r\n }\r\n getNas(o.raion);\r\n }\r\n }\r\n return (<> handleCloseDlg(false)}\r\n backdrop=\"static\"\r\n keyboard={false}\r\n bsSize=\"large\">\r\n \r\n \r\n \r\n {org != null ?\r\n : \"\"}\r\n \r\n \r\n handleCloseDlg(false)}> \r\n handleCloseDlg(true)} > \r\n \r\n \r\n \r\n );\r\n}\r\nexport default connect(\r\n state => state,\r\n dispatch => bindActionCreators(actionCreatorsNsi, dispatch)\r\n)(EditOrgModal);\r\n//disabled={props.userInfo.user.accessLevel != 1}","import React, { useEffect, useState, Fragment } from 'react';\r\nimport { bindActionCreators } from 'redux';\r\nimport { connect } from 'react-redux';\r\nimport { cloneDeep } from 'lodash';\r\nimport { Row, Button, Col, FormGroup, FormControl, ControlLabel, Panel, Form } from 'react-bootstrap';\r\nimport { Translate, I18n } from 'react-redux-i18n';\r\nimport { actionCreators as actionCreatorsNsi } from '../../store/Nsi';\r\nimport { getNameLocalize } from '../Constants';\r\nimport EditOrgModal from './EditOrgModal'; \r\nimport './EditOrgsOnObl.css';\r\n\r\n\r\nconst EditOrgsOnObl = (props) => {\r\n const [kobl, setKobl] = useState(() => props.userInfo.user.kodObl);\r\n const [loading, setLoading] = useState(false);\r\n const [data, setData] = useState([]);\r\n const [selRa, setRa] = useState('');\r\n const [kodName, setKodName] = useState('');\r\n const [binOrg, setBinOrg] = useState('');\r\n const [isMedstat, setIsMedstat] = useState('');\r\n const [] = useState(() => {\r\n if (props.nsi.allobls.length === 0) {\r\n props.getNs('allobls');\r\n }\r\n //if (props.nsi.allraions.length === 0) {\r\n // getAllRaions();\r\n // //props.getNs('allraions');\r\n //}\r\n return true;\r\n }, props.nsi.allobls.length > 0);\r\n useEffect(() => {\r\n //загрузка организаций\r\n getOrgs(props.userInfo.user.kodObl);\r\n }, [props.userInfo.kodObl]);\r\n //const getAllRaions = async () => {\r\n // //загрузка районов\r\n // setLoading(true);\r\n // await props.getNs('allraions');\r\n // setLoading(false);\r\n //}\r\n const getOrgs = async (kobl) => {\r\n setData([]);\r\n setLoading(true);\r\n if (props.nsi.allraions.length === 0) {\r\n await props.getNs('allraions');\r\n }\r\n let orgs = await props.getOkpolus(kobl);\r\n setData(orgs);\r\n setLoading(false);\r\n }\r\n const changeObl = (kodObl) => {\r\n setKobl(kodObl);\r\n getOrgs(kodObl);\r\n }\r\n\r\n const [selOrg, setSelOrg] = useState();\r\n const [showEditOrg, setShowEditOrg] = useState(false);\r\n const btEditItem = (evt, kod) => {\r\n evt.preventDefault();\r\n let o = data.filter(f => f.kod === kod)[0];\r\n setSelOrg(o);\r\n setShowEditOrg(true);\r\n }\r\n const closeOrgEdit = (param) => {\r\n if (param.isNotCancel == true) {\r\n updateOrg(param.org);\r\n }\r\n setShowEditOrg(false);\r\n setSelOrg(null);\r\n }\r\n const updateOrg = async (org) => {\r\n setLoading(true);\r\n let ret = await props.updateOkpoluItem(org);\r\n if (ret.isOk === true) {\r\n let d = cloneDeep(data)\r\n let ind = d.map(m => m.kod).indexOf(org.kod);\r\n d.splice(ind, 1, org);\r\n setData(d);\r\n } else {\r\n alert(ret.error);\r\n }\r\n setLoading(false);\r\n }\r\n const getRaionName = (kodObl, kodRaion) => {\r\n let ra = props.nsi.allraions.filter(r => r.obl === kodObl && r.idRaion === kodRaion);\r\n if (ra.length > 0) return getNameLocalize(props.i18n, ra[0]);\r\n return \"\";\r\n }\r\n const getOblName = (kodObl) => {\r\n let ob = props.nsi.allobls.filter(o => o.kod === kodObl);\r\n if (ob.length > 0) return getNameLocalize(props.i18n, ob[0]);\r\n return \"\";\r\n }\r\n const filtrOrg = (org) => {\r\n if (selRa === '' && kodName === '' && isMedstat === '' && binOrg === '') return true;\r\n if (isMedstat != '') {\r\n let bIsMedstat = isMedstat === \"1\" ? true : false;\r\n if(org.isMedstat != bIsMedstat) return false;\r\n }\r\n if (selRa != '' && org.raion != selRa) return false;\r\n if (kodName != '' && (org.kod != kodName && !org.nameRu.toLowerCase().includes(kodName.toLowerCase()) && !org.nameKz.toLowerCase().includes(kodName.toLowerCase()))) return false;\r\n if (org.bin == null && binOrg != '') return false;\r\n if (binOrg != '' && org.bin != binOrg && !org.bin.startsWith(binOrg)) return false;\r\n return true;\r\n }\r\n const btClearFiltr = (evt) => {\r\n evt.preventDefault();\r\n setRa('');\r\n setKodName('');\r\n setBinOrg('');\r\n }\r\n const getStyleTe = (te) => {\r\n try {\r\n if (te.substr(2, 2) === \"00\") {\r\n return { color: \"red\" };\r\n } else {\r\n return {color: \"green\"};\r\n }\r\n }\r\n catch (e) {\r\n return { color: \"red\" };\r\n }\r\n }\r\n if ((props.userInfo.user.accessLevel != 1 && props.userInfo.user.accessLevel != 2) || props.userInfo.user.roles.filter(r => r === 'UserReadData').length > 0) return
;\r\n\r\n return (\r\n
\r\n 1 || loading===true}\r\n onChange={(evt) => changeObl(evt.target.value)} style={{ width: \"auto\" }}>\r\n {props.nsi.allobls.map(it => {getNameLocalize(props.i18n, it)} )}\r\n \r\n \r\n
\r\n
\r\n \r\n \r\n \r\n {loading === true ?
\r\n {' '}
: ''}\r\n
\r\n
\r\n \r\n \r\n \r\n \r\n \r\n {data != null ? data.filter(filtrOrg).map(it => \r\n {it.kod} \r\n {it.nameRu} \r\n {it.nameKz} \r\n {it.parentOrg != null ? {it.parentOrg.kod} {getNameLocalize(props.i18n, it.parentOrg)} : \"\"} \r\n {it.bin} \r\n {it.te} {it.obl} {getOblName(it.obl)} \r\n {it.raion} {getRaionName(it.obl, it.raion)} \r\n {it.isMedstat === true ? I18n.t(\"yes\") : I18n.t(\"no\")} \r\n btEditItem(evt, it.kod)} disabled={loading === true}> ) : \"\"}\r\n \r\n
\r\n
\r\n {selOrg != null ?
: \"\"}\r\n \r\n
\r\n × Данные сохранены! \r\n
\r\n
\r\n × Ошибка сохранения! {userUpdateResult.error}.\r\n
;\r\n //Произошла ошибка: {userUpdateResult.error}
\r\n }\r\n }\r\n return '';\r\n }\r\n const updateUser = (user) => {\r\n //using add or update store\r\n props.requestInsertOrUpdateUserChildOrgs(user);\r\n setSelectedUser(user);\r\n }\r\n const changePassUser = (username, oldPassword, newPassword) => {\r\n props.changePassUserChildOrgs({ username, oldPassword, newPassword });\r\n }\r\n const changeUserName = (data) => {\r\n props.changeUserNameChildOrgs(data);\r\n }\r\n const [showModalDelete, setShowModalDelete] = useState();\r\n const [userDelete, setUserDelete] = useState();\r\n const deleteUser = (user) => {\r\n setUserDelete(user)\r\n setShowModalDelete(true);\r\n }\r\n const handleCloseModalDeleteUser = () => {\r\n setShowModalDelete(false)\r\n setUserDelete(null);\r\n }\r\n const handleDeleteUserFromModal = () => {\r\n setShowModalDelete(false);\r\n setSelectedUserId(null);\r\n setSelectedUser(null);\r\n props.deleteUserChildOrgs(userDelete.id);\r\n setUserDelete(null);\r\n }\r\n const AddOnClick = (event) => {\r\n event.preventDefault();\r\n props.ClearUserUpdateResult();\r\n setSelectedUserId(null);\r\n let org = childs.filter(f => f.kod === selChild)[0];\r\n setSelectedUser({\r\n id: undefined,\r\n accessLevel: 4,\r\n typeUser: 5,\r\n username: '',\r\n email: '',\r\n fio: '',\r\n obl: props.userInfo.user.kodObl ?\r\n { kod: props.userInfo.user.kodObl, nameRu: props.userInfo.user.nameObl, nameKz: props.userInfo.user.nameOblKz }\r\n : { kod: '75', nameKz: 'Алматы қ.', nameRu: 'г.Алматы' },\r\n org: { kod: org.kod, nameRu: org.nameRu, nameKz: org.nameKz }/*props.userInfo.user.kodOrg ?\r\n { kod: props.userInfo.user.kodOrg, nameRu: props.userInfo.user.nameOrg, nameKz: props.userInfo.user.nameOrgKz }\r\n : { kod: '028W', nameKz: 'ГККП \"ГОРОДСКАЯ ПОЛИКЛИHИКА N7\"', nameRu: 'ГККП \"ГОРОДСКАЯ ПОЛИКЛИHИКА N7\"' }*/,\r\n raion: props.userInfo.user.kodRaion ?\r\n { kod: props.userInfo.user.kodRaion, nameRu: props.userInfo.user.nameRaion, nameKz: props.userInfo.user.nameRaionKz }\r\n : { kod: '751110000', nameKz: 'Алмалинский район', nameRu: 'Алмалинский район' },\r\n roles: [\"UserEditData\"],\r\n isNew: true,\r\n password: '',//undefined,\r\n passwordConfirm: '',//undefined,\r\n oldPassword: '',//undefined,\r\n newPassword: '',//undefined,\r\n });\r\n }\r\n return <>\r\n \r\n selectChild(evt.target.value)}>\r\n {childs.map(m => {getNameLocalize(props.i18n, m)} )}\r\n \r\n \r\n {props.adminUsers.isLoading ? Подождите Идет загрузка данных...\r\n \r\n \r\n \r\n
\r\n \r\n |
\r\n \r\n \r\n
\r\n
\r\n {props.adminUsers.usersResult ? props.adminUsers.usersResult.users.map((user,i) =>\r\n \r\n
\r\n
\r\n \r\n \r\n Удаление пользователя \r\n \r\n \r\n \r\n Вы дествительно хотите удалить пользователя {userDelete != undefined ? userDelete.fio : ''}?\r\n
\r\n \r\n \r\n Закрыть \r\n Удалить \r\n \r\n \r\n \r\n}\r\nexport default connect(\r\n state => state,\r\n dispatch => bindActionCreators(Object.assign({}, actionCreatorsAdminUsers, actionCreatorsNsi), dispatch)\r\n)(AdminChildsUsers);","import React, { useEffect, Fragment, useState } from 'react';\r\nimport { bindActionCreators } from 'redux';\r\nimport { connect } from 'react-redux';\r\nimport { cloneDeep } from 'lodash';\r\nimport { Alert, Row, Table, Button, ButtonGroup, Col, Modal, FormGroup, FormControl, ListGroup, ListGroupItem, ControlLabel, Form, Radio, Checkbox, Panel } from 'react-bootstrap';\r\n//import { useTable, useGlobalFilter } from 'react-table'\r\n//import ReactTable from 'react-table';\r\nimport { Translate, I18n } from 'react-redux-i18n';\r\nimport { actionCreators as actionCreatorsNsi } from '../../store/Nsi';\r\nimport { actionCreators as actionCreatorsWork } from '../../store/Work';\r\n\r\nimport { Typeahead } from 'react-bootstrap-typeahead';\r\nimport { getNameLocalize } from '../Constants';\r\n\r\n\r\n\r\nconst AccessRazdOrg = (props) => {\r\n useEffect(() => {\r\n props.getNs('orgs', [{ name: \"obl\", value: props.userInfo.user.kodObl }]);\r\n }, [props.userInfo.user.kodObl])\r\n const refTypeahead = React.createRef();\r\n const [yearsCopy, setYearsCopy] = useState();\r\n const [selYear, setSelYear] = useState();\r\n useState(() => {\r\n if (props.nsi.sprraz.length === 0) props.getNs('sprraz');\r\n if (props.nsi.sprform.length === 0) props.getNs('sprform');\r\n let year = new Date().getFullYear();\r\n setYearsCopy([year - 1, year]);\r\n setSelYear(year - 1);\r\n });\r\n const onSelectYear = (e) => {\r\n setSelYear(parseInt(e.target.value, 10));\r\n }\r\n const btCopyFromYear = (evt) => {\r\n evt.preventDefault();\r\n const getL = async () => {\r\n setLoadingText(\"editOrgs.loading\");\r\n setIsLoading(true);\r\n let resp = await props.getAccesRazdFromYear(orgParam.korg, selYear);\r\n if (resp.successed == true) {\r\n if (resp.isAll === true || (resp.listRaz.length === 0 && resp.listForm.length === 0)) { setIsLoading(false); return; }\r\n let op = cloneDeep(orgParam);\r\n if (resp.listRaz.length > 0) {\r\n //разрезы\r\n for (var i in resp.listRaz) {\r\n let r = resp.listRaz[i];\r\n if (op.listRaz.filter(f => f.raz === r.raz).length > 0) continue;\r\n op.listRaz.push(r);\r\n }\r\n }\r\n if (resp.listForm.length > 0) {\r\n //формы\r\n for (var j in resp.listForm) {\r\n let fo = resp.listForm[j];\r\n if (op.listForm.filter(f => f.kf === fo.kf).length > 0) continue;\r\n op.listForm.push(fo);\r\n }\r\n }\r\n setOrgParam(op);\r\n } else {\r\n alert(resp.message);\r\n }\r\n setIsLoading(false);\r\n }\r\n getL();\r\n }\r\n const [selectOrg, setSelectOrg] = useState();\r\n const [orgParam, setOrgParam] = useState();\r\n const [orgParamOriginal, setOrgParamOriginal] = useState();\r\n const [isLoading, setIsLoading] = useState(false);\r\n const [loadingText, setLoadingText] = useState(\"editOrgs.loading\");\r\n const [isDataSaved, setIsDataSaved] = useState(false);\r\n const [mode, setMode] = useState(\"show\");\r\n const onChangeOrg = (selected) => {\r\n setIsDataSaved(false);\r\n if (selected.length > 0) {\r\n let korg = selected[0].kobj;\r\n setSelectOrg({ korg, nameRu: selected[0].nameRu });\r\n loadOrgParam(korg);\r\n } else {\r\n setSelectOrg(null);\r\n setOrgParam(null);\r\n }\r\n }\r\n const btClearClick = (evt) => {\r\n evt.preventDefault();\r\n refTypeahead.current.clear();\r\n setIsDataSaved(false);\r\n setSelectOrg(null);\r\n setOrgParam(null);\r\n }\r\n const loadOrgParam = async (korg) => {\r\n setOrgParam(null);\r\n setIsLoading(true);\r\n let resp = await props.loadAccesRazdOrgParam(korg);\r\n if (resp.successed == true) {\r\n setOrgParam({ korg, isAll: resp.isAll, listRaz: resp.listRaz, listForm: resp.listForm });\r\n setIsDataSaved(false);\r\n } else {\r\n alert(resp.message);\r\n }\r\n setIsLoading(false);\r\n }\r\n const btSaveClick = (evt) => {\r\n evt.preventDefault();\r\n setMode(\"show\");\r\n const saveAcRazdOrg = async () => {\r\n setLoadingText(\"saving\");\r\n setIsLoading(true);\r\n let resp = await props.saveAccesRazdOrgParam(orgParam);\r\n setIsLoading(false);\r\n if (resp.successed == true) {\r\n setOrgParamOriginal(null);\r\n setIsDataSaved(true);\r\n } else {\r\n alert(resp.message);\r\n }\r\n }\r\n saveAcRazdOrg();\r\n }\r\n const changeFieldParamOrg = (fldName, value) => {\r\n let updateValues = {};\r\n updateValues[fldName] = value;\r\n let p = cloneDeep(orgParam);\r\n let ar = { ...p, ...updateValues };\r\n setOrgParam(ar);\r\n }\r\n const changeIsAllParamOrg = (nm, target) => {\r\n if (nm === \"all\") {\r\n //let op = cloneDeep(orgParam);\r\n //op.listRaz = [];\r\n //op.listForm = [];\r\n //setOrgParam(op);\r\n //setSelRazrs([]);\r\n //setSelForms([]);\r\n if (target.checked === true) {\r\n changeFieldParamOrg(\"isAll\", true);\r\n } else {\r\n changeFieldParamOrg(\"isAll\", false);\r\n }\r\n } else if (nm === \"list\") {\r\n if (target.checked === true) {\r\n changeFieldParamOrg(\"isAll\", false);\r\n } else {\r\n changeFieldParamOrg(\"isAll\", true);\r\n }\r\n }\r\n }\r\n const btEditClick = (evt) => {\r\n evt.preventDefault();\r\n setIsDataSaved(false);\r\n setOrgParamOriginal(cloneDeep(orgParam));\r\n setMode(\"edit\");\r\n }\r\n const btCancelClick = (evt) => {\r\n evt.preventDefault();\r\n setOrgParam(cloneDeep(orgParamOriginal));\r\n setOrgParamOriginal(null);\r\n setMode(\"show\");\r\n }\r\n\r\n const [showRazModal, setShowRazModal] = useState(false);\r\n const [selRazrs, setSelRazrs] = useState([]);\r\n const btEditRaz = (evt) => {\r\n evt.preventDefault();\r\n if (orgParam.listRaz != null && orgParam.listRaz.length > 0) {\r\n setSelRazrs(cloneDeep(orgParam.listRaz));\r\n } else\r\n setSelRazrs([]);\r\n setShowRazModal(true);\r\n }\r\n const btSubmitRazds = (evt) => {\r\n evt.preventDefault();\r\n let p = cloneDeep(orgParam);\r\n p.listRaz = cloneDeep(selRazrs);\r\n setOrgParam(p);\r\n setShowRazModal(false);\r\n setSelRazrs([]);\r\n }\r\n const checkRazrez = (evt) => {\r\n let kod = parseInt(evt.target.value);\r\n if (evt.target.checked === true) {\r\n let i1 = selRazrs.map(r => r.raz).indexOf(kod);\r\n if (i1 < 0) {\r\n let p0 = cloneDeep(selRazrs);\r\n p0.push({ raz: kod, isGod:true, isMes:true });\r\n setSelRazrs(p0);\r\n }\r\n } else {\r\n let i2 = selRazrs.map(r=>r.raz).indexOf(kod);\r\n if (i2 > -1) {\r\n let p1 = cloneDeep(selRazrs);\r\n p1.splice(i2, 1);\r\n setSelRazrs(p1);\r\n }\r\n }\r\n }\r\n const getNameRaz = (r) => {\r\n let razs = props.nsi.sprraz.filter(f => f.kod === r);\r\n if (razs != null && razs.length > 0)\r\n return getNameLocalize(props.i18n, razs[0]);\r\n else\r\n return \"\";\r\n }\r\n const delRaz = (evt, kod) => {\r\n evt.preventDefault();\r\n let op = cloneDeep(orgParam);\r\n let i2 = op.listRaz.map(r=>r.raz).indexOf(kod);\r\n if (i2 > -1) {\r\n op.listRaz.splice(i2, 1);\r\n setOrgParam(op);\r\n }\r\n }\r\n\r\n const [showFormModal, setShowFormModal] = useState(false);\r\n const [selForms, setSelForms] = useState([]);\r\n const btEditForm = (evt) => {\r\n evt.preventDefault();\r\n if (orgParam.listForm != null && orgParam.listForm.length > 0) {\r\n setSelForms(cloneDeep(orgParam.listForm));\r\n } else\r\n setSelForms([]);\r\n setShowFormModal(true);\r\n }\r\n const btSubmitForms = (evt) => {\r\n evt.preventDefault();\r\n let p = cloneDeep(orgParam);\r\n p.listForm = cloneDeep(selForms);\r\n setOrgParam(p);\r\n setShowFormModal(false);\r\n setSelForms([]);\r\n }\r\n const checkForm = (evt) => {\r\n let kod = evt.target.value;\r\n if (evt.target.checked === true) {\r\n let i1 = selForms.map(f => f.kf).indexOf(kod);\r\n if (i1 < 0) {\r\n let p0 = cloneDeep(selForms);\r\n p0.push({ kf: kod, isGod: true, isMes: true });\r\n setSelForms(p0);\r\n }\r\n } else {\r\n let i2 = selForms.map(f => f.kf).indexOf(kod);\r\n if (i2 > -1) {\r\n let p1 = cloneDeep(selForms);\r\n p1.splice(i2, 1);\r\n setSelForms(p1);\r\n }\r\n }\r\n }\r\n const getNameForm = (m) => {\r\n let fo = props.nsi.sprform.filter(f => f.kf === m);\r\n if (fo != null && fo.length > 0)\r\n return props.i18n.locale[0] === 'r' ? fo[0].nameRu : fo[0].nameKz;\r\n else\r\n return \"\";\r\n }\r\n const delForm = (evt, kod) => {\r\n evt.preventDefault();\r\n let op = cloneDeep(orgParam);\r\n let i2 = op.listForm.map(m=>m.kf).indexOf(kod);\r\n if (i2 > -1) {\r\n op.listForm.splice(i2, 1);\r\n setOrgParam(op);\r\n }\r\n }\r\n const changeIs = (evt, list, tp, m) => {\r\n let op = cloneDeep(orgParam);\r\n if (list === \"raz\") {\r\n let i2 = op.listRaz.map(m => m.raz).indexOf(m.raz);\r\n if (i2 === -1) return;\r\n if (tp == \"god\") {\r\n op.listRaz[i2].isGod = evt.target.checked;\r\n } else if (tp == \"mes\") {\r\n op.listRaz[i2].isMes = evt.target.checked;\r\n }\r\n setOrgParam(op);\r\n } else if (list === \"form\") {\r\n let i2 = op.listForm.map(m => m.kf).indexOf(m.kf);\r\n if (i2 === -1) return;\r\n if (tp == \"god\") {\r\n op.listForm[i2].isGod = evt.target.checked;\r\n } else if (tp == \"mes\") {\r\n op.listForm[i2].isMes = evt.target.checked;\r\n }\r\n setOrgParam(op);\r\n }\r\n }\r\n\r\n if (props.userInfo.user.accessLevel != 2 || props.userInfo.user.roles.filter(r => r === 'UserReadData').length > 0) {\r\n return
;\r\n }\r\n return (\r\n \r\n {' '}
: ''}\r\n {selectOrg != null && orgParam != null && isLoading != true ?\r\n \r\n \r\n {selectOrg.korg} {selectOrg.nameRu} \r\n \r\n \r\n \r\n \r\n \r\n : \"\"}\r\n setShowRazModal(false)} bsSize=\"lg\" backdrop=\"static\"\r\n dialogClassName=\"select-razdel\">\r\n \r\n \r\n \r\n \r\n {props.nsi.sprraz.map(m => m.raz).indexOf(m.kod) > -1} onChange={checkRazrez} style={{ margin: \"2px\", border: \"1px solid lightgray\" }} inline>{getNameLocalize(props.i18n, m)} {' '} \r\n \r\n \r\n \r\n setShowRazModal(false)} type=\"button\"> \r\n \r\n \r\n \r\n setShowFormModal(false)} bsSize=\"lg\" backdrop=\"static\"\r\n dialogClassName=\"select-forms\">\r\n \r\n \r\n \r\n \r\n {props.nsi.sprform.map(m => f.kf).indexOf(m.kf) > -1} onChange={checkForm} style={{ margin: \"2px\", border: \"1px solid lightgray\" }} inline>{m.kf} {getNameLocalize(props.i18n, m)} {' '} \r\n \r\n \r\n \r\n setShowFormModal(false)} type=\"button\"> \r\n \r\n \r\n \r\n );\r\n}\r\n\r\nexport default connect(\r\n state => state,\r\n dispatch => bindActionCreators({ ...actionCreatorsNsi, ...actionCreatorsWork }, dispatch)\r\n)(AccessRazdOrg);","import React, { useEffect, useState } from 'react';\r\nimport { bindActionCreators } from 'redux';\r\nimport { connect } from 'react-redux';\r\nimport { cloneDeep } from 'lodash';\r\nimport * as FileSaver from 'file-saver';\r\nimport { Translate, I18n } from 'react-redux-i18n';\r\nimport { Button, Col, FormGroup, FormControl, ControlLabel, Form, Row, Alert, ListGroup, ListGroupItem, Checkbox } from 'react-bootstrap';\r\n\r\nimport { actionCreators as actionCreatorsSvod } from '../../store/Svod';\r\nimport { actionCreators as actionCreatorsNsi } from '../../store/Nsi';\r\n\r\nimport FilterRazOptions from '../common/FilterRazOptions';\r\nimport { years, getNameLocalize, getCurrentYear } from '../Constants';\r\n\r\nimport './SvodSpecificOrg.css';\r\n/*\r\n Сделаем отдельный режим \"Свод по конкретным организациям района\":\r\n1. Пользователь выбирает: год, период, разрез, область, район, форму\r\n2. Показывается список организаций района у которых введены данные по введенным параметрам\r\n3. Пользователь выбирает из списка организаций нужные.\r\n4. Пользователь Нажимает кнопку \"Сформировать Excel файл свода выбранных организаций\"\r\n5. Формируется файл Excel\r\nПри этом данные свода не сохраняются в базе данных, просто формируется файл Excel свода формы\r\n*/\r\nconst SvodSpecificOrg = (props) => {\r\n useState(() => {\r\n if (props.nsi.allobls.length === 0) props.getNs('allobls');\r\n if (props.nsi.sprraz.length === 0) props.getNs('sprraz');\r\n if (props.nsi.sprform.length === 0) props.getNs('sprform');\r\n if (props.nsi.periods.length === 0) props.getNs('periods');\r\n if (props.nsi.allraions.length === 0) props.getNs('allraions');\r\n //let year = new Date().getFullYear();\r\n //setYearsCopy([year - 1, year]);\r\n //setSelYear(year - 1);\r\n });\r\n const [year, setYear] = useState(() => getCurrentYear());\r\n const [kper, setKper] = useState(4);\r\n const [kraz, setKraz] = useState(1);\r\n const [kobl, setKobl] = useState(props.userInfo.user.kodObl);\r\n const [kraion, setKraion] = useState(props.userInfo.user.kodRaion.substring(0, 4));\r\n const [isAllRaions, setIsAllRaions] = useState(false);\r\n const [kf, setKf] = useState(\"01\");\r\n const [orgs, setOrgs] = useState([]);\r\n const [selOrgs, setSelOrgs] = useState([]);\r\n const [isNotdata, setIsNotdata] = useState(false);\r\n const selKobl = (obl) => {\r\n setKobl(obl)\r\n let ra = props.nsi.allraions.filter(r => r.obl === obl);\r\n if (ra.length > 0) {\r\n setKraion(ra[0].idRaion);\r\n }\r\n }\r\n const filterObl = (f) => {\r\n if (year == null) return true;\r\n let ye = typeof year === 'string' ? parseInt(year, 10) : year;\r\n let dtBeg = f.dtBeg == null ? null : new Date(f.dtBeg);\r\n if (dtBeg != null && dtBeg.getFullYear() > ye) return false;\r\n let dtEnd = f.dtEnd == null ? null : new Date(f.dtEnd);\r\n if (dtEnd != null && ye >= dtEnd.getFullYear()) return false;\r\n return true;\r\n }\r\n const onGetListOrgs = (e) => {\r\n e.preventDefault();\r\n setOrgs([]);\r\n setSelOrgs([]);\r\n setIsNotdata(false);\r\n const loadList = async () => {\r\n let ret = await props.loadListOrgData({\r\n year, kper, kraz, kobl, kraion, kf, isAllRaions\r\n });\r\n if (ret.successed === true) {\r\n setOrgs(ret.orgs);\r\n if (ret.orgs.length === 0) setIsNotdata(true);\r\n } else\r\n alert(ret.error);\r\n }\r\n loadList();\r\n }\r\n const onClickOrg = (korg, check) => {\r\n let sel = cloneDeep(selOrgs);\r\n if (check === true) {\r\n if (sel.filter(f => f == korg).length === 0) {\r\n sel.push(korg);\r\n setSelOrgs(sel);\r\n }\r\n } else {\r\n let ind = sel.map(m => m).indexOf(korg);\r\n if (ind > -1) {\r\n sel.splice(ind, 1);\r\n setSelOrgs(sel);\r\n }\r\n }\r\n }\r\n const getListItem = (m) => {\r\n if (selOrgs.filter(f => f === m.kod).length > 0)\r\n return onClickOrg(evt.target.value, evt.target.checked)}>{m.kod} {getNameLocalize(props.i18n, m)} onClickOrg(evt.target.value, evt.target.checked)}>{m.kod} {getNameLocalize(props.i18n, m)} {' '}
{it.kf} {getNameLocalize(props.i18n, it)} ) :\r\n props.nsi.sprform.filter(f => filterForms(props.userInfo.user.accessForm, f.kf)).map(it => {it.kf} {getNameLocalize(props.i18n, it)} )}\r\n */","import React, { useEffect, useState } from 'react';\r\nimport { bindActionCreators } from 'redux';\r\nimport { connect } from 'react-redux';\r\nimport { cloneDeep } from 'lodash';\r\nimport * as FileSaver from 'file-saver';\r\nimport { Translate, I18n } from 'react-redux-i18n';\r\nimport { Button, Col, FormGroup, FormControl, ControlLabel, Form, Row, Alert, Checkbox} from 'react-bootstrap';\r\n\r\nimport { actionCreators as actionCreatorsSvod } from '../../store/Svod';\r\nimport { actionCreators as actionCreatorsNsi } from '../../store/Nsi';\r\n\r\nimport FilterRazOptions from '../common/FilterRazOptions';\r\nimport { years, getNameLocalize, getCurrentYear } from '../Constants';\r\n\r\n//import SelectMultiObjects from '../common/SelectMultiObjects';\r\nimport SelectMultiForms from '../common/SelectMultiForms';\r\nimport SelectObject from '../common/SelectObject';\r\n\r\nconst SvodFormOrgRaz2 = (props) => {\r\n useState(() => {\r\n if (props.nsi.allobls.length === 0) props.getNs('allobls');\r\n if (props.nsi.sprraz.length === 0) props.getNs('sprraz');\r\n if (props.nsi.sprform.length === 0) props.getNs('sprform');\r\n if (props.nsi.periods.length === 0) props.getNs('periods');\r\n if (props.nsi.allraions.length === 0) props.getNs('allraions');\r\n });\r\n const [year, setYear] = useState(() => getCurrentYear());\r\n const [tobj, setTobj] = useState(props.userInfo.user.accessLevel);\r\n const [kper, setKper] = useState(4);\r\n const [kraz_src, setKraz_src] = useState([]);\r\n const [kraz, setKraz] = useState(1);\r\n const [obl, setObl] = useState();\r\n const [raion, setRaion] = useState();\r\n const [org, setOrg] = useState();\r\n const [kforms, setKforms] = useState([]);\r\n //const [errors, setErrors] = useState([]);\r\n const [isSvodComplete, setIsSvodComplete] = useState(false)\r\n /*\r\n const getValidationStateRaz= () =>{\r\n const length = kraz_src.length;\r\n setErrors([]);\r\n let er=[]\r\n if (length > 0)\r\n return 'success';\r\n if (length === 0) {\r\n er.push(\"Выберите разрезы источника\");\r\n setErrors(er);\r\n return 'error';\r\n }\r\n return null;\r\n }\r\n */\r\n const onSelectKrazSrc = (e) => {\r\n let checked = e.target.checked;\r\n let kraz = parseInt(e.target.value, 10);\r\n let kraz_s = cloneDeep(kraz_src);\r\n if (checked) {\r\n kraz_s.push(kraz);\r\n } else {\r\n let ind = kraz_s.indexOf(kraz);\r\n kraz_s.splice(ind, 1);\r\n }\r\n setKraz_src(kraz_s);\r\n }\r\n const getSvodParams = () => {\r\n let kobjs = null;\r\n switch (tobj) {\r\n case 1:\r\n kobjs = [\"00\"];\r\n break;\r\n case 2: //по области\r\n if (props.userInfo.user.accessLevel === 2) \r\n kobjs = [props.userInfo.user.kodObl];\r\n else\r\n kobjs = [obl.kod];\r\n break;\r\n case 3: //по району\r\n if (props.userInfo.user.accessLevel === 3) \r\n kobjs = [props.userInfo.user.kodRaion];\r\n else \r\n kobjs=[raion.kraion];\r\n break;\r\n case 4://организация\r\n if (props.userInfo.user.accessLevel === 4) \r\n kobjs = [props.userInfo.user.kodOrg];\r\n else\r\n kobjs = [org.korg];\r\n break;\r\n default:\r\n }\r\n if (kobjs.length === 0) {\r\n alert(I18n.t(\"selectObjs\"));\r\n return null;\r\n }\r\n if (kforms.length === 0) {\r\n alert(I18n.t(\"selectForms\"));\r\n return null;\r\n }\r\n if (kraz_src.length === 0) {\r\n alert(I18n.t(\"selectRazSrc\"));\r\n return null;\r\n }\r\n if (kraz_src.filter(f => f === kraz).length > 0) {\r\n alert(I18n.t(\"razSrcEqDest\"));\r\n return null;\r\n }\r\n //this.setState({ isSvodComplete: false });\r\n return {\r\n year: year,\r\n kper: kper,\r\n krazSrc: kraz_src,\r\n kraz,\r\n tobj,\r\n kobjs,\r\n kforms\r\n };\r\n }\r\n const onSvodFormOrgRaz = async (e) => {\r\n e.preventDefault();\r\n setIsSvodComplete(false);\r\n let param = getSvodParams();\r\n if (param == null) return;\r\n await props.svodFormOrgRaz2(param);\r\n setIsSvodComplete(true);\r\n }\r\n let isReadOnLy = props.userInfo.user.roles.filter(r => r === 'UserReadData').length > 0;\r\n if (isReadOnLy === true)\r\n return \r\n {list.filter(f => koblFlt===\"-1\" || f.obj.obl === koblFlt).map((m, i) => \r\n {formatDateTime(m.logged)} \r\n {m.action} \r\n {m.message}{getNameLocalize(props.i18n, m.obj)} \r\n {m.user} \r\n {m.ipAddress} \r\n )}\r\n \r\n else\r\n return \r\n {list.map((m, i) => \r\n {formatDateTime(m.logged)} \r\n {m.action} \r\n {m.message}{getNameLocalize(props.i18n, m.obj)} \r\n {m.user} \r\n {m.ipAddress} \r\n )}\r\n \r\n }\r\n const filterObl=(f) => {\r\n if (startDate == null) return true;\r\n let ye = startDate.getFullYear();\r\n let dtBeg = f.dtBeg == null ? null : new Date(f.dtBeg);\r\n if (dtBeg != null && dtBeg.getFullYear() > ye) return false;\r\n let dtEnd = f.dtEnd == null ? null : new Date(f.dtEnd);\r\n if (dtEnd != null && ye >= dtEnd.getFullYear()) return false;\r\n return true;\r\n }\r\n let ac = props.userInfo.user.accessLevel;\r\n if (!(ac === 1 || ac === 2) || props.userInfo.user.roles.filter(r => r === 'UserReadData').length > 0) return
;\r\n return <>\r\n {error != null ? \r\n {error} \r\n \r\n
: \"\"}\r\n {list.length > 0 ? <>\r\n \r\n {props.i18n.locale[0] === 'r' ? props.userInfo.user.nameObl : props.userInfo.user.nameOblKz} :\r\n setKodlFlt(evt.target.value)} style={{ width: \"auto\" }}>\r\n {I18n.t(\"all\")} \r\n {I18n.t(\"rk\")} \r\n {props.nsi.allobls.filter(f => filterObl(f)).map(it => {getNameLocalize(props.i18n, it)} )}\r\n }\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {setTableBody()}\r\n
: \"\"}\r\n \r\n}\r\nexport default connect(\r\n state => state,\r\n dispatch => bindActionCreators({ ...actionCreatorsNsi, ...actionCreatorsLog }, dispatch)\r\n)(LogAudit);","import React, { useEffect, useState } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport renderHTML from 'react-render-html';\r\n//import { ReactSVG } from 'react-svg';\r\n\r\nfunction MapSvgItem(props) {\r\n const [textSvg, setTextSvg] = useState()\r\n useEffect(() => {\r\n const loadSvg = async () => {\r\n const response = await fetch(props.urlMap, {\r\n credentials: 'include',\r\n method: 'GET',\r\n headers: {\r\n /* \"Accept\": \"application/xml\",*/\r\n \"Authorization\": `Bearer ${props.userInfo.user.token}`,\r\n //\"Content-Type\": \"application/json\"\r\n }\r\n });\r\n if (response.ok) { // если HTTP-статус в диапазоне 200-299\r\n // получаем тело ответа (см. про этот метод ниже)\r\n const text = await response.text();\r\n setTextSvg(text);\r\n } else {\r\n alert(\"Ошибка HTTP: \" + response.status);\r\n }\r\n }\r\n loadSvg();\r\n }, [props.urlMap]);\r\n return textSvg!=null?renderHTML(textSvg):\"\";\r\n //const [urlMap, setUrlMap] = useState()\r\n //useEffect(() => {\r\n // setUrlMap(`${document.location.protocol}//${document.location.host}/api/MedinfoApi/GetMapSvg2/${props.year}/${props.pageId}/${props.typePer}/${props.tobj}/${props.kobj}/${props.columnNo}/${props.bokNo}/${props.lang}`);\r\n //}, [props.year, props.pageId, props.typePer, props.tobj, props.kobj, props.columnNo, props.bokNo, props.lang]);\r\n /*\r\n const attachClickEvent = (elements = []) => {\r\n elements.forEach((element) => {\r\n element.addEventListener('click', (e) => {\r\n console.log('clicked', e);\r\n });\r\n });\r\n };\r\n return props.urlMap != null ? {\r\n console.info(\"afterInjection\");\r\n const anchors = svg != null ? svg.querySelectorAll('path') : [];\r\n console.dir(anchors);\r\n attachClickEvent(anchors);\r\n }\r\n } /> : \"\";\r\n */\r\n\r\n}\r\nexport default connect(\r\n state => state\r\n)(MapSvgItem);","import React, { useState, Fragment } from 'react';\r\nimport { bindActionCreators } from 'redux';\r\nimport { connect } from 'react-redux';\r\n\r\nimport { Button, Form, Table, Modal, Row, Col, Alert, OverlayTrigger, Tooltip, FormGroup, FormControl, ControlLabel } from 'react-bootstrap';\r\nimport { Translate, I18n } from 'react-redux-i18n';\r\nimport * as FileSaver from 'file-saver';\r\nimport { arTypePers, arTypeDiagram, getNameLocalize, periods, years, getCurrentYear } from './Constants';\r\n\r\nimport { actionCreators } from '../store/Medinfo/FormulMedinfo';\r\nimport { actionCreators as actionCreatorsNsi } from '../store/Nsi';\r\n\r\n\r\nimport MapSvgItem from './Map/MapSvgItem';\r\n\r\nfunction MapSvg(props) {\r\n const [isLoading, setIsLoading] = useState(false);\r\n useState(() => {\r\n const loadParts = async () => {\r\n setIsLoading(true);\r\n let parts = await props.getParts();\r\n let selPart = (parts != null && parts.length > 0) ? parts[0] : undefined;\r\n setSelectPart(selPart);\r\n let pages = await props.getPagesOfPart(selPart.partId);\r\n let page0 = (pages != null && pages.length > 0) ? pages[0] : undefined;\r\n setSelectPage(page0);\r\n setIsLoading(false);\r\n }\r\n if (props.nsi.allobls.length === 0) {\r\n props.getNs('allobls');\r\n }\r\n loadParts();\r\n });\r\n /*const [] = useState(() => {\r\n if (props.nsi.allobls.length === 0) {\r\n props.getNs('allobls');\r\n }\r\n if (props.nsi.allraions.length === 0) {\r\n props.getNs('allraions');\r\n }\r\n return true;\r\n }, props.nsi.allobls.length > 0);*/\r\n \r\n const [selectPart, setSelectPart] = useState();\r\n const [selectPage, setSelectPage] = useState();\r\n //const [pageId, setPageId] = useState(630/*1026*/);//533,552, 553, 554, 630\r\n const [year, setYear] = useState(getCurrentYear());\r\n const [typePer, setTypePer] = useState(4);//4-год, 101- январь\r\n //const [oneMonth, setOneMonth] = useState(\"101\");\r\n //const [tobj, setTobj] = useState(1);\r\n const [obl, setObl] = useState(props.userInfo.user.kodObl);\r\n //const [raion, setRaion] = useState(null);\r\n const [columnNo, setColumnNo] = useState(1);\r\n const [bokNo, setBokNo] = useState(1);\r\n const [lang, setLang] = useState(props.i18n.locale.substr(0, 2));\r\n const [urlMapRk, setUrlMapRk] = useState();\r\n const [urlMapObl, setUrlMapObl] = useState();\r\n const [orgsData, setOrgsData] = useState();\r\n const saveDataSvg = (e) => {\r\n e.preventDefault();\r\n //fetchExcel();\r\n setParamsRk();\r\n }\r\n const setParamsRk = () => {\r\n let url = `${document.location.protocol}//${document.location.host}/api/MedinfoApi/GetMapSvg2/${year}/${selectPage.pageId}/${typePer}/1/99/${columnNo}/${bokNo}/${lang}`;\r\n setUrlMapRk(url);\r\n let kobl = obl == null ? props.nsi.allobls.filter(f => filterObl(f))[0].kod : obl;\r\n setObl(kobl);\r\n let urlObl = `${document.location.protocol}//${document.location.host}/api/MedinfoApi/GetMapSvg2/${year}/${selectPage.pageId}/${typePer}/2/${kobl}/${columnNo}/${bokNo}/${lang}`;\r\n setUrlMapObl(urlObl);\r\n //getOblsData(kobl);\r\n }\r\n const changeObl = (kobl) => {\r\n setObl(kobl);\r\n let urlObl = `${document.location.protocol}//${document.location.host}/api/MedinfoApi/GetMapSvg2/${year}/${selectPage.pageId}/${typePer}/2/${kobl}/${columnNo}/${bokNo}/${lang}`;\r\n setUrlMapObl(urlObl);\r\n //getOblsData(kobl);\r\n }\r\n const savePngRk = (e) => {\r\n e.preventDefault();\r\n fetchPng(1);\r\n }\r\n const savePngObl = (e) => {\r\n e.preventDefault();\r\n fetchPng(2);\r\n }\r\n const getOblsData = async (kobl) => {\r\n setOrgsData(null);\r\n let oData = await props.getDataOrgsByObl({ pageId: selectPage.pageId, year, kobl, columnNo: columnNo, typePer, lang });\r\n setOrgsData(oData);\r\n }\r\n const fetchPng = async (tobj) => {\r\n let colCnt = columnNo - 1;\r\n if (selectPage.typePage === 2) {\r\n colCnt = (bokNo - 1) * selectPage.columns.length + columnNo - 1;//selectPage.columns.lenght\r\n }\r\n let absoluteUrl = `${document.location.protocol}//${document.location.host}/api/MedinfoApi/GetMapPng`;\r\n let kodObj = null;\r\n switch (tobj) {\r\n case 1:\r\n kodObj = \"99\";\r\n break;\r\n case 2:\r\n kodObj = obl;\r\n break;\r\n //case 3:\r\n // kodObj = raion.kraion;\r\n // break;\r\n default:\r\n }\r\n let fileName = `${selectPage.pageId}_${year}_${tobj}_${kodObj}_${colCnt}_${lang}.png`;\r\n let json = JSON.stringify({\r\n PageId: selectPage.pageId,\r\n Year: year,\r\n Tobj: tobj,\r\n Kobj: kodObj,\r\n ColumnNo: colCnt,\r\n Lang: lang//,\r\n //TypePer: typePer\r\n });\r\n const response = await fetch(absoluteUrl, {\r\n credentials: 'include',\r\n method: 'POST',\r\n headers: {\r\n /* \"Accept\": \"application/xml\",*/\r\n \"Authorization\": `Bearer ${props.userInfo.user.token}`,\r\n \"Content-Type\": \"application/json\"\r\n },\r\n body: json,\r\n });\r\n if (response.ok) { // если HTTP-статус в диапазоне 200-299\r\n // получаем тело ответа (см. про этот метод ниже)\r\n const blob = await response.blob();\r\n FileSaver.saveAs(blob, fileName);\r\n } else {\r\n alert(\"Ошибка HTTP: \" + response.status);\r\n }\r\n }\r\n const fetchExcel = async (tobj) => {\r\n let colCnt = columnNo - 1;\r\n if (selectPage.typePage === 2) {\r\n colCnt = (bokNo - 1) * selectPage.columns.length + columnNo - 1;//selectPage.columns.lenght\r\n }\r\n let absoluteUrl = `${document.location.protocol}//${document.location.host}/api/MedinfoApi/GetMapSvg`;\r\n let kodObj = null;\r\n switch (tobj) {\r\n case 1:\r\n kodObj = \"99\";\r\n break;\r\n case 2:\r\n kodObj = obl;\r\n break;\r\n //case 3:\r\n // kodObj = raion.kraion;\r\n // break;\r\n default:\r\n }\r\n let fileName = `${selectPage.pageId}_${year}_${tobj}_${kodObj}_${colCnt}_${lang}.svg`;\r\n let json = JSON.stringify({\r\n PageId: selectPage.pageId,\r\n Year: year,\r\n Tobj: tobj,\r\n Kobj: kodObj,\r\n ColumnNo: colCnt,\r\n Lang: lang//,\r\n //TypePer: typePer\r\n });\r\n const response = await fetch(absoluteUrl, {\r\n credentials: 'include',\r\n method: 'POST',\r\n headers: {\r\n /* \"Accept\": \"application/xml\",*/\r\n \"Authorization\": `Bearer ${props.userInfo.user.token}`,\r\n \"Content-Type\": \"application/json\"\r\n },\r\n body: json,\r\n });\r\n if (response.ok) { // если HTTP-статус в диапазоне 200-299\r\n // получаем тело ответа (см. про этот метод ниже)\r\n const blob = await response.blob();\r\n FileSaver.saveAs(blob, fileName);\r\n } else {\r\n alert(\"Ошибка HTTP: \" + response.status);\r\n }\r\n }\r\n const onClickPart = (e) => {\r\n let partId = parseInt(e.target.value, 10);\r\n setSelectPart(props.formulmedinfo.parts.filter(t => t.partId === partId)[0]);\r\n const loadPages = async () => {\r\n setIsLoading(true);\r\n let pages = await props.getPagesOfPart(partId);\r\n let page0 = (pages != null && pages.length > 0) ? pages[0] : undefined;\r\n setSelectPage(page0);\r\n if (page0 != null) {\r\n let bno = 0;\r\n if (page0.typePage === 2)\r\n bno = 1;\r\n setBokNo(bno);\r\n setColumnNo(1);\r\n }\r\n setIsLoading(false);\r\n }\r\n loadPages();\r\n }\r\n const showListParts = () => {\r\n if (props.formulmedinfo.parts == null || props.formulmedinfo.parts.length === 0) return '';\r\n return \r\n \r\n {props.formulmedinfo.parts.map(l => {l.kod} {getNameLocalize(props.i18n, l)} )}\r\n \r\n ;\r\n }\r\n const onClickPage = (e) => {\r\n let pageId = parseInt(e.target.value, 10);\r\n let page = props.formulmedinfo.partPages.filter(t => t.pageId === pageId)[0];\r\n let bno = 0;\r\n if (page.typePage === 2)\r\n bno = 1;\r\n setBokNo(bno);\r\n setColumnNo(1);\r\n setSelectPage(page);\r\n }\r\n const showListPages = () => {\r\n if (selectPart == null || props.formulmedinfo.partPages == null || props.formulmedinfo.partPages.length === 0) return '';\r\n return \r\n \r\n {props.formulmedinfo.partPages.map(p => {p.kod} {getNameLocalize(props.i18n, p)} )}\r\n \r\n ;\r\n }\r\n const filterObl = (f) => {\r\n if (f.kod === \"01\") return false;\r\n if (year == null) return true;\r\n let ye = typeof year === 'string' ? parseInt(year, 10) : year;\r\n let dtBeg = f.dtBeg == null ? null : new Date(f.dtBeg);\r\n if (dtBeg != null && dtBeg.getFullYear() > ye) return false;\r\n let dtEnd = f.dtEnd == null ? null : new Date(f.dtEnd);\r\n if (dtEnd != null && ye >= dtEnd.getFullYear()) return false;\r\n return true;\r\n }\r\n return \r\n \r\n
: \"\"}\r\n \r\n
\r\n {urlMapRk != null ? \r\n \r\n \r\n changeObl(e.target.value)} style={{ width: \"auto\" }}>\r\n {props.nsi.allobls.filter(f => filterObl(f)).map(it => {getNameLocalize(props.i18n, it)} )}\r\n \r\n \r\n \r\n {urlMapObl != null ? |
: \"\"}\r\n
\r\n \r\n \r\n \r\n \r\n {getNameLocalize(props.i18n, orgsData)} \r\n \r\n \r\n \r\n {orgsData.objValues.map(m => {getNameLocalize(props.i18n, m.obj)} {m.value > 0 ? new Intl.NumberFormat(\"ru-RU\").format(m.value) : m.value}
:\"\"}\r\n \r\n
: \"\"}\r\n \r\n}\r\nexport default connect(\r\n state => state,\r\n dispatch => bindActionCreators({ ...actionCreatorsNsi, ...actionCreators }, dispatch)\r\n)(MapSvg);","import React, { Fragment, useEffect, useState } from 'react';\r\nimport { bindActionCreators } from 'redux';\r\nimport { connect } from 'react-redux';\r\nimport { cloneDeep } from 'lodash';\r\nimport * as FileSaver from 'file-saver';\r\nimport DatePicker from \"react-datepicker\";\r\nimport \"react-datepicker/dist/react-datepicker.css\";\r\nimport { Translate, I18n } from 'react-redux-i18n';\r\nimport { Table, Button, Col, FormGroup, FormControl, ControlLabel, Form, Row, Alert, Checkbox } from 'react-bootstrap';\r\n\r\n//import { actionCreators as actionCreatorsLog } from '../../store/Log';\r\nimport { actionCreators as actionMedstatTemplates} from '../../store/Medstat/Templates';\r\nimport { actionCreators as actionCreatorsNsi } from '../../store/Nsi';\r\n\r\nimport { getCurrentYear, years, getNameLocalize } from '../Constants';\r\n\r\n\r\nconst EditTemplateFiles = (props) => {\r\n useState(() => {\r\n if (props.nsi.sprform.length === 0) props.getNs('sprform');\r\n });\r\n const [kf, setKf] = useState(\"01\");\r\n const [year, setYear] = useState(getCurrentYear());\r\n const [selectedTemplate, setSelectedTemplate]= useState()\r\n\r\n const onLoadTemplates = (e) => {\r\n e.preventDefault();\r\n e.target.value = null;\r\n let inputRu = document.getElementById('fileTemplateMedstat');\r\n let inputKz = document.getElementById('fileTemplateMedstatKz');\r\n if (inputRu != null) inputRu.value = null;\r\n if (inputKz != null) inputKz.value = null;\r\n const fetchData = async () => {\r\n let data = await props.LoadTemplates(year, kf);\r\n let form = props.nsi.sprform.filter(f => f.kf === kf)[0];\r\n setSelectedTemplate({ form, ...data});\r\n }\r\n fetchData();\r\n }\r\n const uploadExcel = async (lang) => {\r\n let input = document.getElementById(lang == \"ru\" ? 'fileTemplateMedstat' : 'fileTemplateMedstatKz');\r\n if (input.files.length === 0) {\r\n alert(\"Выберите файл\");\r\n return;\r\n }\r\n let formData = new FormData();\r\n formData.append(\"year\", year);\r\n formData.append(\"kf\", kf);\r\n formData.append(\"lang\", lang);\r\n formData.append(\"fileExcel\", input.files[0]);\r\n var ret = await props.UploadTemplate(formData, year, kf, lang);\r\n let form = props.nsi.sprform.filter(f => f.kf === kf)[0];\r\n setSelectedTemplate({ form, ...ret });\r\n }\r\n const uploadExcelRu = (e) => {\r\n e.preventDefault();\r\n uploadExcel(\"ru\");\r\n }\r\n const uploadExcelKz = (e) => {\r\n e.preventDefault();\r\n uploadExcel(\"kk\");\r\n }\r\n const downloadExcel = async (lang) => {\r\n const blob = await props.DownloadTemplate(year, kf, lang);\r\n FileSaver.saveAs(blob, lang = \"ru\" ? selectedTemplate.fileName : selectedTemplate.fileNameKz );\r\n }\r\n const downloadExcelRu = (e) => {\r\n e.preventDefault();\r\n downloadExcel(\"ru\");\r\n }\r\n const downloadExcelKz = (e) => {\r\n e.preventDefault();\r\n downloadExcel(\"kk\");\r\n }\r\n let ac = props.userInfo.user.accessLevel;\r\n if (ac != 1 && props.userInfo.user.roles.filter(r => r === 'AdminEditData').length === 0) return
;\r\n return \r\n {selectedTemplate != null ? \r\n |
\r\n \r\n Шаблон Excel(рус){':'} \r\n Загрузить шаблон на сервер \r\n {selectedTemplate != null && selectedTemplate.fileName != null ? Скачать шаблон с сервера {selectedTemplate.fileName} : ''}\r\n \r\n \r\n \r\n Шаблон Excel(каз){':'} \r\n Загрузить шаблон на сервер \r\n {selectedTemplate != null && selectedTemplate.fileNameKz != null ? Скачать шаблон с сервера {selectedTemplate.fileNameKz} : ''}\r\n \r\n \r\n |
\r\n
: \"\"}\r\n ;\r\n}\r\nexport default connect(\r\n state => state,\r\n dispatch => bindActionCreators({...actionCreatorsNsi, ...actionMedstatTemplates }, dispatch)\r\n)(EditTemplateFiles);","import React, { useState, Fragment } from 'react';\r\nimport { bindActionCreators } from 'redux';\r\nimport { connect } from 'react-redux';\r\nimport { Table, Row, Col } from 'react-bootstrap';\r\nimport { Translate } from 'react-redux-i18n';\r\nimport parse from 'html-react-parser';\r\nimport { actionCreators } from '../store/Nsi';\r\nconst VersionsHistory = (props) => {\r\n const [] = useState(() => {\r\n if (props.nsi.versions_history.length === 0) {\r\n props.getNs('versions_history');\r\n }\r\n return true;\r\n }, props.nsi.versions_history.length > 0);\r\n return \r\n \r\n \r\n \r\n {props.nsi.versions_history.map((d, i) => \r\n {d.versionNo} \r\n {d.versionDt} \r\n {parse(d.comment)} \r\n )}\r\n \r\n
\r\n \r\n № 08-01/15182-И от 20.12.2024 : \r\n
Каз \r\n
Рус \r\n
Приложение 1: \r\n
Рус \r\n
Приложение 2: \r\n
Рус \r\n
Приложение 3: \r\n
Рус \r\n
|
\r\n}\r\nexport default connect(\r\n state => state,\r\n dispatch => bindActionCreators(actionCreators, dispatch)//,\r\n)(VersionsHistory);","import React, { /*useEffect,*/ Fragment } from 'react';\r\nimport { bindActionCreators } from 'redux';\r\nimport { connect } from 'react-redux';\r\nimport { cloneDeep } from 'lodash';\r\nimport { Translate, I18n } from 'react-redux-i18n';\r\nimport { Button, Col, FormGroup, FormControl, ControlLabel, Form, Radio, Checkbox, Row, Alert, Modal } from 'react-bootstrap';\r\n\r\nimport { actionCreators as actionCreatorsSvod } from '../../store/Svod';\r\nimport { actionCreators as actionCreatorsNsi } from '../../store/Nsi';\r\nimport SelectFormTable from '../common/SelectFormTable';\r\nimport SelectObject from '../common/SelectObject';\r\nimport { getNameLocalize, getRazItems, getFirstRaz } from '../Constants';\r\n//import { getToken } from './UserInfo';\r\n\r\n\r\nimport { years, getCurrentYear } from '../Constants';\r\nimport FilterRazOptions from '../common/FilterRazOptions';\r\nimport { useState } from 'react';\r\n\r\nconst EditFormPeriod = (props) => {\r\n useState(() => {\r\n if (props.nsi.allsprtab.length === 0) props.getNs('allsprtab');\r\n if (props.nsi.sprrazdel.length === 0) props.getNs('sprrazdel');\r\n if (props.nsi.sprform.length === 0) props.getNs('sprform');\r\n if (props.nsi.allobls.length === 0) props.getNs('allobls');\r\n if (props.nsi.sprraz.length === 0) props.getNs('sprraz');\r\n if (props.nsi.periods.length === 0) props.getNs('periods');\r\n //if (props.nsi.allraions.length === 0) props.getNs('allraions');\r\n //if (props.userInfo.user.nomenklKod === '008' || props.userInfo.user.nomenklKod === '049' || props.userInfo.user.nomenklKod === '043') {\r\n // const fetchData = async () => {\r\n // const chOrgs = await props.getSubOrgs();\r\n // setChildOrgs(chOrgs);\r\n // }\r\n // fetchData();\r\n //}\r\n });\r\n /*\r\n useEffect(() => {\r\n props.getNs('orgs', [{ name: \"obl\", value: props.userInfo.user.kodObl }]);\r\n }, [props.userInfo.user.kodObl])\r\n */\r\n const [year, setYear] = useState(() => getCurrentYear());\r\n const [arYears, setArYears] = useState(() => {\r\n let curYear = getCurrentYear();\r\n return years.filter(f => f >= curYear);\r\n });\r\n const [kperSrc, setKperSrc] = useState(4);\r\n const [kperDest, setKperDest] = useState(4);\r\n const [kraz, setKraz] = useState(() => {\r\n let raz = getFirstRaz(4, props);\r\n return raz != null ? raz : 1;\r\n });\r\n const [krazd, setKrazd] = useState();\r\n const [form, setForm] = useState(props.userInfo.user.firstFormTable.formGod);\r\n const [table, setTable] = useState(props.userInfo.user.firstFormTable.tableGod);\r\n const [tobj, setTobj] = useState(props.userInfo.user.accessLevel);\r\n const [obl, setObl] = useState();\r\n const [raion, setRaion] = useState();\r\n const [org, setOrg] = useState();\r\n //const [childOrgs, setChildOrgs] = useState([]);\r\n //const [korg, setKorg] = useState(props.userInfo.user.kodOrg);\r\n const [errors, setErrors] = useState([]);\r\n const [successMessage, setSuccessMessage] = useState();\r\n const [svodRunning, setSvodRunning] = useState(false);\r\n const [showConfirm, setShowConfirm] = useState(false);\r\n //const handleConfirmClose = (e) => {\r\n // e.preventDefault();\r\n // setShowConfirm(false);\r\n //}\r\n const getSvodParams = (fnErr) => {\r\n let errs = [];\r\n let kobj = \"00\";\r\n switch (tobj) {\r\n case 2://obl\r\n kobj = obl.kobl;\r\n break;\r\n case 3://raion\r\n kobj = raion.kraion;\r\n break;\r\n case 4://org\r\n kobj = org.korg\r\n break;\r\n default:\r\n }\r\n if (form == null) {\r\n errs.push(\"selectForm\");\r\n }\r\n if (table == null) {\r\n errs.push(\"selectForm\");\r\n }\r\n if (kperSrc === kperDest) {\r\n errs.push(\"perSrcEqDest\");\r\n }\r\n if (errs.length > 0)\r\n fnErr(errs);\r\n return {\r\n year,\r\n kraz,\r\n kperSrc,\r\n kperDest,\r\n tobj,\r\n kobj,\r\n kf: form.kf,\r\n ktab:table.ktab\r\n };\r\n }\r\n const onSvodForm = (e) => {\r\n e.preventDefault();\r\n const isExistPeriod = async () => {\r\n let errs = [];\r\n let param = getSvodParams((ers) => errs = ers);\r\n if (errs.length > 0) {\r\n setErrors(errs);\r\n return;\r\n };\r\n let retData = await props.isExistDataPeriod(param);\r\n if (retData.successed === true) {\r\n if (retData.isNotExistsSrc == true) {\r\n setErrors([\"notExistsDataSrcPer\"]);\r\n return;\r\n }\r\n if (retData.isExists === true) {\r\n //данные уже есть в базе данных, спросить создать свод?\r\n setShowConfirm(true);\r\n return;\r\n } else {\r\n await runEditPeriod(param);\r\n }\r\n }\r\n }\r\n isExistPeriod();\r\n }\r\n const runEditPeriod = async (param) => {\r\n setSvodRunning(true);\r\n var ret = await props.editFormPeriod(param);\r\n if (ret.successed === false) {\r\n setErrors([ret.error]);\r\n } else {\r\n setSuccessMessage(I18n.t(\"periodChanged\"));\r\n }\r\n setSvodRunning(false);\r\n }\r\n const btSubmitConfirmSvod = (e) => {\r\n e.preventDefault();\r\n setShowConfirm(false);\r\n const changePeriod = async () => {\r\n let errs = [];\r\n let param = getSvodParams((ers) => errs = ers);\r\n if (errs.length > 0) {\r\n setErrors(errs);\r\n return;\r\n };\r\n await runEditPeriod(param);\r\n }\r\n changePeriod();\r\n }\r\n let isReadOnLy = props.userInfo.user.roles.filter(r => r === 'UserReadData').length > 0;\r\n if (isReadOnLy === true) return \r\n setShowConfirm(false)}>\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n setShowConfirm(false)}> \r\n \r\n \r\n \r\n}\r\n\r\nexport default connect(\r\n state => state,\r\n dispatch => bindActionCreators({ ...actionCreatorsNsi, ...actionCreatorsSvod }, dispatch)\r\n)(EditFormPeriod);","import React, { useState, useEffect } from 'react';\r\nimport { Translate, I18n } from 'react-redux-i18n';\r\nimport { Button, Modal, Row, Col, FormControl } from 'react-bootstrap';\r\n\r\nexport default function EditFormulExcelModal(props) {\r\n const [cell, setCell] = useState();\r\n const [formul, setFormul] = useState();\r\n const [isNew, setIsNew] = useState(true);\r\n useEffect(() => {\r\n setEr(null);\r\n if (props.isNew === true) {\r\n setCell(\"\");\r\n setFormul(\"\");\r\n setIsNew(true)\r\n } else {\r\n setCell(props.cell);\r\n setFormul(props.formul);\r\n setIsNew(false)\r\n }\r\n }, [props.cell, props.formul, props.isNew]);\r\n\r\n const [er, setEr] = useState();\r\n\r\n const commitBt = (e) => {\r\n e.preventDefault();\r\n setEr(null)\r\n if (cell == null || cell.trim() === \"\") {\r\n setEr(I18n.t(\"templateTableExcel.errors.celReq\"));\r\n return; \r\n }\r\n if (formul == null || formul.trim() === \"\") {\r\n setEr(I18n.t(\"templateTableExcel.errors.celFormulaReq\"));\r\n return;\r\n }\r\n if (isNew === true && props.isExistsCell(cell)) {\r\n setEr(I18n.t(\"templateTableExcel.errors.celExists\"));\r\n return;\r\n }\r\n props.setFormulExcel(cell, formul, isNew);\r\n }\r\n return props.showModal ? \r\n \r\n \r\n setCell(e.target.value))}\r\n />\r\n
\r\n \r\n setFormul(e.target.value))}\r\n />\r\n
\r\n {er != null ? \r\n
: \"\"}\r\n \r\n \r\n \r\n : \"\"\r\n}","import React, { Fragment, useState } from 'react';\r\nimport { bindActionCreators } from 'redux';\r\nimport { connect } from 'react-redux';\r\nimport { cloneDeep } from 'lodash';\r\nimport * as FileSaver from 'file-saver';\r\nimport { Translate, I18n } from 'react-redux-i18n';\r\nimport { Table, Button, ButtonGroup, Col, FormGroup, FormControl, ControlLabel, Form, Checkbox, Radio, HelpBlock, Row, Alert, Modal } from 'react-bootstrap';\r\n\r\nimport TableScrollbar from 'react-table-scrollbar';\r\n\r\nimport { actionCreators as actionMedstatTemplates } from '../../store/Medstat/Templates';\r\nimport { actionCreators as actionCreatorsNsi } from '../../store/Nsi';\r\n\r\nimport { years, getCurrentYear, getNameLocalize, getNameSprLocalize, btnsMsgBox } from '../Constants';\r\nimport MessageBox from '../common/MessageBox';\r\nimport EditFormulExcelModal from '../Modals/EditFormulExcelModal';\r\n\r\nconst EditTempTablesMonths = (props) => {\r\n useState(() => {\r\n if (props.nsi.sprform.length === 0) props.getNs('sprform');\r\n if (props.nsi.allsprtab.length === 0) props.getNs('allsprtab');\r\n });\r\n const [kf, setKf] = useState(\"56\");\r\n const [ktab, setKtab] = useState(\"0001\");\r\n const [year, setYear] = useState(() => getCurrentYear());\r\n const [selectedTemplate, setSelectedTemplate] = useState()\r\n const onLoadTemplates = (e) => {\r\n e.preventDefault();\r\n e.target.value = null;\r\n let inputRu = document.getElementById('fileTemplateMedstat');\r\n let inputKz = document.getElementById('fileTemplateMedstatKz');\r\n if(inputRu!=null)inputRu.value = null;\r\n if(inputKz!= null)inputKz.value = null;\r\n const fetchData = async () => {\r\n let data = await props.LoadTablesMonthsTemplates(year, kf, ktab);\r\n //let form = props.nsi.sprform.filter(f => f.kf === kf)[0];\r\n setSelectedTemplate(data/*{ form, ...data }*/);\r\n }\r\n fetchData();\r\n }\r\n const uploadExcel = async (lang) => {\r\n let input = document.getElementById(lang == \"ru\" ? 'fileTemplateMedstat' : 'fileTemplateMedstatKz');\r\n if (input.files.length === 0) {\r\n alert(\"Выберите файл\");\r\n return;\r\n }\r\n let file = input.files[0];\r\n let formData = new FormData();\r\n formData.append(\"year\", year);\r\n formData.append(\"kf\", kf);\r\n formData.append(\"ktab\", ktab);\r\n formData.append(\"lang\", lang);\r\n formData.append(\"fileExcel\", file);\r\n var ret = await props.UploadTemplateTable(formData, year, kf, ktab, lang);\r\n if (ret!=null && ret.successed === true) {\r\n let selTmp = cloneDeep(selectedTemplate);\r\n if (lang === \"ru\")\r\n selTmp.fileName = file.name;\r\n else\r\n selTmp.fileNameKz = file.name;\r\n setSelectedTemplate(selTmp);\r\n }\r\n }\r\n const uploadExcelRu = (e) => {\r\n e.preventDefault();\r\n uploadExcel(\"ru\");\r\n }\r\n const uploadExcelKz = (e) => {\r\n e.preventDefault();\r\n uploadExcel(\"kk\");\r\n }\r\n const downloadExcel = async (lang) => {\r\n const blob = await props.DownloadTemplateTable(year, kf, ktab, lang);\r\n FileSaver.saveAs(blob, lang = \"ru\" ? selectedTemplate.fileName : selectedTemplate.fileNameKz);\r\n }\r\n const downloadExcelRu = (e) => {\r\n e.preventDefault();\r\n downloadExcel(\"ru\");\r\n }\r\n const downloadExcelKz = (e) => {\r\n e.preventDefault();\r\n downloadExcel(\"kk\");\r\n }\r\n const ChangeFld = (fld,vl) => {\r\n const change = async () => {\r\n var ret = await props.ChangeFld(year, kf, ktab, fld, vl);\r\n if (ret != null && ret.successed === true) {\r\n let ob = cloneDeep(selectedTemplate);\r\n ob[fld] = vl;\r\n setSelectedTemplate(ob);\r\n }\r\n }\r\n change();\r\n }\r\n const btAddFormul = (e) => {\r\n e.preventDefault();\r\n setCell(\"\");\r\n setFormul(\"\");\r\n setIsNew(true);\r\n setShowModalEditFormul(true);\r\n }\r\n const btEditFormul = (e, i) => {\r\n e.preventDefault();\r\n setCell(selectedTemplate.sprTableImplFormuls[i].exclCol);\r\n setFormul(selectedTemplate.sprTableImplFormuls[i].exclFormul);\r\n setIsNew(false);\r\n setShowModalEditFormul(true);\r\n }\r\n const [showMsg, setShowMsg] = useState(false);\r\n const [delIndex, setDelIndex] = useState();\r\n const btRemoveFormul = (e, i) => {\r\n e.preventDefault();\r\n setDelIndex(i);\r\n setShowMsg(true);\r\n }\r\n const messageAction = (act) => {\r\n switch (act) {\r\n case btnsMsgBox.Yes:\r\n //delete\r\n const deleteFormul = async () => {\r\n var ret = await props.deleteFormulExcel(year, kf, ktab, selectedTemplate.sprTableImplFormuls[delIndex].exclCol);\r\n if (ret != null && ret.successed === true) {\r\n let formls = cloneDeep(selectedTemplate);\r\n formls.sprTableImplFormuls.splice(delIndex, 1);\r\n setSelectedTemplate(formls);\r\n }\r\n }\r\n deleteFormul();\r\n break;\r\n default:\r\n break;\r\n }\r\n setShowMsg(false);\r\n }\r\n\r\n const [showModalEditFormul, setShowModalEditFormul] = useState(false);\r\n const [cell, setCell] = useState(\"\");\r\n const [formul, setFormul] = useState(\"\");\r\n const [isNew, setIsNew] = useState(true);\r\n\r\n const handleHideEditFormul = () => setShowModalEditFormul(false);\r\n\r\n const isExistsCell = (c) => {\r\n if (selectedTemplate.sprTableImplFormuls.filter(f => f.exclCol === c).length > 0)\r\n return true;\r\n else\r\n return false;\r\n }\r\n const setFormulExcel = (c, f, n) => {\r\n setShowModalEditFormul(false)\r\n const changeFormul = async () => {\r\n //save and change\r\n var ret = await props.changeFormulExcel(year, kf, ktab, c, f, n);\r\n if (ret != null && ret.successed === true) {\r\n let ob = cloneDeep(selectedTemplate);\r\n if (n == true) {\r\n ob.sprTableImplFormuls.push({ exclCol: c, exclFormul: f });\r\n } else {\r\n ob.sprTableImplFormuls.filter(f => f.exclCol === c)[0].exclFormul = f;\r\n }\r\n setSelectedTemplate(ob);\r\n setCell(\"\");\r\n setFormul(\"\");\r\n setIsNew(true);\r\n }\r\n }\r\n changeFormul();\r\n }\r\n\r\n let ac = props.userInfo.user.accessLevel;\r\n if (ac != 1 && props.userInfo.user.roles.filter(r => r === 'AdminEditData').length === 0) return
;\r\n return \r\n \r\n {selectedTemplate != null ? \r\n
|
\r\n
|
\r\n
\r\n Шаблон Excel(рус){':'} \r\n Загрузить шаблон на сервер \r\n {selectedTemplate != null && selectedTemplate.fileName != null ? Скачать шаблон с сервера {selectedTemplate.fileName} : ''}\r\n \r\n \r\n \r\n Шаблон Excel(каз){':'} \r\n Загрузить шаблон на сервер \r\n {selectedTemplate != null && selectedTemplate.fileNameKz != null ? Скачать шаблон с сервера {selectedTemplate.fileNameKz} : ''}\r\n \r\n \r\n |
\r\n
\r\n \r\n Наименование Листа Excel{':'} \r\n ChangeFld(\"excelSheetName\", e.target.value)}\r\n />\r\n \r\n \r\n \r\n Ячейка Excel старта данных{':'} \r\n ChangeFld(\"excelRangeStartData\", e.target.value)}\r\n />\r\n \r\n \r\n \r\n Ячейка Excel разреза{':'} \r\n ChangeFld(\"excelRangeRaz\", e.target.value)}\r\n />\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n Ячейка Excel периода{':'} \r\n ChangeFld(\"excelRangePeriod\", e.target.value)}\r\n />\r\n \r\n \r\n \r\n Ячейка Excel наименования формы{':'} \r\n ChangeFld(\"excelRangeForm\", e.target.value)}\r\n />\r\n \r\n \r\n \r\n Ячейка Excel наименования таблицы{':'} \r\n ChangeFld(\"excelRangeTable\", e.target.value)}\r\n />\r\n \r\n \r\n
\r\n
\r\n \r\n Ячейка Excel наименования обьекта{':'} \r\n ChangeFld(\"excelRangeObj\", e.target.value)}\r\n />\r\n \r\n \r\n
\r\n
Формулы Excel |
\r\n
Добавить формулу \r\n
\r\n \r\n \r\n {selectedTemplate.sprTableImplFormuls.map((r,i) => \r\n {r.exclCol} \r\n {r.exclFormul} \r\n \r\n btEditFormul(e, i)}>Редактировать \r\n btRemoveFormul(e, i)}>Удалить \r\n )}\r\n \r\n
\r\n \r\n
\r\n
messageAction(action)} />\r\n \r\n}\r\nexport default connect(\r\n state => state,\r\n dispatch => bindActionCreators({ ...actionCreatorsNsi, ...actionMedstatTemplates }, dispatch)\r\n)(EditTempTablesMonths);\r\n","import React from 'react';\r\nimport { Route } from 'react-router';\r\nimport Layout from './components/Layout';\r\n//import { PrivateRoute } from './components/PrivateRoute';\r\n\r\nimport Home from './components/Home';\r\nimport AdminUsers from './components/admin/AdminUsers';\r\nimport Nsi from './components/admin/Nsi';\r\nimport ClosingPeriod from './components/admin/ClosingPeriod';\r\nimport ClosingOrgPeriod from './components/admin/ClosingOrgPeriod';\r\nimport FinPaid from './components/FinPaid/FinPaid';\r\nimport ReportFin from './components/FinPaid/ReportFin';\r\nimport ReportFinRCRZ from './components/FinPaid/ReportFinRCRZ';\r\nimport OpenForm from './components/Work/OpenForm';\r\nimport OpenFormPstr from './components/Work/OpenFormPstr';\r\nimport SvodForm from './components/Svod/SvodForm';\r\nimport SvodFormQuarts from './components/Svod/SvodFormQuarts';\r\nimport SvodFormMonths from './components/Svod/SvodFormMonths';\r\nimport SvodFormRaz from './components/Svod/SvodFormRaz';\r\nimport SvodSubOrg from './components/Svod/SvodSubOrg';\r\nimport EditFormRaz from './components/Svod/EditFormRaz';\r\nimport EditFormOrgRaz from './components/Svod/EditFormOrgRaz';\r\nimport Copy12MonthToYear from './components/Svod/Copy12MonthToYear';\r\nimport EditControl from './components/admin/EditControl';\r\nimport ControlForm from './components/Control/ControlForm';\r\nimport ToExcel from './components/ToExcel/ToExcel';\r\nimport FromExcel from './components/FromExcel/FromExcel';\r\nimport InputInfor from './components/Work/InputInfor';\r\nimport InputInforForm from './components/Work/InputInforForm';\r\nimport InputInforObj from './components/Work/InputInforObj';\r\nimport License from './components/License';\r\nimport EditMedinfoFormul from './components/Medinfo/EditMedinfoFormul';\r\nimport EditMedinfoBokMkb from './components/Medinfo/editBokMkb';\r\nimport EditMedinfoBokDr from './components/Medinfo/editBokDr';\r\nimport EditMedinfoPart from './components/Medinfo/editParts';\r\nimport GenMedinfoTable from './components/Medinfo/GenMedinfoTable';\r\nimport GenMedinfoTable2 from './components/Medinfo/GenMedinfoTable2';\r\nimport Gen47Form from './components/gen47/gen47form';\r\nimport Gen47OrgParam from './components/gen47/gen47OrgParam';\r\nimport Register from './components/Register';\r\nimport AdminChildsOrg from './components/admin/AdminChildsOrg';\r\nimport StatusForm from './components/Work/StatusForm';\r\nimport StatusFormRk from './components/Work/StatusFormRk';\r\nimport StatusTableRk from './components/Work/StatusTableRk';\r\nimport StatusTableObl from './components/Work/StatusTableObl';\r\nimport DeleteForm from './components/Work/DeleteForm';\r\nimport RepSubordinates from './components/FinPaid/RepSubordinates';\r\nimport AdminEditChildOrg from './components/admin/AdminEditChildOrg';\r\nimport EditOrgsOnObl from './components/Work/EditOrgsOnObl';\r\nimport AdminChildUsers from './components/admin/AdminChildUsers';\r\nimport AccessRazdOrg from './components/Work/AccessRazdOrg';\r\nimport SvodSpecificOrg from './components/Svod/SvodSpecificOrg';\r\nimport SvodFormOrgRaz2 from './components/Svod/SvodFormOrgRaz2';\r\nimport SvodSubOrgObl from './components/Svod/SvodSubOrgObl';\r\nimport LogAudit from './components/admin/logaudit';\r\nimport MapSvg from './components/MapSvg';\r\nimport EditTemplateFiles from './components/admin/EditTemplateFiles';\r\nimport VersionsHistory from './components/VersionsHistory';\r\nimport EditFormPeriod from './components/Svod/EditFormPeriod';\r\nimport EditTempTablesMonths from './components/admin/EditTempTablesMonths';\r\n//import Counter from './components/Counter';\r\n//import FetchData from './components/FetchData';\r\n\r\n\r\nexport default () => (\r\n \r\n \r\n );\r\n// \r\n \r\n \r\n ,\r\n rootElement);\r\n\r\n//registerServiceWorker();\r\n","import { applyMiddleware, combineReducers, compose, createStore } from 'redux';\r\nimport thunk from 'redux-thunk';\r\nimport { routerReducer, routerMiddleware } from 'react-router-redux';\r\nimport { i18nReducer } from 'react-redux-i18n';\r\n\r\nimport * as UserInfo from './UserInfo';\r\nimport * as AdminUsers from './AdminUsers';\r\nimport * as EditControl from './EditControl';\r\nimport * as Nsi from './Nsi';\r\nimport * as FinPaidData from './FinPaidData';\r\nimport * as Work from './Work';\r\nimport * as WorkPstr from './WorkPstr'; \r\nimport * as Svod from './Svod';\r\nimport * as ControlForm from './ControlForm';\r\nimport * as Counter from './Counter';\r\nimport * as ClosingPeriod from './ClosingPeriod';\r\nimport * as FormulMedinfo from './Medinfo/FormulMedinfo';\r\nimport * as Gen47 from './Gen47';\r\nimport * as Log from './Log';\r\nimport * as MedstatTemplates from './Medstat/Templates';\r\nimport * as Register from './Register';\r\nimport * as WeatherForecasts from './WeatherForecasts';\r\n\r\nexport default function configureStore(history, initialState) {\r\n const reducers = {\r\n userInfo: UserInfo.reducer,\r\n adminUsers: AdminUsers.reducer,\r\n editFormul: EditControl.reducer,\r\n nsi: Nsi.reducer,\r\n finPaidData: FinPaidData.reducer,\r\n work: Work.reducer,\r\n workPstr: WorkPstr.reducer,\r\n svod: Svod.reducer,\r\n control: ControlForm.reducer,\r\n counter: Counter.reducer,\r\n closingPeriod: ClosingPeriod.reducer,\r\n register: Register.reducer,\r\n formulmedinfo: FormulMedinfo.reducer,\r\n gen47: Gen47.reducer,\r\n log: Log.reducer,\r\n medstatTemplates:MedstatTemplates.reducer,\r\n weatherForecasts: WeatherForecasts.reducer\r\n };\r\n\r\n const middleware = [\r\n thunk,\r\n routerMiddleware(history)\r\n ];\r\n\r\n // In development, use the browser's Redux dev tools extension if installed\r\n const enhancers = [];\r\n const isDevelopment = process.env.NODE_ENV === 'development';\r\n if (isDevelopment && typeof window !== 'undefined' && window.devToolsExtension) {\r\n enhancers.push(window.devToolsExtension());\r\n }\r\n\r\n const rootReducer = combineReducers({\r\n ...reducers,\r\n routing: routerReducer,\r\n i18n: i18nReducer\r\n });\r\n\r\n return createStore(\r\n rootReducer,\r\n initialState,\r\n compose(applyMiddleware(...middleware), ...enhancers)\r\n );\r\n}\r\n"],"sourceRoot":""} |
\r\n ![{I18n.t('loading')}](\"../images/loading.gif\")
{' '}