流程模型预览布局修改

This commit is contained in:
wangpf 2023-06-05 11:44:33 +08:00
parent 9174ad16bc
commit aaa423e4ab

View File

@ -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();
let pWidth = $("#ifr").parent().width();
$("#ifr").height(pHeight);
$("#ifr").width(pWidth);
//$("#canvas_container").html(url);
//window.open(url);
$("#ifr").height("100%");
$("#ifr").width("100%");
$("#designer_layout").css("overflow-x","hidden");
}
} 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>-->
<!-- 弹框表格 -->