From 45799b366305c6dece5d3fd399ece0cb7de507fc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BA=9E=E4=B8=9C=E6=97=AD?= <850374051@qq.com>
Date: Sat, 26 Apr 2025 16:02:26 +0800
Subject: [PATCH] =?UTF-8?q?task=2043078=20=E5=9B=BE=E7=89=87=E6=94=BE?=
 =?UTF-8?q?=E5=A4=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 infoport/discussionsDetail_01.html                 |  4 ++++
 infoport/discussionsDetail_02.html                 |  5 +++++
 infoport/discussionsDetail_03.html                 |  5 +++++
 infoport/static/js/project/discussionsDetail_01.js | 12 +++++++++++-
 infoport/static/js/project/discussionsDetail_03.js | 12 +++++++++++-
 5 files changed, 36 insertions(+), 2 deletions(-)

diff --git a/infoport/discussionsDetail_01.html b/infoport/discussionsDetail_01.html
index aecc87a..9bcb3dd 100644
--- a/infoport/discussionsDetail_01.html
+++ b/infoport/discussionsDetail_01.html
@@ -93,6 +93,10 @@
 
         </div>
 
+        <div id="dialogOp" style="display: none;width: 100vw;height: 100vh;position:absolute;top: 0;left: 0;">
+            <div onclick="closeDia()" style="width: 100vw;height: 100vh;position:absolute;top: 0;left: 0;background: rgba(0,0,0,.5);"></div>
+            <img src="" id="dialogImg" style="position:absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);height: 50vh;" alt=""/>
+        </div>
 
     </div>
 </body>
diff --git a/infoport/discussionsDetail_02.html b/infoport/discussionsDetail_02.html
index 9af2a19..1138744 100644
--- a/infoport/discussionsDetail_02.html
+++ b/infoport/discussionsDetail_02.html
@@ -100,6 +100,11 @@
         </div>
 
 
+        <div id="dialogOp" style="display: none;width: 100vw;height: 100vh;position:absolute;top: 0;left: 0;">
+            <div onclick="closeDia()" style="width: 100vw;height: 100vh;position:absolute;top: 0;left: 0;background: rgba(0,0,0,.5);"></div>
+            <img src="" id="dialogImg" style="position:absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);height: 50vh;" alt=""/>
+        </div>
+
     </div>
 </body>
 <script src="./static/js/common/require.js" data-main="./static/js/common/main.js?t=101" id="require-page" target-module="./static/js/project/discussionsDetail_02.js" defer type="text/javascript"></script>
diff --git a/infoport/discussionsDetail_03.html b/infoport/discussionsDetail_03.html
index db58aab..243eadd 100644
--- a/infoport/discussionsDetail_03.html
+++ b/infoport/discussionsDetail_03.html
@@ -94,6 +94,11 @@
         </div>
 
 
+        <div id="dialogOp" style="display: none;width: 100vw;height: 100vh;position:absolute;top: 0;left: 0;">
+            <div onclick="closeDia()" style="width: 100vw;height: 100vh;position:absolute;top: 0;left: 0;background: rgba(0,0,0,.5);"></div>
+            <img src="" id="dialogImg" style="position:absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);height: 50vh;" alt=""/>
+        </div>
+
     </div>
 </body>
 <script src="./static/js/common/require.js" data-main="./static/js/common/main.js?t=101" id="require-page" target-module="./static/js/project/discussionsDetail_03.js" defer type="text/javascript"></script>
diff --git a/infoport/static/js/project/discussionsDetail_01.js b/infoport/static/js/project/discussionsDetail_01.js
index 28d59eb..3ab7e81 100644
--- a/infoport/static/js/project/discussionsDetail_01.js
+++ b/infoport/static/js/project/discussionsDetail_01.js
@@ -65,7 +65,7 @@ define(['jquery', "template", "Tools"], function ($, template, Tools) {
             if (content.openPic){
                 let arr = content.openPic.split(',');
                 for (let i = 0;i < arr.length; i++){
-                    $('#jueyiPic')[0].innerHTML += '<img src="/api'+arr[i]+'" style="width: 200px;height: 150px;margin-right: 10px;">';
+                    $('#jueyiPic')[0].innerHTML += '<img onclick="openDialog(\'/api'+arr[i]+'\')" src="/api'+arr[i]+'" style="width: 200px;height: 150px;margin-right: 10px;">';
                 }
             }
 
@@ -83,6 +83,16 @@ define(['jquery', "template", "Tools"], function ($, template, Tools) {
         }
     }
 
+    openDialog = function (src){
+        $("#dialogOp").css('display','block');
+        $('#dialogImg').attr('src', src);
+    }
+
+    closeDia = function (){
+        $("#dialogOp").css('display','none');
+        $('#dialogImg').attr('src', '');
+    }
+
     module.newsList = function (data) {
         if (data.code == 200) {
             var content = data.rows;
diff --git a/infoport/static/js/project/discussionsDetail_03.js b/infoport/static/js/project/discussionsDetail_03.js
index 64506c7..ac63935 100644
--- a/infoport/static/js/project/discussionsDetail_03.js
+++ b/infoport/static/js/project/discussionsDetail_03.js
@@ -65,7 +65,7 @@ define(['jquery', "template", "Tools"], function ($, template, Tools) {
             if (content.openPic){
                 let arr = content.openPic.split(',');
                 for (let i = 0;i < arr.length; i++){
-                    $('#openPic')[0].innerHTML += '<img src="/api'+arr[i]+'" style="width: 200px;height: 150px;margin-right: 10px;">';
+                    $('#openPic')[0].innerHTML += '<img onclick="openDialog(\'/api'+arr[i]+'\')" src="/api'+arr[i]+'" style="width: 200px;height: 150px;margin-right: 10px;">';
                 }
             }
 
@@ -84,6 +84,16 @@ define(['jquery', "template", "Tools"], function ($, template, Tools) {
         }
     }
 
+    openDialog = function (src){
+        $("#dialogOp").css('display','block');
+        $('#dialogImg').attr('src', src);
+    }
+
+    closeDia = function (){
+        $("#dialogOp").css('display','none');
+        $('#dialogImg').attr('src', '');
+    }
+
     module.newsList = function (data) {
         if (data.code == 200) {
             var content = data.rows;