流程模型预览布局修改

com.actionsoft.apps.coe.pal/template/page/pal.pl.repository.designer.view.portal.html

@@ -640,7 +640,7 @@
             $(window).trigger('resize');
             var newHeight = $(window).height() - $('#toolbarName').height() - $('#newadd_tools').height() - 41 - 0;
             // $('.newadd_portalAttr').height(newHeight-100);
-            $('.newadd_portalAttr').height(500);
+            $('.newadd_portalAttr').height(658);
             $('.newadd_portalAttr').css('overflow-y','auto');
             //$('#closeTab').hide();
             $('#tab').hide();
@@ -707,16 +707,14 @@
                         //$.simpleAlert("close");
                         if (msg['data']) {
                             $("#canvas_container").empty();
+                            $("#canvas_container").css({"width":"100%","height":"100%"});
                             let url = msg['data']['url'];
                             $("#canvas_container").append("<iframe id='ifr' src=" + url + "></iframe>");
                             $("#on_doc").width("1050px");
                             $('#online_mainDiv').css("left","0px")
-                            let pHeight = $("#ifr").parent().height();
+                            $("#ifr").height("100%");
-                            let pWidth = $("#ifr").parent().width();
+                            $("#ifr").width("100%");
-                            $("#ifr").height(pHeight);
+                            $("#designer_layout").css("overflow-x","hidden");
-                            $("#ifr").width(pWidth);
-                            //$("#canvas_container").html(url);
-                            //window.open(url);
                         }
                     } else {
                         $.simpleAlert("close");
@@ -816,6 +814,19 @@
             $('#content_zoom').empty()
             $('#content_zoom').append(Math.round(Designer.config.scale * 100) + "%")
         }
+
+        //隐藏评论div
+        function hideLayerSide() {
+            debugger;
+            $(".pinglun").animate({ "right": "-25%", "width": "25%", "height": "85%" });
+            $(".floatBtnDiv").animate({ "right":"-1%", "width": "69px", "height": "auto" });
+        }
+        //展示评论div
+        function showLayerSide() {
+            $(".pinglun").animate({ "right": "0px", "width": "25%", "height": "85%" });
+            $(".floatBtnDiv").animate({ "right":"-69px", "width": "69px", "height": "auto" });
+        }
+
     </script>
     <style>
         body{height:100%!important;}
@@ -908,7 +919,7 @@
             width: 96%!important;
             padding-top: 20px;
         }
-        #pinglun{clear: both;overflow-y: scroll;overflow-c: hidden;height: 139px;}
+        #pinglun{clear: both;overflow: hidden;}
         .suofang{height:40px;background-color:white;border-top:1px solid #efefef;vertical-align:middle;position: relative;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
         .processfiledown li{line-height: 20px;}
         .awsui-table td{border:0!important;}
@@ -958,7 +969,45 @@
             color: #999999!important;
             background-color: #ffffff!important;
         }
-    </style>
+        .floatBtnDiv{
+            position: absolute;
+            z-index: 99;
+            float: right;
+            top: 35%;
+            right: -1%;
+        }
+        .floatBtn{
+            border-radius: 20px;
+            background-color: #ececee;
+            width: 69px;
+            border-width: 1px 0 1px 1px;
+            border-style: solid;
+            border-color: #c6c7ca;
+            box-shadow: 0 0 8px 4px #00000014;
+            height: 35px;
+            font-size: 16px;
+        }
+        .floatBtn:hover {cursor: pointer;
+                         color: rgb(55,198,192);
+                         background-color: #3771e0;
+
+        }
+        #x:hover {cursor: pointer;color: rgb(55,198,192);}
+        .pinglun{
+            position: absolute;
+            right: 0px;
+            float: right;
+            width: 0px;
+            height: 85%;
+            margin-bottom: 20px;
+            background-color: #fff;
+            background-clip: border-box;
+            border-top-left-radius: 20px;
+            border-bottom-left-radius: 20px;
+            box-shadow: 0 10px 30px rgb(0, 0, 0, .2);
+            overflow: auto;
+        }
+</style>
 </head>
 
 <body  class="newadd_body">
@@ -1051,8 +1100,9 @@
 
     </div>
 
-    <div class="newadd_nav">
+    <div class="pinglun">
         <div id="pinglun">
+            <label id="x" onclick=hideLayerSide(); style="position: relative;top:2px;left: 97%;font-size: 20px;">x</label>
             <div class="message-detial-reply">
             </div>
             <!-- 链接图层 -->
@@ -1106,9 +1156,11 @@
                 </form>
             </div>
         </div>
-
-
     </div>
+    <div class="floatBtnDiv" style="width: 69px">
+        <input type='button' class='floatBtn' onclick=showLayerSide(); value="评论"/>
+    </div>
+        <div>
   <!--  <div class="clearfix"></div>
     <div class="clearfix"></div>-->
     <!--  弹框表格  -->