流程阅览

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

@@ -10,6 +10,7 @@
     <link type='text/css' rel='stylesheet' href='../apps/com.actionsoft.apps.coe.pal/lib/designer/themes/default/diagraming/ui.css' />
     <link rel="stylesheet" href="../commons/css/awsui.css">
     <style>
+        html,body{height: auto!important;}
         .button.blue {
             background-color: #2375BE;
             color: #FFFFFF;
@@ -536,6 +537,8 @@
     <script type='text/javascript' charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/lib/designer/scripts/diagraming/designer.methods.js'></script>
     <script type='text/javascript' charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/lib/designer/scripts/diagraming/designer.events.js'></script>
     <script type='text/javascript' charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/lib/designer/scripts/diagraming/designer.ui.js'></script>
+    <script type='text/javascript' charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/lib/designer/scripts/diagraming/designer.core.js'></script>
+
     <script type='text/javascript' charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/lib/designer/scripts/diagraming/designer.customize.js'></script>
     <!--针对HTML5设计器核心js进行的扩展-->
     <script type='text/javascript' charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/lib/designer/extend/js/designer.extend.js'></script>
@@ -567,7 +570,7 @@
         }
         #canvas_container{
             width:  100%;
-            height: 100% !important;
+            /* height: 100% !important;*/
             padding:0px;
         }
         .awsui-message-page .content{
@@ -588,7 +591,9 @@
     </script>
 
     <script>
+        //页面标注
         $(document).ready(function(){
+
             $('#content_zoom').append(Math.round(Designer.config.scale * 100) + "%")
             var winSize = {
                 w: $(window).width() - 332,
@@ -598,14 +603,20 @@
                 w: $("#canvas_container").width(),
                 h: $("#canvas_container").height()
             }
+
             if (designerSize.w <= designerSize.h && designerSize.h > winSize.h) {
                 resizeCanvas('width')
             } else if(designerSize.w > designerSize.h && designerSize.w > winSize.w) {
                 resizeCanvas('height')
             }
+
+            var wei = $(window).height() - 150;
+            console.log(wei)
+            $("#designer_layout").height(wei)
+
+
             function resizeCanvas(type) {
                 if (type == 'height') {
-                    console.log(Designer.config.scale)
                     if($("#canvas_container").height() <= winSize.h || Designer.config.scale <= 0.25) {
                         return
                     } else {
@@ -623,13 +634,13 @@
             }
 
             $(window).trigger('resize');
-            var newHeight = $(window).height() - $('#toolbarName').height() - $('#newadd_tools').height() - 41 - 0;
+            var newHeight = $(window).height() - $('#toolbarName').height() - $('#newadd_tools').height() - 80;
             // $('.newadd_portalAttr').height(newHeight-100);
             $('.newadd_portalAttr').height(500);
             $('.newadd_portalAttr').css('overflow-y','auto');
             //$('#closeTab').hide();
             $('#tab').hide();
-            //	$("#designer_layout").height(newHeight);
+           // $("#designer_layout").height(newHeight);
             //$("#designer_layout").height(473);
             $('#openTab').hide();
             $('#closeTab').show();
@@ -638,8 +649,6 @@
             initProcessDesc();
         });
 
-
-
         // 操作tab页打开关闭
         function tabOperate(type) {
             if (type=='open') {//打开tab
@@ -657,6 +666,8 @@
             }
         }
 
+
+
         function clickTab(obj) {
             isClickTab = true;
             $('#tab').find('div').removeClass('selected');
@@ -678,8 +689,8 @@
             if (isCurrentFile == "block") {
                 isFile = 40;
             }
-            var newHeight = $(window).height() - $('#toolbarName').height() - $('#newadd_tools').height() - 41 - isFile;
+            var newHeight = $(window).height() - $('#toolbarName').height() - $('#newadd_tools').height() - 80 - isFile;
-            // $("#designer_layout").height(newHeight);
+           // $("#designer_layout").height(newHeight);
         })
 
         function navOperate(type) {
@@ -695,41 +706,28 @@
         }
 
         function canvasresizeMax() {
-            // designerZoom = designerZoom * 1.1;
-            // Designer.setZoomScale(designerZoom / 100);
             resizeMax()
             $('#content_zoom').empty()
             $('#content_zoom').append(Math.round(Designer.config.scale * 100) + "%")
         }
         function canvasresizeMin() {
-            // designerZoom = designerZoom * 0.9;
-            // Designer.setZoomScale(designerZoom / 100);
             resizeMin()
             $('#content_zoom').empty()
             $('#content_zoom').append(Math.round(Designer.config.scale * 100) + "%")
         }
     </script>
     <style>
-        body{height:100%!important; overflow: hidden;}
+        body{}
-        .newadd_card {
-
-        }
-        .suofang{
-
-        }
-        .newadd_title{ }
-
         .page .footer{position:absolute; left:0; bottom:0; height:200px; width:100%;}
-        .newadd_card .title{font-size: 16px; margin: 20px;}
+        .newadd_card .title{font-size: 16px; padding: 20px;}
-
 
         .selected{
             border-bottom: 2px solid #4e7ff9; color:#4e7ff9
         }
-        #designer_layout{background: none!important;margin:10px!important;}
+        #designer_layout{background: none!important; overflow-x: hidden!important;}
         .awsui-table-bordered td{border:0!important; padding: 5px 0!important;}
         .awsui-table-bordered,.tableContent{border:0!important;line-height: 20px; float:left}
-        #designer_canvas{background: none!important;}
+        #designer_canvas{background: none!important; margin-top: -100px;}
 
         .processfiledown li{line-height: 20px;}
         .awsui-table td{border:0!important; padding: 2px 0!important;}
@@ -744,208 +742,25 @@
     <div>
         <span class="newadd_title" style="font-size: 18px;font-weight: bold; margin-bottom:20px;display: block"><#toolbarName></span>
     </div>
-    <div class="newadd_card" style="float: left;
+    <div class="newadd_card" style="
-            width: 100%;
             background-color: #fff;
             background-clip: border-box;
             border-radius: 4px;
-            box-shadow: 0 2px 4px rgba(0,0,0,0.2);
+            box-shadow: 0 2px 4px rgba(0,0,0,0.2);
-            margin-bottom: 20px;
-            height: 90%!important;
           ">
         <div class="title"><span><#typeName></span></div>
-        <div id="designer_layout" class="" >
+        <div id="designer_layout">
             <div id="canvas_container" style="padding:0px;background-color:white;">
-                <div id="designer_canvas" style="background-color: white !important;margin-top:-150px !important;">
+                <div id="designer_canvas" style="background-color: white !important;">
                     <canvas id="designer_grids" style="background-color:white;">您的浏览器不支持HTML5，请使用IE9及以上版本，或Chrome、Firefox等浏览器</canvas>
-                    <!--&lt;!&ndash; 链接图层 &ndash;&gt;-->
                     <ul id="link-dialog-normal_contextmenu" class="menu list options_menu">
                     </ul>
                 </div>
             </div>
-           <!-- <div id="shape_img_container"></div>
-            <div id="layout_block"></div>-->
         </div>
-      <!--  <div id="shape_thumb" class="menu">
+
-            <canvas width="160px"></canvas>
-            <div></div>
-        </div>-->
-        <!--<div class="suofang" style=" height: 40px;
-            background-color: white;
-            border-top: 1px solid #efefef;
-            vertical-align: middle;
-            position: absolute;
-            border-bottom-left-radius: 10px;
-            border-bottom-right-radius: 10px;
-            bottom: 0;
-            width: 100%;">-->
-            <!--<div id="outputFile" style="vertical-align:middle;padding-top:9px;display:none;float: left; width:60%"></div>-->
-            <!--<div style="font-size: 15px;vertical-align:middle;padding-top:9px;float:right; width: 30%;text-align: right;">-->
-                <!--<span class="awsui-iconfont" id="showNav" style="margin-right:30px;display: none" awsui-qtip="显示导航" onclick="navOperate('show')">
-                    <i class="awsui-iconfont" style="color:#555;">&#xe722;</i>
-                </span>
-                    <span class="awsui-iconfont" id="closeNav" style="margin-right:30px" awsui-qtip="关闭导航" onclick="navOperate('close')">
-                    <i class="awsui-iconfont" style="color:#555;">&#xe723;</i>
-                </span>
-                    <span class="awsui-iconfont" id="narrow" style="margin-right:10px;" onclick="canvasresizeMin()" awsui-qtip="缩小" >
-                    <i class="awsui-iconfont" style="color:#555;">&#xe71d;</i>
-                </span>
-                    <span class="awsui-iconfont" id="content_zoom" style="margin-right:10px;"></span>
-                    <span class="awsui-iconfont" id="enlarge" style="margin-right:50px;" onclick="canvasresizeMax()"  awsui-qtip="放大" >
-                    <i class="awsui-iconfont" style="color:#555;">&#xe71e;</i>
-                </span>-->
-            <!--</div>-->
-            <!--<div id="navigation_view" class="dock_view dock_view_navigator" style="position:absolute;top: -200px">
-                <div class="navigation_bounding">
-                    <div class="navigation_view_container">
-                        <canvas id="navigation_canvas" width="120px" height="160px"></canvas>
-                        <div id="navigation_eye"></div>
-                    </div>
-                </div>
-            </div>-->
-        <!--</div>-->
     </div>
 
-   <!-- <div class="clearfix"></div>
-    <div class="newadd_card">
-        <div id="pinglun">-->
-
-
-            <!--&lt;!&ndash; 附件图层 &ndash;&gt;-->
-            <!--<ul id="attachment-dialog-normal_contextmenu" class="menu list options_menu" style="max-height:200px;overflow:hidden auto;">
-            </ul>-->
-            <!--&lt;!&ndash; 端到端串接图层 &ndash;&gt;-->
-            <!-- <div id="ete-cascade-normal_contextmenu" style="display:none;">
-                 <div id="ete-cascade-img">
-                     <img width="400px" height="250px" src="" />
-                 </div>
-                 <div class="ete-cascade-waiting">
-                     <div align="center">
-                         <img src="../commons/img/waiting.gif"  />
-                     </div>
-                 </div>
-                 <div class="ete-cascade-nopic" style="display:none;">
-                     <div align="center">
-                         <span class="ete-cascade-nopic-tip">文件无内容</span>
-                     </div>
-                 </div>
-                 <div id="ete-cascade-name" class="ete-word">
-                     <span class="ete-word-1" style="cursor:pointer;font-size:18px;">&lt;</span>
-                     <span class="ete-word-2"></span>
-                     <span class="ete-word-3">/</span>
-                     <span class="ete-word-4"></span>
-                     <span class="ete-word-5" style="cursor:pointer;font-size:18px;">&gt;</span>
-                     <span class="ete-word-showname">
-                                     <span class="ete-word-6">(</span>
-                                     <span class="ete-word-7"></span>
-                                     <span class="ete-word-8">)</span>
-                                     <span class="ete-word-9"></span>
-                                 </span>
-                 </div>
-                 <div id="ete-cascade-open" class="ete-word" awsui-qtip="打开模型"><i class="awsui-iconfont" style="color:#707070;font-size:19px;">&#xe800;</i></div>
-                 <div id="ete-cascade-slider" class="ausui-slider-vertical">
-                     <div class="awsui-slider" style="height:188px;" id="verticalSlide2">
-                         <input class="slider-input" id="verticalSlide2_input" />
-                     </div>
-                 </div>
-                 <div id="ete-cascade-analysis" class="ete-word"  awsui-qtip="串联分析"><i class="awsui-iconfont" style="color:#108ee9;font-size:22px;">&#xec57;</i></div>
-                 <form id="eteCascadeAnalysisForm" name="eteCascadeAnalysisForm" method="post" action="./w" target="_blank">
-                     <input type="hidden" name="appId" value="com.actionsoft.apps.coe.pal.processlink">
-                     <input type="hidden" name="cmd" value="com.actionsoft.apps.coe.pal.processlink_ete_analysis_home">
-                     <input type="hidden" name="sid" value="<#sid>">
-                     <input type="hidden" name="wsId" value="<#wsId>">
-                     <input type="hidden" name="teamId" value="<#teamId>">
-                     <input type="hidden" name="uuid" value="<#uuid>">
-                 </form>
-             </div>-->
-        <!--</div>
-    </div>
-    <div class="clearfix"></div>-->
-    <!--&lt;!&ndash;  弹框表格  &ndash;&gt;-->
-    <!--<div id="attribute-table-window2"  style="width:500px;height:325px;display:none;">
-        <div style='margin:0px;height:235px;width:500px;'>
-            <div style="height: 225px;width: 493px;overflow:auto;">
-                <table style="width: 100%;border-collapse:collapse;">
-                    <tbody class="dialogTableTbody" id='attribute-table-content2'>
-
-                    </tbody>
-                </table>
-                <div style="margin-top: 5px" id="attribute-add-content2"></div>
-            </div>
-        </div>
-    </div>-->
-
-    <!--    <button name="dock_btn_enlarge" type="button" class="awsui-btn" onclick="canvasresizeMax();">放大</button>-->
-    <!--    <button name="dock_btn_narrow" type="button" class="awsui-btn" onclick="canvasresizeMin();">缩小</button>-->
-
-
-    <!--<div id="designer">
-        <div id="designer_viewport" class="readonly">
-
-            &lt;!&ndash;&lt;!&ndash; Graphic Dock Window &ndash;&gt;&ndash;&gt;
-        </div>
-    </div>-->
-
-    <!--</div>-->
-    <!--<div style="width:510px;display:none;" id="shapes_dialog">-->
-    <!--<div id="content" class="dlg-content awsui-ux">-->
-    <!--<ul id="shape_manage_list">-->
-    <!--<#liStr>-->
-    <!--</ul>-->
-    <!--</div>-->
-    <!--</div>-->
-
-    <!--<div id="designer-version-manager" style="width:600px; display:none;">
-        <div id='contentDiv' style='margin-top:1px;height:220px;' class="dlg-content">
-            <iframe width="100%" id="designerManager" name="coeCreateUser" frameBorder="0" style="width: 100%; height: 220px;"></iframe>
-        </div>
-    </div>-->
-
-    <!--&lt;!&ndash; 不支持HTML5的页面显示图片 &ndash;&gt;-->
-    <!--<div id="mainDiv" style="display: none;">
-        <div class="view_box">
-            <div id="chartDivBox" style="background: none;">
-                <div id="chartDiv" style="left: 148.5px; top: 0px;">
-                    <img alt="<#fileName>" id="chart_img" style="display: block; opacity: 1;" src="<#diagram>">
-                </div>
-            </div>
-            <div id="chart_preview" style="background: rgba(255, 255, 255, 0.701961);">
-                <div id="chart_preview_wrap" style="position: absolute; opacity: 1;">
-                    <img id="preview_img" style="position: absolute; display: block;" src="<#diagram>">
-                    <div class="preview_box" id="preview_box" style="cursor: move; background: rgba(255, 255, 255, 0);"></div>
-                </div>
-            </div>
-        </div>
-    </div>&ndash;&gt;
-
-    <div title="" style="width:550px;display:none;" id="upfile-dialog">
-        <div id='upfile-content' style='height:330px;'>
-            <iframe width="100%" id="upfile-content-iframe" name="upfile-content-iframe" frameBorder="0" style="width: 100%; height:100%;"></iframe>
-        </div>
-    </div>
-
-    &lt;!&ndash;WFVersion对话框&ndash;&gt;
-    <div id="dialog_wf_version" style="width:900px; display:none;">
-        <div id="dialog_wf_version_area" style="height:250px;" class="dlg-content">
-            <iframe id="wf_version_frame" src="" frameborder="0" width="100%" height="100%"></iframe>
-        </div>
-        <div class="dialog-button-wrap" style="text-align:right">
-            <div class="dlg-button" style="text-align:right;">
-                <div class="dlg-info">
-                        <span style='font-family: Consolas;font-size:16px;'>Version ID:
-                            <input type='text' class='IDInput' readonly='readonly' value='<#processDefVersionId>' />
-                        </span>
-                </div>
-                <button class="button" onclick="$('#dialog_wf_version').dialog('close');return false;">关闭</button>
-            </div>
-        </div>
-    </div>
-    <div id="noContent" class="awsui-message-page" style="display:none;">
-        <div class="content">
-            <span class="icon" message-type="no_content"></span>
-            <span class="title">无数据</span>
-        </div>
-    </div>-->
     <form id="openNewModelForm" name="openNewModelForm" method="post" action="./w" target="_blank">
         <input type="hidden" name="sid" id="sid" value="<#sid>">
         <input type="hidden" name="imgPath" id="imgPath" value="<#imgPath>">

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

@@ -600,6 +600,15 @@
             } else if(designerSize.w > designerSize.h && designerSize.w > winSize.w) {
                 resizeCanvas('height')
             }
+            if($('.awsui-iconfont').length > 6){
+                $("#designer_layout").css({
+                    height:$('.awsui-iconfont').length * 50
+                });
+            }else{
+                $("#designer_layout").css({
+                    height: $(window).height() - 180
+                });
+            }
             function resizeCanvas(type) {
                 if (type == 'height') {
                     console.log(Designer.config.scale)
@@ -643,6 +652,17 @@
 
         });
 
+
+        if($('.awsui-iconfont').length > 6){
+            $("#designer_layout").css({
+                height:$('.awsui-iconfont').length * 50
+            });
+        }else{
+            $("#designer_layout").css({
+                height: $(window).height() - 180
+            });
+        }
+
         //渲染评论内容
         function initPl() {
             $(".message-detial-reply").empty();
@@ -681,6 +701,23 @@
             }
         }
 
