ia.novokshanov/asb_cloud_front
1
0
Fork 0
forked from ddrilling/asb_cloud_front
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Добавлено отключение кнопок согласования/отклонения при отсутствии файла

Browse Source
This commit is contained in:
Александр Сироткин 2022-02-24 15:39:30 +05:00
parent bddd67fd00
commit 6eb6f0f4c2
1 changed files with 79 additions and 80 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
src/pages/DrillingProgram/CategoryRender.jsx
View File

@ -1,22 +1,23 @@
import { memo, useCallback, useState } from 'react' import { memo, useCallback, useState } from 'react'
import { Button, Input, Popconfirm, Form } from 'antd' import { Button, Input, Popconfirm, Form } from 'antd'
import { import {
ClearOutlined, DeleteOutlined,
SettingOutlined, EditOutlined,
TableOutlined, TableOutlined,
} from '@ant-design/icons' } from '@ant-design/icons'
import { formatDate } from '@utils' import Poprompt from '@components/Poprompt'
import { DrillingProgramService } from '@api'
import { formatBytes, invokeWebApiWrapperAsync, notify } from '@components/factory'
import { UploadForm } from '@components/UploadForm'
import DownloadLink from '@components/DownloadLink'
import { UserView } from '@components/views' import { UserView } from '@components/views'
import UploadForm from '@components/UploadForm'
import DownloadLink from '@components/DownloadLink'
import { formatBytes, invokeWebApiWrapperAsync, notify } from '@components/factory'
import { DrillingProgramService } from '@api'
import { formatDate } from '@utils'
import MarksCard from './MarksCard' import MarksCard from './MarksCard'
import '@styles/drilling_program.less' import '@styles/drilling_program.less'
import Poprompt from '@asb/components/Poprompt' import LoaderPortal from '@asb/components/LoaderPortal'
const CommentPrompt = memo((props) => ( const CommentPrompt = memo((props) => (
<Poprompt <Poprompt
@ -37,13 +38,15 @@ export const CategoryRender = memo(({ idWell, partData, onUpdate, onEdit, onHist
const { const {
idFileCategory, idFileCategory,
name: title, // Название категории name: title, // Название категории
idState, // Состояние категории
approvers, // Полный список согласовантов approvers, // Полный список согласовантов
permissionToApprove, // Наличие прав на согласование/отклонение документа permissionToApprove, // Наличие прав на согласование/отклонение документа
permissionToUpload, // Наличие прав на загрузку нового файла permissionToUpload, // Наличие прав на загрузку нового файла
// permissionToEdit, // Наличие прав на редактирование/удаление категории
file // Информация о файле file // Информация о файле
} = partData ?? {} } = partData ?? {}
const permissionToEdit = true
const uploadUrl = `/api/well/${idWell}/drillingProgram/part/${idFileCategory}` const uploadUrl = `/api/well/${idWell}/drillingProgram/part/${idFileCategory}`
const [isUploading, setIsUploading] = useState(false) const [isUploading, setIsUploading] = useState(false)
@ -75,18 +78,21 @@ export const CategoryRender = memo(({ idWell, partData, onUpdate, onEdit, onHist
), [idWell, idFileCategory, onUpdate, title]) ), [idWell, idFileCategory, onUpdate, title])
return ( return (
<LoaderPortal show={isUploading}>
<div className={'drilling_category'} {...other}> <div className={'drilling_category'} {...other}>
<div className={'category_header'}> <div className={'category_header'}>
<h3>{title}</h3> <h3>{title}</h3>
{permissionToEdit && (
<div> <div>
<Button icon={<SettingOutlined />} onClick={() => onEdit?.(idFileCategory)}>Редактировать</Button> <Button icon={<EditOutlined />} onClick={() => onEdit?.(idFileCategory)}>Редактировать</Button>
<Popconfirm <Popconfirm
onConfirm={onRemoveClick} onConfirm={onRemoveClick}
title={<>Вы уверены, что хотите удалить категорию<br/>"{title}"?</>} title={<>Вы уверены, что хотите удалить категорию<br/>"{title}"?</>}
> >
<Button loading={isDeleting} icon={<ClearOutlined />}>Удалить</Button> <Button loading={isDeleting} icon={<DeleteOutlined />}>Удалить</Button>
</Popconfirm> </Popconfirm>
</div> </div>
)}
</div> </div>
<div className={'category_content'}> <div className={'category_content'}>
<div className={'file_column'}> <div className={'file_column'}>
@ -130,28 +136,21 @@ export const CategoryRender = memo(({ idWell, partData, onUpdate, onEdit, onHist
))} ))}
</div> </div>
<div className={'approve_list'}> <div className={'approve_list'}>
{permissionToApprove && ( {permissionToApprove && file && (
<CommentPrompt <CommentPrompt text={'Согласовать'} title={'Согласование документа'} onDone={onApprove(true)} />
text={'Согласовать'}
title={'Согласование документа'}
onDone={onApprove(true)}
/>
)} )}
<MarksCard title={'Согласовано'} className={'approve_panel'} marks={file?.fileMarks?.filter((mark) => mark.idMarkType === 1)} /> <MarksCard title={'Согласовано'} className={'approve_panel'} marks={file?.fileMarks?.filter((mark) => mark.idMarkType === 1)} />
</div> </div>
<div className={'reject_list'}> <div className={'reject_list'}>
{permissionToApprove && ( {permissionToApprove && file && (
<CommentPrompt <CommentPrompt text={'Отклонить'} title={'Отклонение документа'} onDone={onApprove(false)} />
text={'Отклонить'}
title={'Отклонение документа'}
onDone={onApprove(false)}
/>
)} )}
<MarksCard title={'Отклонено'} className={'reject_panel'} marks={file?.fileMarks?.filter((mark) => mark.idMarkType === 0)} /> <MarksCard title={'Отклонено'} className={'reject_panel'} marks={file?.fileMarks?.filter((mark) => mark.idMarkType === 0)} />
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</LoaderPortal>
) )
}) })