\r\n {user && user.companyLogo && (\r\n
\r\n\r\n \r\n \r\n {(user && user.companyName) || tr('ИТ Окна Онлайн')} {process.env.REACT_APP_VERSION}\r\n \r\n
\r\n\r\n {user ? (\r\n - {e.UserMessage}
\r\n \r\n );\r\n });\r\n };\r\n\r\n if (!order) return{tr('Заказ не найден')}
;\r\n\r\n return (\r\n - {e.UserMessage}
\r\n \r\n );\r\n\r\n setLoading(false);\r\n });\r\n };\r\n\r\n const renderToolbar = () => {\r\n return (\r\n- {e.UserMessage}
\r\n \r\n );\r\n\r\n setLoading(false);\r\n });\r\n }}\r\n >\r\n {tr('В пакет')}\r\n \r\n\r\n- {e.UserMessage}
\r\n \r\n );\r\n setLoading(false);\r\n });\r\n }\r\n\r\n const renderToolbar = () => {\r\n const printMenu = (\r\n \r\n );\r\n\r\n return (\r\n') + 4;\r\n let endIdx = htmlText.indexOf('
', startIdx);\r\n htmlError = htmlError + htmlText.substring(startIdx, endIdx);\r\n startIdx = htmlText.indexOf('', endIdx) + 24;\r\n endIdx = htmlText.indexOf('
', startIdx);\r\n htmlError = htmlError + ' ' + htmlText.substring(startIdx, endIdx);\r\n return htmlError;\r\n}\r\n\r\nexport function distinct(arr) {\r\n let distinctArray = [];\r\n arr.forEach((x) => !distinctArray.includes(x) && distinctArray.push(x));\r\n return distinctArray;\r\n}\r\n\r\nexport function getBase64(file) {\r\n return new Promise((resolve, reject) => {\r\n const reader = new FileReader();\r\n reader.readAsDataURL(file);\r\n reader.onload = () => resolve(reader.result);\r\n reader.onerror = (error) => reject(error);\r\n });\r\n}\r\n\r\nexport async function files2ServerFormat(files = []) {\r\n console.log('files2ServerFormat', files);\r\n\r\n let bodies = [];\r\n await Promise.all(files.map((f, idx) => getBase64(f).then((base64) => (bodies[idx] = base64.substr(base64.indexOf('base64,') + 7)))));\r\n return files.map((f, idx) => ({\r\n fileName: f.name,\r\n fileExtension: f.name.slice(-3),\r\n fileSize: f.size,\r\n pageNumber: idx,\r\n fileBody: bodies[idx],\r\n url: undefined,\r\n documentDataType: f.type.startsWith('image')\r\n ? 'Image'\r\n : f.type.startsWith('video')\r\n ? 'Video'\r\n : f.type === 'application/pdf'\r\n ? 'Pdf'\r\n : 'None',\r\n }));\r\n}\r\n\r\nexport function jsonParse(str, errValue = undefined) {\r\n let retval = errValue;\r\n try {\r\n retval = JSON.parse(str);\r\n } catch (err) {\r\n console.error('json parse error', str, err);\r\n }\r\n return retval;\r\n}\r\n\r\nexport function uuid() {\r\n return uuidv4();\r\n}\r\n\r\nexport function byProperty(propertyName, descending = false) {\r\n return (a, b) => (a[propertyName] < b[propertyName] ? 1 : -1) * (descending ? 1 : -1);\r\n}\r\n\r\nexport function byDateProperty(propertyName, descending = false) {\r\n return (a, b) => (new Date(a[propertyName]) < new Date(b[propertyName]) ? 1 : -1) * (descending ? 1 : -1);\r\n}\r\n\r\nexport function byPropertyDesc(propertyName) {\r\n return byProperty(propertyName, true);\r\n}\r\n\r\nexport const ASC = false;\r\nexport const DESC = true;\r\nexport function byProperties(props) {\r\n const keys = Object.keys(props);\r\n return (a, b) => {\r\n for (let i = 0; i < keys.length; i++) {\r\n const propName = keys[i];\r\n const descending = props[propName];\r\n if (a[propName] < b[propName]) return descending ? 1 : -1;\r\n if (a[propName] > b[propName]) return descending ? -1 : 1;\r\n }\r\n return 0;\r\n };\r\n}\r\n\r\nexport function object2Array(obj, keyName) {\r\n return Object.keys(obj).map((k) => ({ ...obj[k], [keyName]: k }));\r\n}\r\n\r\nexport const addDays = (fromDate, daysCnt) => {\r\n let result = new Date(fromDate);\r\n result.setDate(result.getDate() + daysCnt);\r\n return result;\r\n};\r\n\r\nexport const addMonths = (fromDate, mnthCnt) => {\r\n let result = new Date(fromDate);\r\n result.setMonth(result.getMonth() + mnthCnt);\r\n return result;\r\n};\r\n\r\nexport const endOfDate = (d) => {\r\n let result = zeroTime(addDays(d, 1));\r\n result.setTime(result.getTime() - 1);\r\n return result;\r\n};\r\n\r\nexport const zeroTime = (d) => d && new Date(d.toDateString());\r\n\r\nexport const today = () => zeroTime(new Date());\r\n\r\nexport const ellipsis = (str, length = 100) => {\r\n return str && str.length > length ? str.substr(0, length) + '...' : str;\r\n};\r\n\r\nexport const getFloat = (prevValue, newValue) => {\r\n if (!(newValue && newValue.match(/^\\-?\\d*\\.?\\d*$/gm))) {\r\n if (!prevValue || !newValue) {\r\n return '';\r\n }\r\n } else {\r\n return newValue;\r\n }\r\n\r\n return prevValue;\r\n};\r\n\r\nexport const getInteger = (prevValue, newValue) => {\r\n if (newValue === 0) return 0;\r\n\r\n if (!(newValue && newValue.match(/^\\-?\\d*$/gm))) {\r\n if (!prevValue || !newValue) {\r\n return '';\r\n }\r\n } else {\r\n return newValue;\r\n }\r\n\r\n return prevValue;\r\n};\r\n\r\nexport const getBoolean = (value) => {\r\n if (!value) return false;\r\n\r\n return value.toUpperCase() == 'TRUE';\r\n};\r\n\r\nexport const get = (array = [], func) => {\r\n var result;\r\n Object.values(array).forEach((item) => {\r\n if (func(item)) {\r\n result = item;\r\n }\r\n });\r\n return result;\r\n};\r\n\r\nexport const getFiscalYear = (data, fcl) => {\r\n var fullYear = new Date(data).getFullYear();\r\n var result = get(fcl, function (item) {\r\n return item.month == 1 && item.year == fullYear;\r\n });\r\n\r\n if (result) {\r\n if (new Date(data).withoutTime() >= new Date(result.startDate).asUTC().withoutTime()) {\r\n return parseInt(result.year);\r\n } else {\r\n return parseInt(result.year) - 1;\r\n }\r\n }\r\n};\r\n\r\nexport const getFiscalMonth = (data, inServiceDate, fcl) => {\r\n var currentFcl = get(fcl, function (item) {\r\n return (\r\n new Date(item.startDate).withoutTime() <= new Date(data).withoutTime() &&\r\n new Date(item.endDate).withoutTime() >= new Date(data).withoutTime()\r\n );\r\n });\r\n\r\n return currentFcl ? parseInt(currentFcl.month) : new Date(inServiceDate).getMonth();\r\n};\r\n\r\nexport const toUpperCase = (value) => {\r\n if (!value || typeof value !== 'string') return null;\r\n\r\n return value.toUpperCase();\r\n};\r\n\r\nexport const dataURItoBlob = (dataURI) => {\r\n // convert base64 to raw binary data held in a string\r\n // doesn't handle URLEncoded DataURIs - see SO answer #6850276 for code that does this\r\n var byteString = atob(dataURI.split(',')[1]);\r\n\r\n // separate out the mime component\r\n var mimeString = dataURI.split(',')[0].split(':')[1].split(';')[0];\r\n\r\n // write the bytes of the string to an ArrayBuffer\r\n var ab = new ArrayBuffer(byteString.length);\r\n\r\n // create a view into the buffer\r\n var ia = new Uint8Array(ab);\r\n\r\n // set the bytes of the buffer to the correct values\r\n for (var i = 0; i < byteString.length; i++) {\r\n ia[i] = byteString.charCodeAt(i);\r\n }\r\n\r\n // write the ArrayBuffer to a blob, and you're done\r\n var blob = new Blob([ab], { type: mimeString });\r\n return blob;\r\n};\r\n\r\nexport const rowsCounter = (value, printRowLength) => {\r\n if (!value) return 0;\r\n\r\n if (!printRowLength) printRowLength = 230; //max row length for printing document with Font Size = 10;\r\n\r\n var rows = value.split(newLine());\r\n var result = 0;\r\n for (var i = 0; i < rows.length; i++) {\r\n if (rows[i].length > printRowLength) {\r\n result += Math.ceil(rows[i].length / printRowLength);\r\n } else {\r\n result += 1;\r\n }\r\n }\r\n\r\n return result;\r\n};\r\n\r\nexport const writeLine = (string) => {\r\n return string + newLine();\r\n};\r\n\r\nexport const newLine = () => {\r\n return '\\n';\r\n};\r\n\r\n\r\nexport function dynamicSort(property, descending) {\r\n var sortOrder = 1;\r\n if (property[0] === '-') {\r\n sortOrder = -1;\r\n property = property.substr(1);\r\n }\r\n return function (a, b) {\r\n var result;\r\n\r\n if (!descending) {\r\n result = a[property] - b[property];\r\n } else {\r\n result = b[property] - a[property];\r\n }\r\n\r\n return result * sortOrder;\r\n };\r\n}\r\n\r\nexport const toFinanceString = (value, decimalPrecision = 2) => {\r\n if (!value || value === 0) return 0;\r\n\r\n return parseFloat(value).toLocaleString('ru-RU', { maximumFractionDigits: decimalPrecision });\r\n};\r\n\r\nexport const getEnumDictionary = (enumList, getItemLabel) => {\r\n let items = [];\r\n Object.values(enumList).map(function (key) {\r\n items.push({ name: getItemLabel(key), value: key });\r\n });\r\n\r\n return items;\r\n};\r\n","import React from 'react';\r\nimport { SelectBox } from 'devextreme-react/select-box';\r\nimport TextBox from 'devextreme-react/text-box';\r\nimport moment from 'moment';\r\n\r\nfunction getCurrentDate() {\r\n return moment().startOf('day');\r\n}\r\n\r\nfunction getDaysFromMs(ms) {\r\n return Math.floor(ms / 1000 / 60 / 60 / 24) + 1;\r\n}\r\n\r\nfunction utilsGetDateSession(ValueName, DefaultValue) {\r\n let date = getCurrentDate();\r\n let QtySec = sessionStorage.getItem(ValueName);\r\n if (QtySec != null) date.setTime(QtySec);\r\n return date;\r\n}\r\n\r\nfunction utilsSetDateSession(ValueName, Value) {\r\n let QtySec = Value.getTime();\r\n sessionStorage.setItem(ValueName, QtySec);\r\n}\r\n\r\nfunction utilsGetDateLocalStorage(name, DefaultValue) {\r\n let ms = localStorage.getItem(name);\r\n if (ms) moment.unix(ms / 1000);\r\n\r\n return getCurrentDate();\r\n}\r\n\r\nfunction utilsSetDateLocalStorage(name, value) {\r\n console.log(name, value);\r\n let date = moment(value, 'DD.MM.YYYY').valueOf();\r\n localStorage.setItem(name, date);\r\n}\r\n\r\nfunction utilsCreateForm() {\r\n //this.setLocale(e.value);\r\n //console.log(\"Установка локали\");\r\n //DevExpress.localization.loadMessages();\r\n //DevExpress.localization.locale(\"ru\");\r\n}\r\n\r\nfunction getItemByIdOrNull(data, id) {\r\n if (data === null) return null;\r\n if (id === null) return null;\r\n const res = data.find((e) => e.id === id);\r\n if (res === undefined) return null;\r\n return res;\r\n}\r\n\r\nfunction getItemIdOrNull(item) {\r\n if (item === undefined || item === null) return null;\r\n return item.id;\r\n}\r\n\r\n\r\nfunction formsAddTextBoxField(fieldTitle, propertyValue, propertyName, forma) {\r\n return (\r\n \r\n
\r\n );\r\n}\r\n\r\nfunction formsAddTextBoxFieldNumber(fieldTitle, propertyValue, propertyName, forma) {\r\n return (\r\n {fieldTitle}
\r\n \r\n {propertyName === undefined ? (\r\n {\r\n const p = propertyName.indexOf('.');\r\n if (p === -1) forma.setState({ [propertyName]: e.value });\r\n else {\r\n const objName = propertyName.slice(0, p);\r\n const propName = propertyName.slice(p + 1);\r\n forma.setState((prevState) => {\r\n let xxx = Object.assign({}, prevState[objName], { [propName]: e.value });\r\n return { [objName]: xxx };\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\nfunction chooseSelectedValue(id, onSelect, items, propName) {\r\n console.log('chooseSelectedValue', id, propName);\r\n onSelect({\r\n [propName]: items.find((e) => e.id === id),\r\n });\r\n}\r\n\r\n\r\nexport {\r\n getDaysFromMs,\r\n utilsGetDateSession,\r\n utilsSetDateSession,\r\n utilsCreateForm,\r\n getItemByIdOrNull,\r\n getItemIdOrNull,\r\n chooseSelectedValue,\r\n formsAddTextBoxField,\r\n formsAddTextBoxFieldNumber,\r\n utilsGetDateLocalStorage,\r\n utilsSetDateLocalStorage,\r\n};\r\n","import React, { useState, useEffect } from 'react';\r\nimport { Table, Select, Modal, Form, Input, Col, Row, message } from 'antd';\r\nimport './order.css';\r\nimport { getItemByIdOrNull, getItemIdOrNull } from '../../utils/utils';\r\nimport { tr } from '../../utils/translate';\r\nimport { serverFetch, apiBaseUrl } from '../../server';\r\nimport './order-product-modal.css';\r\n\r\nconst ProductModal = ({ orderGuid, idStr, onCancel, onSave, user, ordno }) => {\r\n const { Option } = Select;\r\n // Группа типовых конструкций\r\n const [construction, setConstruction] = useState();\r\n const [templateGroups, setTemplateGroups] = useState([]);\r\n const [currentGroup, setCurrentGroup] = useState();\r\n const [isEditMode] = useState(!!idStr);\r\n const [groupForm] = isEditMode ? [] : Form.useForm();\r\n const [configForm] = Form.useForm();\r\n const [loading, setLoading] = useState(true);\r\n // Типовая конструкция\r\n const [templates, setTemplates] = useState([]);\r\n const [currentTemplate, setCurrentTemplate] = useState();\r\n const [selectedTemplateIds, setSelectedTemplateIds] = useState([]);\r\n const [systems, setSystems] = useState([]);\r\n const [zapolns, setZapolns] = useState([]);\r\n const [diffs, setDiffs] = useState([]);\r\n const [monts, setMonts] = useState([]);\r\n const [furns, setFurns] = useState([]);\r\n const [vsts, setVsts] = useState([]);\r\n const [paramNames, setParamNames] = useState([]);\r\n const [paramValues, setParamValues] = useState();\r\n const [selectedSysId, setSelectedSysId] = useState();\r\n const [selectedColor, setSelectedColor] = useState();\r\n const [selectedColorIn, setSelectedColorIn] = useState();\r\n const [selectedColorOut, setSelectedColorOut] = useState();\r\n const [selectedColorB, setSelectedColorB] = useState(); // Цвет основы\r\n const [selectedColorF, setSelectedColorF] = useState(); // Цвет фальца\r\n const [selectedZapoln, setSelectedZapoln] = useState();\r\n const [selectedMont, setSelectedMont] = useState();\r\n const [selectedFurn, setSelectedFurn] = useState();\r\n const [selectedVst, setSelectedVst] = useState();\r\n const [selectedDiff, setSelectedDiff] = useState();\r\n const [qty, setQty] = useState(1);\r\n const [comment, setComment] = useState();\r\n const [constName, setConstName] = useState();\r\n const [width, setWidth] = useState(1000);\r\n const [height, setHeight] = useState(1000);\r\n\r\n useEffect(() => {\r\n getDataTemplateGroups();\r\n if (isEditMode) {\r\n getConstruction();\r\n getAllSys();\r\n }\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (templateGroups.length > 0 && !currentGroup) {\r\n chooseSelectedGroup(templateGroups[0].id);\r\n }\r\n }, [templateGroups]);\r\n\r\n useEffect(() => {\r\n if (isEditMode && construction) setSelectedVst(vsts.find((e) => e.id === construction.idVst));\r\n }, [vsts, construction]);\r\n\r\n useEffect(() => {\r\n if (isEditMode && construction) setSelectedMont(monts.find((e) => e.id === construction.idMont));\r\n }, [monts, construction]);\r\n\r\n useEffect(() => {\r\n if (isEditMode && construction) setSelectedFurn(furns.find((e) => e.id === construction.idFurn));\r\n }, [furns, construction]);\r\n\r\n useEffect(() => {\r\n if (isEditMode && construction) setSelectedDiff(diffs.find((e) => e.id === construction.idDiff));\r\n }, [diffs, construction]);\r\n\r\n useEffect(() => {\r\n if (isEditMode && construction) {\r\n let sys = getItemByIdOrNull(systems, construction.idSys);\r\n let color = sys ? sys.colorGroup.colors.find((e) => e.id === construction.idColor) : null;\r\n setSelectedColor(color);\r\n\r\n if (color) {\r\n color.colorIn && setSelectedColorIn(color.colorIn.colorCnt.find((e) => e.id === construction.idColorIn));\r\n color.colorOut && setSelectedColorOut(color.colorOut.colorCnt.find((e) => e.id === construction.idColorOut));\r\n color.colorBase && setSelectedColorB(color.colorBase.colorCnt.find((e) => e.id === construction.idColorB));\r\n color.colorF && setSelectedColorF(color.colorF.colorCnt.find((e) => e.id === construction.idColorF));\r\n }\r\n }\r\n }, [systems, construction]);\r\n\r\n useEffect(() => {\r\n const system = getItemByIdOrNull(systems, selectedSysId);\r\n const color = !selectedColor || !getItemByIdOrNull(system.colorGroup.colors, selectedColor.id) ? null : selectedColor;\r\n setSelectedColor(color);\r\n }, [selectedSysId]);\r\n\r\n useEffect(() => {\r\n async function initData() {\r\n if (isEditMode && construction) {\r\n await chooseSelectedSys(construction.idSys)\r\n .then((r) => {\r\n\r\n setQty(construction.qty);\r\n setComment(construction.comment);\r\n setConstName(construction.constName);\r\n setWidth(construction.w);\r\n setHeight(construction.h);\r\n \r\n let cadParams = [];\r\n construction.cadParamValues.map((p) => {\r\n cadParams['param' + p.idName] = p.idVal;\r\n });\r\n \r\n setParamValues(cadParams);\r\n \r\n configForm.setFieldsValue({\r\n qty: construction.qty,\r\n comment: construction.comment,\r\n constName: construction.constName,\r\n width: construction.w,\r\n height: construction.h,\r\n selectedMont: construction.idMont || undefined,\r\n selectedVst: construction.idVst || undefined,\r\n selectedDiff: construction.idDiff || undefined,\r\n selectedSysId: construction.idSys,\r\n selectedColor: construction.idColor,\r\n selectedColorIn: construction.idColorIn,\r\n selectedColorOut: construction.idColorOut,\r\n selectedColorB: construction.idColorB,\r\n selectedColorF: construction.idColorF,\r\n ...cadParams,\r\n });\r\n\r\n }\r\n );\r\n }\r\n };\r\n initData();\r\n }, [construction,systems]);\r\n\r\n\r\n useEffect(() => {\r\n if (groupForm && currentGroup) {\r\n groupForm.setFieldsValue({\r\n id: currentGroup.id,\r\n });\r\n\r\n setSystems(currentGroup.sys);\r\n }\r\n }, [currentGroup]);\r\n\r\n async function getConstruction() {\r\n setLoading(true);\r\n\r\n await serverFetch(`orders/construction/${orderGuid}/${idStr}`, { method: 'GET' }, user)\r\n .then((data) => {\r\n setLoading(false);\r\n setConstruction(data);\r\n })\r\n .catch((e) => {\r\n setLoading(false);\r\n e.UserMessage && message.error(e.UserMessage);\r\n });\r\n }\r\n async function getAllSys() {\r\n setLoading(true);\r\n await serverFetch(`repository/allsys`, { method: 'GET' }, user)\r\n .then((data) => {\r\n setLoading(false);\r\n setSystems(data);\r\n })\r\n .catch((e) => {\r\n e.UserMessage && message.error(e.UserMessage);\r\n setLoading(false);\r\n });\r\n }\r\n\r\n async function getDataTemplateGroups() {\r\n setLoading(true);\r\n await serverFetch(`repository/getstartdetails`, { method: 'GET' }, user)\r\n .then((data) => {\r\n const { templateGroups, diffs } = data;\r\n setTemplateGroups(templateGroups);\r\n setDiffs(diffs);\r\n setLoading(false);\r\n })\r\n .catch((e) => {\r\n e.UserMessage && message.error(e.UserMessage);\r\n setLoading(false);\r\n });\r\n }\r\n\r\n // Выбор группы типовых конструкций\r\n async function chooseSelectedGroup(id) {\r\n // Менять если не выбрана группа была и id не null и не совпадает со старой группой\r\n if (id && (!currentGroup || currentGroup.id !== id)) {\r\n const newSelectedGroup = templateGroups.find((e) => e.id === id);\r\n setCurrentGroup(newSelectedGroup);\r\n configForm.setFieldsValue({\r\n selectedSysId: undefined,\r\n width: 0,\r\n height: 0,\r\n });\r\n setLoading(true);\r\n serverFetch(`repository/gettemplates/${id}`, { method: 'GET' }, user)\r\n .then((data) => {\r\n setLoading(false);\r\n setTemplates(data);\r\n })\r\n .catch((e) => {\r\n e.UserMessage && message.error(e.UserMessage);\r\n setLoading(false);\r\n });\r\n }\r\n }\r\n\r\n // Выбор профильной системы\r\n async function chooseSelectedSys(id) {\r\n console.log(`chooseSelectedSys ${id}`);\r\n setLoading(true); \r\n setSelectedSysId(id);\r\n await serverFetch(`repository/getsysdetails/${id}`, { method: 'GET' }, user)\r\n .then((data) => {\r\n const { zapolns, furns, vsts, monts, paramNames, paramValues } = data;\r\n setZapolns(zapolns);\r\n setMonts(monts);\r\n setFurns(furns);\r\n setVsts(vsts);\r\n setParamNames(paramNames);\r\n let x = {};\r\n paramValues.forEach((item) => {\r\n x['param' + item.idName] = item.idValue;\r\n });\r\n setParamValues({ ...x });\r\n setLoading(false);\r\n })\r\n .catch((e) => {\r\n setLoading(false);\r\n e.UserMessage && message.error(e.UserMessage);\r\n });\r\n }\r\n\r\n // Выбор типовой конструкции\r\n async function chooseTemplate(id) {\r\n console.log(`chooseTemplate ${id}`);\r\n console.log(systems);\r\n const selectedTemplate = templates.find((e) => e.id === id);\r\n console.log(selectedTemplate);\r\n const newSys =\r\n !selectedTemplate || !selectedTemplate.sprSys || !getItemByIdOrNull(systems, selectedTemplate.sprSys.id)\r\n ? null\r\n : selectedTemplate.sprSys;\r\n const newIdSys = newSys ? newSys.id : selectedSysId;\r\n if (newSys) await chooseSelectedSys(newIdSys);\r\n setCurrentTemplate(selectedTemplate);\r\n setWidth(selectedTemplate.w);\r\n setHeight(selectedTemplate.h);\r\n const newColorId = selectedTemplate.sprColor ? selectedTemplate.sprColor.id : null;\r\n setSelectedColor(selectedTemplate.sprColor);\r\n \r\n let cadParams = [];\r\n if (selectedTemplate)\r\n selectedTemplate.params2.map((p) => {\r\n cadParams['param' + p.idName] = p.idVal;\r\n });\r\n\r\n console.log(cadParams);\r\n setParamValues(cadParams);\r\n\r\n //configForm.setFieldValue('selectedSysId', newSys.id);\r\n configForm.setFieldsValue({\r\n width: selectedTemplate.w,\r\n height: selectedTemplate.h,\r\n selectedSysId: newIdSys,\r\n selectedColor: newColorId,\r\n ...cadParams\r\n });\r\n //chooseSelectedSys(selectedTemplate.sprSys.id);\r\n setSelectedColor(selectedTemplate.sprColor);\r\n }\r\n\r\n // Определяет является ли цветовая сторона палитрой\r\n function getColorSideIsPallete(selectedColor, colorSideName) {\r\n return selectedColor && selectedColor.vid === 1 && selectedColor[colorSideName] && selectedColor[colorSideName].vid === 3;\r\n }\r\n\r\n const save = async () => {\r\n function GetId(obj) {\r\n if (!obj) return 0;\r\n return obj.id;\r\n }\r\n let allParamsFilled = true;\r\n let params = [];\r\n console.log(paramValues);\r\n paramNames.forEach((pn) => {\r\n if (!paramValues['param' + pn.id]) {\r\n console.log(\"Параметр не заполнен\", pn);\r\n allParamsFilled = false;\r\n return;\r\n }\r\n params.push({\r\n IdName: pn.id,\r\n IdVal: paramValues['param' + pn.id],\r\n });\r\n });\r\n if (!allParamsFilled) {\r\n message.warning('Пожалуйста укажите все параметры изделия');\r\n return;\r\n }\r\n const order = {\r\n orderGuid: orderGuid,\r\n idStr: idStr || 0,\r\n templateId: GetId(currentTemplate),\r\n qty: qty,\r\n constName: constName,\r\n comment: comment,\r\n w: width,\r\n h: height,\r\n diff: GetId(selectedDiff),\r\n sys: selectedSysId,\r\n zapoln: GetId(selectedZapoln),\r\n color: GetId(selectedColor),\r\n colorIn: GetId(selectedColorIn),\r\n colorOut: GetId(selectedColorOut),\r\n colorB: GetId(selectedColorB),\r\n colorF: GetId(selectedColorF),\r\n mont: GetId(selectedMont),\r\n vst: GetId(selectedVst),\r\n furn: GetId(selectedFurn),\r\n sParam: JSON.stringify(params),\r\n };\r\n\r\n setLoading(true);\r\n\r\n serverFetch(`orders/addconstruct`, { method: 'POST', bodyData: order }, user)\r\n .then((data) => {\r\n setLoading(false);\r\n onSave();\r\n })\r\n .catch((e) => {\r\n setLoading(false);\r\n\r\n message.error(\r\n <>\r\n {tr('Ошибка сохранения конструкции')}\r\n {fieldTitle}
\r\n \r\n {propertyName === undefined ? (\r\n {\r\n const p = propertyName.indexOf('.');\r\n if (p === -1) forma.setState({ [propertyName]: e.value });\r\n else {\r\n const objName = propertyName.slice(0, p);\r\n const propName = propertyName.slice(p + 1);\r\n forma.setState((prevState) => {\r\n let xxx = Object.assign({}, prevState[objName], { [propName]: Number(e.value) });\r\n return { [objName]: Number(xxx) };\r\n });\r\n }\r\n }}\r\n />\r\n )}\r\n
\r\n - {e.UserMessage}
\r\n \r\n );\r\n });\r\n };\r\n\r\n function renderCombobox(dataSource, title, placeholder, selectedValue, onChoose, propName) {\r\n return (\r\n\r\n {record.name}\r\n
\r\n {\r\n chooseTemplate(record.id);\r\n }}\r\n alt={record.fileName}\r\n />\r\n
\r\n );\r\n },\r\n },\r\n ];\r\n\r\n return (\r\n \r\n
- {e.UserMessage}
\r\n \r\n );\r\n });\r\n }\r\n };\r\n\r\n const divError = product.calcError && product.calcError !== 0 ? \r\nОшибка {product.calcError}
: \r\n 
;\r\n\r\n return (\r\n <>\r\n \r\n
\r\n\r\n {!order.isReadOnly && (\r\n {tr('Изделия')}
\r\n\r\n {tr('Итого')}: {toFinanceString(total)}\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 OrderAks;\r\n","import React, { useState, useEffect } from 'react';\r\n\r\nimport { Spin, Table, Space, Button, message } from 'antd';\r\n\r\nimport { PlusOutlined, EditOutlined, DeleteOutlined } from '@ant-design/icons';\r\n\r\nimport OrderAks from './order-aks';\r\nimport { serverFetch } from '../../server';\r\n\r\nimport { tr } from '../../utils';\r\nimport { toFinanceString } from '../../extensions/utils';\r\nimport './order-aks-list.css';\r\n\r\nconst OrderAksList = ({ order, onSave, user, izds }) => {\r\n const [loading, setLoading] = useState(false);\r\n const [editMode, setEditMode] = useState(false);\r\n\r\n const [selectedAksesIds, setSelectedAksesIds] = useState([]);\r\n const [currentAkses, setCurrentAkses] = useState();\r\n\r\n useEffect(() => {}, []);\r\n\r\n const addItem = () => {\r\n setCurrentAkses();\r\n setEditMode(true);\r\n };\r\n\r\n const deleteItem = () => {\r\n if (window.confirm(tr(`Удалить?`))) {\r\n setLoading(true);\r\n\r\n serverFetch(`orders/aksdel/${order.orderGuid}/${currentAkses.elem}/${currentAkses.detal}`, { method: 'DELETE' }, user)\r\n .then((data) => {\r\n setLoading(false);\r\n onSave();\r\n })\r\n .catch((e) => {\r\n setLoading(false);\r\n e.UserMessage && message.error(e.UserMessage);\r\n });\r\n }\r\n };\r\n\r\n const save = () => {\r\n onSave();\r\n setEditMode({ editing: false });\r\n };\r\n\r\n if (order.orderIzds === undefined) return null;\r\n //if (loading) return (Загрузка аксессуары...
);\r\n\r\n let total = 0;\r\n if (order && order.orderAkses) order.orderAkses.map((s) => (total = total + s.syma));\r\n\r\n const renderToolbar = () => {\r\n return (\r\n\r\n
\r\n )}\r\n \r\n
\r\n {!order.isReadOnly && renderToolbar()}\r\n {renderTable(order.orderAkses)}\r\n {editMode && (\r\n {tr('Аксессуары и работы')}
\r\n\r\n {tr('Итого')}: {toFinanceString(total)}\r\n
\r\n\r\n
\r\n );\r\n\r\n let izds = [];\r\n izds.push({ id: 0, name: '' });\r\n order.orderIzds.map((izd) => izds.push({ id: izd.idStr, name: izd.ordno }));\r\n\r\n function handlePrintMenuClick(e) {\r\n let report = reports.find((r) => r.id == e.key);\r\n if (!report) return;\r\n\r\n setLoading(true);\r\n\r\n serverFetch(`orders/report/${order.orderGuid}/${report.id}`, { method: 'GET', blob: true }, user)\r\n .then((data) => {\r\n const file = new Blob([data], { type: 'application/pdf' });\r\n\r\n const fileURL = URL.createObjectURL(file);\r\n const pdfWindow = window.open();\r\n pdfWindow.location.href = fileURL;\r\n\r\n //FileSaver.saveAs(blob, report.name + '.pdf');\r\n setLoading(false);\r\n })\r\n .catch((e) => {\r\n message.error(tr('Ошибка печати'));\r\n setLoading(false);\r\n });\r\n }\r\n\r\n const printMenu = (\r\n \r\n );\r\n\r\n return (\r\n <>\r\n {loading ? (\r\n \r\n
\r\n ) : (\r\n <>\r\n \r\n \r\n \r\n } style={{ marginLeft: 20 }}>\r\n {tr('Печать')}\r\n \r\n \r\n {\r\n let status = statuses.find((e) => e.name == value);\r\n setLoading(true);\r\n\r\n let data = { orderGuid: order.orderGuid, statusId: status.id };\r\n\r\n serverFetch(`orders/setorderstatus`, { method: 'POST', bodyData: data }, user)\r\n .then((data) => {\r\n setLoading(false);\r\n setRefreshRequired(true);\r\n })\r\n .catch((e) => {\r\n e.UserMessage && message.error(e.UserMessage);\r\n setLoading(false);\r\n });\r\n }}\r\n style={{ width: 250 }}\r\n >\r\n {statuses.map((s) => {\r\n return (\r\n \r\n );\r\n })}\r\n \r\n \r\n\r\n
\r\n\r\n \r\n {tr('Заказ')} {order.depno} / {order.docnum} {tr('от')} {moment(order.docdate).format('DD.MM.YYYY')}\r\n
\r\n{tr('Статус')}
\r\n \r\n {tr('Итого')}: {toFinanceString(order.syma)}\r\n {tr('Оплачено')}: {toFinanceString(order.plat)}\r\n {tr('Долг')}: {toFinanceString(order.dolg)}\r\n
\r\n\r\n\r\n
\r\n setRefreshRequired(true)} user={user} izds={izds} />\r\n
\r\n \r\n )}\r\n \r\n );\r\n};\r\n\r\nexport default Order;\r\n","import React, { useState } from 'react';\r\nimport { useSelector } from 'react-redux';\r\n\r\nimport { Modal, Form, Input, message } from 'antd';\r\n\r\nimport { tr } from '../../utils/translate';\r\nimport { serverFetch } from '../../server';\r\n\r\nconst PackageProperties = ({ ...props }) => {\r\n const user = useSelector((s) => s.user);\r\n\r\n const { onChange } = props;\r\n\r\n const [pack] = useState(props.pack);\r\n\r\n const [comment, setComment] = useState(pack.comment);\r\n\r\n const onSave = () => {\r\n let data = {\r\n id: pack.idDoc,\r\n comment: comment,\r\n };\r\n serverFetch(`packages`, { method: 'PUT', bodyData: data }, user)\r\n .then(() => {\r\n onChange(true);\r\n })\r\n .catch((e) => {\r\n e.UserMessage && message.error(e.UserMessage);;\r\n });\r\n };\r\n\r\n return (\r\n <>\r\n - {e.UserMessage}
\r\n \r\n );\r\n\r\n setLoading(false);\r\n });\r\n };\r\n\r\n const renderToolbar = () => {\r\n return (\r\n- {e.UserMessage}
\r\n \r\n );\r\n\r\n message.error(tr(''));\r\n setLoading(false);\r\n });\r\n\r\n let settingsQueryParams = {\r\n settingType: settingType,\r\n context: settingContext,\r\n };\r\n\r\n serverFetch('usersettings', { method: 'GET', queryParams: settingsQueryParams }, user)\r\n .then((data) => {\r\n let settings = [];\r\n if (data) {\r\n settings = JSON.parse(data.settingValue);\r\n } else {\r\n let columns = getColumns();\r\n\r\n columns.map((c) => {\r\n settings.push({ visible: true, column: c.dataIndex, title: c.title });\r\n });\r\n }\r\n\r\n setColumnSettings(settings);\r\n })\r\n .catch((e) => {\r\n message.error(tr('Ошибка получения настроек'));\r\n setLoading(false);\r\n });\r\n };\r\n\r\n const onChange = (refresh) => {\r\n setRefreshRequired(refresh);\r\n setEditMode(false);\r\n };\r\n\r\n const renderToolbar = () => {\r\n return (\r\n- {e.UserMessage}
\r\n \r\n );\r\n\r\n setLoading(false);\r\n });\r\n };\r\n\r\n const save = () => {\r\n form.validateFields().then(() => {\r\n setLoading(true);\r\n\r\n let permissions = [];\r\n for (let i = 0; i < state.permissions.length; i++) {\r\n let basePermission = basePermissions.find((b) => b.id == i + 1);\r\n if (basePermission) {\r\n let key = checkedKeys.find((k) => k == basePermission.id);\r\n permissions.push(key ? 1 : 0);\r\n } else {\r\n permissions.push(state.permissions[i]);\r\n }\r\n }\r\n\r\n let data = { ...state, permissions: permissions.join('') };\r\n\r\n if (!id) {\r\n serverFetch(`usermanagement`, { method: 'POST', bodyData: data }, user)\r\n .then(() => {\r\n onSave();\r\n })\r\n .catch((e) => {\r\n e.UserMessage && message.error(e.UserMessage);\r\n });\r\n } else {\r\n serverFetch(`usermanagement`, { method: 'PUT', bodyData: data }, user)\r\n .then(() => {\r\n onSave();\r\n })\r\n .catch((e) => {\r\n e.UserMessage && message.error(e.UserMessage);\r\n });\r\n }\r\n });\r\n };\r\n\r\n const onCheck = (checkedKeysValue) => {\r\n if (checkedKeysValue <= 0) return;\r\n\r\n setCheckedKeys(checkedKeysValue);\r\n };\r\n\r\n const renderPermissions = () => {\r\n return- {e.UserMessage}
\r\n \r\n );\r\n\r\n setLoading(false);\r\n });\r\n };\r\n\r\n const renderToolbar = () => {\r\n return (\r\n\r\n \r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = ({ izd, selectedObjectIds }) => {\r\n return { izd, selectedObjectIds };\r\n};\r\n\r\nexport default connect(mapStateToProps, { izdSelected })(CadCanvas);\r\n","import React from 'react';\r\nimport { useSelector } from 'react-redux';\r\n\r\nimport { Modal, Form, Input, message } from 'antd';\r\n\r\nimport { tr } from '../../../utils';\r\n\r\nimport { serverFetch } from '../../../server';\r\n\r\nexport const CadCmdSplitPopup = ({ vidOper, onCancel, onChange, onOk }) => {\r\n const elemSize = useSelector((s) => s.elemSize);\r\n\r\n if (vidOper !== 'SPLIT_VERT' && vidOper !== 'SPLIT_HOR') return null;\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n ) : (\r\n <>\r\n \r\n
\r\n