280 lines
12 KiB
HTML
280 lines
12 KiB
HTML
<!DOCTYPE html >
|
||
<html xmlns=http://www.w3.org/1999/xhtml>
|
||
|
||
<head>
|
||
<title><#fileName></title>
|
||
|
||
<meta charset="UTF-8">
|
||
<link rel="stylesheet" href="../commons/css/awsui.css">
|
||
<link type='text/css' rel='stylesheet' href='../apps/com.actionsoft.apps.coe.pal/lib/designer/themes/default/diagraming/designer.versionCompare.css' />
|
||
<script type='text/javascript' src='../commons/js/jquery/scripts/jquery.js'></script>
|
||
<script type="text/javascript" src="../commons/js/awsui.js"></script>
|
||
<script type='text/javascript' charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/lib/designer/scripts/diagraming/schema/schema.js'></script>
|
||
|
||
<!-- 版本对比 -->
|
||
<script type='text/javascript' charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/lib/designer/scripts/diagraming/versionCompare/version.core.debug.js'></script>
|
||
|
||
<script>
|
||
var 修改 = "<I18N#修改>"
|
||
var 由 = "<I18N#由>"
|
||
var 设计中 = "<I18N#设计中>"
|
||
var 已发布 = "<I18N#已发布>"
|
||
var 已停用 = "<I18N#已停用>"
|
||
var 审核中 = "<I18N#审核中>"
|
||
var 设计 = "<I18N#设计>"
|
||
|
||
var 文件属性 = "<I18N#文件属性>"
|
||
var 文件信息 = "<I18N#文件信息>";
|
||
var 附件 = "<I18N#附件>"
|
||
var 形状属性 = "<I18N#形状属性>"
|
||
var 数据属性 = "<I18N#数据属性>"
|
||
var 链接 = "<I18N#链接>"
|
||
var 暂无文件属性 = "<I18N#暂无文件属性>"
|
||
var 关联附件 = "<I18N#关联附件>"
|
||
var 暂无形状属性 = "<I18N#暂无形状属性>"
|
||
var 文件链接 = "<I18N#文件链接>"
|
||
var 自定义链接 = "<I18N#自定义链接>"
|
||
var 暂无 = "<I18N#暂无>"
|
||
var 预览 = "<I18N#预览>"
|
||
var 正在切换 = "<I18N#正在切换>"
|
||
var 是否将 = "<I18N#是否将>"
|
||
var 切换为使用中 = "<I18N#切换为使用中>"
|
||
|
||
var 图元位于画布左侧可解除同步锁定查看 = "<I18N#图元位于画布左侧，可解除同步锁定查看>"
|
||
var 图元位于画布右侧可解除同步锁定查看 = "<I18N#图元位于画布右侧，可解除同步锁定查看>"
|
||
var 图元位于画布顶部可解除同步锁定查看 = "<I18N#图元位于画布顶部，可解除同步锁定查看>"
|
||
var 图元位于画布底部可解除同步锁定查看 = "<I18N#图元位于画布底部，可解除同步锁定查看>"
|
||
var 同步版本间操作 = "<I18N#同步版本间操作>"
|
||
var 关闭缩略图 = "<I18N#关闭缩略图>"
|
||
var 显示缩略图 = "<I18N#显示缩略图>"
|
||
var 缩小 = "<I18N#缩小>"
|
||
var 重置 = "<I18N#重置>"
|
||
var 放大 = "<I18N#放大>"
|
||
|
||
var 新增图元 = "<I18N#新增图元>"
|
||
var 删除图元 = "<I18N#删除图元>"
|
||
var 图元位置变化 = "<I18N#图元位置变化>"
|
||
var 图元信息变化 = "<I18N#图元信息变化>"
|
||
var 图元名称样式变化 = "<I18N#图元名称样式变化>"
|
||
|
||
var isProcessExec = <#isProcessExec> // 版本对比页面与梳理到执行流程对比页面共用 以此进行区分 方便页面屏蔽一些逻辑与数据
|
||
// 是否用于bpm：隐藏属性、隐藏返回按钮
|
||
var ifHideUI = <#ifHideUI>
|
||
|
||
|
||
var versionData = <#versionData>
|
||
var curData = <#curData>
|
||
var pageDefinition = {
|
||
left: JSON.parse(versionData.definition),
|
||
right: JSON.parse(curData.definition)
|
||
}
|
||
var leftOfRelationShapes = <#leftOfRelationShapes>
|
||
var rightOfRelationShapes = <#rightOfRelationShapes>
|
||
var methodId = "<#methodId>"
|
||
var methodIcon = <#methodIcon>
|
||
var fileName = "<#fileName>"
|
||
var relationShapeInfo = {
|
||
left: leftOfRelationShapes,
|
||
right: rightOfRelationShapes
|
||
}
|
||
var isSameOperate = true // 同步版本间操作
|
||
var diffList = <#diffNode>
|
||
var diffNode = diffList.filter(i => i.type.length > 0)
|
||
|
||
$(document).ready(function () {
|
||
$('.method-icon').append('<i class="awsui-iconfont">' + methodIcon.code + '</i>');
|
||
$('.method-icon').css({background: methodIcon.color});
|
||
$('.file-name').text(fileName)
|
||
$('.version-num-left').text(versionData.versionNo)
|
||
$('.version-num-right').text(curData.versionNo)
|
||
$('.update-time-left').text(versionData.updateTime)
|
||
$('.update-time-right').text(curData.updateTime)
|
||
|
||
// 悬浮icon
|
||
$('.attribute-view-btn').off("mouseenter").on("mouseenter", function () {
|
||
let pos = $(this).attr('position')
|
||
let str = Utils.getSelected(pos).length > 0 ? 数据属性 : 文件信息
|
||
let html = `<div class="btn-text">${str}</div>`
|
||
if($(this).find('.btn-text').length === 0) {
|
||
$(this).css('width', 'auto')
|
||
$(this).append(html)
|
||
}
|
||
}).off("mouseleave").on("mouseleave", function () {
|
||
$(this).css('width', '40px')
|
||
$(this).find('.btn-text').remove()
|
||
})
|
||
|
||
// 梳理到执行
|
||
if (isProcessExec) {
|
||
// 继续编辑按钮 屏蔽
|
||
$('.left-right').css('visibility', 'hidden')
|
||
// 左侧版本下拉列表 屏蔽
|
||
$('.left .left-center .center-top i.awsui-iconfont').css('visibility', 'hidden')
|
||
}
|
||
if (ifHideUI) {
|
||
// 属性侧边栏 屏蔽
|
||
$('.attribute-view-btn').hide()
|
||
// 返回按钮 屏蔽
|
||
$('.back-icon').hide()
|
||
}
|
||
|
||
$('.same-operate').attr('awsui-qtip', 同步版本间操作)
|
||
$('.close-nav-icon').attr('awsui-qtip', 关闭缩略图)
|
||
$('.show-nav-icon').attr('awsui-qtip', 显示缩略图)
|
||
$('.zoom-in-icon').attr('awsui-qtip', 放大)
|
||
$('.zoom-value').attr('awsui-qtip', 重置)
|
||
$('.zoom-out-icon').attr('awsui-qtip', 缩小)
|
||
|
||
})
|
||
// 左侧 版本切换显示隐藏的开关处理，通过iframe url传递 isHistory 参数
|
||
$("#leftChangeVersion").ready(function () {
|
||
let urlParams = new URLSearchParams(window.location.search);
|
||
if (urlParams.get('isHistory') === 'true') {
|
||
let leftChangeVersion = $("#leftChangeVersion");
|
||
leftChangeVersion.css("visibility", "hidden");
|
||
}
|
||
})
|
||
// 点击其他触发
|
||
document.addEventListener('click', function(event) {
|
||
// 关闭版本列表
|
||
versionCompareFun.closeVersionListByClick(event)
|
||
});
|
||
</script>
|
||
<script type='text/javascript' charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/lib/designer/scripts/diagraming/versionCompare/version.methods.debug.js'></script>
|
||
</head>
|
||
<body style="overflow: hidden;margin: 0">
|
||
<div class="page-head flex-center">
|
||
<div class="left flex-center">
|
||
<div>
|
||
<span class="back-icon" style="cursor: pointer" onclick="versionListFun.closeComparePage()"><i class="awsui-iconfont"></i></span>
|
||
<span class="method-icon"></span>
|
||
<span class="file-name" style="font-size: 20px"></span>
|
||
</div>
|
||
<div class="left-center" style="position:relative;">
|
||
<div class="center-top">
|
||
<span class="version-num-left"></span>
|
||
<i class="awsui-iconfont" style="font-size: 12px" onclick="versionCompareFun.openCompareList()"></i>
|
||
</div>
|
||
<div class="update-time update-time-left"></div>
|
||
<div id="compareVersionList" class="compare-version-list" style="display:none;"></div>
|
||
</div>
|
||
<div id="leftChangeVersion" class="left-right" onclick="versionCompareFun.changeToSelectedV()">
|
||
<I18N#切换到该版本>
|
||
</div>
|
||
</div>
|
||
<div class="same-operate opend-operate" awsui-qtip="同步版本间操作" onclick="versionCompareFun.isOpenSameOperate(false)">
|
||
<i class="awsui-iconfont"></i>
|
||
</div>
|
||
<div class="same-operate closed-operate" style="display:none;" awsui-qtip="同步版本间操作" onclick="versionCompareFun.isOpenSameOperate(true)">
|
||
<i class="awsui-iconfont"></i>
|
||
</div>
|
||
<div class="right flex-center">
|
||
<div></div>
|
||
<div class="left-center">
|
||
<div class="center-top version-num-right"></div>
|
||
<div class="update-time update-time-right"></div>
|
||
</div>
|
||
<div class="left-right" onclick="versionListFun.closeComparePage()">
|
||
<span><I18N#继续编辑></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div style="display: flex;">
|
||
<div class="designer-wrapper" style="border-right: 1px solid #666">
|
||
<div id="designer-layout-left" class="version-designer-layout" position="left">
|
||
<div id="canvas-container-left" class="version-canvas_container" >
|
||
<div id="designer-canvas-left" class="version-canvas">
|
||
<canvas id="designer-grids-left"></canvas>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- 悬浮按钮 -->
|
||
<div id="view-btn-left" position="left" class="attribute-view-btn" onclick="versionCompareFun.openAttributeView('left')">
|
||
<div class="btn-icon">
|
||
<i class="awsui-iconfont" style="font-size: 20px"></i>
|
||
</div>
|
||
</div>
|
||
<!-- 文件信息 -->
|
||
<div id="attribute-view-left" class="attribute-view">
|
||
<div class="view-head">
|
||
<div class="head-left" viewType="file"></div>
|
||
<div class="head-right">
|
||
<i class="awsui-iconfont" onclick="versionCompareFun.closeAttributeView('left')"></i>
|
||
</div>
|
||
</div>
|
||
<div id="view-body-left" class="view-body"></div>
|
||
</div>
|
||
<!-- 文件预览 -->
|
||
<div id="file-preview-left">
|
||
<img style="width: 100%;height: 93%;object-fit: contain"/>
|
||
</div>
|
||
|
||
<!-- 图元不在可视区域范围提示 -->
|
||
<div class="shape-tip shape-tip-left"><I18N#图元位于画布左侧，可解除同步锁定查看></div>
|
||
</div>
|
||
<div class="designer-wrapper">
|
||
<div id="designer-layout-right" class="version-designer-layout" position="right">
|
||
<div id="canvas-container-right" class="version-canvas_container" >
|
||
<div id="designer-canvas-right" class="version-canvas">
|
||
<canvas id="designer-grids-right"></canvas>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div id="view-btn-right" position="right" class="attribute-view-btn" onclick="versionCompareFun.openAttributeView('right')">
|
||
<div class="btn-icon">
|
||
<i class="awsui-iconfont" style="font-size: 20px"></i>
|
||
</div>
|
||
</div>
|
||
<div id="attribute-view-right" class="attribute-view">
|
||
<div class="view-head">
|
||
<div class="head-left" viewType="file"></div>
|
||
<div class="head-right">
|
||
<i class="awsui-iconfont" onclick="versionCompareFun.closeAttributeView('right')"></i>
|
||
</div>
|
||
</div>
|
||
<div id="view-body-right" class="view-body"></div>
|
||
</div>
|
||
<div id="file-preview-right">
|
||
<img style="width: 100%;height: 93%;object-fit: contain"/>
|
||
</div>
|
||
<div class="shape-tip shape-tip-right"><I18N#图元位于画布左侧，可解除同步锁定查看></div>
|
||
</div>
|
||
</div>
|
||
<div class="version-footer">
|
||
<div class="footer-half" style="border-right: 1px solid #666">
|
||
<span><i class="awsui-iconfont close-nav-icon" style="display: none" id="close-nav-left" awsui-qtip="关闭缩略图" onclick="versionCompareFun.openNavigation('left',false)"></i></span>
|
||
<span><i class="awsui-iconfont show-nav-icon" awsui-qtip="显示缩略图" id="show-nav-left" onclick="versionCompareFun.openNavigation('left',true)"></i></span>
|
||
<span><i class="awsui-iconfont zoom-out-icon" awsui-qtip="缩小" onclick="versionCompareFun.pageZoom('left','zoomOut')"></i></span>
|
||
<span id="zoom-value-left" class="zoom-value" awsui-qtip="重置" onclick="versionCompareFun.pageZoom('left','reset')">100%</span>
|
||
<span><i class="awsui-iconfont zoom-in-icon" awsui-qtip="放大" onclick="versionCompareFun.pageZoom('left','zoomIn')"></i></span>
|
||
|
||
<!-- 鹰眼导航 -->
|
||
<div id="navigation-view-left" class="version-dock_view">
|
||
<div class="navigation_bounding">
|
||
<div class="navigation_view_container">
|
||
<canvas id="navigation-canvas-left" width="120px" height="160px" class="navigation_canvas"></canvas>
|
||
<div id="navigation-eye-left" class="navigation_eye"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="footer-half">
|
||
<span><i class="awsui-iconfont close-nav-icon" style="display: none" id="close-nav-right" awsui-qtip="关闭缩略图" onclick="versionCompareFun.openNavigation('right',false)"></i></span>
|
||
<span><i class="awsui-iconfont show-nav-icon" awsui-qtip="显示缩略图" id="show-nav-right" onclick="versionCompareFun.openNavigation('right',true)"></i></span>
|
||
<span><i class="awsui-iconfont zoom-out-icon" awsui-qtip="缩小" onclick="versionCompareFun.pageZoom('right','zoomOut')"></i></span>
|
||
<span id="zoom-value-right" class="zoom-value" awsui-qtip="重置" onclick="versionCompareFun.pageZoom('right','reset')">100%</span>
|
||
<span><i class="awsui-iconfont zoom-in-icon" awsui-qtip="放大" onclick="versionCompareFun.pageZoom('right','zoomIn')"></i></span>
|
||
<div id="navigation-view-right" class="version-dock_view">
|
||
<div class="navigation_bounding">
|
||
<div class="navigation_view_container">
|
||
<canvas id="navigation-canvas-right" width="120px" height="160px" class="navigation_canvas"></canvas>
|
||
<div id="navigation-eye-right" class="navigation_eye"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div id="model-left" class="dialog-model" style="display: none;left: 0"></div>
|
||
<div id="model-right" class="dialog-model" style="display: none;right: 0"></div>
|
||
</body>
|
||
</html> |