+        var wei=0;
+        $('.shape_box').each(function(e){
+            if($('.shape_box:eq('+e+') .shape_canvas').width() > $('.shape_box:eq('+e+') .shape_canvas').height()){
+                wei+= JSON.parse($('.shape_box:eq('+e+') .shape_canvas').height())
+            }
+        })
+        if($('.shape_box').length > 6){
+            $("#designer_layout").css({
+                height: wei//$('.shape_box').length * 120
+            });
+        }else{
+            $("#designer_layout").css({
+                height: $(window).height() - 180
+            });
+        }
+
+
         function clickTab(obj) {
             isClickTab = true;
             $('#tab').find('div').removeClass('selected');
@@ -757,13 +794,6 @@
             box-shadow: 0 2px 4px rgb(0, 0, 0, 0.2);
         }
 
-        .tableContent{
-            white-space:nowrap;
-            overflow:hidden;
-            text-overflow:ellipsis;
-            width:200px;
-        }
-
         .toolbar_info2{margin-bottom:10px;}
         #tools{position: relative; padding:20px;}
         #tab{ clear: both;overflow: hidden; border-bottom:1px solid #dbdbdb;width:100%;}

com.actionsoft.apps.coe.pal/web/com.actionsoft.apps.coe.pal/lib/designer/scripts/diagraming/designer.core.framework.js

