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