| | |
| | | * @Company: hugeInfo |
| | | * @Author: lwh |
| | | * @Date: 2024-09-14 15:59:17 |
| | | * @LastEditTime: 2025-06-21 11:32:31 |
| | | * @LastEditTime: 2025-06-21 19:49:43 |
| | | * @LastEditors: lwh |
| | | * @Version: 1.0.0 |
| | | * @Description: |
| | |
| | | firstLevel === '1' |
| | | ? ['queCity', 'queArea', 'queRoad', 'queVillage'] |
| | | : firstLevel === '2' |
| | | ? ['queArea', 'queRoad', 'queVillage'] |
| | | : firstLevel === '3' |
| | | ? ['queRoad', 'queVillage'] |
| | | : ['queVillage']; |
| | | ? ['queArea', 'queRoad', 'queVillage'] |
| | | : firstLevel === '3' |
| | | ? ['queRoad', 'queVillage'] |
| | | : ['queVillage']; |
| | | let key = keyList[queCodeLength - 1]; |
| | | obj[key] = queCode[queCodeLength - 1]; |
| | | } |
| | |
| | | list[0].level === '1' |
| | | ? 'queCity' |
| | | : list[0].level === '2' |
| | | ? 'queArea' |
| | | : list[0].level === '3' |
| | | ? 'queRoad' |
| | | : list[0].level === '4' |
| | | ? 'queVillage' |
| | | : 'queRoad'; |
| | | ? 'queArea' |
| | | : list[0].level === '3' |
| | | ? 'queRoad' |
| | | : list[0].level === '4' |
| | | ? 'queVillage' |
| | | : 'queRoad'; |
| | | values.queCode = [list[0].value]; |
| | | values.createTime = [ |
| | | $$.myMoment().subtract(0, 'months').startOf('month').format('YYYY-MM-DD'), |
| | |
| | | case '8': |
| | | return '非警务纠纷'; |
| | | case '9': |
| | | return '专项纠纷'; |
| | | return '专项治理'; |
| | | default: |
| | | break; |
| | | } |
| | |
| | | option.level === '1' |
| | | ? 'queCity' |
| | | : option.level === '2' |
| | | ? 'queArea' |
| | | : option.level === '3' |
| | | ? 'queRoad' |
| | | : option.level === '4' |
| | | ? 'queVillage' |
| | | : 'queRoad', |
| | | ? 'queArea' |
| | | : option.level === '3' |
| | | ? 'queRoad' |
| | | : option.level === '4' |
| | | ? 'queVillage' |
| | | : 'queRoad', |
| | | })) |
| | | ); |
| | | }; |
| | |
| | | <Space> |
| | | <Button |
| | | onClick={() => { |
| | | tabsOnchange('5'); |
| | | tabsOnchange('4'); |
| | | }} |
| | | className="source-button" |
| | | icon={<img className="source-icon" src={workDash_27} alt="" srcset="" />} |
| | | icon={<img className="source-icon" src={workDash_28} alt="" srcset="" />} |
| | | type="secondary" |
| | | > |
| | | 协同推送 |
| | | 自行排查 |
| | | </Button> |
| | | <IconCaretRight /> |
| | | <Button |
| | |
| | | icon={<img className="source-icon" src={workDash_23} alt="" srcset="" />} |
| | | type="secondary" |
| | | > |
| | | 专项纠纷 |
| | | 专项治理 |
| | | </Button> |
| | | </Space> |
| | | )} |
| | |
| | | </div> |
| | | </Space> |
| | | </div> |
| | | <div className="workDash-item-value" style={{ marginTop: '4px' }}> |
| | | <div style={{ width: '50px' }}></div> |
| | | <div style={{ width: '36px' }}></div> |
| | | <Space split={<Divider type="vertical" />}> |
| | | <div style={{ display: 'flex', alignItems: 'center' }}> |
| | | <span className="workDash-item-title-blue"></span> |
| | | <span style={{ color: '#4E5969', fontSize: '14px', display: 'inline-block', width: '150px' }}> |
| | | 专项治理:{data?.zxjfNum || 0}件 |
| | | </span> |
| | | <span |
| | | onClick={() => { |
| | | tabsOnchange('9'); |
| | | }} |
| | | style={{ |
| | | color: '#1A6FB8', |
| | | border: '1px solid #1A6FB8', |
| | | fontSize: '12px', |
| | | borderRadius: '2px', |
| | | padding: '0px 4px', |
| | | display: 'flex', |
| | | alignItems: 'center', |
| | | marginLeft: '12px', |
| | | }} |
| | | > |
| | | 查看 |
| | | </span> |
| | | </div> |
| | | </Space> |
| | | </div> |
| | | </div> |
| | | )} |
| | | {tabKey === '5' && ( |
| | |
| | | <div className="workDash-item-value" style={{ marginTop: '4px' }}> |
| | | <div style={{ width: '50px' }}>{data?.totalNum || 0}</div> |
| | | <div style={{ width: '36px' }}></div> |
| | | <Space split={<Divider type="vertical" />}> |
| | | <div style={{ display: 'flex', alignItems: 'center' }}> |
| | | <span className="workDash-item-title-blue"></span> |
| | | <span style={{ color: '#4E5969', fontSize: '14px', display: 'inline-block', width: '150px' }}> |
| | | 专项纠纷:{data?.zxjfNum || 0}件 |
| | | </span> |
| | | <span |
| | | onClick={() => { |
| | | tabsOnchange('9'); |
| | | }} |
| | | style={{ |
| | | color: '#1A6FB8', |
| | | border: '1px solid #1A6FB8', |
| | | fontSize: '12px', |
| | | borderRadius: '2px', |
| | | padding: '0px 4px', |
| | | display: 'flex', |
| | | alignItems: 'center', |
| | | marginLeft: '12px', |
| | | }} |
| | | > |
| | | 查看 |
| | | </span> |
| | | </div> |
| | | </Space> |
| | | </div> |
| | | </div> |
| | | )} |
| | |
| | | </div> |
| | | |
| | | <div className="workDash-main-card"> |
| | | <div className="workDash-main-card-head" onClick={() => { |
| | | tabsOnchange('4'); |
| | | }}> |
| | | <div |
| | | className="workDash-main-card-head" |
| | | onClick={() => { |
| | | tabsOnchange('4'); |
| | | }} |
| | | > |
| | | <div className="workDash-main-card-head-l workDash-bg_3"> |
| | | <div className="workDash-main-card-head-l-img workDash-bg_3_img"> |
| | | <img src={workDash_8} alt="" srcset="" /> |
| | | </div> |
| | | <div className="workDash-main-card-head-l-img-title"> |
| | | 详情 |
| | | </div> |
| | | <div className="workDash-main-card-head-l-img-title">详情</div> |
| | | </div> |
| | | <div className="workDash-main-card-head-r workDash-bg_3_r"> |
| | | <div className="workDash-main-card-head-r-title">自行排查</div> |
| | |
| | | </div> |
| | | |
| | | <div className="workDash-main-card"> |
| | | <div className="workDash-main-card-head" onClick={() => { |
| | | tabsOnchange('5'); |
| | | }}> |
| | | <div |
| | | className="workDash-main-card-head" |
| | | onClick={() => { |
| | | tabsOnchange('5'); |
| | | }} |
| | | > |
| | | <div className="workDash-main-card-head-l workDash-bg_4"> |
| | | <div className="workDash-main-card-head-l-img workDash-bg_4_img"> |
| | | <img src={workDash_9} alt="" srcset="" /> |
| | |
| | | caseTypeLevel > 1 |
| | | ? caseTypeList?.map((i) => ({ value: i.caseRate, caseNum: i.caseNum, name: i.caseTypeName, caseType: i.caseType })) || [] |
| | | : data?.typeList?.map((i) => ({ value: i.caseRate, caseNum: i.caseNum, name: i.caseTypeName, caseType: i.caseType })) || |
| | | [] |
| | | [] |
| | | } |
| | | onMyLTopChartPie={onMyLTopChartPie} |
| | | /> |
| | |
| | | dataIndex: 'createTime', |
| | | defaultSortOrder: 'descend', |
| | | order: 'ascend', |
| | | sorter: { compare: (a, b) => {} }, |
| | | sorter: { compare: (a, b) => { } }, |
| | | render: (text) => <div>{$$.dateFormat(text)}</div>, |
| | | }, |
| | | { title: '事项来源', width: 100, dataIndex: 'canalName' }, |
| | |
| | | width: 100, |
| | | dataIndex: 'closeTime', |
| | | order: 'ascend', |
| | | sorter: { compare: (a, b) => {} }, |
| | | sorter: { compare: (a, b) => { } }, |
| | | render: (text) => <span>{$$.dateFormat(text)}</span>, |
| | | }, |
| | | { |
| | |
| | | }); |
| | | }, [data]); |
| | | |
| | | useEffect(() => {}); |
| | | useEffect(() => { }); |
| | | |
| | | return <div id="chartLTopPie1" ref={myChartRef} style={{ height: '232px', width: '100%' }} />; |
| | | }; |