四议两公开

infoport/discussionsDetail.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>

infoport/static/js/project/discussionsDetail.js

@@ -51,17 +51,20 @@ define(['jquery', "template", "Tools"], function ($, template, Tools) {
             $('#name')[0].innerHTML = content.openName;
             $('#jueyiAt')[0].innerHTML = '決议公开日期：'+content.jueyiAt;
 
-            let arr = content.jueyiPic.split(',');
-            console.log(arr)
-            $('#jueyiPic')[0].innerHTML = '决议公开图片：<br/>';
-            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 = '決议公开图片：<br/>';
+            if (content.jueyiPic){
+                let arr = content.jueyiPic.split(',');
+                for (let i = 0;i < arr.length; i++){
+                    $('#jueyiPic')[0].innerHTML += '<img onclick="openDialog(\'/api'+arr[i]+'\')" src="/api'+arr[i]+'" style="width: 200px;height: 150px;margin-right: 10px;">';
+                }
             }
 
-            let arr2 = content.shishiPic.split(',');
             $('#shishiPic')[0].innerHTML = '实施公开图片：<br/>';
-            for (let i = 0;i < arr2.length; i++){
-                $('#shishiPic')[0].innerHTML += '<img src="/api'+arr2[i]+'" style="width: 200px;height: 150px;margin-right: 10px;">';
+            if (content.shishiPic){
+                let arr2 = content.jueyiPic.split(',');
+                for (let i = 0;i < arr2.length; i++){
+                    $('#shishiPic')[0].innerHTML += '<img onclick="openDialog(\'/api'+arr2[i]+'\')" src="/api'+arr2[i]+'" style="width: 200px;height: 150px;margin-right: 10px;">';
+                }
             }
 
             $('#shishiAt')[0].innerHTML = '实施公开日期：'+content.shishiAt;
@@ -70,6 +73,17 @@ 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) {