| | |
| | | * @Company: hugeInfo |
| | | * @Author: lwh |
| | | * @Date: 2024-09-14 15:59:17 |
| | | * @LastEditTime: 2025-06-04 21:18:43 |
| | | * @LastEditTime: 2025-06-14 11:35:43 |
| | | * @LastEditors: lwh |
| | | * @Version: 1.0.0 |
| | | * @Description: |
| | |
| | | > |
| | | <div> |
| | | <div className="disputeLedger-card-content"> |
| | | <div className={`disputeLedger-card-content-t`}> |
| | | {item.title} |
| | | </div> |
| | | <div className={`disputeLedger-card-content-t`}>{item.title}</div> |
| | | <div> |
| | | <span className={`disputeLedger-card-title`}> |
| | | {item.value} |
| | | </span>{' '} |
| | | <span className={`disputeLedger-unit`}>件</span>{' '} |
| | | {item.per && ( |
| | | <span className={`disputeLedger-unit `}>| {item.per}</span> |
| | | )} |
| | | <span className={`disputeLedger-card-title`}>{item.value}</span> <span className={`disputeLedger-unit`}>件</span>{' '} |
| | | {item.per && <span className={`disputeLedger-unit `}>| {item.per}</span>} |
| | | </div> |
| | | </div> |
| | | <img src={item.icon} style={{ width: activeKey === index && '52px', height: activeKey === index && '52px' }} alt="" /> |
| | |
| | | <div style={{ paddingBottom: '12px' }}> |
| | | <MyLTopChartPie1 |
| | | data={[ |
| | | { value: data.data4.value1, name: '化解中' }, |
| | | { value: data.data4.value2, name: '化解成功' }, |
| | | { value: data.data4.value3, name: '化解不成功' }, |
| | | { value: data.rejectNum, name: '不予受理' }, |
| | | { value: data.processNum, name: '化解中' }, |
| | | { value: data.finishNum, name: '化解成功' }, |
| | | { value: data.failNum, name: '化解不成功' }, |
| | | ]} |
| | | allNum={allNum} |
| | | /> |
| | |
| | | }, |
| | | data: [ |
| | | { |
| | | name: '不予受理', |
| | | icon: 'circle', // 图例标记的形状 |
| | | }, |
| | | { |
| | | name: '化解中', |
| | | icon: 'circle', // 图例标记的形状 |
| | | }, |
| | |
| | | type: 'pie', |
| | | radius: ['60%', '90%'], // 设置饼图的内半径和外半径,实现扇形区域 |
| | | center: ['30%', '50%'], |
| | | color: ['#B6DDF1', '#3A8AC6', '#094282'], |
| | | color: ['#B6DDF1', '#5BA8E5', '#3A8AC6', '#094282'], |
| | | data: data, |
| | | label: { |
| | | show: true, |