diff --git a/src/views/floodSys/floodYP/historyEventDetail.vue b/src/views/floodSys/floodYP/historyEventDetail.vue index ca32387..53a0612 100644 --- a/src/views/floodSys/floodYP/historyEventDetail.vue +++ b/src/views/floodSys/floodYP/historyEventDetail.vue @@ -65,10 +65,10 @@

五、内涝点现场照片

-
- -

十四大街马家河西支桥东西两侧积水点

-

2024-07-08 13:00:10

+
+ +

{{ item.name }}

+

{{ detailData.startTime }}

@@ -94,6 +94,21 @@ endTime: '', accumulate: '', }); +const waterLogingImg = ref([ + { url: 'https://server1.wh-nf.cn:9000/newfiber-standard-kaifeng/2024/06/25/1719466322095.jpg', name: '十六大街马家河西支桥西侧' }, + { + url: 'https://server1.wh-nf.cn:9000/newfiber-standard-kaifeng/2024/06/25/1719466285464.jpg', + name: '十四大街马家河西支桥东西两侧', + }, + { + url: 'https://server1.wh-nf.cn:9000/newfiber-standard-kaifeng/2024/06/25/1719466262470.jpg', + name: '十三大街马家河西支桥东西两侧', + }, + { url: 'https://server1.wh-nf.cn:9000/newfiber-standard-kaifeng/2024/06/25/1719466165904.jpg', name: '宋城路马家河西支桥南北两侧' }, + { url: 'https://server1.wh-nf.cn:9000/newfiber-standard-kaifeng/2024/06/25/1719466145997.jpg', name: '一大街与马家河西支桥西侧' }, + { url: 'https://server1.wh-nf.cn:9000/newfiber-standard-kaifeng/2024/06/25/1719466552570.jpg', name: '宋城路北侧马家河桥往东' }, + { url: 'https://server1.wh-nf.cn:9000/newfiber-standard-kaifeng/2024/06/25/1719465879466.jpg', name: '十二大街金耀路' }, +]); let chart4 = null; const initEchartsZB = async datas => { @@ -150,13 +165,13 @@ .waterlogImg { flex-wrap: wrap; .part { - width: 18%; - margin-left: 10px; + width: 24%; + margin-left: 5px; margin-bottom: 10px; text-align: center; img { width: 100%; - height: 150px; + height: 170px; } p { line-height: 20px; diff --git a/src/views/floodSys/floodYP/historyEventDetail.vue b/src/views/floodSys/floodYP/historyEventDetail.vue index ca32387..53a0612 100644 --- a/src/views/floodSys/floodYP/historyEventDetail.vue +++ b/src/views/floodSys/floodYP/historyEventDetail.vue @@ -65,10 +65,10 @@

五、内涝点现场照片

-
- -

十四大街马家河西支桥东西两侧积水点

-

2024-07-08 13:00:10

+
+ +

{{ item.name }}

+

{{ detailData.startTime }}

@@ -94,6 +94,21 @@ endTime: '', accumulate: '', }); +const waterLogingImg = ref([ + { url: 'https://server1.wh-nf.cn:9000/newfiber-standard-kaifeng/2024/06/25/1719466322095.jpg', name: '十六大街马家河西支桥西侧' }, + { + url: 'https://server1.wh-nf.cn:9000/newfiber-standard-kaifeng/2024/06/25/1719466285464.jpg', + name: '十四大街马家河西支桥东西两侧', + }, + { + url: 'https://server1.wh-nf.cn:9000/newfiber-standard-kaifeng/2024/06/25/1719466262470.jpg', + name: '十三大街马家河西支桥东西两侧', + }, + { url: 'https://server1.wh-nf.cn:9000/newfiber-standard-kaifeng/2024/06/25/1719466165904.jpg', name: '宋城路马家河西支桥南北两侧' }, + { url: 'https://server1.wh-nf.cn:9000/newfiber-standard-kaifeng/2024/06/25/1719466145997.jpg', name: '一大街与马家河西支桥西侧' }, + { url: 'https://server1.wh-nf.cn:9000/newfiber-standard-kaifeng/2024/06/25/1719466552570.jpg', name: '宋城路北侧马家河桥往东' }, + { url: 'https://server1.wh-nf.cn:9000/newfiber-standard-kaifeng/2024/06/25/1719465879466.jpg', name: '十二大街金耀路' }, +]); let chart4 = null; const initEchartsZB = async datas => { @@ -150,13 +165,13 @@ .waterlogImg { flex-wrap: wrap; .part { - width: 18%; - margin-left: 10px; + width: 24%; + margin-left: 5px; margin-bottom: 10px; text-align: center; img { width: 100%; - height: 150px; + height: 170px; } p { line-height: 20px; diff --git a/src/views/sponeScreen/waterFlood/rainReport.vue b/src/views/sponeScreen/waterFlood/rainReport.vue index f020a97..0d0c9b3 100644 --- a/src/views/sponeScreen/waterFlood/rainReport.vue +++ b/src/views/sponeScreen/waterFlood/rainReport.vue @@ -30,7 +30,7 @@ - +