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

1883 lines
96 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 type='text/css' rel='stylesheet' href='../apps/com.actionsoft.apps.coe.pal/lib/designer/themes/default/diagraming/designer.versionCompare.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 wsId = "<#wsId>";
var teamId = "<#teamId>";
var browserId = "<#browserId>";// 浏览器唯一标识
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);
}
//打开正文的附件
function openUpFileNew() {
var elements = Model.define.elements;
var type = "shape";
for (var i in elements) {
if (i!=undefined && (elements[i].name === "regulation" || elements[i].name === "card")) {
shapeId = i;
break;
}
}
Utils.selectShape(shapeId);
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>
<!-- i18n -->
<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#当前颜色>";
$(document).ready(function(){
$("#queryInput").attr("placeholder", 快速查询);
$("#back-vue-page-span").attr("awsui-qtip", 返回);
$("#toolbar_designer_version_no").attr("awsui-qtip", 版本号);
$("#color_draw").attr("awsui-qtip", 吸色 + "Esc" + 退出);
$("#color_show_now").attr("awsui-qtip", 当前颜色);
});
// designer.ui.debug.js 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 暂无链接 = "<I18N#暂无链接>";
var 处修改 = "<I18N#处修改>";
var 暂停 = "<I18N#暂停>";
var 从此版本播放 = "<I18N#从此版本播放>";
var 浏览器限制无法进入演示视图 = "<I18N#浏览器限制,无法进入演示视图>";
var 无法进入全屏视图您可以按F11进入 = "<I18N#无法进入全屏视图,您可以按(F11)进入>";
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#链接>"
</script>
<!-- 版本对比 -->
<script type='text/javascript' async 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;">
<div class="compare-main" id="versionCompareBox" style="display:none;"></div>
<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> -->
<span id="toolbar_designer_version_no" class="info version" style="cursor: pointer" awsui-qtip="版本号" onclick="versionListFun.openVersionList()">
<#versionNum>
</span>
<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="processTermination" awsui-qtip='废止' class="toolbar_button">
<div class="ico processTermination"></div>
</div>
<div id="modelFileUpload" awsui-qtip='文件附件' class="toolbar_button">
<div class="ico fileUpLoad" onclick="openUpFile()" ></div>
</div>
<div id="textFileShow" awsui-qtip='正文附件' class="toolbar_button">
<div class="ico textFile" onclick="openUpFileNew()" ></div>
</div>
<div id="switchViews" awsui-qtip='切换视图' class="toolbar_button">
<div class="ico switchViews"></div>
</div>
<div id="switchMRViews" awsui-qtip='切换管理要求视图' class="toolbar_button">
<div class="ico switchViews"></div>
</div>
<div id="switchOAApproval" awsui-qtip='切换OA审批视图' class="toolbar_button">
<div class="ico switchViews"></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="wpsPage" style="display:none;width: calc(100% - 36px);position: relative;background-color: #EEEEEE;">
</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>
<script src="../commons/js/web-office-sdk-v1.1.19.umd.js"></script>
<script>
$(document).ready(function() {
//新增 打开wps文件逻辑
if(methodId === 'control.policy'|| methodId ==='engineering.standard' || methodId ==='process.scheme' || methodId ==='process.oaApprove'){
//执行切换显示按钮
switchWpsDisplay(true);
}else{
$("#switchViews").css('display','none');
$("#textFileShow").css('display','none');
}
if (methodId != 'process.oaApprove') {
$('#switchOAApproval').css('display','none')
}
// 只有epc和泳道图显示切换按钮
if (methodId !== 'process.epc' && methodId !== 'process.flowchart' && methodId !== 'process.oaApprove') {
$("#switchMRViews").css('display', 'none');
}
$("#processTermination").off("click").on("click", function () {
$.ajax({
type: "POST",
url: "./jd",
data: {
sid: CLB.sid,
palUUID:ruuid,
cmd: "com.actionsoft.apps.coe.pal.publisher.createProcess_processTermination",
processDefId: "obj_fb1c7a54b98b412187388c8bab407362",
},
success: function (r) {
if(r.result == "error"){
$.simpleAlert(r.msg, "error");
}else{
window.open(r.data.url);
}
},
error: function (r) {
}
});
});
$("#switchViews").off("click").on("click", function () {
if ($("#wpsPage").is(":visible")) {
switchWpsDisplay(false);
} else {
switchWpsDisplay(true);
}
});
$("#switchMRViews").off("click").on("click", function () {
if ($("#wpsPage").is(":visible")) {
switchWpsMRDisplay(false);
} else {
switchWpsMRDisplay(true);
}
});
$("#switchOAApproval").off("click").on("click", function () {
if ($("#wpsPage").is(":visible")) {
switchWpsOAApprovalDisplay(false);
} else {
switchWpsOAApprovalDisplay(true);
}
});
function switchWpsDisplay(flag) {
if (flag) {//显示wps页面隐藏其余页面
$("#wpsPage").css('display', 'block');
$("#wpsPage").height($('#designer_viewport').height());
$("#designer_layout").css('display', 'none');
//打开wps在线编辑页面
$("#dock").css("right", 0);
openWpsUrl();
} else {
$("#wpsPage").css('display', 'none');
$("#designer_layout").css('display', 'block');
var layoutW = $("#designer_layout").width();
var viewW = $("#layout_block").width();
// 总宽度减去可视区域的宽度,得到滚动条宽度
var navRight = layoutW - viewW;
$("#dock").css("right", navRight);
updateShapePanel();
}
}
async function switchWpsMRDisplay(flag) {
if (flag) {//显示wps页面隐藏其余页面
$("#wpsPage").css('display', 'block');
$("#wpsPage").height($('#designer_viewport').height());
$("#shape_panel").css('display', 'none');
$("#shape_panel_more_shape").css('display', 'none');
$("#designer_layout").css('display', 'none');
//打开wps在线编辑页面
$("#dock").css("right", 0);
openWpsMRUrl();
} else {
$("#wpsPage").css('display', 'none');
$("#shape_panel").css('display', 'block');
$("#shape_panel_more_shape").css('display', 'block');
$("#designer_layout").css('display', 'block');
var layoutW = $("#designer_layout").width();
var viewW = $("#layout_block").width();
// 总宽度减去可视区域的宽度,得到滚动条宽度
var navRight = layoutW - viewW;
$("#dock").css("right", navRight);
updateShapePanel();
}
}
async function switchWpsOAApprovalDisplay(flag) {
if (flag) {//显示wps页面隐藏其余页面
$("#wpsPage").css('display', 'block');
$("#wpsPage").height($('#designer_viewport').height());
$("#shape_panel").css('display', 'none');
$("#shape_panel_more_shape").css('display', 'none');
$("#designer_layout").css('display', 'none');
//打开wps在线编辑页面
$("#dock").css("right", 0);
openWpsOAApprovalUrl();
} else {
$("#wpsPage").css('display', 'none');
$("#shape_panel").css('display', 'block');
$("#shape_panel_more_shape").css('display', 'block');
$("#designer_layout").css('display', 'block');
var layoutW = $("#designer_layout").width();
var viewW = $("#layout_block").width();
// 总宽度减去可视区域的宽度,得到滚动条宽度
var navRight = layoutW - viewW;
$("#dock").css("right", navRight);
updateShapePanel();
}
}
function openWpsUrl(){
$.ajax({
url: "./jd?sid=" + sid + "&cmd=com.awspaas.user.apps.yiliwps.readOnlyUrl&palId=" + ruuid +"&fileName="+updatedPolicyFileList,
type: 'GET',
success: function(data) {
if(data.code ===200){
//换一种打开方式
console.log('引入后可以开始使用 JSSDK 了~');
jssdk = WebOfficeSDK.config({
url: data.data.link, // 该地址需要对接方服务端提供,形如 https://wwo.wps.cn/office/p/xxx
mount:document.querySelector('#wpsPage')
})
jssdk.on('fileOpen', (data) => {
console.log('打开文档成功: ', data)
})
}
}
});
}
function openWpsMRUrl() {
$.ajax({
url: "./jd?sid=" + sid + "&cmd=com.awspaas.user.apps.yiliwps.previewUrl_mr_read&palId=" + ruuid,
type: 'GET',
success: function (data) {
if(data.result=="ok"){
if (data.data.content.code === 200) {
//换一种打开方式
console.log('引入后可以开始使用 JSSDK 了~');
jssdk = WebOfficeSDK.config({
url: data.data.content.data.link, // 该地址需要对接方服务端提供,形如 https://wwo.wps.cn/office/p/xxx
mount: document.querySelector('#wpsPage')
})
jssdk.on('fileOpen', (data) => {
console.log('打开文档成功: ', data)
})
}else{
$.simpleAlert(data.data.msg, "info", 2000);
}
}else{
$.simpleAlert(data.msg, "info", 2000);
}
}
});
}
function openWpsOAApprovalUrl() {
$.ajax({
url: "./jd?sid=" + sid + "&cmd=com.awspaas.user.apps.yiliwps.previewUrl_oaApproval_read&palId=" + ruuid,
type: 'GET',
success: function (data) {
if(data.result=="ok"){
if (data.data.content.code === 200) {
//换一种打开方式
console.log('引入后可以开始使用 JSSDK 了~');
jssdk = WebOfficeSDK.config({
url: data.data.content.data.link, // 该地址需要对接方服务端提供,形如 https://wwo.wps.cn/office/p/xxx
mount: document.querySelector('#wpsPage')
})
jssdk.on('fileOpen', (data) => {
console.log('打开文档成功: ', data)
})
}else{
$.simpleAlert(data.data.msg, "info", 2000);
}
}else{
$.simpleAlert(data.msg, "info", 2000);
}
}
});
}
});
</script>
</html>