修复横屏图片显示太小的bug

src/main/resources/templates/agg_report_new.html

@@ -358,15 +358,20 @@
 <div class="modal fade bs-example-modal-lg text-center" id="imgModal" tabindex="-1" role="dialog"
      aria-labelledby="myLargeModalLabel">
 
-    <div class="modal-dialog modal-lg" style="display: inline-block; width: 300px;">
-        <div class="modal-content">
-            <img id="imgInModalID"
-                 class="carousel-inner img-responsive img-rounded"
-                 onclick="closeImageViewer()"
-                 onmouseover="this.style.cursor='pointer';this.style.cursor='hand'"
-                 onmouseout="this.style.cursor='default'"
-
-            />
+    <div class="modal-dialog modal-lg" style="display: inline-block; max-width: 900px; max-height: 600px">
+        <div class="modal-content" style="background:  transparent">
+            <center>
+                <img id="imgInModalID"
+                     class="carousel-inner img-responsive "
+                     onclick="closeImageViewer()"
+                     onmouseover="this.style.cursor='pointer';this.style.cursor='hand'"
+                     onmouseout="this.style.cursor='default'"
+                     style="max-height: 90vh;
+                     max-width: 90vw;
+                     object-fit: contain;"
+
+                />
+            </center>
         </div>
     </div>