| | |
| | | const [form] = Form.useForm(); |
| | | |
| | | // tab切换 |
| | | const [tabKey, setTabKey] = useState('1'); |
| | | const [tabKey, setTabKey] = useState('2'); |
| | | |
| | | // 列表、统计图切换 |
| | | const [radioData, setRadioData] = useState({ radio1: '1', select1: '1', radio2: '1', tab2: '4', radio3: '1', select3: '1' }); |
| | |
| | | <Row gutter={32}> |
| | | <Col span={8}> |
| | | <div |
| | | className={`workEfficiency-tab-title ${tabKey === '1' ? 'workEfficiency-tab-title-active' : ''}`} |
| | | onClick={() => tabsOnchange('1')} |
| | | > |
| | | <div className="workEfficiency-tab-img-box"> |
| | | <img className="workEfficiency-tab-img" src={workEfficiency_3} alt="" srcset="" /> |
| | | </div> |
| | | <div>办件时长</div> |
| | | </div> |
| | | </Col> |
| | | <Col span={8}> |
| | | <div |
| | | className={`workEfficiency-tab-title ${tabKey === '2' ? 'workEfficiency-tab-title-active' : ''}`} |
| | | onClick={() => tabsOnchange('2')} |
| | | > |
| | |
| | | </Col> |
| | | <Col span={8}> |
| | | <div |
| | | className={`workEfficiency-tab-title ${tabKey === '1' ? 'workEfficiency-tab-title-active' : ''}`} |
| | | onClick={() => tabsOnchange('1')} |
| | | > |
| | | <div className="workEfficiency-tab-img-box"> |
| | | <img className="workEfficiency-tab-img" src={workEfficiency_3} alt="" srcset="" /> |
| | | </div> |
| | | <div>办件时长</div> |
| | | </div> |
| | | </Col> |
| | | <Col span={8}> |
| | | <div |
| | | className={`workEfficiency-tab-title ${tabKey === '3' ? 'workEfficiency-tab-title-active' : ''}`} |
| | | onClick={() => tabsOnchange('3')} |
| | | > |