| | |
| | | import React, { useEffect, useState } from 'react'; |
| | | import { Tooltip, Space } from 'antd'; |
| | | import Icon, { PaperClipOutlined, RollbackOutlined, EllipsisOutlined } from '@ant-design/icons'; |
| | | import { feedback, ledger_8, ledger_7 } from '../../assets/images'; |
| | | import { ledger_8, ledger_7, ledger_12, ledger_13 } from '../../assets/images'; |
| | | import NameCard from '../NameCard'; |
| | | import * as $$ from '../../utils/utility'; |
| | | import FilesDrawer from '../FilesDrawer'; |
| | |
| | | const iconMap = { |
| | | 1: ledger_8, |
| | | 2: ledger_7, |
| | | 3: ledger_12, |
| | | 4: ledger_13 |
| | | } |
| | | |
| | | // 已处理列表第一个元素 |
| | |
| | | <div key={t + 1}> |
| | | <div className="myStep-item"> |
| | | {t === progressData.length - 1 ? null : <div className={`${!x.handleContent ? 'myStep-item-divider' : x.fileInfoList?.length > 0 ? 'myStep-item-divider2' : "myStep-item-divider1"} ${x.status === '2' && 'myStep-item-divider-success'}`} />} |
| | | <div className={`myStep-item-icon1 myStep-item-${x.status === '2' ? 'success1' : 'noStarted1'}`}> |
| | | <div className={`myStep-item-icon1 myStep-item-${x.status === '1' ? 'noStarted1' : 'success1'}`}> |
| | | <div className="myStep-item-title">{x.taskNodeName}</div> |
| | | <img className='myStep-item-img' src={iconMap[x.status]} alt="" /> |
| | | </div> |