import React, { useEffect, useState } from 'react' import { Descriptions, Modal, Tabs } from 'antd' import moment from 'moment' import { CloseOutlined } from '@ant-design/icons' import '../TangYanBa.less' function Dzzhtc ({ id, data, dispatch, closeM }) { const [visible, setVisible] = useState(false) const closePop = () => { closeM() } const mapOb = { 1: '崩塌', 2: '滑坡', 3: '塌陷' } const level = { 1: '小型', 2: '中型', 3: '大型', 4: '特大型' } const state = { 1: '稳定', 2: '欠稳定', 3: '较稳定', 4: '基本稳定', 5: '不稳定', 其他: '稳定' } const manageLevel = { 1: '州级', 2: '县级', 3: '乡镇级', 4: '村级' } // 1=州级 2=县级 3=乡镇级 4=村级 // 1=稳定 2=欠稳定 3=较稳定 4=基本稳定 5=不稳定 null=未知 其他=稳定 const width = 800 console.log(data, '----dtata') return ( <>
{data.name}
基本情况
} span={3} > {data.code} {data.name} {data.isProfessional == 1 ? '是' : '否'} {data.adnm} {data.adnm} {mapOb[data.dtype]} {data.lng} {data.lat} 灾害体基本特征
} span={3} > {data.direction} {data.isWade == 1 ? '是' : '否'} {data.area} {data.vol} {level[data.scaleLevel]} {data.state ? state[data.state] : '未知'} {data.latentState ? state[data.latentState] : '未知'} 灾害体危害特征
} span={3} > {data.death} {data.ecoLoss} {data.threatenHouses} {data.threatenPops} {data.threatenAsset} {level[data.dangerLevel]} 防治与管理
} span={3} > {data.suggestion} {manageLevel[data.manageLevel]} {data.orgAddr} {data.org} {data.person} {data.personContact} {data.admin} {data.adminContact} {data.collaborator} {data.collaboratorContact} {data.manager} {data.managerContact} {data.monitor} {data.monitorContact}
{/*
{data.direction} {data.isWade == 1?'是':'否'} {data.area} {data.vol} {level[data.scaleLevel]} {data.state?state[data.state]:'未知'} {data.latentState?state[data.latentState]:'未知'}
{data.death} {data.ecoLoss} {data.threatenHouses} {data.threatenPops} {data.threatenAsset} {level[data.dangerLevel]}
{data.suggestion} {manageLevel[data.manageLevel]} {data.orgAddr} {data.org} {data.person} {data.personContact} {data.admin} {data.adminContact} {data.collaborator} {data.collaboratorContact} {data.manager} {data.managerContact} {data.monitor} {data.monitorContact}
*/} ) } export default React.memo(Dzzhtc)