esop

pages/dashboard/esop.html

@@ -97,9 +97,9 @@
                     </div>
                 </div>
             </div>
-            <div class="col-lg-9 col-md-9" >
+            <div class="col-lg-9 col-md-9">
                 <img id="imgInfo" src="/files/imgInfo.jpg" width="100%" height="100%"/> 
-                <iframe id="frameMain" width="100%" border="0" frameborder="0" v-bind:src="filepath" style="background-color:#ffffff"></iframe>
+                <iframe id="frameMain" width="100%"  border="0" frameborder="0" v-bind:src="filepath" style="background-color:#ffffff"></iframe>
                 <img id="imgType" src="" width="auto" /> 
                 <video id="videoType" src="" controls width="auto" > </video>
                 <div id="textType" width="auto" ></div>
@@ -126,12 +126,21 @@
             $("#videoType").hide();
             $("#imgInfo").hide();
         }
+        function setIframeHeight(iframe) {
+if (iframe) {
+var iframeWin = iframe.contentWindow || iframe.contentDocument.parentWindow;
+if (iframeWin.document.body) {
+iframe.height = iframeWin.document.documentElement.scrollHeight || iframeWin.document.body.scrollHeight;
+}
+}
+};
 
 
         var marCode = "";
         // const taskList1 = [];//ServiceProduceTask.getEsopFileList();
         // const taskList2 = [];//ServiceProduceTask.getEsopTaskList();
-        $("#frameMain").height($(window).height()-110);
+        // setIframeHeight(document.getElementById('frameMain'));
+        $("#frameMain").height($(window).height()+110);
         $("#imgType").height($(window).height()-110);
         $("#videoType").height($(window).height()-110);