文件阅览缩放功能调整

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

@@ -589,7 +589,43 @@
     <script>
         $(document).ready(function(){
             //$("#canvas_container").empty();
-            $('#content_zoom').append(Math.round(Designer.config.scale * 100) + "%")
+
+
+
+            // 显示当前缩放比例
+            $('#content_zoom').text(Math.round(Designer.config.scale * 100) + "%");
+
+            // 计算可用窗口尺寸
+            var winSize = {
+                w: $(window).width() - 332,
+                h: $(window).height() - $('#newadd_tools').height() - 41 - 40 - 70
+            };
+
+            // 获取画布原始尺寸
+            var canvasSize = {
+                w: $("#canvas_container").width(),
+                h: $("#canvas_container").height()
+            };
+
+            // 计算最佳缩放比例（保持宽高比）
+            var scaleW = winSize.w / canvasSize.w;
+            var scaleH = winSize.h / canvasSize.h;
+            var optimalScale = Math.min(scaleW, scaleH);
+
+            // 设置最小缩放限制（例如0.5表示50%）
+            var minScale = 0.6; // 可根据需要调整
+
+            // 应用缩放比例
+            if (optimalScale < 1) {
+                Designer.config.scale = Math.max(optimalScale, minScale);
+                applyCanvasScale(Designer.config.scale);
+            }
+
+            $(window).trigger('resize');
+
+
+
+           /* $('#content_zoom').append(Math.round(Designer.config.scale * 100) + "%")
             var winSize = {
                 w: $(window).width() - 332,
                 h: $(window).height() - $('#newadd_tools').height() - 41 - 40 - 70    // 41为文件名行高   40为最下方功能区域   70为下方评论行高
@@ -602,7 +638,7 @@
                 resizeCanvas('width')
             } else if(designerSize.w > designerSize.h && designerSize.w > winSize.w) {
                 resizeCanvas('height')
-            }
+            }*/
 
             if($('.awsui-iconfont').length > 6){
                 $("#designer_layout").css({
@@ -614,7 +650,10 @@
                     //height: $(window).height() + 300
                 });
             }
-            function resizeCanvas(type) {
+
+
+
+           /* function resizeCanvas(type) {
                 if (type == 'height') {
                     console.log(Designer.config.scale)
                     if($("#canvas_container").height() <= winSize.h || Designer.config.scale <= 0.25) {
@@ -631,13 +670,14 @@
                         resizeCanvas('width')
                     }
                 }
-            }
+            }*/
             /*var output = initOutputFileLink();
             if (output != 0) {
                 output = 40;
             } else {
                 output = 0;
             }*/
+
             $(window).trigger('resize');
             var newHeight = $(window).height() - $('#toolbarName').height() - $('#newadd_tools').height() - 41 - 0;
             // $('.newadd_portalAttr').height(newHeight-100);
@@ -667,6 +707,31 @@
         });
 
 
+
+        // 应用缩放比例的函数
+        function applyCanvasScale(scale) {
+            // 更新缩放显示
+            $('#content_zoom').text(Math.round(scale * 100) + "%");
+
+            // 实际缩放逻辑（根据你的具体实现调整）
+            // 示例1：使用CSS transform
+            $('#canvas_container').css({
+                'transform': 'scale(' + scale + ')',
+                'transform-origin': '0 0'
+            });
+
+            // 或者示例2：调整画布尺寸
+            // var canvas = document.getElementById('canvas');
+            // canvas.width = originalWidth * scale;
+            // canvas.height = originalHeight * scale;
+            // 然后重绘内容
+        }
+
+
+
+
+
+
         if($('.awsui-iconfont').length > 6){
             $("#designer_layout").css({
                 height:$('.awsui-iconfont').length * 50