@@ -75,9 +75,10 @@ var Designer = {
             }
         },
         initCanvas: function() {
-
+           // var q = Model.define.page.width.toScale();
-            var q = Model.define.page.width.toScale();
+            var q = ($(window).width()-200).toScale()
-            var v = Model.define.page.height.toScale();
+           // var v =  Model.define.page.height.toScale();
+            var v = (Model.define.elements * 100);
             var B = Model.define.page.backgroundColor;
             var s = Utils.getDarkerColor(B);
             var A = Utils.getDarkestColor(B);
@@ -86,8 +87,7 @@ var Designer = {
             });
             var w = $("#designer_grids");
             w.attr({
-                width: q,
+                width: $(window).width()-200
-                height: v
             });
             var h = w[0].getContext("2d");
             h.clearRect(0, 0, q, v);
@@ -140,8 +140,8 @@ var Designer = {
                 }
             }
             $("#canvas_container").css({
-                width: q,
+                width: $(window).width()-200,
-                height: v,
+               /* height: v,*/
                 padding: Designer.config.pageMargin
             });
             if (!this.initialized) {
@@ -2884,6 +2884,7 @@ var Designer = {
                 }
                 var I = ab.attach;
                 var al = I.lineStyle.lineWidth;
+                console.log((I.props.h + al).toScale())
                 Y.css({
                     width: (I.props.w + al).toScale(),
                     height: (I.props.h + al).toScale(),
@@ -4117,6 +4118,7 @@ var Designer = {
             }
             var t = Utils.getShapeBox(q);
             var w = (t.w + 20).toScale();
+            console.log(t)
             var s = (t.h + 20).toScale();
             o.find(".shape_canvas").attr({
                 width: w,
@@ -4128,6 +4130,7 @@ var Designer = {
                 width: w,
                 height: s
             });
+
             var n = o.find(".shape_canvas")[0].getContext("2d");
             n.clearRect(0, 0, q.props.w + 20, q.props.h + 20);
             n.scale(Designer.config.scale, Designer.config.scale);
@@ -6012,6 +6015,7 @@ var Model = {
             f = this.orderList[this.orderList.length - 1].zindex
         }
         this.maxZIndex = f
+
     },
     getShapeLinkers: function(b) {
         return this.linkerMap.map[b]
@@ -9411,4 +9415,4 @@ Number.prototype.toScale = function() {
 };
 Number.prototype.restoreScale = function() {
     return this / Designer.config.scale
-};
+};