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

1506 lines
80 KiB
HTML
Executable File
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!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;
}
#ui_container > ul {
z-index: 100;
}
</style>
<!-- <script src="../apps/com.actionsoft.apps.coe.pal/lib/designer/scripts/jquery.js"></script> -->
<script type='text/javascript' src='../commons/js/jquery/scripts/jquery.js'></script>
<script type="text/javascript" src="../commons/js/jquery/scripts/jquery-migrate.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> ;
var userId = "<#uid>";
var userName = "<#userName>";
var methodId = "<#methodId>";
var isExistCopy=<#isExistCopy>;
var isAppearCopy=<#isAppearCopy>;
var isAdmin = <#isAdmin>;
var isCustomDefine = "<#isCustomDefine>";
var isLaneAttrConfig = <#isLaneAttrConfig>;
var isLaneForceRefreshShapeAttr = <#isLaneForceRefreshShapeAttr>;
//检查用户所需参数
var checkoutstate = "<#checkoutstate>";
var checkoutuser = "<#checkoutuser>";
var user = "<#uid>";
var currentUserName = "<#userName>";
var schemeId = "<#schemeId>";
var frmFileName = "<#processName>"; //平台的流程名称
// 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_BOUNDARY_EVENT_SIGNAL_EVENT_DEFINITION = "<#AWS_ELEMENT_BOUNDARY_EVENT_SIGNAL_EVENT_DEFINITION>";
var AWS_ELEMENT_BOUNDARY_EVENT_TIMER_EVENT_DEFINITION = "<#AWS_ELEMENT_BOUNDARY_EVENT_TIMER_EVENT_DEFINITION>";
var AWS_ELEMENT_BOUNDARY_EVENT_COMPENSATE_EVENT_DEFINITION = "<#AWS_ELEMENT_BOUNDARY_EVENT_COMPENSATE_EVENT_DEFINITION>";
var AWS_ELEMENT_END_EVENT_COMPENSATE_EVENT_DEFINITION = "<#AWS_ELEMENT_END_EVENT_COMPENSATE_EVENT_DEFINITION>";
var AWS_ELEMENT_INTERMEDIATE_THROW_EVENT_COMPENSATE_EVENT_DEFINITION = "<#AWS_ELEMENT_INTERMEDIATE_THROW_EVENT_COMPENSATE_EVENT_DEFINITION>";
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 isStop = <#isStop>;// 是否是已停用流程(已停用流程不允许修改)
var isApproval = <#isApproval>;// 是否是审核中流程(审核中流程不允许修改)
var isAutoSave = "<#isAutoSave>"; //是否允许实时保存
var perms = "<#perms>"; //该流程权限
var filePerms = "<#filePerms>"; //所有有权限的文件
//角色类型owner-编辑viewer-只读
var role = (isView == true || isPublish == true || isStop == true || isApproval == true) ? "viewer" : "owner";
var editable = (isView == true || isPublish == true || isStop == true || isApproval == true) ? false : true;
// 扩展属性
var ext1 = "<#ext1>";
var ext2 = "<#ext2>";
var ext3 = "<#ext3>";
var ext4 = "<#ext4>";
//保存手动保存时对设计器的操作
var messageArrayForSave = [];
//是否需要保存提示
var isSave = true;
var isNeedPutMessage = true;
var isCollaboration = (isView == true || isPublish == true) ? false : true; //是否进行协作
var openAppType = "<#openAppType>"; //打开设计器的app类型, 暂时用于判断留言
var processOutput = true; //预览手册是否开放
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 relationShapeModelObject = <#relationShapeModels>;
var attrDefineObj = <#attrDefineObj>;
var pid = "<#parentChartId>";
</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.methods.debug.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.ui.debug.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.js'></script>
<script type='text/javascript' charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/lib/designer/extend/js/coe.designer.extend.events.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>
<script type="text/javascript">
if (navigator.userAgent.toLowerCase().match(/chrome/) != null) {
$(function() {
$(".footer_chrome").show();
});
}
</script>
<script>
$(document).ready(function(){
$("#upfile").on('click',openUpFile);//附件上传页面
if(processOutput) { // 导出流程手册菜单控制
if (methodId == 'data.form') {
$('#export_report').text('导出表单手册');
} else if (methodId == 'control.policy') {
$('#export_report').text('导出制度手册');
}
outputProcess();
}
});
// 导出流程手册
function outputProcess() {
$('li[data-name="processOutput"]').show();
}
function openUpFile() {
var linkerIds = Utils.getSelectedLinkerIds();
var linkerCount = linkerIds.length;
var shapeIds = Utils.getSelectedShapeIds();
var shapeCount = shapeIds.length;
var type = "file";
var shapeId = "";
if (shapeCount > 1) {
return;
}
if (linkerCount > 0) {
return;
}
if (shapeCount == 0) {
type = "file";
} else {
type = "shape";
var shape = Utils.getSelected()[0];
shapeId = shape.id;
}
var upfileUrl = "./w?sid=" + $("#sid").val() + "&cmd=com.actionsoft.apps.coe.pal_processlevel_upfile_portal_page";
var upfileDlg=FrmDialog.open({
title: "附件管理",
width: 570,
height: 380,
url: upfileUrl,
data:{"pl_uuid": ruuid, "shape_uuid": shapeId, "type": type},
id:"upfileDlg"
});
setTimeout(function(){
if (editable == false) {
window.frames["id-awsui-win-frm-2013-frmupfileDlg"].$(".button").attr("disabled", "true").addClass("disable");
window.frames["id-awsui-win-frm-2013-frmupfileDlg"].$(".del").hide();
}
}, 1000);
}
</script>
</head>
<body style="overflow:hidden;">
<canvas id="support_canvas" style="display: none;"></canvas>
<div id="designer_header">
<div class="row row1">
<div id="title_container" style="width: 100%;">
<#checkoutTip>
<span class="diagram_title"><#fileName></span>
<div id="toolbar_wfversion_info" class="toolbar_info">
<div id="toolbar_designer_version_no" class="info version" awsui-qtip="版本管理">
<#versionNum>
</div>
<div id="toolbar_wfversion_info_status" style="display:none;" class="versioninfo version0" awsui-qtip="<#state>"><#state></div>
</div>
</div>
</div>
<div class="row row2 menubar">
<ul id="menu_bar">
<li id="menu_bar_file" menu="bar_list_file">文件</li>
<!--<li id="menu_bar_edit" menu="bar_list_edit" class="awsui-btn-disabled readonly">编辑</li>-->
<li id="menu_bar_view" menu="bar_list_view">视图</li>
<!--<li id="menu_bar_insert" menu="bar_list_insert" class="awsui-btn-disabled readonly">插入</li>-->
<li id="menu_bar_page" menu="bar_list_page">页面</li>
<!--<li id="menu_bar_arrange" menu="bar_list_arrange" class="awsui-btn-disabled readonly">排列</li>-->
<li id="menu_bar_help" menu="bar_list_help">帮助</li>
<!--
<li id="menu_bar_help" menu="bar_list_help" onclick="showShapeRelationTab();">获取所有链接</li>
-->
</ul>
<div id="saving_tip"></div>
</div>
<div class="toolbar" >
<#saveUI>
<!-- Clipboard -->
<div id="bar_undo" class="toolbar_button" awsui-qtip='撤销 (Ctrl+Z)'>
<div class="ico undo"></div>
</div>
<div id="bar_redo" class="toolbar_button" awsui-qtip='恢复 (Ctrl+Y)'>
<div class="ico redo"></div>
</div>
<div id="bar_brush" class="toolbar_button" awsui-qtip='格式刷 (Ctrl+Shift+B)'>
<div class="ico brush"></div>
</div>
<div class="toolbar_devider"></div>
<!-- Font -->
<div id="bar_font_family" awsui-qtip='字体' class="toolbar_button" style="width: 80px;">
<div class="text_content">Arial</div>
<div class="ico ico_dropdown"></div>
</div>
<div class="toolbar_small_devider"></div>
<div id="bar_font_size" awsui-qtip='字号' class="spinner" style="width: 50px;"></div>
<div class="toolbar_small_devider"></div>
<div id="bar_font_bold" awsui-qtip='粗体 (Ctrl+B)' class="toolbar_button">
<div class="ico bold"></div>
</div>
<div id="bar_font_italic" awsui-qtip='斜体 (Ctrl+I)' class="toolbar_button">
<div class="ico italic"></div>
</div>
<div id="bar_font_underline" awsui-qtip='下划线 (Ctrl+U)' class="toolbar_button">
<div class="ico underline"></div>
</div>
<div id="bar_font_color" awsui-qtip='文本颜色' class="toolbar_button drop_button">
<div class="ico fontcolor"></div>
<div class="btn_color" style="background-color: rgb(50,50,50)"></div>
<div class="ico ico_dropdown"></div>
</div>
<div id="bar_font_align" awsui-qtip='对齐' class="toolbar_button drop_button">
<div class="ico alignleft"></div>
<div class="ico ico_dropdown"></div>
</div>
<div class="toolbar_devider"></div>
<!-- Style -->
<div id="bar_fill" awsui-qtip='填充样式' class="toolbar_button drop_button">
<div class="ico fillcolor"></div>
<div class="btn_color" style="background-color: rgb(255,255,255)"></div>
<div class="ico ico_dropdown"></div>
</div>
<div id="bar_line_color" awsui-qtip='线条颜色' class="toolbar_button drop_button">
<div class="ico linecolor"></div>
<div class="btn_color" style="background-color: rgb(50,50,50)"></div>
<div class="ico ico_dropdown"></div>
</div>
<div id="bar_line_width" awsui-qtip='线宽' class="toolbar_button drop_button">
<div class="ico linewidth"></div>
<div class="ico ico_dropdown"></div>
</div>
<div id="bar_line_style" awsui-qtip='线条样式' class="toolbar_button drop_button">
<div class="ico linedash"></div>
<div class="ico ico_dropdown"></div>
</div>
<div class="toolbar_devider"></div>
<!-- Linker Style -->
<div id="bar_linkertype" awsui-qtip='连线类型' class="toolbar_button drop_button">
<div class="ico linkertype_broken"></div>
<div class="ico ico_dropdown"></div>
</div>
<div id="bar_beginarrow" awsui-qtip='起点' class="toolbar_button drop_button">
<div class="ico ico_arrow larrow_none"></div>
<div class="ico ico_dropdown"></div>
</div>
<div id="bar_endarrow" awsui-qtip='终点' class="toolbar_button drop_button">
<div class="ico ico_arrow rarrow_none"></div>
<div class="ico ico_dropdown"></div>
</div>
<div class="toolbar_devider"></div>
<div id="bar_front" awsui-qtip='置于顶层 (Ctrl+] )' class="toolbar_button">
<div class="ico ico_front"></div>
</div>
<div id="bar_back" awsui-qtip='置于底层 (Ctrl+[ )' class="toolbar_button" >
<div class="ico ico_back"></div>
</div>
<div class="toolbar_devider"></div>
<div id="bar_lock" awsui-qtip='锁定 (Ctrl+L)' class="toolbar_button">
<div class="ico ico_lock"></div>
</div>
<div id="bar_unlock" awsui-qtip='解锁 (Ctrl+Shift+L)' class="toolbar_button">
<div class="ico ico_unlock"></div>
</div>
<div class="toolbar_small_devider"></div>
<div id="bar_link" awsui-qtip='插入链接' class="toolbar_button">
<div class="ico ico_link"></div>
</div>
<div id="bar_risk" awsui-qtip='风险' class="toolbar_button" style="<#riskStyle>">
<div class="ico ico_risk"></div>
</div>
<div class="toolbar_devider"></div>
<div id="bar_activityNo" awsui-qtip='节点编号排序' class="toolbar_button" style="display: none;">
<div class="ico extend_activityNo"></div>
</div>
<div id="bar_importShape" awsui-qtip='上传附件并创建相应节点' class="toolbar_button" style="<#importShapeStyle>">
<div class="ico ico_importShape"></div>
</div>
<!-- <div id="bar_import" awsui-qtip='导入' class="toolbar_button" style="<#importStyle>">
<div class="ico ico_import"></div>
</div> -->
</div>
</div>
<div id="ui_container">
<div id='color_picker' class="menu color_picker" style="display: none;">
<div class="color_items">
<div style="background-color:rgb(255,255,255);"></div>
<div style="background-color:rgb(229,229,229);"></div>
<div style="background-color:rgb(207,207,207);"></div>
<div style="background-color:rgb(184,184,184);"></div>
<div style="background-color:rgb(161,161,161);"></div>
<div style="background-color:rgb(138,138,138);"></div>
<div style="background-color:rgb(115,115,115);"></div>
<div style="background-color:rgb(92,92,92);"></div>
<div style="background-color:rgb(69,69,69);"></div>
<div style="background-color:rgb(50,50,50);"></div>
<div style="background-color:rgb(23,23,23);"></div>
<div style="background-color:rgb(0,0,0);"></div>
<div class="clear"></div>
</div>
<div class="color_items">
<div style="background-color:rgb(255,204,204);"></div>
<div style="background-color:rgb(255,230,204);"></div>
<div style="background-color:rgb(255,255,204);"></div>
<div style="background-color:rgb(230,255,204);"></div>
<div style="background-color:rgb(204,255,204);"></div>
<div style="background-color:rgb(204,255,230);"></div>
<div style="background-color:rgb(204,255,255);"></div>
<div style="background-color:rgb(204,229,255);"></div>
<div style="background-color:rgb(204,204,255);"></div>
<div style="background-color:rgb(229,204,255);"></div>
<div style="background-color:rgb(255,204,255);"></div>
<div style="background-color:rgb(255,204,230);"></div>
<div style="background-color:rgb(255,153,153);"></div>
<div style="background-color:rgb(255,204,153);"></div>
<div style="background-color:rgb(255,255,153);"></div>
<div style="background-color:rgb(204,255,153);"></div>
<div style="background-color:rgb(153,255,153);"></div>
<div style="background-color:rgb(153,255,204);"></div>
<div style="background-color:rgb(153,255,255);"></div>
<div style="background-color:rgb(153,204,255);"></div>
<div style="background-color:rgb(153,153,255);"></div>
<div style="background-color:rgb(204,153,255);"></div>
<div style="background-color:rgb(255,153,255);"></div>
<div style="background-color:rgb(255,153,204);"></div>
<div style="background-color:rgb(255,102,102);"></div>
<div style="background-color:rgb(255,179,102);"></div>
<div style="background-color:rgb(255,255,102);"></div>
<div style="background-color:rgb(179,255,102);"></div>
<div style="background-color:rgb(102,255,102);"></div>
<div style="background-color:rgb(102,255,179);"></div>
<div style="background-color:rgb(102,255,255);"></div>
<div style="background-color:rgb(102,178,255);"></div>
<div style="background-color:rgb(102,102,255);"></div>
<div style="background-color:rgb(178,102,255);"></div>
<div style="background-color:rgb(255,102,255);"></div>
<div style="background-color:rgb(255,102,179);"></div>
<div style="background-color:rgb(255,51,51);"></div>
<div style="background-color:rgb(255,153,51);"></div>
<div style="background-color:rgb(255,255,51);"></div>
<div style="background-color:rgb(153,255,51);"></div>
<div style="background-color:rgb(51,255,51);"></div>
<div style="background-color:rgb(51,255,153);"></div>
<div style="background-color:rgb(51,255,255);"></div>
<div style="background-color:rgb(51,153,255);"></div>
<div style="background-color:rgb(51,51,255);"></div>
<div style="background-color:rgb(153,51,255);"></div>
<div style="background-color:rgb(255,51,255);"></div>
<div style="background-color:rgb(255,51,153);"></div>
<div style="background-color:rgb(255,0,0);"></div>
<div style="background-color:rgb(255,128,0);"></div>
<div style="background-color:rgb(255,255,0);"></div>
<div style="background-color:rgb(128,255,0);"></div>
<div style="background-color:rgb(0,255,0);"></div>
<div style="background-color:rgb(0,255,128);"></div>
<div style="background-color:rgb(0,255,255);"></div>
<div style="background-color:rgb(0,127,255);"></div>
<div style="background-color:rgb(0,0,255);"></div>
<div style="background-color:rgb(127,0,255);"></div>
<div style="background-color:rgb(255,0,255);"></div>
<div style="background-color:rgb(255,0,128);"></div>
<div style="background-color:rgb(204,0,0);"></div>
<div style="background-color:rgb(204,102,0);"></div>
<div style="background-color:rgb(204,204,0);"></div>
<div style="background-color:rgb(102,204,0);"></div>
<div style="background-color:rgb(0,204,0);"></div>
<div style="background-color:rgb(0,204,102);"></div>
<div style="background-color:rgb(0,204,204);"></div>
<div style="background-color:rgb(0,102,204);"></div>
<div style="background-color:rgb(0,0,204);"></div>
<div style="background-color:rgb(102,0,204);"></div>
<div style="background-color:rgb(204,0,204);"></div>
<div style="background-color:rgb(204,0,102);"></div>
<div style="background-color:rgb(153,0,0);"></div>
<div style="background-color:rgb(153,76,0);"></div>
<div style="background-color:rgb(153,153,0);"></div>
<div style="background-color:rgb(77,153,0);"></div>
<div style="background-color:rgb(0,153,0);"></div>
<div style="background-color:rgb(0,153,77);"></div>
<div style="background-color:rgb(0,153,153);"></div>
<div style="background-color:rgb(0,76,153);"></div>
<div style="background-color:rgb(0,0,153);"></div>
<div style="background-color:rgb(76,0,153);"></div>
<div style="background-color:rgb(153,0,153);"></div>
<div style="background-color:rgb(153,0,77);"></div>
<div style="background-color:rgb(102,0,0);"></div>
<div style="background-color:rgb(102,51,0);"></div>
<div style="background-color:rgb(102,102,0);"></div>
<div style="background-color:rgb(51,102,0);"></div>
<div style="background-color:rgb(0,102,0);"></div>
<div style="background-color:rgb(0,102,51);"></div>
<div style="background-color:rgb(0,102,102);"></div>
<div style="background-color:rgb(0,51,102);"></div>
<div style="background-color:rgb(0,0,102);"></div>
<div style="background-color:rgb(51,0,102);"></div>
<div style="background-color:rgb(102,0,102);"></div>
<div style="background-color:rgb(102,0,51);"></div>
<div style="background-color:rgb(51,0,0);"></div>
<div style="background-color:rgb(51,26,0);"></div>
<div style="background-color:rgb(51,51,0);"></div>
<div style="background-color:rgb(26,51,0);"></div>
<div style="background-color:rgb(0,51,0);"></div>
<div style="background-color:rgb(0,51,26);"></div>
<div style="background-color:rgb(0,51,51);"></div>
<div style="background-color:rgb(0,25,51);"></div>
<div style="background-color:rgb(0,0,51);"></div>
<div style="background-color:rgb(25,0,51);"></div>
<div style="background-color:rgb(51,0,51);"></div>
<div style="background-color:rgb(51,0,26);"></div>
<div class="clear"></div>
</div>
</div>
<ul id="bar_list_file" class="menu list options_menu noico">
<!--<li ac="rename">重命名文件</li>-->
<!--<li class="devider"></li>-->
<!--
<li ac="saveAs">另存...</li>
-->
<li ac="preview">预览</li>
<li class="devider"></li>
<li ac="export">下载为...</li>
<li class="devider"></li>
<li ac="processExport">导出</li>
<li class="devider" data-name="processOutput" style="display:none;"></li>
<li id = "export_report" ac="output" data-name="processOutput" style="display:none;">预览流程手册</li>
<li class="devider"></li>
<li ac="saveImage">生成图片和缩略图</li>
<!-- <li class="devider"></li>
<li ac="close">关闭</li> -->
</ul>
<ul id="bar_list_edit" class="menu list options_menu">
<li ac="undo">
<div class="ico undo"></div>撤销
<div class="extend">Ctrl+Z</div>
</li>
<li ac="redo">
<div class="ico redo"></div>恢复
<div class="extend">Ctrl+Y</div>
</li>
<li class="devider"></li>
<li ac="cut">
<div class="ico cut"></div>剪切
<div class="extend">Ctrl+X</div>
</li>
<li ac="copy">
<div class="ico copy"></div>复制
<div class="extend">Ctrl+C</div>
</li>
<li ac="paste">
<div class="ico paste"></div>粘贴
<div class="extend">Ctrl+V</div>
</li>
<li ac="duplicate">复用
<div class="extend">Ctrl+D</div>
</li>
<li ac="brush">
<div class="ico brush"></div>格式刷
<div class="extend">Ctrl+Shift+B</div>
</li>
<li class="devider"></li>
<li ac="selectall">全选
<div class="extend">Ctrl+A</div>
</li>
<li ac="delete">
<div class="ico remove"></div>删除
<div class="extend">Delete/Backspace</div>
</li>
</ul>
<ul id="bar_list_view" class="menu list options_menu">
<li ac="zoom" zoom="in">
<div class="ico zoomin"></div>放大
<div class="extend">Ctrl+(&gt;)</div>
</li>
<li ac="zoom" zoom="out">
<div class="ico zoomout"></div>缩小
<div class="extend">Ctrl+(&lt;)</div>
</li>
<li class="devider"></li>
<li ac="zoom" zoom="0.5" class="static">50%</li>
<li ac="zoom" zoom="0.75" class="static">75%</li>
<li ac="zoom" zoom="1" class="static">100%</li>
<li ac="zoom" zoom="1.5" class="static">150%</li>
<li ac="zoom" zoom="2" class="static">200%</li>
<li class="devider"></li>
<li ac="zoom" zoom="1">重置缩放</li>
<li class="devider"></li>
<li ac="openNewPage">新页面打开</li>
</ul>
<ul id="bar_list_insert" class="menu list options_menu">
<li ac="insert" in="text">
<div class="ico text"></div>文本
<div class="extend">T</div>
</li>
<!-- <li ac="insert" in="image"><div class="ico ico_img"></div>图片<div class="extend">I</div></li> -->
<li ac="insert" in="line">
<div class="ico linkertype_normal"></div>连线
<div class="extend">L</div>
</li>
</ul>
<ul id="bar_list_page" class="menu list options_menu">
<li id="bar_page_color">
<div class="ico fillcolor"></div>
背景颜色
<div class="extend ex_arrow"></div>
</li>
<li>
页面大小
<div class="extend ex_arrow"></div>
<ul id="bar_list_pagesize" class="menu list extend_menu menu_ico">
<li ac="set_page_size" w="1500" h="2100">A3(1500x2100)</li>
<li ac="set_page_size" w="1050" h="1500">A4(1050x1500)</li>
<li ac="set_page_size" w="750" h="1050">A5(750x1050)</li>
<li class="devider"></li>
<li class="menu_text" id="page_size_custom">自定义</li>
<li class="menu_text" style="line-height: 30px;">
<span class='lbl'>W:</span>
<div id="page_size_w" class="spinner active" style="width: 74px;"></div>
</li>
<li class="menu_text" style="line-height: 30px;">
<span class='lbl'>H:</span>
<div id="page_size_h" class="spinner active" style="width: 74px;"></div>
</li>
</ul>
</li>
<li>
<div class="ico padding"></div>
内边距
<div class="extend ex_arrow"></div>
<ul id="bar_list_padding" class="menu list extend_menu menu_ico">
<li ac="set_page_padding" p="0">0px</li>
<li ac="set_page_padding" p="20">20px</li>
<li ac="set_page_padding" p="40">40px</li>
<li ac="set_page_padding" p="60">60px</li>
<li ac="set_page_padding" p="80">80px</li>
<li ac="set_page_padding" p="100">100px</li>
</ul>
</li>
<li class="devider"></li>
<li ac="set_page_showgrid">
<div class="ico ico_selected"></div>显示网格</li>
<li>
<div class="ico gridsize"></div>
网格大小
<div class="extend ex_arrow"></div>
<ul id="bar_list_gridsize" class="menu list extend_menu menu_ico">
<li ac="set_page_gridsize" s="10"></li>
<li ac="set_page_gridsize" s="15">正常</li>
<li ac="set_page_gridsize" s="20"></li>
<li ac="set_page_gridsize" s="30">很大</li>
</ul>
</li>
</ul>
<ul id="bar_list_arrange" class="menu list options_menu">
<li ac="front">
<div class="ico ico_front"></div>置于顶层
<div class="extend">Ctrl+]</div>
</li>
<li ac="back">
<div class="ico ico_back"></div>置于底层
<div class="extend">Ctrl+[</div>
</li>
<li ac="forward">上移一层
<div class="extend">Ctrl+Shift+]</div>
</li>
<li ac="backward">下移一层
<div class="extend">Ctrl+Shift+[</div>
</li>
<li class="devider"></li>
<li id="bar_arrange_align">
图形对齐
<div class="extend ex_arrow"></div>
<ul class="menu list extend_menu">
<li ac="align_shape" al="left">左对齐</li>
<li ac="align_shape" al="center">居中对齐</li>
<li ac="align_shape" al="right">右对齐</li>
<li class="devider"></li>
<li ac="align_shape" al="top">顶端对齐</li>
<li ac="align_shape" al="middle">垂直居中对齐</li>
<li ac="align_shape" al="bottom">底端对齐</li>
</ul>
</li>
<li id="bar_arrange_dist">
图形分布
<div class="extend ex_arrow"></div>
<ul class="menu list extend_menu">
<li ac="distribute_shape" dis="h">水平平均分布</li>
<li ac="distribute_shape" dis="v">垂直平均分布</li>
</ul>
</li>
<li id="bar_arrange_match">
匹配大小
<div class="extend ex_arrow"></div>
<ul class="menu list extend_menu">
<li ac="match_size" w="auto" h="">宽度</li>
<li ac="match_size" w="" h="auto">高度</li>
<li ac="match_size" w="auto" h="auto">宽度和高度</li>
<li ac="match_size" custom="true">自定义</li>
</ul>
</li>
<li class="devider"></li>
<li ac="lock">
<div class="ico ico_lock"></div>锁定
<div class="extend">Ctrl+L</div>
</li>
<li ac="unlock">
<div class="ico ico_unlock"></div>解锁
<div class="extend">Ctrl+Shift+L</div>
</li>
<li class="devider"></li>
<li ac="group">组合
<div class="extend">Ctrl+G</div>
</li>
<li ac="ungroup">取消组合
<div class="extend">Ctrl+Shift+G</div>
</li>
</ul>
<ul id="bar_list_help" class="menu list options_menu noico">
<li ac="hotkey">快捷键列表</li>
<!-- <li ac="getting_started">开始向导</li> -->
<!-- <li ac="feedback">发送反馈</li> -->
</ul>
</div>
<div id="designer">
<div id="designer_viewport" class="readonly">
<div id="designer_layout" class="layout">
<div id="canvas_container">
<div id="designer_canvas" class="designer_canvas">
<canvas id="designer_grids">您的浏览器不支持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="dock">
<div class="dock_header"></div>
<div class="dock_buttons">
<div id="dock_btn_attribute" class="toolbar_button selected" style="<#attributeView>" onclick="Dock.showView('attribute');setCookie('<#uuid>', 'attribute,true');" awsui-qtip="数据属性">
<div class="ico ico_dock_attribute"></div>
</div>
<div id="dock_btn_navigator" class="toolbar_button" onclick="Dock.showView('navigator');setCookie('<#uuid>', 'navigator,true');" awsui-qtip="导航">
<div class="ico ico_dock_nav"></div>
</div>
<div id="dock_btn_graphic" class="toolbar_button owner" onclick="Dock.showView('graphic');setCookie('<#uuid>', 'graphic,true');" awsui-qtip="图形">
<div class="ico ico_dock_styles"></div>
</div>
<div id="dock_btn_metric" class="toolbar_button owner" onclick="Dock.showView('metric');setCookie('<#uuid>', 'metric,true');" awsui-qtip="度量">
<div class="ico ico_dock_metric"></div>
</div>
<div id="dock_btn_page" class="toolbar_button owner" onclick="Dock.showView('page');setCookie('<#uuid>', 'page,true');" awsui-qtip="页面设置">
<div class="ico ico_dock_page"></div>
</div>
<#dock_btn_validate>
<div id="dock_btn_message" class="toolbar_button" style="<#messageView>" onclick="Dock.showView('message');setCookie('<#uuid>', 'page,true');" awsui-qtip="留言">
<div class="ico ico_dock_message"></div>
</div>
<div id="dock_btn_publish" class="toolbar_button" style="<#publishView>" onclick="Dock.showView('publish');setCookie('<#uuid>', 'page,true');" awsui-qtip="发布历史">
<div class="ico ico_dock_publish"></div>
</div>
<div id="dock_btn_enlarge" class="toolbar_button" onclick="resizeMax()" awsui-qtip="放大">
<div class="ico ico_dock_enlarge"></div>
</div>
<div id="dock_btn_narrow" class="toolbar_button" onclick="resizeMin()" awsui-qtip="缩小">
<div class="ico ico_dock_narrow"></div>
</div>
<div id="dock_btn_print" class="toolbar_button" style="<#printView>" onclick="printProcess()" awsui-qtip="打印">
<div class="ico ico_dock_print"></div>
</div>
<div id="dock_btn_fullscreen" class="toolbar_button" onclick="Dock.enterFullScreen()" awsui-qtip="全屏">
<div class="ico ico_dock_fullscreen"></div>
</div>
<div id="dock_btn_upfile" class="toolbar_button" onclick="openUpFile()" awsui-qtip="附件">
<div class="ico ico_dock_upfile"></div>
</div>
<div id="dock_btn_link" class="toolbar_button" onclick="Dock.showView('link');setCookie('<#uuid>', 'page,true');" awsui-qtip="链接">
<div class="ico ico_link"></div>
</div>
<#processlink_ete_analysis>
</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 dock_view_graphic">
<div class="dock_view_header">
图形
<div class="ico ico_dock_collapse"></div>
</div>
<div class="dock_content">
<div class="dock_content_title">连线</div>
<div id="dock_line_color" class="picker_btn btn_inline"></div>
<div id="dock_line_style" class="toolbar_button drop_button active btn_inline" style="margin: 0px 0px 0px 10px">
<div class="ico linestyle linesolid"></div>
<div class="ico ico_dropdown"></div>
</div>
<div id="dock_line_width" class="spinner active btn_inline" style="width: 82px; margin-left: 10px;"></div>
<div style="clear: both"></div>
<div class="dock_devider"></div>
<div class="dock_content_title">填充样式</div>
<div id="dock_fill_type" class="toolbar_button active">
<div class="text_content"></div>
<div class="ico ico_dropdown"></div>
</div>
<div class="fill_detail fill_detail_solid">
<div id="fill_solid_btn" class="picker_btn"></div>
</div>
<div class="fill_detail fill_detail_gradient">
<div id="fill_gradient_begin" c="255,255,255" class="picker_btn btn_inline"></div>
<div id="gradient_swap" class="toolbar_button btn_normal btn_inline">
<div class="ico gradient_swap"></div>
</div>
<div id="fill_gradient_end" c="255,255,255" class="picker_btn btn_inline"></div>
<div id="gradient_type" class="toolbar_button active btn_normal btn_inline" style="width: 100px;margin: 0px 0px 0px 10px;">
<div class="text_content"></div>
<div class="ico ico_dropdown"></div>
</div>
<div style="clear: both"></div>
<div id="gradient_type_linear" class="gradient_details">
角度:
<div id="gradient_angle" class="spinner active" style="width: 100px; display: inline-block;"></div>
</div>
<div id="gradient_type_radial" class="gradient_details">
半径:
<div id="gradient_radius" class="spinner active" style="width: 100px; display: inline-block;"></div>
</div>
<div style="clear: both"></div>
</div>
<div class="fill_detail fill_detail_image">
<div id="fill_change_img" class="toolbar_button active" style="width: 95px;">更改图片</div>
<div style="height: 10px;"></div>
显示方式:
<div id="fill_img_display" class="toolbar_button active" style="width: 100px; display: inline-block;">
<div class="text_content"></div>
<div class="ico ico_dropdown"></div>
</div>
</div>
<div class="dock_devider"></div>
<div class="dock_content_title">透明度</div>
<div id="spinner_opacity" class="spinner active" style="width: 90px;"></div>
</div>
</div>
<div class="dock_view dock_view_metric">
<div class="dock_view_header">
度量
<div class="ico ico_dock_collapse"></div>
</div>
<div class="dock_content">
<div class="dock_content_title">位置和大小</div>
<div class="dock_label">X:</div>
<div id="dock_metric_x" class="spinner active btn_inline" style="width: 65px;"></div>
<div class="dock_label">宽:</div>
<div id="dock_metric_w" class="spinner active btn_inline" style="width: 65px;"></div>
<div style="clear: both; height: 10px;"></div>
<div class="dock_label">Y:</div>
<div id="dock_metric_y" class="spinner active btn_inline" style="width: 65px;"></div>
<div class="dock_label">高:</div>
<div id="dock_metric_h" class="spinner active btn_inline" style="width: 65px;"></div>
<div style="clear: both"></div>
<div class="dock_devider"></div>
<div class="dock_content_title">旋转方向</div>
<div id="dock_metric_angle" class="spinner active" style="width: 95px; display: inline-block;"></div>
</div>
</div>
<div class="dock_view dock_view_page">
<div class="dock_view_header">
页面设置
<div class="ico ico_dock_collapse"></div>
</div>
<div class="dock_content">
<div class="dock_content_title">页面</div>
<div class="dock_label" style="width: 80px;">页面大小:</div>
<div id="dock_page_size" class="toolbar_button active btn_inline" style="width: 110px;display: inline-block;">
<div class="text_content"></div>
<div class="ico ico_dropdown"></div>
</div>
<div style="height: 10px; clear: both"></div>
<div class="dock_label" style="width: 80px;">内边距:</div>
<div id="dock_page_padding" class="toolbar_button active btn_inline" style="width: 110px;display: inline-block;">
<div class="text_content"></div>
<div class="ico ico_dropdown"></div>
</div>
<div style="height: 10px; clear: both"></div>
<div class="dock_label" style="width: 80px;">背景颜色:</div>
<div id="dock_page_color" class="picker_btn btn_inline"></div>
<div style="clear: both"></div>
<div class="dock_devider"></div>
<div class="dock_content_title">网格</div>
<input id="dock_page_showgrid" type="checkbox" />
<label for="dock_page_showgrid">显示网格</label>
<div id="dock_gridsize_box" style="margin-top: 10px;">
<div class="dock_label">网格大小:</div>
<div id="dock_page_gridsize" class="toolbar_button active btn_inline" style="width: 110px;display: inline-block;">
<div class="text_content"></div>
<div class="ico ico_dropdown"></div>
</div>
<div style="clear: both"></div>
</div>
</div>
</div>
<div class="dock_view dock_view_attribute" style="width: 350px;overflow:auto">
<div class="dock_view_header">
<font id='dock_view_header_title'>文件属性</font>
<div class="ico ico_dock_collapse"></div>
</div>
<div class="dock_content" style="padding: 5px 0px 5px;">
<ul style="overflow-x: hidden;overflow-y: hidden;">
<div id="dock_content_attribute">
<ul id="tabUlContainer">
<li id="tabLiContainnerAttribute" class="selectTag">
<a onClick="selectAttrTabTag('tagContent1',this)" href="javascript:void(0)">属性</a>
</li>
<li>
<a onClick="selectAttrTabTag('tagContent0',this)" href="javascript:void(0)">关系</a>
</li>
<li><a onClick="selectAttrTabTag('tagContent2',this)" href="javascript:void(0)">出现</a> </li>
<li><a onClick="selectAttrTabTag('tagContent3',this)" href="javascript:void(0)">关联</a> </li>
</ul>
<div id="tagContent">
<div class="tagContent" id="tagContent0" style="overflow:auto; padding: 10px 0px;">
<table style="margin-top: -10px;border-collapse:collapse; width: 100%;">
<tbody class="tagContentTableTbody" id="tagContentTableTitle">
<tr class="tagContentTableTrFirst">
<td width="50%">关系类型</td>
<td width="50%">对象名称</td>
</tr>
</tbody>
<tbody class="tagContentTableTbody" id="tagContentTable1">
</tbody>
</table>
</div>
<div class="tagContent selectTag" id="tagContent1" style="overflow:auto; overflow-x:hidden; padding: 10px 0px;">
<table style="margin-top: -10px;border-collapse:collapse;">
<tbody class="tagContentTableTbody">
<tr class="tagContentTableTrFirst">
<td width="30%">属性名称</td>
<td width="70%" style="width: 235px;">属性值</td>
</tr>
<tr class="tagContentTableTr">
<td width="30%">名称</td>
<td width="30%" class="tagContentTableTrTd">
<span awsui-qtip="" style="overflow:hidden; height:100%;" class="attribute_input_css" name="attribute_desc_input" readonly="readonly" ></span>
</td>
</tr>
<tr class="tagContentTableTr">
<td width="30%">类型</td>
<td width="30%" id="attribute_name_td_content"></td>
</tr>
</tbody>
<tbody class="tagContentTableTbody" id="tagContentTable0">
</tbody>
</table>
</div>
<!-- 出现复制 -->
<div class="tagContent" id="tagContent2" style="overflow:auto; padding: 10px 0px;">
<table style="margin-top: -10px;border-collapse:collapse; width: 100%;">
<tbody class="tagContentTableTbody" id="tagContentTableTitle2">
<tr class="tagContentTableTrFirst"><td width="50%">模型名称</td><td width="50%">类型</td></tr>
</tbody>
<tbody class="tagContentTableTbody" id="tagContentTableTitleContent2">
</tbody>
<tbody class="tagContentTableTbody" id="tagContentTable2">
</tbody>
</table>
</div>
<!-- 形状关联 -->
<div class="tagContent" id="tagContent3" style="overflow:auto; padding: 10px 0px;">
<table style="margin-top: -10px;border-collapse:collapse; width: 100%;">
<tbody class="tagContentTableTbody" id="tagContentTableTitle3">
<tr class="tagContentTableTrFirst"><td width="50%">文件名称</td><td width="50%">图形名称</td></tr>
</tbody>
<tbody class="tagContentTableTbody" id="tagContentTableTitleContent3">
</tbody>
<tbody class="tagContentTableTbody" id="tagContentTable3">
</tbody>
</table>
</div>
</div>
<ul style="margin-top:10px;" class="clearfix">
<li>
<span awsui-qtip="点击打开附件管理" id="upfile" class="button">附件</span>
</li>
</ul>
</ul>
</div>
<ul id="attr_no_more_attribute_id">
<li class="attr_no_more_attribute">
<iframe id="file_attribute" frameborder="0" width="100%" style="width:100%;height:380px" src="./w?sid=<#sid>&cmd=com.actionsoft.apps.coe.pal_processlevel_create&wsid=<#wsId>&pid=<#parentChartId>&id=<#uuid>&editable=<#editable>"></iframe>
</li>
</ul>
<div id="textarea-dialog" title="" style="display:none; width:500px; height:300px;">
<textarea style="width:100%; height:200px; border:1px solid rgb(178, 178, 178);" class="awsui-input awsui-textarea"></textarea>
<!-- 已经存在 的属性 -->
<input type="hidden" id="exitAttributesJsonIds" value="" name="exitAttributesJsonIds" />
</div>
</div>
<div class="dock_view dock_view_message" style="width: 300px;">
<div class="dock_view_header">
留言
<span id="validate_count"></span>
<div class="ico ico_dock_collapse"></div>
</div>
<div id="sideMessageListDiv" class="dock_content" style="padding: 0px;">
<div style="width:280px; margin: 10px auto; text-align: center; border: solid 1px #c5c5c5;">
<textarea id="publishMessage" style="width:272px;height:80px; border: none;" class="awsui-input awsui-textarea"></textarea>
<div style="border-top: solid 1px #999; padding: 5px; text-align: right;">
<span id="messageSize">1000字</span>
<button id="publishMessageButton" type="button" class="button blue" onclick="saveMessage()">发布</button>
</div>
</div>
<div id="messageContent">
</div>
</div>
</div>
<div class="dock_view dock_view_publish" style="width: 300px;">
<div class="dock_view_header">
发布历史
<span id="validate_count"></span>
<div class="ico ico_dock_collapse"></div>
</div>
<div id="sidePublishListDiv" class="dock_content sidelist_div content" style="padding: 0px; max-height: 400px; overflow-y: auto;">
<article>
</artical>
</div>
</div>
<div class="dock_view dock_view_link" style="width: 270px;">
<div class="dock_view_header">
链接
<span id="validate_count"></span>
<div class="ico ico_dock_collapse"></div>
</div>
<div id="sideLinkListDiv" class="dock_content" style="padding: 0px; max-height: 380px;">
<div id="linkContent" style="width:250px; margin: 10px auto; text-align: center; border: solid 1px #c5c5c5;">
</div>
</div>
</div>
</div>
</div>
<div id="export_dialog" class="ui-draggable awsui-dialog" style="min-width:450px; display: none;">
<div class="dialog_header">下载格式</div>
<div class="dialog_content">
<form id="export_form" action="/diagram_export" method="post">
<ul class="export-list">
<li class="first">
<input id="export_png" type="radio" name="type" value="image" checked="checked" style="float: left;margin-right: 5px;">
<label for="export_png" class="export-menu" style="float:left;line-height: 18px;">
图片文件
<span class="suffix">(*.png)</span>
<span class="export_des">将文件导出成图片</span>
</label>
<div style="clear: both;"></div>
</li>
<!--
<li class="first">
<input id="export_pdf" type="radio" name="type" value="pdf" style="float: left;margin-right: 5px;">
<label for="export_pdf" class="export-menu" style="float:left;line-height: 18px;">
PDF文件<span class="suffix"> (*.pdf)</span>
<span class="export_des">由图片保存成的PDF文件</span>
</label>
<div style="clear: both;"></div>
</li>
<li class="first">
<input id="export_pos" type="radio" name="type" value="pos" style="float: left;margin-right: 5px;">
<label for="export_pos" class="export-menu" style="float:left;line-height: 18px;">
POS文件<span class="suffix"> (*.pos)</span>
<span class="export_des">包含图片与图形结构定义</span>
</label>
<div style="clear: both;"></div>
</li>
-->
</ul>
<input id="export_definition" type="hidden" name="definition" />
<input id="export_title" type="hidden" name="title" />
<input type="hidden" name="chartId" value="<#uuid>" />
<input type="hidden" name="ignore" value="definition" />
</form>
</div>
<div class="dialog-button-wrap" style="text-align:right">
<div class="dlg-button">
<button type="button" class="button blue" onclick="UI.doExport()">确定</button>
<button type="button" class="button last" onclick="$('#export_dialog').dlg('close');">关闭</button>
</div>
</div>
<iframe id='export_iframe' style='display:none' frameborder="0" width="100%" src=""></iframe>
</div>
<!-- 预览报告dialog-->
<div id="previewDialog" style="width: 80%;padding: 20px 20px 20px 20px;overflow: hidden;">
<div id="previewContent" style="width: 100%;height: 100%;overflow:auto;text-align: center;"></div>
</div>
<div id='hotkey_list' class='dialog'>
<div class='dialog_header'>快捷键列表</div>
<div class='dialog_content'>
<div class="hotkey_content">
<span class="hotkey_line hotkey_group">通用</span>
<span class="hotkey_line">
<span class="hotkey">Alt</span>
<span class="hotkey_desc">按住Alt通过鼠标可以对页面进行拖动</span>
</span>
<!--<span class="hotkey_line">
<span class="hotkey">Ctrl</span>
<span class="hotkey_desc">按住Ctrl点击一个图形将其添加到选择图形中或者从中移除</span>
</span>-->
<span class="hotkey_line">
<span class="hotkey">Ctrl + &lt; , Ctrl + &gt;</span>
<span class="hotkey_desc">缩小,放大画布</span>
</span>
<span class="hotkey_line">
<span class="hotkey">Ctrl + A</span>
<span class="hotkey_desc">全部选中</span>
</span>
<span class="hotkey_line">
<span class="hotkey">Esc</span>
<span class="hotkey_desc">取消选中,并取消当前操作</span>
</span>
<!-- <span class="hotkey_line">
<span class="hotkey">T</span>
<span class="hotkey_desc">插入文本</span>
</span>
<span class="hotkey_line">
<span class="hotkey">I</span>
<span class="hotkey_desc">插入图片</span>
</span>
<span class="hotkey_line">
<span class="hotkey">L</span>
<span class="hotkey_desc">插入连线</span>
</span>-->
<span class="hotkey_line null_line">&nbsp;</span>
<span class="hotkey_line hotkey_group">图形被选中时</span>
<span class="hotkey_line">
<span class="hotkey">箭头 (←↑↓→)</span>
<span class="hotkey_desc">将选中图形向左、向上、向下、向右移动</span>
</span>
<span class="hotkey_line">
<span class="hotkey">Ctrl + 箭头 (←↑↓→)</span>
<span class="hotkey_desc">每次微移一个像素</span>
</span>
<span class="hotkey_line">
<span class="hotkey">Ctrl + 调整大小</span>
<span class="hotkey_desc">调整图形大小,并且约束比例</span>
</span>
<span class="hotkey_line">&nbsp;</span>
<span class="hotkey_line">
<span class="hotkey">Ctrl + Z</span>
<span class="hotkey_desc">撤销</span>
</span>
<span class="hotkey_line">
<span class="hotkey">Ctrl + Y</span>
<span class="hotkey_desc">恢复</span>
</span>
<span class="hotkey_line">&nbsp;</span>
<span class="hotkey_line">
<span class="hotkey">Ctrl + X</span>
<span class="hotkey_desc">剪切</span>
</span>
<span class="hotkey_line">
<span class="hotkey">Ctrl + C</span>
<span class="hotkey_desc">复制</span>
</span>
<span class="hotkey_line">
<span class="hotkey">Ctrl + V</span>
<span class="hotkey_desc">粘贴</span>
</span>
<span class="hotkey_line">
<span class="hotkey">Ctrl + D</span>
<span class="hotkey_desc">复用</span>
</span>
<span class="hotkey_line">
<span class="hotkey">Ctrl + R</span>
<span class="hotkey_desc">数据配置</span>
</span>
<span class="hotkey_line">
<span class="hotkey">Ctrl + Shift + B</span>
<span class="hotkey_desc">格式刷</span>
</span>
<span class="hotkey_line">
<span class="hotkey">Delete, Backspace</span>
<span class="hotkey_desc">删除</span>
</span>
<span class="hotkey_line">&nbsp;</span>
<span class="hotkey_line">
<span class="hotkey">Ctrl + ]</span>
<span class="hotkey_desc">将选中的图形置于顶层</span>
</span>
<span class="hotkey_line">
<span class="hotkey">Ctrl + [</span>
<span class="hotkey_desc">将选中的图形置于底层</span>
</span>
<span class="hotkey_line">
<span class="hotkey">Ctrl + Shift + ]</span>
<span class="hotkey_desc">将选中的图形上移一层</span>
</span>
<span class="hotkey_line">
<span class="hotkey">Ctrl + Shift + [</span>
<span class="hotkey_desc">将选中的图形下移一层</span>
</span>
<span class="hotkey_line">&nbsp;</span>
<span class="hotkey_line">
<span class="hotkey">Ctrl + L</span>
<span class="hotkey_desc">锁定选中的图形</span>
</span>
<span class="hotkey_line">
<span class="hotkey">Ctrl + Shift + L</span>
<span class="hotkey_desc">将选中的图形解锁</span>
</span>
<span class="hotkey_line">&nbsp;</span>
<span class="hotkey_line">
<span class="hotkey">Ctrl + G</span>
<span class="hotkey_desc">组合选中的图形</span>
</span>
<span class="hotkey_line">
<span class="hotkey">Ctrl + Shift + G</span>
<span class="hotkey_desc">将选中的图形取消组合</span>
</span>
<span class="hotkey_line null_line">&nbsp;</span>
<span class="hotkey_line hotkey_group">编辑文本</span>
<span class="hotkey_line">
<span class="hotkey">空格</span>
<span class="hotkey_desc">编辑文本</span>
</span>
<span class="hotkey_line">
<span class="hotkey">Ctrl + B</span>
<span class="hotkey_desc">粗体</span>
</span>
<span class="hotkey_line">
<span class="hotkey">Ctrl + I</span>
<span class="hotkey_desc">斜体</span>
</span>
<span class="hotkey_line">
<span class="hotkey">Ctrl + U</span>
<span class="hotkey_desc">下划线</span>
</span>
<span class="hotkey_line">
<span class="hotkey">Ctrl + Enter</span>
<span class="hotkey_desc">保存文本编辑</span>
</span>
</div>
</div>
<div class="designer_button normal hotkey_ok" onclick="$('#hotkey_list').dlg('close')">关闭</div>
</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>
<!--<I18N#流程属性的对话框>-->
<div id="dialog_properties" style="width:525px;display:none;">
<div id="dialog_properties_area" style="height:260px;" class="dlg-content">
<iframe id="properties_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;'>ID:<#processDefId></span></div>
<button id="setproperties_submit" class="button blue" onclick="BPMNBiz.saveAWSProperties();return false;"><I18N#确定></button>
<button class="button" onclick="$('#dialog_properties').dialog('close');return false;"><I18N#取消></button>
</div>
</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>
<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>" />
<input type="hidden" name="moreAttrRight" id="moreAttrRight" value="<#moreAttrRight>" />
</form>
</body>
</html>