yili/apps
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

文件阅览缩放问题提交

Browse Source
This commit is contained in:
zhaol 2025-05-19 10:21:41 +08:00
parent 42a985e3b0
commit e03d9cbb4a
1 changed files with 39 additions and 56 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -589,10 +589,22 @@
<script>
$(document).ready(function(){
//$("#canvas_container").empty();
/* $('#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为下方评论行高
}
var designerSize = {
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')
}*/
// 显示当前缩放比例
$('#content_zoom').text(Math.round(Designer.config.scale * 100) + "%");
// 计算可用窗口尺寸
@ -612,34 +624,20 @@
var scaleH = winSize.h / canvasSize.h;
var optimalScale = Math.min(scaleW, scaleH);
// 设置最小缩放限制（例如0.5表示50%）
// 设置最小缩放限制 0.6表示60%）
var minScale = 0.6; // 可根据需要调整
// 应用缩放比例
if (optimalScale < 1) {
Designer.config.scale = Math.max(optimalScale, minScale);
applyCanvasScale(Designer.config.scale);
if(methodId!="data.form" && methodId!="control.policy" && methodId!="engineering.standard" && methodId!="process.scheme" ){
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为下方评论行高
}
var designerSize = {
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')
}*/
if($('.awsui-iconfont').length > 6){
$("#designer_layout").css({
height:$('.awsui-iconfont').length * 50
@ -650,34 +648,30 @@
//height: $(window).height() + 300
});
}
/* function resizeCanvas(type) {
if (type == 'height') {
console.log(Designer.config.scale)
if($("#canvas_container").height() <= winSize.h || Designer.config.scale <= 0.25) {
return
} else {
canvasresizeMin()
resizeCanvas('height')
}
} else {
if($("#canvas_container").width() <= winSize.w || Designer.config.scale <= 0.25) {
return
} else {
canvasresizeMin()
resizeCanvas('width')
}
}
}*/
/* function resizeCanvas(type) {
if (type == 'height') {
console.log(Designer.config.scale)
if($("#canvas_container").height() <= winSize.h || Designer.config.scale <= 0.25) {
return
} else {
canvasresizeMin()
resizeCanvas('height')
}
} else {
if($("#canvas_container").width() <= winSize.w || Designer.config.scale <= 0.25) {
return
} else {
canvasresizeMin()
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);
@ -713,25 +707,14 @@
// 更新缩放显示
$('#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
@ -779,7 +762,7 @@
let url = msg['data']['url'];
$("#canvas_container").append("<iframe id='ifr' src=" + url + "></iframe>");
$("#on_doc").width("1050px");
$('#online_mainDiv').css("left","0px")
$('#online_mainDiv').css("left","0px");
$("#ifr").height("100%");
$("#ifr").width("100%");
$("#designer_layout").css("overflow-x","hidden");