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

717 lines
33 KiB
HTML
Raw Normal View History

2022-06-27 22:14:40 +08:00
<!DOCTYPE html >
<html xmlns=http://www.w3.org/1999/xhtml>
<head>
<title><#fileName>(<#versionNum>)</title>
<meta charset="UTF-8">
<link type='text/css' rel='stylesheet' href='../apps/com.actionsoft.apps.coe.pal/lib/designer/themes/default/global_zh.css' />
<link type='text/css' rel='stylesheet' href='../apps/com.actionsoft.apps.coe.pal/lib/designer/themes/default/diagraming/designer.css' />
<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>
.button.blue {
background-color: #2375BE;
color: #FFFFFF;
line-height: 18px;
padding: 4px 21px;
}
.button, .button:visited {
background-image: none !important;
}
.showPainting{
float:left !important;
}
thead.fixedHeader tr {
position: relative;
top: expression(document.getElementById("tableContainer").scrollTop)
}
thead.fixedHeader th {
background: #C96;
border-left: 1px solid #EB8;
border-right: 1px solid #B74;
border-top: 1px solid #EB8;
font-weight: normal;
padding: 4px 3px;
text-align: center
}
tbody.scrollContent td, tbody.scrollContent tr.normalRow td {
background: #FFF;
border-bottom: 1px solid #EEE;
border-left: 1px solid #EEE;
border-right: 1px solid #AAA;
border-top: 1px solid #AAA;
padding: 2px 3px
}
.clearfix:after {
clear: both;
content:".";
display: block;
height: 0;
visibility: hidden;
}
ul.clearfix li{
float: right;
}
.cssToolbar{
clear:left !important;
display:block !important;
}
.toolbar {
background-color: #f3f3f3;
border-top: 1px solid #cbcccc;
font-size: 12px;
min-width: 975px;
padding-left: 5px;
padding-right: 5px;
}
.heightCssToolbar{
height:70px !important;
}
.toolbarExtend{
height: 36px !important;
}
</style>
<style type="text/css">
.toolbar_info2 {float: right; height: 24px;}
</style>
<script src="../apps/com.actionsoft.apps.coe.pal/lib/designer/scripts/jquery.js"></script>
<script type='text/javascript' charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/lib/designer/scripts/util.js'></script>
<!--扩展设计器的样式-->
<link type='text/css' rel='stylesheet' href='../apps/com.actionsoft.apps.coe.pal/lib/designer/extend/css/designer.extend.css' />
<!--针对设计器进行颜色扩展,以及文字扩充-->
<script type='text/javascript' charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/lib/designer/extend/js/designer.extend.userdefined.js'></script>
<!-- <script type='text/javascript' charset='UTF-8' src='../apps/_bpm.platform/js/designer/extend/js/designer.extend.userdefined.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" src="../commons/js/awsui.js"></script>
<script type="text/javascript" charset='UTF-8' src="../apps/com.actionsoft.apps.coe.pal/lib/designer/extend/js/util/json.js"></script>
<script type="text/javascript" src="../commons/js/jquery/scripts/ui/aws.util.js"></script>
<script type='text/javascript' src='../commons/js/public.js'></script>
<script type="text/javascript">
//公共信息
var appId = "<#appId>";
var sessionId = "<#sid>";
var sid = "<#sid>";
var time = "";
var user = "<#uid>";
var ver = "<#ver>";
var type = "<#type>";
var chartId = "<#charId>";
var ruuid = "<#uuid>";
var definition = <#define> ;
definition.page.showGrid = false;
var userId = "<#uid>";
var userName = "<#userName>";
var methodId = "<#methodId>";
var isExistCopy=<#isExistCopy>;
var isAppearCopy=<#isAppearCopy>;
var isAdmin = <#isAdmin>;
var isCustomDefine = "<#isCustomDefine>";
//检查用户所需参数
var checkoutstate = "<#checkoutstate>";
var checkoutuser = "<#checkoutuser>";
var user = "<#uid>";
var currentUserName = "<#userName>";
// BPMN所需参数
var BPMN_TYPE_START_EVENT = "<#BPMN_TYPE_START_EVENT>";
var AWS_ELEMENT_START_EVENT_MESSAGE_EVENT_DEFINITION = "<#AWS_ELEMENT_START_EVENT_MESSAGE_EVENT_DEFINITION>";
var AWS_ELEMENT_START_EVENT_TIMER_EVENT_DEFINITION = "<#AWS_ELEMENT_START_EVENT_TIMER_EVENT_DEFINITION>";
var AWS_ELEMENT_START_EVENT_SIGNAL_EVENT_DEFINITION = "<#AWS_ELEMENT_START_EVENT_SIGNAL_EVENT_DEFINITION>";
var BPMN_TYPE_END_EVENT = "<#BPMN_TYPE_END_EVENT>";
var AWS_ELEMENT_END_EVENT_TERMINATE_EVENT_DEFINITION = "<#AWS_ELEMENT_END_EVENT_TERMINATE_EVENT_DEFINITION>";
var AWS_ELEMENT_END_EVENT_MESSAGE_EVENT_DEFINITION = "<#AWS_ELEMENT_END_EVENT_MESSAGE_EVENT_DEFINITION>";
var AWS_ELEMENT_END_EVENT_SIGNAL_EVENT_DEFINITION = "<#AWS_ELEMENT_END_EVENT_SIGNAL_EVENT_DEFINITION>";
var AWS_ELEMENT_END_EVENT_ERROR_EVENT_DEFINITION = "<#AWS_ELEMENT_END_EVENT_ERROR_EVENT_DEFINITION>";
var BPMN_TYPE_SEQUENCE_FLOW = "<#BPMN_TYPE_SEQUENCE_FLOW>";
var BPMN_TYPE_TASK = "<#BPMN_TYPE_TASK>";
var BPMN_TYPE_USER_TASK = "<#BPMN_TYPE_USER_TASK>";
var BPMN_TYPE_SERVICE_TASK = "<#BPMN_TYPE_SERVICE_TASK>";
var BPMN_TYPE_SCRIPT_TASK = "<#BPMN_TYPE_SCRIPT_TASK>";
var BPMN_TYPE_MANUAL_TASK = "<#BPMN_TYPE_MANUAL_TASK>";
var BPMN_TYPE_BUSINESSRULE_TASK = "<#BPMN_TYPE_BUSINESSRULE_TASK>";
var BPMN_TYPE_SEND_TASK = "<#BPMN_TYPE_SEND_TASK>";
var BPMN_TYPE_RECEIVE_TASK = "<#BPMN_TYPE_RECEIVE_TASK>";
var BPMN_TYPE_GATEWAY = "<#BPMN_TYPE_GATEWAY>";
var BPMN_TYPE_INTERMEDIATE_CATCH_EVENT = "<#BPMN_TYPE_INTERMEDIATE_CATCH_EVENT>";
var AWS_ELEMENT_INTERMEDIATE_CATCH_EVENT_TIMER_EVENT_DEFINITION = "<#AWS_ELEMENT_INTERMEDIATE_CATCH_EVENT_TIMER_EVENT_DEFINITION>";
var AWS_ELEMENT_INTERMEDIATE_CATCH_EVENT_MESSAGE_EVENT_DEFINITION = "<#AWS_ELEMENT_INTERMEDIATE_CATCH_EVENT_MESSAGE_EVENT_DEFINITION>";
var AWS_ELEMENT_INTERMEDIATE_CATCH_EVENT_SIGNAL_EVENT_DEFINITION = "<#AWS_ELEMENT_INTERMEDIATE_CATCH_EVENT_SIGNAL_EVENT_DEFINITION>";
var AWS_ELEMENT_INTERMEDIATE_THROW_EVENT_MESSAGE_EVENT_DEFINITION = "<#AWS_ELEMENT_INTERMEDIATE_THROW_EVENT_MESSAGE_EVENT_DEFINITION>";
var AWS_ELEMENT_INTERMEDIATE_THROW_EVENT_SIGNAL_EVENT_DEFINITION = "<#AWS_ELEMENT_INTERMEDIATE_THROW_EVENT_SIGNAL_EVENT_DEFINITION>";
var BPMN_TYPE_INTERMEDIATE_THROW_EVENT = "<#BPMN_TYPE_INTERMEDIATE_THROW_EVENT>";
var BPMN_TYPE_BOUNDARY_EVENT = "<#BPMN_TYPE_BOUNDARY_EVENT>";
var AWS_ELEMENT_BOUNDARY_EVENT_COMPENSATION_EVENT_DEFINITION = "<#AWS_ELEMENT_BOUNDARY_EVENT_COMPENSATION_EVENT_DEFINITION>";
var AWS_ELEMENT_BOUNDARY_EVENT_ERROR_EVENT_DEFINITION = "<#AWS_ELEMENT_BOUNDARY_EVENT_ERROR_EVENT_DEFINITION>";
var AWS_ELEMENT_BOUNDARY_EVENT_MESSAGE_EVENT_DEFINITION = "<#AWS_ELEMENT_BOUNDARY_EVENT_MESSAGE_EVENT_DEFINITION>";
var BPMN_TYPE_PARALLEL_GATEWAY = "<#BPMN_TYPE_PARALLEL_GATEWAY>";
var BPMN_TYPE_INCLUSIVE_GATEWAY = "<#BPMN_TYPE_INCLUSIVE_GATEWAY>";
var BPMN_TYPE_EXCLUSIVE_GATEWAY = "<#BPMN_TYPE_EXCLUSIVE_GATEWAY>";
var BPMN_TYPE_EVENTBASED_GATEWAY = "<#BPMN_TYPE_EVENTBASED_GATEWAY>";
var BPMN_TYPE_COMPLEX_GATEWAY = "<#BPMN_TYPE_COMPLEX_GATEWAY>";
var BPMN_TYPE_CALL_ACTIVITY_CALLING_PROCESS = "<#BPMN_TYPE_CALL_ACTIVITY_CALLING_PROCESS>";
var BPMN_TYPE_SUB_PROCESS = "<#BPMN_TYPE_SUB_PROCESS>";
var BPMN_TYPE_TEXT_ANNOTATION = "<#BPMN_TYPE_TEXT_ANNOTATION>";
var BPMN_TYPE_HORIZONTAL_POOL = "<#BPMN_TYPE_HORIZONTAL_POOL>";
var BPMN_TYPE_VERTICAL_POOL = "<#BPMN_TYPE_VERTICAL_POOL>";
var BPMN_TYPE_HORIZONTAL_LANE = "<#BPMN_TYPE_HORIZONTAL_LANE>";
var BPMN_TYPE_VERTICAL_LANE = "<#BPMN_TYPE_VERTICAL_LANE>";
var isView = <#isView>; //是否只读模式打开
var isPublish = <#isPublish>; //是否是已发布流程(已发布流程不允许修改)
var isAutoSave = "<#isAutoSave>"; //是否允许实时保存
var perms = "<#perms>"; //该流程权限
var filePerms = "<#filePerms>"; //所有有权限的文件
var upfileData = <#upfileData>; //上传的所有附件
//角色类型owner-编辑viewer-只读
var role = (isView == true || isPublish == true) ? "viewer" : "owner";
var editable = (isView == true || isPublish == true) ? false : true;
//保存手动保存时对设计器的操作
var messageArrayForSave = [];
//是否需要保存提示
var isSave = true;
var isNeedPutMessage = true;
var isCollaboration = (isView == true || isPublish == true) ? false : true; //是否进行协作
var openAppType = "<#openAppType>"; //打开设计器的app类型, 暂时用于判断留言
var operateType = "<#operateType>";
var process = {
processDefId: "<#processDefId>",
title: "<#processName>",
version: "<#processVersion>",
versionStatus: "<#versionStatus>"
};
var processGroupName = "<#processGroupName>";
var categoryName = "<#categoryName>";
var processDefVersionId = "<#processDefVersionId>";
var processVersion = "<#processVersion>";
var selectedElementId="<#selectedElementId>"
//图形之间的关系定义json数组
var linkerRelationship = <#linkerRelationship> ;
var isParentShow = true;
//var relationObj = <#relationObj>;
//visio 导入相关
var processOnIsInstall = "<#processOnIsInstall>";
var processOnIsActive = "<#processOnIsActive>";
var BPMNSupport = "<#BPMNSupport>";
var BPMNLevel0 = "<#BPMNLevel0>";
var BPMNLevel1 = "<#BPMNLevel1>";
var BPMNLevel2 = "<#BPMNLevel2>";
//保存手动保存时对设计器的操作
var messageArrayForSave = [];
var saveAttributesJson = [];
var removeAttributeJson = [];
var relationShapesObject = <#relationShapes>;
var relationShapesData = <#relationShapesData>;
var relationShapeModelObject = <#relationShapeModels>;
var processDesc = <#processDesc>;
var taskId = "<#taskId>";
var outputFileName = "<#outputFileName>";
var taskName = "<#taskName>"; //包含手册和该流程的文件附件,节点附件的压缩包的名称(不含关联附件)
var taskProfile = "<#taskProfile>"; //手册模板com.actionsoft.apps.coe.pal.output.pr
var isClickTab = false;
//三员管理
var isHighSecurity = "<#isHighSecurity>";
var fileName = "<#fileName>";
var teamId = "<#teamId>";
var wsId = "<#wsId>";
</script>
<!--工具js-->
<script type='text/javascript' charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/lib/designer/extend/js/util/map.js'></script>
<script type='text/javascript' charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/lib/designer/extend/js/util/uuid.js'></script>
<script type='text/javascript' charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/js/coe.commons.js'></script>
<!--HTML5设计器核心js-->
<script type='text/javascript' charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/lib/designer/scripts/diagraming/collaboration.js'></script>
<script type='text/javascript' charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/lib/designer/scripts/diagraming/designer.plugs.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.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.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>
<script type='text/javascript' charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/lib/designer/extend/js/designer.extend.core.js'></script>
<script type='text/javascript' charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/lib/designer/extend/js/designer.extend.methods.js'></script>
<script type='text/javascript' charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/lib/designer/extend/js/designer.schema.customdefine.js'></script>
<#js>
<script type='text/javascript' charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/lib/designer/extend/js/designer.extend.ui.js'></script>
<script type='text/javascript' charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/lib/designer/extend/js/designer.extend.link.view.portal.js'></script>
<!-- util -->
<script type="text/javascript" charset='UTF-8' src="../apps/com.actionsoft.apps.coe.pal/js/jquery.base64.js"></script>
<script type="text/javascript" charset='UTF-8' src="../apps/com.actionsoft.apps.coe.pal/lib/designer/extend/js/util/Base64.js"></script>
<!-- biz -->
<script type="text/javascript" charset='UTF-8' src="../apps/com.actionsoft.apps.coe.pal/lib/designer/extend/js/designer.biz.js"></script>
<!-- 不支持HTML5的浏览器 -->
<link rel="stylesheet" href="../apps/com.actionsoft.apps.coe.pal/css/pal.pl.repository.designer.view.css">
<script type="text/javascript" src="../apps/com.actionsoft.apps.coe.pal/js/pal.pl.repository.designer.view.js"></script>
<#processlink_ete_js>
<style type="text/css">
.portalAttr{
background: white;
border-left: 1px solid #DDDDDD;
z-index: 0;
position: absolute;
right:8px;
top: 0px;
display: none;
width: 330px;
}
.headerTab{
display: inline-block;
font-size: 17px;
border-left:1px solid #DDDDDD;
padding:0 5px;
text-align:center; /* 水平居中 */
cursor:pointer;
}
.selected{
color : #888888;
}
.tableHeader{
color : #333333;
font-size : 20px;
}
.tableContent{
padding-left : 20px;
}
#canvas_container{
padding:0px;
}
.awsui-message-page .content{
width: 100%;
position: absolute;
left: 25%;
top: 10%;
text-align: center;
}
</style>
<script type="text/javascript">
if (navigator.userAgent.toLowerCase().match(/chrome/) != null) {
$(function() {
$(".footer_chrome").show();
});
}
</script>
<script>
$(document).ready(function(){
var output = initOutputFileLink();
if (output != 0) {
output = 40;
} else {
output = 0;
}
$(window).trigger('resize');
var newHeight = $(window).height() - $('#toolbarName').height() - $('#tools').height() - 41 - output;
$('.portalAttr').height(newHeight-7);
$('.portalAttr').css('overflow-y','auto');
//$('#closeTab').hide();
$('#tab').hide();
$("#designer_layout").height(newHeight);
$('#openTab').hide();
$('#closeTab').show();
$('#tab').css('display', 'inline-block');
clickTab('processDesc');
initProcessDesc();
});
function initOutputFileLink() {
if(taskId != "") {
var html = '';
// 只包含手册的链接
html += '<a style="margin-left:30px;font-size:15px;" awsui-qtip="text:\''+ outputFileName +'\',position:\'top\'" taskId="' + taskId + '" href="javascript:void(0);" onclick="openOutputFile(\''+ taskId +'\');"><img class="mainattachment-header-icon" src="../apps/com.actionsoft.apps.coe.pal/img/icon_form_attachment.png" width="20" height="20"><u>' + outputFileName +'</u></a>';
// 包含手册及文件附件,节点附件的压缩包链接
html += '<a style="margin-left:30px;font-size:15px;" awsui-qtip="text:\''+ taskName +'\',position:\'top\'" href="javascript:void(0);" onclick="downloadReport(\'' + taskId + '\', \'' + taskProfile + '\')"><i style="color:#555" class="awsui-iconfont">&#58963;</i> <u>' + taskName +'</u></a>';
$('#outputFile').append(html);
$('#outputFile').show();
return 1;
}else {
//三员管理模式兼容
if(isHighSecurity && methodId.indexOf("process")>=0 && methodId != "process.evc"){
var html = '';
// 只包含手册的链接
html += '<a style="margin-left:30px;font-size:15px;" awsui-qtip="text:\''+ fileName +'.doc\',position:\'top\'" href="javascript:void(0);" onclick="secOpenOutputFile(\'' + ruuid + '\');"><img class="mainattachment-header-icon" src="../apps/com.actionsoft.apps.coe.pal/img/icon_form_attachment.png" width="20" height="20"><u>' + fileName +'.doc</u></a>';
// 包含手册及文件附件,节点附件的压缩包链接
html += '<a style="margin-left:30px;font-size:15px;" awsui-qtip="text:\' 步骤横表.zip \',position:\'top\'" href="javascript:void(0);" onclick="secDownloadReport(\'' + ruuid + '\', \'\')"><i style="color:#555" class="awsui-iconfont">&#58963;</i> <u>步骤横表.zip </u></a>';
$('#outputFile').append(html);
$('#outputFile').show();
return 1;
}
}
return 0;
}
//三员模式文件预览
function secOpenOutputFile(id) {
if (taskId !="<#taskId>"){
openOutputFile(taskId);
}else{
var ids = [id];
//生成手册
var param = {
sid : sid,
cmd : "com.actionsoft.apps.coe.pal.publisher_output_pr_reports_create",
teamId: teamId,
wsId: wsId,
uuids: JSON.stringify(ids)
}
$.ajax({
url : "./jd",
type : "POST",
dataType : "JSON",
async : false,
data : param,
success : function(r) {
if (r.result == 'ok') {
taskId = r.data.data[id]
//预览文档
openOutputFile(taskId);
}
}
});
}
}
function openOutputFile(taskId) {
// 打开流程手册
$.simpleAlert('正在打开', 'loading');
$.ajax({
type : "POST",
url : "./jd?sid=" + sid
+ "&cmd=com.actionsoft.apps.coe.pal_outputreport_output_process_preview",
data : {
taskId : taskId
},
success : function(msg) {
if (msg.result == "ok") {
$.simpleAlert("close");
if (msg['data']) {
var url = msg['data']['url'];
window.open(url);
}
} else {
$.simpleAlert("close");
$.simpleAlert(msg['msg'], 'info');
}
}
});
}
//三员模式下zip下载
function secDownloadReport(id, appId) {
//三员管理
if (isHighSecurity){
var ids = [id];
if (appId ==""){
appId = "com.actionsoft.apps.coe.pal.output.pr";
}
if (taskId !="<#taskId>"){
//已经生成过手册
downloadReport(taskId,appId);
return;
}
//生成手册
var param = {
sid : sid,
cmd : "com.actionsoft.apps.coe.pal.publisher_output_pr_reports_create",
teamId: teamId,
wsId: wsId,
uuids: JSON.stringify(ids)
}
$.ajax({
url : "./jd",
type : "POST",
dataType : "JSON",
async : false,
data : param,
success : function(r) {
if (r.result == 'ok') {
taskId = r.data.data[id]
//下载zip
downloadReport(taskId,appId);
}
}
});
}
}
// 下载压缩的流程报告手册
function downloadReport(id, appId) {
var cmd = appId + "_downloadreport";
var url = "./jd?sid=" + encodeURIComponent(sid) + "&cmd=" + cmd;
var params = {
id : id
};
$.ajax({
url : url,
async : false,
data : params,
type : "post",
success : function(msg) {
if (msg.result == "ok") {
window.location.href = msg.data.url;
}
}
});
}
// 操作tab页打开关闭
function tabOperate(type) {
if (type=='open') {//打开tab
$('#openTab').hide();
$('#closeTab').show();
$('#tab').css('display', 'inline-block');
clickTab('processDesc');
} else {//关闭tab
$('#openTab').show();
$('#closeTab').hide();
$('#tab').css('display', 'none');
// dock close
$('#tab').find('div').removeClass('selected');
$('.portalAttr').hide();
}
}
function clickTab(obj) {
isClickTab = true;
$('#tab').find('div').removeClass('selected');
$('#' + obj).addClass('selected');
$('.portalAttr').hide();
if(obj == "processDesc") {
Dock.showView('portalDescShow');
}
if(obj == "processAttr") {
Dock.showView('portalAttrShow');
}
if(obj == "processFile") {
Dock.showView('portalFileShow');
}
}
$(window).resize(function(){
var isCurrentFile = $("#outputFile").css("display");
var isFile = 0;
if (isCurrentFile == "block") {
isFile = 40;
}
var newHeight = $(window).height() - $('#toolbarName').height() - $('#tools').height() - 41 - isFile;
$("#designer_layout").height(newHeight);
})
</script>
</head>
<body style="overflow:hidden;">
<canvas id="support_canvas" style="display: none;"></canvas>
<div id="" style="font-size:15px;padding:10px 0px 10px 20px;">
<span><#toolbarName></span>
</div>
<div id="tools" style="text-align:center;line-height:40px;font-size:17px;padding-right:20px;background-color:#f4f4f4;height:40px;">
<span><#typeName></span>
<div class="toolbar_info2" style="width:369px;">
<div id="tab" style="display: none;font-size: 17px;">
<div id="processDesc" class="headerTab" onclick="clickTab('processDesc');">描述</div>
<div id="processAttr" class="headerTab" onclick="clickTab('processAttr');">步骤说明</div>
<div id="processFile" class="headerTab" onclick="clickTab('processFile');">制度/操作指导</div>
</div>
<div style="display: inline-block;float:right;">
<span class="awsui-iconfont" id="closeTab" style="color:#A9A9A9;" awsui-qtip="隐藏属性" onclick="tabOperate('close');">&gt;&gt;</span>
<span class="awsui-iconfont" id="openTab" style="color:#A9A9A9;" awsui-qtip="显示属性" onclick="tabOperate('open');">&lt;&lt;</span>
</div>
</div>
</div>
<div id="designer">
<div id="designer_viewport" class="readonly">
<div id="designer_layout" class="" style="background:white;">
<div id="canvas_container" style="padding:0px;background-color:white;">
<div id="designer_canvas">
<canvas id="designer_grids" style="background-color:white;">您的浏览器不支持HTML5请使用IE9及以上版本或Chrome、Firefox等浏览器</canvas>
<!-- 链接图层 -->
<ul id="link-dialog-normal_contextmenu" class="menu list options_menu">
</ul>
<!-- 附件图层 -->
<ul id="attachment-dialog-normal_contextmenu" class="menu list options_menu" style="max-height:200px;overflow:hidden auto;">
</ul>
<!-- 端到端串接图层 -->
<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 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 id="navigation_view" class="dock_view dock_view_navigator">
<div class="dock_view_header">
导航
<div class="ico ico_dock_collapse"></div>
</div>
<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 class="dock_devider" style="margin: 0px 10px"></div>
<div class="navigation_view_bar">
<div id="dock_zoom" class="spinner active"></div>
<div id="dock_btn_fullscreen" class="toolbar_button active" onclick="Dock.enterFullScreen()" awsui-qtip='全屏视图' title_pos="top">
<div class="ico ico_fullscreen"></div>
</div>
</div>
<div id="fullscreen_tip" class="alert error">
<div class="ico dlg_close" onclick="$('#fullscreen_tip').hide();"></div>
<div class="t"></div>
<div class="full_suggest">
<span style="float: left;">我们推荐使用以下浏览器:</span>
<span style="float: left;">
<a href="http://www.google.com/chrome" target="_blank">
<span class="ico chrome"></span>
</a>
<a href="http://www.firefox.com" target="_blank">
<span class="ico firefox"></span>
</a>
</span>
</div>
</div>
</div>
<!-- Graphic Dock Window -->
<!-- 流程描述 -->
<div class="dock_view_portalDescShow portalAttr" id="portalDescDock">
<table class="awsui-table awsui-table-bordered">
</table>
</div>
<!-- 步骤说明 -->
<div class="dock_view_portalAttrShow portalAttr" id="portalAttrDock"></div>
<!-- 制度/操作指导 -->
<div class="dock_view_portalFileShow portalAttr" id="portalFileDock"></div>
</div>
</div>
<div id="outputFile" style="height:40px;background-color:white;border-top:1px solid #efefef;vertical-align:middle;padding-top:9px;display:none;">
<!-- <span style="margin-left:40px;">报告:</span> -->
</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>
<!-- 不支持HTML5的页面显示图片 -->
<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>
<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>
<!--WFVersion对话框-->
<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>">
<input type="hidden" name="openType" id="openType" value="<#openType>">
<input type="hidden" name="wsId" id="wsId" value="<#wsId>">
<input type="hidden" name="teamId" id="teamId" value="<#teamId>">
<input type="hidden" name="filePerms" id="filePerms" value="<#filePerms>" />
<input type="hidden" name="defaultMoreAttrSort" id="defaultMoreAttrSort" value="<#defaultAttrSort>" />
</form>
</body>
</html>