Pārlūkot izejas kodu

```
feat(env): 更新后端服务地址

将后端服务地址从本地开发环境地址替换为生产环境地址。

feat(ui): 修改标签页及卡片标题文案

将“窑井状态监测”相关文案修改为“窨井状态监测”,以符合业务规范。

feat(gis): 调整弹窗布局并引入图片展示功能优化弹窗内信息展示结构,调整各字段所占栅格比例,并新增图片展示区域,使用 next/image 组件加载测试图片。
```

林仔 8 mēneši atpakaļ
vecāks
revīzija
ada57bdb34

+ 1 - 1
.env.local

@@ -1 +1 @@
-BACKEND_URL=http://192.168.110.235:8301
+BACKEND_URL=http://111.23.174.45:8301

+ 2 - 2
app/(other)/test11/page.tsx

@@ -690,8 +690,8 @@ export default function ManholeMonitoringSystem() {
                                 <RTMMGis height={'86.2'}></RTMMGis>
                             </TabPane>
 
-                            <TabPane tab="井状态监测" key="data">
-                                <Card title="井状态监测">
+                            <TabPane tab="井状态监测" key="data">
+                                <Card title="井状态监测">
                                     <EChart option={monitoringChartOption}/>
                                 </Card>
                             </TabPane>

+ 12 - 9
components/realTimeMontorModule/RTMMGis.tsx

@@ -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>

BIN
public/test1.png