| | |
|---|
| | | import MediationAgreementAPIService from '../../services/MediationAgreementAPIService'; |
|---|
| | | import { getMergedParams } from '../../utils/urlParams'; |
|---|
| | | import { message, Spin, Tag, Modal, Button, Input, Image } from 'antd'; |
|---|
| | | import { PhoneOutlined, ArrowUpOutlined } from '@ant-design/icons'; |
|---|
| | | import { PhoneOutlined } from '@ant-design/icons'; |
|---|
| | | import { CallRecordModal } from '../call-record'; |
|---|
| | | |
|---|
| | | // 新增组件导入 |
|---|
| | |
|---|
| | | const updateTime = formatDuration(timeline.before_duration); |
|---|
| | | const successRate = formatSuccessRate(mediation.success_rate); |
|---|
| | | |
|---|
| | | // 获取成功率数值（用于进度条） |
|---|
| | | const successRateValue = (mediation.success_rate || 0) * 100; |
|---|
| | | |
|---|
| | | // 获取同比数据 |
|---|
| | | const yoyData = getSuccessRateYoY(mediation); |
|---|
| | | const yoyRate = yoyData.rate >= 0 ? `+${yoyData.rate.toFixed(0)}%` : `${yoyData.rate.toFixed(0)}%`; |
|---|
| | |
|---|
| | | {/* 预计调解成功率 */} |
|---|
| | | <div className="success-rate-section"> |
|---|
| | | <div className="success-rate-label">预计调解成功率</div> |
|---|
| | | <div className="success-rate-value">{successRate}</div> |
|---|
| | | <div className="success-rate-row"> |
|---|
| | | <span className="success-rate-value">{successRate}</span> |
|---|
| | | <div className="success-rate-yoy"> |
|---|
| | | <ArrowUpOutlined className="yoy-icon" /> |
|---|
| | | <img src="/mom.png" alt="" className="yoy-icon-img" /> |
|---|
| | | <span className="yoy-rate">{yoyRate}</span> |
|---|
| | | <span className="yoy-time">较{yoyHours}小时前</span> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div className="success-rate-progress"> |
|---|
| | | <div className="progress-bar-bg"> |
|---|
| | | <div className="progress-bar-fill" style={{ width: `${successRateValue}%` }}></div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | {/* 协商沟通进度 */} |
|---|
| | | <NegotiationProgress /> |
|---|
