|
|
@@ -15,6 +15,7 @@ import {Badge, Card, Col, Modal, Row,} from "antd"
|
|
|
import {CheckCircleOutlined, CloseCircleOutlined, ExclamationCircleOutlined, WifiOutlined} from '@ant-design/icons';
|
|
|
import RTMMPicEcharts from "@/components/realTimeMontorModule/RTMMPicEcharts";
|
|
|
import RTMMBarChart from "@/components/realTimeMontorModule/RTMMBarchart";
|
|
|
+import Image from "next/image";
|
|
|
// ... 其余代码保持不变 ...
|
|
|
|
|
|
// 仅在浏览器环境中声明 window 类型
|
|
|
@@ -405,31 +406,31 @@ function GisMapBaidu(props: { height: string }) {
|
|
|
>
|
|
|
{manholeCoverData && (
|
|
|
<div className="space-y-4" style={{ display: 'flex', justifyContent: 'space-between' }}>
|
|
|
- <div style={{ width: '50%' }}>
|
|
|
+ <div style={{ width: '25%' }}>
|
|
|
<div className="space-y-4" style={{ textAlign: 'left' }}>
|
|
|
<Row gutter={16}>
|
|
|
- <Col span={12}>
|
|
|
+ <Col span={24}>
|
|
|
<div>
|
|
|
<strong style={{ color: '#B0E0E6' }}>设备名称:</strong> {manholeCoverData.name}
|
|
|
</div>
|
|
|
</Col>
|
|
|
</Row>
|
|
|
<Row gutter={16}>
|
|
|
- <Col span={12}>
|
|
|
+ <Col span={24}>
|
|
|
<div>
|
|
|
<strong style={{ color: '#B0E0E6' }}>设备编号:</strong> {manholeCoverData.itemCode}
|
|
|
</div>
|
|
|
</Col>
|
|
|
</Row>
|
|
|
<Row gutter={16}>
|
|
|
- <Col span={12}>
|
|
|
+ <Col span={24}>
|
|
|
<div>
|
|
|
<strong style={{ color: '#B0E0E6' }}>设备类型:</strong> {manholeCoverData.type}
|
|
|
</div>
|
|
|
</Col>
|
|
|
</Row>
|
|
|
<Row gutter={16}>
|
|
|
- <Col span={12}>
|
|
|
+ <Col span={24}>
|
|
|
<div>
|
|
|
<strong style={{ color: '#B0E0E6' }}>状态:</strong>
|
|
|
<Badge
|
|
|
@@ -449,20 +450,20 @@ function GisMapBaidu(props: { height: string }) {
|
|
|
</Col>
|
|
|
</Row>
|
|
|
<Row gutter={16}>
|
|
|
- <Col span={12}>
|
|
|
+ <Col span={24}>
|
|
|
<div>
|
|
|
<strong style={{ color: '#B0E0E6' }}>权属单位:</strong> {manholeCoverData.worker}
|
|
|
</div>
|
|
|
</Col>
|
|
|
</Row>
|
|
|
<Row gutter={16}>
|
|
|
- <Col span={15}>
|
|
|
+ <Col span={24}>
|
|
|
<div>
|
|
|
<strong style={{ color: '#B0E0E6' }}>监测描述:</strong> {manholeCoverData.miaoshu}
|
|
|
</div>
|
|
|
</Col>
|
|
|
</Row>
|
|
|
- <div style={{ color: '#B0E0E6', fontWeight:'bold',fontSize:'20px'}}>窑井下监测信息</div>
|
|
|
+ <div style={{ color: '#B0E0E6', fontWeight:'bold',fontSize:'20px'}}>窨井下监测信息</div>
|
|
|
|
|
|
<Row gutter={16}>
|
|
|
<Col span={12}>
|
|
|
@@ -514,7 +515,9 @@ function GisMapBaidu(props: { height: string }) {
|
|
|
</Row>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div style={{width: '50%'}}>2</div>
|
|
|
+ <div style={{width: '75%'}}>
|
|
|
+ <Image src={'/test1.png'} alt={'测试图片'} width={800} height={800} />
|
|
|
+ </div>
|
|
|
</div>
|
|
|
)}
|
|
|
</Modal>
|