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

3928 lines
193 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></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.colorpicker.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;
}
/* 1. 样式重置 */
* {
margin: 0;
padding: 0;
}
li {
list-style: none;
}
/* 外层盒子样式,左右箭头和小圆点都要采用绝对定位,所以其父盒子要采用相对定位*/
.banners {
position: relative;
overflow: hidden;
width: 520px;
height: 280px;
margin: 100px auto;
}
/*滚动区 包裹所有图片的盒子 宽度要足够宽可以放下所有的图片*/
.images {
position: absolute;
top: 0;
left: 0;
width: 700%;
}
/* 对图片使用浮动 使其排列在一行*/
.images li{
float: left;
}
/* 图片大小会撑大盒子,设置图片大小 */
.banners img {
width: 520px;
height: 280px;
}
/*左右箭头相同样式*/
.prev,
.next {
display: none;
position: absolute;
/* 绝对定位的盒子垂直居中 */
top: 50%;
margin-top: -15px;
width: 20px;
height: 30px;
background: rgba(0,0,0, .3);
text-align: center;
line-height: 30px;
color: #fff;
text-decoration: none;
}
/*左箭头靠左定位*/
.prev {
left: 0;
/* 设置圆角 */
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
}
/*右箭头靠右定位*/
.next {
right: 0;
/* 设置圆角 */
border-top-left-radius: 15px;
border-bottom-left-radius: 15px;
}
/* 小圆点外层盒子的样式 */
.dots {
position: absolute;
bottom: 10px;
left: 50%;
margin-left: -35px;
height: 13px;
background:rgba(255,255,255, .3);
border-radius:7px;
}
/* 小圆点样式*/
.dots li {
float: left;
width: 8px;
height: 8px;
background-color: #fff;
border-radius: 50%;
margin: 3px;
}
.driver-popover-title{
color: #00b800;
}
/* 小圆点被点击的样式 */
.dots .active {
background-color: #ff5000;
}
#autoSave_countdown {
display: none; /* 默认隐藏倒计时 */
float: left;
margin-left: 20px;
line-height: 28px;
color: #777;
}
</style>
<link rel="stylesheet" href="../commons/css/awsui.css">
<link rel="stylesheet" href="../apps/com.actionsoft.apps.coe.pal/lib/designer/extend/css/subprocess/iconfont.css">
<!-- <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>
<!-- 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>
<!--扩展设计器的样式-->
<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>
<link href="../apps/com.actionsoft.apps.coe.pal/lib/designer/extend/css/driver.min.css" rel="stylesheet">
<script src="../apps/com.actionsoft.apps.coe.pal/lib/designer/extend/js/driver.min.js"></script>
<script type="text/javascript">
//公共信息
var wsId = "<#wsId>";
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 isPalManage = <#isPalManage>;
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 isHighSecurity = "<#isHighSecurity>";
// BPMN所需参数
var BPMN_TYPE_START_EVENT = "<#BPMN_TYPE_START_EVENT>";
var AWS_ELEMENT_START_EVENT_MESSAGE_EVENT_DEFINITION = "<#AWS_ELEMENT_START_EVENT_MESSAGE_EVENT_DEFINITION>";
var AWS_ELEMENT_START_EVENT_TIMER_EVENT_DEFINITION = "<#AWS_ELEMENT_START_EVENT_TIMER_EVENT_DEFINITION>";
var AWS_ELEMENT_START_EVENT_SIGNAL_EVENT_DEFINITION = "<#AWS_ELEMENT_START_EVENT_SIGNAL_EVENT_DEFINITION>";
var BPMN_TYPE_END_EVENT = "<#BPMN_TYPE_END_EVENT>";
var AWS_ELEMENT_END_EVENT_TERMINATE_EVENT_DEFINITION = "<#AWS_ELEMENT_END_EVENT_TERMINATE_EVENT_DEFINITION>";
var AWS_ELEMENT_END_EVENT_MESSAGE_EVENT_DEFINITION = "<#AWS_ELEMENT_END_EVENT_MESSAGE_EVENT_DEFINITION>";
var AWS_ELEMENT_END_EVENT_SIGNAL_EVENT_DEFINITION = "<#AWS_ELEMENT_END_EVENT_SIGNAL_EVENT_DEFINITION>";
var AWS_ELEMENT_END_EVENT_ERROR_EVENT_DEFINITION = "<#AWS_ELEMENT_END_EVENT_ERROR_EVENT_DEFINITION>";
var BPMN_TYPE_SEQUENCE_FLOW = "<#BPMN_TYPE_SEQUENCE_FLOW>";
var BPMN_TYPE_TASK = "<#BPMN_TYPE_TASK>";
var BPMN_TYPE_USER_TASK = "<#BPMN_TYPE_USER_TASK>";
var BPMN_TYPE_SERVICE_TASK = "<#BPMN_TYPE_SERVICE_TASK>";
var BPMN_TYPE_SCRIPT_TASK = "<#BPMN_TYPE_SCRIPT_TASK>";
var BPMN_TYPE_MANUAL_TASK = "<#BPMN_TYPE_MANUAL_TASK>";
var BPMN_TYPE_BUSINESSRULE_TASK = "<#BPMN_TYPE_BUSINESSRULE_TASK>";
var BPMN_TYPE_SEND_TASK = "<#BPMN_TYPE_SEND_TASK>";
var BPMN_TYPE_RECEIVE_TASK = "<#BPMN_TYPE_RECEIVE_TASK>";
var BPMN_TYPE_GATEWAY = "<#BPMN_TYPE_GATEWAY>";
var BPMN_TYPE_INTERMEDIATE_CATCH_EVENT = "<#BPMN_TYPE_INTERMEDIATE_CATCH_EVENT>";
var AWS_ELEMENT_INTERMEDIATE_CATCH_EVENT_TIMER_EVENT_DEFINITION = "<#AWS_ELEMENT_INTERMEDIATE_CATCH_EVENT_TIMER_EVENT_DEFINITION>";
var AWS_ELEMENT_INTERMEDIATE_CATCH_EVENT_MESSAGE_EVENT_DEFINITION = "<#AWS_ELEMENT_INTERMEDIATE_CATCH_EVENT_MESSAGE_EVENT_DEFINITION>";
var AWS_ELEMENT_INTERMEDIATE_CATCH_EVENT_SIGNAL_EVENT_DEFINITION = "<#AWS_ELEMENT_INTERMEDIATE_CATCH_EVENT_SIGNAL_EVENT_DEFINITION>";
var AWS_ELEMENT_INTERMEDIATE_THROW_EVENT_MESSAGE_EVENT_DEFINITION = "<#AWS_ELEMENT_INTERMEDIATE_THROW_EVENT_MESSAGE_EVENT_DEFINITION>";
var AWS_ELEMENT_INTERMEDIATE_THROW_EVENT_SIGNAL_EVENT_DEFINITION = "<#AWS_ELEMENT_INTERMEDIATE_THROW_EVENT_SIGNAL_EVENT_DEFINITION>";
var BPMN_TYPE_INTERMEDIATE_THROW_EVENT = "<#BPMN_TYPE_INTERMEDIATE_THROW_EVENT>";
var BPMN_TYPE_BOUNDARY_EVENT = "<#BPMN_TYPE_BOUNDARY_EVENT>";
var AWS_ELEMENT_BOUNDARY_EVENT_COMPENSATION_EVENT_DEFINITION = "<#AWS_ELEMENT_BOUNDARY_EVENT_COMPENSATION_EVENT_DEFINITION>";
var AWS_ELEMENT_BOUNDARY_EVENT_ERROR_EVENT_DEFINITION = "<#AWS_ELEMENT_BOUNDARY_EVENT_ERROR_EVENT_DEFINITION>";
var AWS_ELEMENT_BOUNDARY_EVENT_MESSAGE_EVENT_DEFINITION = "<#AWS_ELEMENT_BOUNDARY_EVENT_MESSAGE_EVENT_DEFINITION>";
var BPMN_TYPE_PARALLEL_GATEWAY = "<#BPMN_TYPE_PARALLEL_GATEWAY>";
var BPMN_TYPE_INCLUSIVE_GATEWAY = "<#BPMN_TYPE_INCLUSIVE_GATEWAY>";
var BPMN_TYPE_EXCLUSIVE_GATEWAY = "<#BPMN_TYPE_EXCLUSIVE_GATEWAY>";
var BPMN_TYPE_EVENTBASED_GATEWAY = "<#BPMN_TYPE_EVENTBASED_GATEWAY>";
var BPMN_TYPE_COMPLEX_GATEWAY = "<#BPMN_TYPE_COMPLEX_GATEWAY>";
var BPMN_TYPE_CALL_ACTIVITY_CALLING_PROCESS = "<#BPMN_TYPE_CALL_ACTIVITY_CALLING_PROCESS>";
var BPMN_TYPE_SUB_PROCESS = "<#BPMN_TYPE_SUB_PROCESS>";
var BPMN_TYPE_TEXT_ANNOTATION = "<#BPMN_TYPE_TEXT_ANNOTATION>";
var BPMN_TYPE_HORIZONTAL_POOL = "<#BPMN_TYPE_HORIZONTAL_POOL>";
var BPMN_TYPE_VERTICAL_POOL = "<#BPMN_TYPE_VERTICAL_POOL>";
var BPMN_TYPE_HORIZONTAL_LANE = "<#BPMN_TYPE_HORIZONTAL_LANE>";
var BPMN_TYPE_VERTICAL_LANE = "<#BPMN_TYPE_VERTICAL_LANE>";
//
var 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 schemeId = "<#schemeId>";
var frmFileName = "<#processName>"; //平台的流程名称
var fileName = "<#fileName>"; //模型名称
var BPMInstanceName = "<#BPMInstanceName>"; // 节点名称
var isView = <#isView>; //是否只读模式打开
var isPublish = <#isPublish>; //是否是已发布流程(已发布流程不允许修改)
var isStop = <#isStop>; //是否是已停用流程(已停用流程不允许修改)
var isApproval = <#isApproval>;// 是否是审核中流程(审核中流程不允许修改)
var isAutoSave = "<#isAutoSave>"; //是否允许实时保存
var isMarked = <#isMarked>;// // PAL推送至BPMS但BPMS端未分配
var isCorrelateBpms = <#isCorrelateBpms>;// 是否与BPM有关系的流程
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>";
// 帮助工具栏扩展url
var customHelpToolExtMenuUrl = <#customHelpToolExtMenuUrl>;
// 图形定义
var methodObjectDesc = <#methodObjectDesc>;
//是否需要保存提示
var isSave = true;
var isNeedPutMessage = true;
var isCollaboration = <#isCollaborationSwitch> ? ((isView == true || isPublish == true) ? false : true) : false; //是否进行协作
var sameNameCheck = <#sameNameCheck>;
var processOutput = <#processOutput>;
var openAppType = "<#openAppType>"; //打开设计器的app类型, 暂时用于判断留言
var operateType = "<#operateType>";
var process = {
processDefId: "<#processDefId>",
// title: "<#processName>",
version: "<#processVersion>",
versionStatus: "<#versionStatus>",
title: frmFileName, //"<#fileName>"
};
var processGroupName = "<#processGroupName>";
var categoryName = "<#categoryName>";
var processDefVersionId = "<#processDefVersionId>";
var processVersion = "<#processVersion>";
var selectedElementId="<#selectedElementId>"
<#schema>
//图形之间的关系定义json数组
var linkerRelationship = <#linkerRelationship> ;
var isParentShow = true;
/* var relationObj = <#relationObj>; */
//visio 导入相关
var processOnIsInstall = "<#processOnIsInstall>";
var processOnIsActive = "<#processOnIsActive>";
//保存手动保存时对设计器的操作
var messageArrayForSave = {};
var saveAttributesJson = [];
var removeAttributeJson = [];
var BPMNSupport = "<#BPMNSupport>";
var BPMNLevel0 = "<#BPMNLevel0>";
var BPMNLevel1 = "<#BPMNLevel1>";
var BPMNLevel2 = "<#BPMNLevel2>";
var relationShapesObject = <#relationShapes>;
var relationShapeModelObject = <#relationShapeModels>;
var moreShapeButton = "<#btnShapeStyle>";
var installBatch = <#installBatch>;
var attrDefineObj = <#attrDefineObj>;
var pid = "<#parentChartId>";
var teamId = "<#teamId>";
var jssdk;
var mrStatus = "0";
var apprivalStatus = "0";
</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>
<!-- AWSGrid工具 -->
<script type="text/javascript" src="../commons/js/jquery/scripts/ui/reference/jquery-ui.js"></script>
<script type="text/javascript" src="../commons/js/jquery/scripts/ui/aws.grid.js"></script>
<script type="text/javascript" src="../commons/js/jquery/scripts/ui/aws.grid-localize-zh.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.core.debug.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.method.subprocess.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.events.js'></script> -->
<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>
<!-- <script type='text/javascript' charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/js/coe.pal.processlevel.create.js'></script>-->
<script type="text/javascript" src="../<I18N#COEPATH>/js/jquery.tablednd_0_5.js"></script>
<script type="text/javascript" src="../<I18N#COEPATH>/js/coe.pal.processlevel.create.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" 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/Base64.js"></script>
<!-- biz -->
<script type="text/javascript" charset='UTF-8' src="../apps/com.actionsoft.apps.coe.pal/js/coe.team.pal.designer.js"></script>
<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>
<#batch-js>
<style>
.highlight{
background-color: #cccccc;
font-size: 16pt;
}
</style>
<script type="text/javascript">
if (navigator.userAgent.toLowerCase().match(/chrome/) != null) {
$(function() {
$(".footer_chrome").show();
});
}
</script>
<script src="../commons/js/web-office-sdk-v1.1.19.umd.js"></script>
<script>
function initCustomHelpToolExtMenuUrl() {
// 自定义帮助扩展
if (customHelpToolExtMenuUrl.length > 0) {
var liHtml = "";
for (var i = 0; i < customHelpToolExtMenuUrl.length; i++) {
// 第一层
var firstLevelObj = customHelpToolExtMenuUrl[i];
if (firstLevelObj.children && firstLevelObj.children.length > 0) {// 有第二层菜单
liHtml += '<li>' + firstLevelObj.name;
liHtml += '<div class="extend ex_arrow">►</div>';
liHtml += '<ul class="menu list extend_menu">';
var children = firstLevelObj.children;
if (children && children.length > 0) {
for (var j = 0; j < children.length; j++) {
liHtml += '<li onclick="openUrl(\'helpToolExtUrl\',\''+ children[j].url.replace(/@sid/g, sid) +'\',{},\'_blank\')">' + children[j].name + '</li>';
}
}
liHtml += '</ul>'
liHtml += '</li>';
} else {// 只有第一层菜单
liHtml += '<li onclick="openUrl(\'helpToolExtUrl\',\''+ firstLevelObj.url.replace(/@sid/g, sid) +'\',{},\'_blank\')">' + firstLevelObj.name + '</li>';
}
}
$('#bar_list_help').append(liHtml);
}
}
function openUrl(id, url, params, target) {
window.open(url);
// // 防止反复添加
// var dom = document.getElementById(id);
// if(dom) {
// document.body.removeChild(dom);
// }
// var temp_form = document.createElement("form");
// temp_form.action = url;
// temp_form.target = target == undefined ? "_blank" : target;
// temp_form.method = "get";
// temp_form.style.display = "none";
// for (var x in params) {
// var opt = document.createElement("textarea");
// opt.name = x;
// opt.value = params[x];
// temp_form.appendChild(opt);
// }
// temp_form.setAttribute('id', id);
// document.body.appendChild(temp_form);
// temp_form.submit();
}
$(document).ready(function(){
// 自定义帮助扩展
initCustomHelpToolExtMenuUrl();
if (methodId !== 'process.epc' && methodId != 'control.policy'&& methodId != 'process.flowchart') {
$('#bar_sort').css('display','none')
}
//EPC和泳道图的时候显示流程模型清单按钮
if (methodId == 'process.epc' || methodId == 'process.flowchart') {
$('#processManifest').css('display','block')
}
//EPC、表单图、制度图、泳道图的时候显示导引回放按钮
if (methodId == 'process.epc' || methodId == 'process.flowchart' || methodId == 'data.form' || methodId == 'control.policy') {
$('#modelingGuide').css('display','block')
}
if (methodId == 'data.form') {
$('#bar_importPolicyFile').css('display','none')
}
if (methodId != 'process.oaApprove') {
$('#switchOAApproval').css('display','none')
}
//新增 打开wps文件逻辑
if(methodId === 'control.policy' || methodId ==='engineering.standard' || methodId ==='process.scheme'){
//执行切换显示按钮
//switchWpsDisplay(true);
}else{
$("#switchViews").css('display','none');
}
// 只有epc和泳道图显示切换按钮
if (methodId !== 'process.epc' && methodId !== 'process.flowchart') {
$("#switchMRViews").css('display', 'none');
}
isGetHidden();
if (!installBatch) {// 未安装批处理应用,删除功能入口
$('li[ac=batchreplace]').remove();
}
$("#upfile").on('click',openUpFile);//附件上传页面
if(processOutput) { // 导出流程手册菜单控制
if (methodId == 'data.form') {
$('#export_report').text('导出表单手册');
} else if (methodId == 'control.policy') {
$('#export_report').text('导出制度手册');
} else if (methodId == 'process.scheme') {
$('#export_report').text('导出方案手册');
}else if (methodId == 'engineering.standard') {
$('#export_report').text('导出工程技术标准手册');
}
outputProcess();
}
if (moreShapeButton == '') {// 显示按钮
$(window).resize(function(){
updateShapePanel();
});
}
//流程版本对比
var verArray = <#verArray>;
var verHtml = "";
for (var i = 0; i < verArray.length; i++) {
var tmp = verArray[i];
verHtml += "<input class='awsui-checkbox' name='version' value='" + tmp.uuid + "' type='checkbox' data-name='" + tmp.nameVersion +"'>";
verHtml += "<label class='awsui-checkbox-label'>" + tmp.nameVersion +"</label></br>";
}
$("#versionGroup").html(verHtml);
//$("#dialog_version_compare .awsui-checkbox").check();
//三员管理,密级回显
if (isHighSecurity == "true") {
$("#securityLevelName").show()
}
//by bzp 默认不会选中形状所以隐藏~~
$("#dock_btn_richtext").hide();
checkUserFirstCreateModel();
if(methodId!="engineering.standard"){
//定制模版
initCoverTpl();
}else{
$("#tpl_list").css("display", "none");
}
});
// 页面停留时间统计
class PageStayTimeTracker {
constructor() {
this.startTime = null;
this.lastReportTime = null;
this.reportInterval = 60000; // 60秒报告一次
this.isPageVisible = true; // 默认页面是可见的
this.visibilityBound = false; // 是否已绑定可见性事件
}
// 延迟绑定可见性事件
bindVisibilityEvents() {
if (this.visibilityBound) return;
document.addEventListener('visibilitychange', this.handleVisibilityChange.bind(this));
this.visibilityBound = true;
// 初始检查页面可见状态
this.isPageVisible = !document.hidden;
if (!this.isPageVisible) {
this.lastReportTime = new Date(); // 更新最后记录时间
}
}
// 开始跟踪
startTracking() {
if (this.isActive) return;
this.startTime = new Date();
this.lastReportTime = this.startTime;
this.isActive = true;
// 设置定时器
this.intervalId = setInterval(() => {
if (this.isPageVisible) {
this.reportStayTime();
}
}, this.reportInterval);
// 页面卸载前发送剩余时间
window.addEventListener('beforeunload', this.finalReport.bind(this));
// 延迟绑定可见性事件(在用户首次交互后)
const bindOnInteraction = () => {
this.bindVisibilityEvents();
// 移除所有交互监听器
['click', 'scroll', 'keydown', 'mousemove', 'touchstart'].forEach(event => {
window.removeEventListener(event, bindOnInteraction);
});
};
// 添加多种交互监听
['click', 'scroll', 'keydown', 'mousemove', 'touchstart'].forEach(event => {
window.addEventListener(event, bindOnInteraction, { once: true });
});
}
// 报告停留时间
reportStayTime() {
const now = new Date();
const elapsed = now - this.lastReportTime;
this.totalStayTime += elapsed;
this.lastReportTime = now;
this.sendStayTimeToServer(elapsed, true);
}
// 最终报告
finalReport() {
if (!this.isActive) return;
if (this.isPageVisible) {
const now = new Date();
const elapsed = now - this.lastReportTime;
}
this.sendStayTimeToServer(elapsed, false);
this.cleanUp();
}
// 处理页面可见性变化
handleVisibilityChange() {
var now = new Date();
if (document.hidden) {
if (this.isPageVisible) {
this.isPageVisible = false;
// 页面不可见,暂停计时
const now = new Date();
const elapsed = now - this.lastReportTime;
this.totalStayTime += elapsed;
this.sendStayTimeToServer(elapsed, false);
clearInterval(this.intervalId);
}
} else {
// 页面恢复可见
if (!this.isPageVisible) {
this.lastReportTime = now; // 重置最后记录时间
}
this.isPageVisible = true;
}
}
// 发送数据到服务器
sendStayTimeToServer(elapsedMs,isActive) {
$.ajax({
type : "POST",
url : "./w?sid=" + encodeURIComponent($('#sid').val()) + "&cmd=com.awspaas.user.apps.browsing_data.service.insertReadingLog",
data : "userId="+userId+"&userName="+userName+"&ruuid="+ruuid+"&fileName="+fileName+"&startTime="+new Date(this.startTime).getTime()+"&currentTime="+new Date().getTime()+"&browserId="+browserId+"&isActive="+isActive,
success : function(msg) {
if (msg.result == "error") {
$.simpleAlert("新增失败", "error");
}
}
});
}
// 清理资源
cleanUp() {
clearInterval(this.intervalId);
document.removeEventListener('visibilitychange', this.handleVisibilityChange);
window.removeEventListener('beforeunload', this.finalReport);
this.isActive = false;
}
}
// 使用示例
const tracker = new PageStayTimeTracker();
tracker.startTracking();
//初始化封面模板
function initCoverTpl(){
$.ajax({
url: "./jd?sid=" + sid + "&cmd=com.awspaas.user.apps.output.template.getCoverTpl",
type: 'GET',
data: {
palId: ruuid
},
success: function (data) {
console.log(data);
//如果defaultJson不为空增加赋默认值的逻辑
//如果defaultJson不为空增加赋默认值的逻辑
var defaultJson = data.data.defaultJson;
if (defaultJson!== null && defaultJson !== undefined){
$("#tpl_list").attr("value",defaultJson.id);
$("#tpl_list").text("文件封面:"+defaultJson.text);
}
$("#tpl_list").popBox({
cache:false,
title:'请选择模版',
content: initContentHtml(data.data.list),
position:'bottom-left',
callback:function(item){
debugger;
$("input[name='tplRadio']")
$("input[name='tplRadio']").check();
$("input[name='tplRadio']").on("ifChanged",function(){
var historyRadioBoxArr = $('input[name="tplRadio"]:checked');
debugger;
//把选择的记录存上
$.ajax({
url: "./jd?sid=" + sid + "&cmd=com.awspaas.user.apps.output.template.saveTplMappingPal",
type: 'GET',
data: {
tplId:$(historyRadioBoxArr[0]).attr("id"),
palId: ruuid
},
success: function (data) {
$("#tpl_list").attr("value",$(historyRadioBoxArr[0]).attr("id"));
$("#tpl_list").text("文件封面:"+$(historyRadioBoxArr[0]).attr("showText"));
}
})
});
}
});
}
});
}
function initContentHtml(obj){
var checkHtml = '';
if (obj!=undefined) {
obj.forEach(function(model, index) {
checkHtml += '<p>';
checkHtml += '<input class="awsui-checkbox" name="tplRadio" id="'+model.id+'" showText="'+model.text+'" type="radio"/>';
checkHtml += '<label class="awsui-checkbox-label">'+model.text+'</label>';
});
}
return checkHtml;
}
//检查用户是否第一次创建对应类型的模型
function checkUserFirstCreateModel(){
var data_type = window.performance.navigation.type;
$.ajax({
url: "./jd?sid=" + sid + "&cmd=com.actionsoft.apps.coe.pal_guide_check_create&methodId=" + methodId+"&type="+data_type,
type: 'GET',
success: function(data) {
if(data.data.isFirst){
//初始化建模导引
initGuide();
}
}
});
}
function isGetHidden(){
$.ajax({
url: "./jd?sid=" + sid + "&cmd=com.actionsoft.apps.bpa.IsHidden_Modeling_Guidance",
type: 'GET',
success: function(data) {
if(data==true){
//初始化建模导引
//initGuide();
$('#modelingGuide').css('display','')
}else{
$('#modelingGuide').css('display','none')
}
}
});
}
//建模导引
function initGuide(){
$.ajax({
url: "./jd?sid=" + sid + "&cmd=com.actionsoft.apps.coe.pal_modeling_guide&methodId=" + methodId,
type: 'GET',
success: function(data) {
if(data.data.steps != undefined && data.data.steps != null) {
const driver = new Driver({
animate: true, // 是否开启动画
opacity: 0.65, // 遮罩透明度
padding: 10, // padding
allowClose: true, // 点击遮罩是否可以关闭
overlayClickNext: false, // 点击遮罩进行下一步
doneBtnText: '结束', // 最后一共按钮的文本
closeBtnText: '关闭', // 关闭按钮的文本
//stageBackground: '#ffffff', // 突出元素的背景色
nextBtnText: '下一步', // 下一步按钮的文本
prevBtnText: '上一步', // 上一步按钮的文本
//showButtons: false, // 不显示控制按钮
//keyboardControl: true, // 是否允许通过键盘的左右键来控制
//scrollIntoViewOptions: {}, // 滚动视图配置,暂时不知道如何使用
onHighlightStarted: (Element) => {
}, // 元素高亮开始事件
onHighlighted: (Element) => {
}, // 元素高亮事件
onDeselected: (Element) => {
}, // 取消选定事件
onReset: (Element) => {
}, //重置事件
onNext: (Element) => {
}, // 下一步
onPrevious: (Element) => {
}, //上一步
});
driver.defineSteps(data.data.steps);
driver.start();
}
}
});
}
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);
}
//by bzp 打开富文本页面
function openrichtext(){
var shapeIds = Utils.getSelectedShapeIds()[0];
var dlgtmp = FrmDialog.open({
title : "富文本制度录入",
height: 600,
width:830,
url : "./w",
data : {
sid : sid,
cmd : 'com.actionsoft.apps.coe.pal.getRichtext',
pluuid: ruuid,
shapId: shapeIds
},
id : "richTextConfig",
buttons : [{
text : '确定',
cls : "blue",
handler : function() {
$("#bar_save").click();
$.simpleAlert("正在解析中,稍后将自动刷新界面","info", 20000);
$("#id-awsui-win-frm-2013richTextConfig").hide();
var result = dlgtmp.win().save();
$.ajax({
url: "./jd?sid=" + sid + "&cmd=com.actionsoft.apps.coe.pal.saveRichtext",
type: 'POST',
data: {
content:result,
pluuid: ruuid,
shapId: shapeIds
},
success: function(msg) {
dlgtmp.close();
window.location.reload();
}
});
}
}, {
text : '取消',
handler : function() {
dlgtmp.close();
}
}]
});
}
//by bzp end
// 导出流程手册
function outputProcess() {
$('li[data-name="processOutput"]').show();
}
// 控制更多图形按钮
function updateShapePanel() {
if (moreShapeButton == '') {// 显示按钮
$('#shape_panel_more_shape').show();
var panelHeight=$('#designer_viewport').height();
$('#shape_panel').height(panelHeight - 40);
$('#shape_panel_more_shape').css('margin-top',panelHeight);
}
//计算页面渲染效率
//var t = window.performance.timing;
//var completeTime = t.domComplete - t.domLoading;
//console.log("打开流程页面的渲染时间:", completeTime/1000 + "秒");
}
//形状的特殊配置
function showShapeConfig() {
var shape = Utils.getSelected()[0];
if (shape == undefined) {
return;
} else if(shape == undefined || shape.name == "linker") {
$.simpleAlert("不可选择连线"); //提示被designer.ui.debug.js中的update方法覆盖--“请选择形状”
return;
}
var commonShapeConfig = Model.define.commonShapeConfig;
var specialShapeConfig;
var dataAttributes = shape.dataAttributes;
var temp;
for (var i = 0; i < dataAttributes.length; i++) {
temp = dataAttributes[i];
if (temp.hasOwnProperty("attributesJsonArray")) {
if (!temp.dataShowConfig) {
temp.dataShowConfig = {};
}
specialShapeConfig = temp.dataShowConfig.config;
break;
}
}
var sid = $("#sid").val();
var wsId = "<#wsId>";
var shapeId = shape.name;
var shapeKey = shape.id;
var category = shape.category;
var defaultCategory = '<#methodId>';
if (commonShapeConfig != undefined) {
//复制commonShapeConfig
commonShapeConfig = JSON.stringify(commonShapeConfig);
commonShapeConfig = JSON.parse(commonShapeConfig);
commonShapeConfig = commonShapeConfig[shapeId];
if (commonShapeConfig != undefined) {
for (var i = 0; i < commonShapeConfig.length; i++) {
var config = commonShapeConfig[i];
if (config.showType === "icon" && config.iconContent.indexOf("=") < 0) {
config.iconContent = config.iconContent.replace("&", "&=");
}
}
}
}
//处理传给后端iconfont的问题
if (specialShapeConfig != undefined) {
//复制specialShapeConfig
specialShapeConfig = JSON.stringify(specialShapeConfig);
specialShapeConfig = JSON.parse(specialShapeConfig);
for (var i = 0; i < specialShapeConfig.length; i++) {
var config = specialShapeConfig[i];
if (config.showType === "icon" && config.iconContent.indexOf("=") < 0) {
config.iconContent = config.iconContent.replace("&", "&=");
}
}
}
var dlg = FrmDialog.open({
title : "形状数据显示规则",
width : 810,
height : 487.6,
url : "./w",
data : {
sid : sid,
cmd : 'com.actionsoft.apps.coe.pal_pl_manage_shape_config_dialog_page',
wsId : wsId,
type : "specialShapeConfig",
shapeId : shapeId,
shapeKey : shapeKey,
category : category,
defaultCategory : defaultCategory,
commonShapeConfig : JSON.stringify(commonShapeConfig),
specialShapeConfig : JSON.stringify(specialShapeConfig),
attributesJsonArray : JSON.stringify(temp.attributesJsonArray),
relationData : JSON.stringify(relationShapeModelObject)
},
id : "specialShapeConfig",
buttons : [{
text : '确定',
cls : "blue",
handler : function() {
var dataArray = dlg.win().getConfigData();
if (dataArray.length < 0) {
dlg.close();
return;
}
//保存特殊配置
temp["dataShowConfig"].config = dataArray;
//渲染配置信息
Designer.painter.renderShape(shape);
dlg.close();
}
}, {
text : '取消',
handler : function() {
dlg.close();
}
}]
});
}
function getDocHeight(doc) {
doc = doc || document;
var body = doc.body;
var html = doc.documentElement;
var height = Math.max(body.scrollHeight, body.offsetHeight, html.clientHeight, html.scrollHeight, html.offsetHeight);
return height;
}
function setIframeHeight(id) {
var ifrm = document.getElementById(id);
var doc = ifrm.contentDocument ? ifrm.contentDocument : ifrm.contentWindow.document;
ifrm.style.visibility = 'hidden';
ifrm.style.height = "10px"; // reset to minimal height ...
ifrm.style.height = getDocHeight(doc) + 4 + "px";
ifrm.style.visibility = 'visible';
}
async function switchWpsDisplay(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);
openWpsUrl();
}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);
//先触发保存
await saveWps();
updateShapePanel();
//更新画布
$.simpleAlert("正在解析更新画布中,请稍后",'loading');
reloadFile();
}
}
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 {
//先判断是否要更新管理办法的生效状态
updateMrStatus();
$("#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);
//先触发保存
await saveWps();
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);
//先触发保存
await saveWps();
updateShapePanel();
}
}
//切换视图页面
function switchViews(){
if ($("#wpsPage").is(":visible")) {
switchWpsDisplay(false);
} else {
switchWpsDisplay(true);
}
}
//切换管理要求视图
function switchMRViews() {
if ($("#wpsPage").is(":visible")) {
switchWpsMRDisplay(false);
} else {
switchWpsMRDisplay(true);
}
}
//切换OA审批视图
function switchOAApproval(){
if ($("#wpsPage").is(":visible")) {
switchWpsOAApprovalDisplay(false);
} else {
switchWpsOAApprovalDisplay(true);
}
}
function updateMrStatus(){//更新管理办法的生效状态
//先判断是否要更新管理办法的生效状态
if(mrStatus == undefined || mrStatus == 0){//生效
//先弹出二次确认框
var options = {
title : "是否确定在流程文件中添加管理要求?(确认后,内容显示位置可以在“管理要求位置”属性中修改)",
content:"确认生效",
onConfirm: function(){
$.ajax({
url: "./jd?sid=" + sid + "&cmd=com.awspaas.user.apps.yiliwps.updateMrStatus&palId=" + ruuid,
type: 'GET',
success: function (data) {
mrStatus = data.data.mrStatus;
//同步修改文件属性的默认位置
var targetElement = $('#file_attribute').contents().find('#management_requirements_Location');
// 验证是否获取到了对象
if (targetElement.length) {
targetElement.attr("value","活动说明后");
var targetShowElement = $('#file_attribute').contents().find('#_awsui_combobox_display_value_management_requirements_Location');
targetShowElement.attr("value","活动说明后");
saveContent(targetElement);
}
}
});
},
onCancel : function(){
$.simpleAlert("您选择了取消");
}
};
$.confirm(options);
}
}
//保存wps内容
async function saveWps() {
try {
await jssdk.ready();
await jssdk.save();
}catch (e) {
console.log(e);
}
}
function openWpsUrl(){
$.ajax({
url: "./jd?sid=" + sid + "&cmd=com.awspaas.user.apps.yiliwps.previewUrl&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&palId=" + ruuid,
type: 'GET',
success: function (data) {
mrStatus = data.data.mrStatus;
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)
})
}
}
});
}
function openWpsOaApprovalUrl() {
$.ajax({
url: "./jd?sid=" + sid + "&cmd=com.awspaas.user.apps.yiliwps.previewUrl_oaApproval&palId=" + ruuid,
type: 'GET',
success: function (data) {
apprivalStatus = data.data.approvalStatus;
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)
})
}
}
});
}
//渲染形状配置信息
/*function painterShapeConfig(dataArray, shapeId, key) {
for (var i = 0; i < dataArray.length; i++) {
var temp = dataArray[i];
var showType = temp.showType;
var horizontal = temp.horizontal;
horizontal = horizontal.toLowerCase();
var verity = temp.verity;
verity = verity.toLowerCase();
if (verity == "center") {verity = "middle";}
if (showType == "text") {
var cfgContent = temp.cfgContent;
var params = {
"w":30,
"h":30,
"textw": 20,
"texth": 17,
"imgT": 0,
"category":"custom",
"icon":"",
"name":key, //it系统区分其他属性的角标的标识
"showName":false,
"showType":"text", //text icon
"type":"string",
"value":cfgContent,
"horizontal":horizontal,
"vertical":verity,
"radius":5,
"title":""
};
var shape = Model.getShapeById(shapeId);
if(!shape.dataAttributes){
shape.dataAttributes = [];
}
params.id = Utils.newId();
params.category = "custom";
shape.dataAttributes.push(params);
Model.update(shape);
Designer.painter.renderShape(shape);
}
}
}*/
</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;" onload="updateShapePanel();">
<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%;">
<span class="diagram_title"><#fileName></span>
<span id="securityLevelName" style="display: none;"><#securityLevelName></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">编辑</li>
<li id="menu_bar_view" menu="bar_list_view">视图</li>
<li id="menu_bar_insert" menu="bar_list_insert">插入</li>
<li id="menu_bar_page" menu="bar_list_page">页面</li>
<li id="menu_bar_arrange" menu="bar_list_arrange">排列</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 id="tpl_list" value="" style="display:inline-block; float: left;margin-left: 10px;line-height: 28px;">
文件封面:默认
</div>
<!-- 倒计时显示 -->
<div id="autoSave_countdown"></div>
<!--<div style="float: right;display: flex">
<div id="bar_importPolicyFile" awsui-qtip='上传正文' class="toolbar_button" style="<#importShapeStyle>">
<div class="ico ico_importShape"></div>
</div>
<div id="export_file" ac="output" awsui-qtip='导出手册' class="toolbar_button">
<div style="font-weight: bold;font-size: 15px;block-size: auto;">导出手册</div>
</div>
<div style="float: left;margin-left: 2px;">
<div style="width: 2px;height: 20px;background-color: #050505;margin-top: 3px;float: left;margin-left: 2px;"></div>
</div>
<div id="QuickPublishing" awsui-qtip='快捷发布' class="toolbar_button">
<div style="font-weight: bold;font-size: 15px;block-size: auto;margin-left: 4px;">一键发布</div>
</div>
<div id="processTermination" awsui-qtip='废止' class="toolbar_button">
<div class="ico processTermination"></div>
</div>
</div>-->
<div style="float: right;display: flex">
<div id="bar_importPolicyFile" awsui-qtip='上传正文' class="toolbar_button" style="<#importShapeStyle>">
<div style="font-weight: bold;font-size: 15px;">上传正文</div>
</div>
<div style="float: left;margin-left: 2px;<#importShapeStyle>">
<div style="width: 2px;height: 20px;background-color: #050505;margin-top: 3px;float: left;margin-left: 2px;"></div>
</div>
<div id="export_file" ac="output" awsui-qtip='导出手册' class="toolbar_button">
<div style="font-weight: bold;font-size: 15px;block-size: auto;margin-left: 4px;">导出手册</div>
</div>
<div style="float: left;margin-left: 2px;">
<div style="width: 2px;height: 20px;background-color: #050505;margin-top: 3px;float: left;margin-left: 2px;"></div>
</div>
<div id="QuickPublishing" awsui-qtip='一键发布' class="toolbar_button">
<div style="font-weight: bold;font-size: 15px;block-size: auto;margin-left: 2px;">一键发布</div>
</div>
<div style="float: left;margin-left: 2px;">
<div style="width: 2px;height: 20px;background-color: #050505;margin-top: 3px;float: left;margin-left: 2px;"></div>
</div>
<div id="processTermination" awsui-qtip='废止' class="toolbar_button">
<div style="font-weight: bold;font-size: 15px;margin-left: 2px;">废止</div>
</div>
</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_sort" class="toolbar_button" awsui-qtip='编号刷'>
<div class="ico sort"></div>
</div>
<div id="bar_resize" class="toolbar_button" awsui-qtip='调整画布大小'>
<div class="ico resize"></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_verticalSpace" class="toolbar_button" onclick="adjustVerticalSpace()" awsui-qtip='调整垂直间距'>
<div class="ico verticalSpace"></div>
</div>
<div id="bar_horizontalSpace" class="toolbar_button" onclick="adjustHorizontalSpace()" awsui-qtip='调整水平间距'>
<div class="ico horizontalSpace"></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">
<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="QualityInspection" awsui-qtip='质量检测' class="toolbar_button">
<div class="ico QualityInspection"></div>
</div>
<div id="modelFileUpload" awsui-qtip='文件附件上传' class="toolbar_button">
<div class="ico fileUpLoad" onclick="openUpFile()" ></div>
</div>
<div id="processManifest" awsui-qtip='查看活动清单' class="toolbar_button" style="display: none">
<!--<i class="ico awsui-iconfont">&#xe682;</i>-->
<div class="ico processManifest"></div>
</div>
<div id="modelingGuide" awsui-qtip='导引回放' class="toolbar_button" style="display: none">
<!--<i class="ico awsui-iconfont">&#xe682;</i>-->
<div class="ico modelingGuide"></div>
</div>
<div id="switchViews" awsui-qtip='切换视图' class="toolbar_button">
<div class="ico switchViews" onclick="switchViews()"></div>
</div>
<div id="switchMRViews" awsui-qtip='切换管理要求视图' class="toolbar_button">
<div class="ico switchViews" onclick="switchMRViews()"></div>
</div>
<div id="switchOAApproval" awsui-qtip='切换oa审批视图' class="toolbar_button">
<div class="ico switchViews" onclick="switchOAApproval()"></div>
</div>
<!-- <div id="bar_import" awsui-qtip='导入' class="toolbar_button" style="<#importStyle>">
<div class="ico ico_import"></div>
</div> -->
</div>
</div>
<div id="designer">
<div id="shape_panel" class="layout"></div>
<div id="shape_panel_more_shape" style="display:none;">
<!--<input id="moreShapes" type='button' style='height: 24px;width: 80px;margin-top: 4px;line-height: 24px;' class="designer_button" onclick="UI.showShapesManage()" value="更多图形" />-->
</div>
<div id="designer_viewport">
<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>
<ul id="designer_contextmenu" class="menu list options_menu">
<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="appearCopy">
<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="addLeadProcess">
添加到前置流程
<div class="extend"></div>
</li>
<li ac="addRearProcess">
添加到后置流程
<div class="extend"></div>
</li>
<li class="devider devi_clip"></li>
<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="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 ac="group">组合
<div class="extend">Ctrl+G</div>
</li>
<li ac="ungroup">取消组合
<div class="extend">Ctrl+Shift+G</div>
</li>
<li id="ctxmenu_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 class="devider devi_shape"></li>
<li ac="changelink">
<div class="ico ico_link"></div>修改链接</li>
<li ac="edit">
<div class="ico edittext"></div>编辑文本
<div class="extend">空格</div>
</li>
<li ac="dataconfig" onclick="showShapeConfig();">
<div class="ico" style="margin-top: -3px;"><i class="awsui-iconfont" style="font-size:19px; color:black;">&#58956;</i></div>数据配置
<div class="extend">Ctrl+R</div>
</li>
<li ac="delete">
<div class="ico remove"></div>删除
<div class="extend">Delete/Backspace</div>
</li>
<li class="devider devi_del"></li>
<li ac="selectall">全选
<div class="extend">Ctrl+A</div>
</li>
<li ac="selectVertical">调整垂直间距
<div class="extend"></div>
</li>
<li ac="selectHorizontal">调整水平间距
<div class="extend"></div>
</li>
<li class="devider devi_selectall"></li>
<li ac="drawline">
<div class="ico linkertype_normal"></div>创建连线
<div class="extend">L</div>
</li>
<li class="devider devi_custom"></li>
<li ac="customdefine">自定义模板
<div class="extend"></div>
</li>
</ul>
<div id="designer_subline1" style="position:absolute;"></div>
<div id="designer_subline2" style="position:absolute;"></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 style="width: 180px;"></div>
</div>
<div id="dock" style="z-index: 149;">
<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_shapeConfig" class="toolbar_button disabled" onclick="showShapeConfig();">
<div class="ico" awsui-qtip="形状数据配置"><i class="awsui-iconfont" style="font-size:20px; color:black;">&#58956;</i></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_history" class="toolbar_button" onclick="Dock.showView('history');setCookie('<#uuid>', 'history,true');" awsui-qtip="历史版本">
<div class="ico ico_history"></div>
</div>-->
<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>
<div id="dock_btn_diff" class="toolbar_button" onclick="Dock.showView('diff');setCookie('<#uuid>', 'page,true');" awsui-qtip="版本差异">
<div class="ico ico_dock_diff"></div>
</div>
<!--by bzp-->
<div id="dock_btn_richtext" class="toolbar_button" onclick="openrichtext()" awsui-qtip="富文本">
<div class="ico ico_link"></div>
</div>
<!--by bzp end-->
<#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 id="dock_btn_presentation" class="toolbar_button active" onclick="Dock.enterPresentation()" awsui-qtip="演示视图" title_pos="top">
<div class="ico ico_presentation"></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;">
<!-- <div class="attr_add">
<div id="attr_add_btn" class="toolbar_button active" style="width: 120px;display: inline-block;" onclick="Dock.showAttrAdd()">添加数据属性</div>
<div class="attr_add_items">
<div class="dock_label" style="width: 50px;">名字:</div>
<input id="attr_add_name" type="text" class="input_text" style="float: left; width: 260px;"/>
<div style="height: 5px; clear: both"></div>
<div class="dock_label" style="width: 50px;">类型:</div>
<select id="attr_add_type" class="input_select" style="float: left; width: 120pxs;">
<option value="string">文本</option>
<option value="link">链接</option>
<option value="number">数值</option>
<option value="date">日期</option>
<option value="boolean">布尔</option>
<option value="list" style="display:none;">列表</option>
</select>
<div style="height: 5px; clear: both"></div>
<div class="dock_label" style="width: 50px;">值:</div>
<div id="attr_add_value_arera" style="float: left;"></div>
<div style="height: 5px; clear: both"></div>
<div class="toolbar_button active" style="width: 70px;display: inline-block;" onclick="Dock.saveAttrAdd()">确定</div>
<div class="toolbar_button active" style="width: 70px;display: inline-block;" onclick="Dock.cancelAttrAdd()">取消</div>
</div>
<div class="dock_devider"></div>
</div>-->
<ul style="overflow-x: hidden;overflow-y: hidden;">
<!-- <ul id="tabUlContainer"> <li id="tab1"><span class="on" onclick="switchTab('tab1','con1');this.blur();return false;">
特性</span></li>
<li id="tab2"><span onclick="switchTab('tab2','con2');this.blur();return false;">
关系</span></li>
</ul>-->
<div id="dock_content_attribute">
<ul id="tabUlContainer">
<li id="tabLiContainnerAttribute" class="selectTag">
<a onClick="selectAttrTabTag2('tagContent1',this)" href="javascript:void(0)">属性</a>
</li>
<li>
<a onClick="selectAttrTabTag2('tagContent0',this)" href="javascript:void(0)">关系</a>
</li>
<li><a onClick="selectAttrTabTag2('tagContent2',this)" href="javascript:void(0)">出现</a> </li>
<li><a onClick="selectAttrTabTag2('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-y: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="70%" 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="70%" 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 class="attr_more">
</li>
<li>
<span awsui-qtip="点击打开附件管理" id="upfile" class="button">附件</span>
</li>
<!--
<li>
<span awsui-qtip="点击添加关联形状" id="relevanceShapes" style="display:none;" class="button" onclick="addRelevanceShapes('<#sid>','<#wsId>')">添加关联</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>-->
<iframe id="file_attribute" frameborder="0" width="100%" style="width:100%;height:380px" src=""></iframe>
</li>
</ul>
</div>
<div class="dock_view dock_view_history">
<div class="dock_view_header">
历史版本
<div class="ico ico_dock_collapse"></div>
</div>
<div class="dock_content" style="padding: 0px;">
<div id="history_container" style="min-height: 120px;"></div>
<div class="history_bar">
<div id="btn_history_restore" class="toolbar_button active disabled" awsui-qtip='恢复到此版本'>
<div class="ico ico_restore"></div>
</div>
<div id="spinner_play_speed" class="spinner active disabled" style="width: 50px;"></div>
<div id="btn_history_play" class="toolbar_button active disabled" awsui-qtip='从此版本播放'>
<div class="ico ico_play"></div>
</div>
</div>
</div>
</div>
<div class="dock_view dock_view_validate">
<div class="dock_view_header">
校验信息
<span id="validate_count"></span>
<div class="ico ico_dock_collapse"></div>
</div>
<div class="dock_content" style="padding: 0px;">
<div id="validate_container" style="min-height: 200px;margin-bottom: 5px;">正在校验...</div>
<div style="float: right"><a id="" href="#" class="button default small" onclick="validateBPMN(false);return false;" style="margin: 0 5px 5px 0;">再次检查</a>
</div>
</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 class="dock_view dock_view_diff" style="width: 300px;">
<div class="dock_view_header">
版本差异
<span id="validate_count"></span>
<div class="ico ico_dock_collapse"></div>
</div>
<div id="sideDiffDiv" class="dock_content" style="padding: 0px; max-height: 400px; overflow-y: auto;">
<table style="border-collapse:collapse;background-color: white;margin: 10px">
<tbody class="diffTableTbody" id="diffTable"></tbody>
</table>
</div>
</div>
</div>
<div id="wpsPage" style="display:none;width: calc(100% - 36px);position: relative;background-color: #EEEEEE;">
</div>
</div>
<!--
<div id="designer_footer">
<div class="footer_content">
<div class="left_box">
<input id="moreShapes" type='button' style='height: 24px;width: 80px;margin-top: 4px;line-height: 24px;<#btnShapeStyle>' class="designer_button" onclick="UI.showShapesManage()" value="更多图形" />
</div>
<div class="content_box">
<div class="footer_left">
<div id="collaborators">
<img id="chat_user_<#uid>" src="<#userUrl>" awsui-qtip="<#userName>" title_pos="top" userNum="<#userNum>" style="margin-left:10px;" />
<#usersPhoto>
</div>
<div id="collaborators_message" style="position:relative; right:5px; float:right; color:#ff0000; display:inline-block;"></div>
</div>
<ul class="footer_right" style="display:none;">
<li class="footer_chrome">
<a href="https://chrome.google.com/webstore/detail/processon-online-diagramm/pnggaliohjcaboolkcpjhfondbjlehkm" target="_blank">
<span class="ico chrome"></span>安装到Chrome</a>
</li>
<li>
<a href="http://weibo.com/u/2711044785" target="_blank">
<span class="ico weibo"></span>关注我们</a>
</li>
<li><a href="/support" target="_blank">获取帮助</a>
</li>
<li class="footer_fb" onclick="UI.showFeedBack()">提交反馈</li>
</ul>
</div>
</div>
</div>
-->
<div id="ui_container">
<div id='color_picker' class="menu color_picker" style="display: none;">
<div class="color_transparent"><I18N#无填充></div>
<div class="color_group">
<div class="color_item" awsui-qtip="#EFECEB" style="background:#EFECEB;"></div>
<div class="color_item" awsui-qtip="#F2F2F2" style="background:#F2F2F2;"></div>
<div class="color_item" awsui-qtip="#E7EBED" style="background:#E7EBED;"></div>
<div class="color_item" awsui-qtip="#FADCDB" style="background:#FADCDB;"></div>
<div class="color_item" awsui-qtip="#FBEADA" style="background:#FBEADA;"></div>
<div class="color_item" awsui-qtip="#FCF9EA" style="background:#FCF9EA;"></div>
<div class="color_item" awsui-qtip="#E5F6DA" style="background:#E5F6DA;"></div>
<div class="color_item" awsui-qtip="#DBF5F5" style="background:#DBF5F5;"></div>
<div class="color_item" awsui-qtip="#D2D6F9" style="background:#D2D6F9;"></div>
<div class="color_item" awsui-qtip="#FADDED" style="background:#FADDED;"></div>
<div class="color_item" awsui-qtip="#DED9D7" style="background:#DED9D7;"></div>
<div class="color_item" awsui-qtip="#D9D9D9" style="background:#D9D9D9;"></div>
<div class="color_item" awsui-qtip="#E0E0E0" style="background:#E0E0E0;"></div>
<div class="color_item" awsui-qtip="#F5B9B7" style="background:#F5B9B7;"></div>
<div class="color_item" awsui-qtip="#F8D5B5" style="background:#F8D5B5;"></div>
<div class="color_item" awsui-qtip="#F6EDC1" style="background:#F6EDC1;"></div>
<div class="color_item" awsui-qtip="#CAEDB4" style="background:#CAEDB4;"></div>
<div class="color_item" awsui-qtip="#B7EAEB" style="background:#B7EAEB;"></div>
<div class="color_item" awsui-qtip="#A6AEF3" style="background:#A6AEF3;"></div>
<div class="color_item" awsui-qtip="#F6BBDB" style="background:#F6BBDB;"></div>
<div class="color_item" awsui-qtip="#BEB3AF" style="background:#BEB3AF;"></div>
<div class="color_item" awsui-qtip="#BFBFBF" style="background:#BFBFBF;"></div>
<div class="color_item" awsui-qtip="#9E9E9E" style="background:#9E9E9E;"></div>
<div class="color_item" awsui-qtip="#F19594" style="background:#F19594;"></div>
<div class="color_item" awsui-qtip="#F4C18F" style="background:#F4C18F;"></div>
<div class="color_item" awsui-qtip="#F1E4A2" style="background:#F1E4A2;"></div>
<div class="color_item" awsui-qtip="#B0E38F" style="background:#B0E38F;"></div>
<div class="color_item" awsui-qtip="#94E0E1" style="background:#94E0E1;"></div>
<div class="color_item" awsui-qtip="#7985EC" style="background:#7985EC;"></div>
<div class="color_item" awsui-qtip="#F199C8" style="background:#F199C8;"></div>
<div class="color_item" awsui-qtip="#9D8C88" style="background:#9D8C88;"></div>
<div class="color_item" awsui-qtip="#A6A6A6" style="background:#A6A6A6;"></div>
<div class="color_item" awsui-qtip="#616161" style="background:#616161;"></div>
<div class="color_item" awsui-qtip="#EC7270" style="background:#EC7270;"></div>
<div class="color_item" awsui-qtip="#F1AC6A" style="background:#F1AC6A;"></div>
<div class="color_item" awsui-qtip="#E9D66F" style="background:#E9D66F;"></div>
<div class="color_item" awsui-qtip="#95DA69" style="background:#95DA69;"></div>
<div class="color_item" awsui-qtip="#70D5D7" style="background:#70D5D7;"></div>
<div class="color_item" awsui-qtip="#5B79E8" style="background:#5B79E8;"></div>
<div class="color_item" awsui-qtip="#ED77B6" style="background:#ED77B6;"></div>
<div class="color_item" awsui-qtip="#5C4038" style="background:#5C4038;"></div>
<div class="color_item" awsui-qtip="#7F7F7F" style="background:#7F7F7F;"></div>
<div class="color_item" awsui-qtip="#262626" style="background:#262626;"></div>
<div class="color_item" awsui-qtip="#A23735" style="background:#A23735;"></div>
<div class="color_item" awsui-qtip="#A66A30" style="background:#A66A30;"></div>
<div class="color_item" awsui-qtip="#A7932C" style="background:#A7932C;"></div>
<div class="color_item" awsui-qtip="#569230" style="background:#569230;"></div>
<div class="color_item" awsui-qtip="#358E90" style="background:#358E90;"></div>
<div class="color_item" awsui-qtip="#314AA4" style="background:#314AA4;"></div>
<div class="color_item" awsui-qtip="#A23C73" style="background:#A23C73;"></div>
</div>
<div class="color_base">
<div class="color_item" awsui-qtip="#FFFFFF" style="background:#FFFFFF;border-color:#E9EDF2;"></div>
<div class="color_item" awsui-qtip="#7F8B98" style="background:#7F8B98;"></div>
<div class="color_item" awsui-qtip="#000000" style="background:#000000;"></div>
<div class="color_item" awsui-qtip="#E74F4C" style="background:#E74F4C;"></div>
<div class="color_item" awsui-qtip="#ED9745" style="background:#ED9745;"></div>
<div class="color_item" awsui-qtip="#E0C431" style="background:#E0C431;"></div>
<div class="color_item" awsui-qtip="#7BD144" style="background:#7BD144;"></div>
<div class="color_item" awsui-qtip="#4CCBCD" style="background:#4CCBCD;"></div>
<div class="color_item" awsui-qtip="#4669EA" style="background:#4669EA;"></div>
<div class="color_item" awsui-qtip="#E855A4" style="background:#E855A4;"></div>
</div>
<div class="history">
<div class="history_title"><I18N#最近使用></div>
<div class="history_color">
<div class="color_item disabled" style="background: rgba(255,255,255,1);border-color: #E9EDF2;"></div>
<div class="color_item disabled" style="background: rgba(255,255,255,1);border-color: #E9EDF2;"></div>
<div class="color_item disabled" style="background: rgba(255,255,255,1);border-color: #E9EDF2;"></div>
<div class="color_item disabled" style="background: rgba(255,255,255,1);border-color: #E9EDF2;"></div>
<div class="color_item disabled" style="background: rgba(255,255,255,1);border-color: #E9EDF2;"></div>
<div class="color_item disabled" style="background: rgba(255,255,255,1);border-color: #E9EDF2;"></div>
<div class="color_item disabled" style="background: rgba(255,255,255,1);border-color: #E9EDF2;"></div>
<div class="color_item disabled" style="background: rgba(255,255,255,1);border-color: #E9EDF2;"></div>
<div class="color_item disabled" style="background: rgba(255,255,255,1);border-color: #E9EDF2;"></div>
<div class="color_item disabled" style="background: rgba(255,255,255,1);border-color: #E9EDF2;"></div>
</div>
</div>
<div class="color_options">
<div id="color_draw" class="color_draw " awsui-qtip="吸色(Esc退出)"><i class="awsui-iconfont">&#xe844;</i></div>
<div class="color_edit">
<div class="hex" style="display: flex;">
<div class="input_change">Hex<i class="awsui-iconfont">&#xe8ed;</i></div>
<div class="input_box"><input class="input_hex" type="text" maxlength="6"></div>
</div>
<div class="rgb" style="display: none;">
<div class="input_change">RGB<i class="awsui-iconfont">&#xe8ed;</i></div>
<div class="input_box">
<input class="input_r" type="text" maxlength="3">
<input class="input_g" type="text" maxlength="3">
<input class="input_b" type="text" maxlength="3">
</div>
</div>
</div>
<div class="color_show">
<span id="color_show_now" class="color_show_now" awsui-qtip="当前颜色"></span>
</div>
</div>
<div class="color_sep"></div>
<div class="color_more">
<img class="color_more_bg" src="../apps/com.actionsoft.apps.coe.pal/img/more_color.png"/>
<span><I18N#更多颜色></span>
<span class="extend-icon"><i class="awsui-iconfont">&#xe717;</i></span>
<div class="more_panel left">
<div class="color_panel" style="background: rgb(0, 251, 255);">
<div class="saturation_white">
<div class="saturation_black"></div>
</div>
<div class="picker_pin" style="color: rgb(76, 203, 205); left: 102px; top: 20px;"></div>
</div>
<div class="hue_horizontal">
<div class="picker_pin" style="color: rgb(0, 251, 255); left: 81px;"></div>
</div>
</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="versionCompare">流程版本对比</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="batchreplace">批量替换
<div class="extend">Ctrl+Shift+H</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>
<ul id="font_list" class="menu list menu_ico" style="display: none;">
<li style="font-family: Arial">Arial</li>
<li style="font-family: Verdana">Verdana</li>
<li style="font-family: Georgia">Georgia</li>
<li style="font-family: Times New Roman">Times New Roman</li>
<li style="font-family: Courier New">Courier New</li>
<li style="font-family: Impact">Impact</li>
<li style="font-family: Comic Sans MS">Comic Sans MS</li>
<li style="font-family: Tahoma">Tahoma</li>
<li style="font-family: Garamond">Garamond</li>
<li style="font-family: Lucida Console">Lucida Console</li>
<li class="devider"></li>
<li style="font-family: 宋体">宋体</li>
<li style="font-family: 楷体">楷体</li>
<li style="font-family: 黑体">黑体</li>
</ul>
<ul id="font_size_list" class="menu list" style="display: none;">
<li>6</li>
<li>7</li>
<li>8</li>
<li>9</li>
<li>10</li>
<li>11</li>
<li>12</li>
<li>14</li>
<li>18</li>
<li>24</li>
<li>30</li>
<li>36</li>
<li>48</li>
<li>60</li>
<li>72</li>
</ul>
<ul id="font_align_list" class="menu list" style="display: none;">
<li cate="textAlign" al="left">
<div class="ico alignleft"></div>
</li>
<li cate="textAlign" al="center">
<div class="ico aligncenter"></div>
</li>
<li cate="textAlign" al="right">
<div class="ico alignright"></div>
</li>
<li cate="vAlign" al="top">
<div class="ico aligntop"></div>
</li>
<li cate="vAlign" al="middle">
<div class="ico alignmiddle"></div>
</li>
<li cate="vAlign" al="bottom">
<div class="ico alignbottom"></div>
</li>
</ul>
<ul id="line_width_list" class="menu list menu_ico" style="display: none;">
<li>0px</li>
<li>1px</li>
<li>2px</li>
<li>3px</li>
<li>4px</li>
<li>5px</li>
<li>6px</li>
<li>8px</li>
<li>10px</li>
</ul>
<ul id="line_style_list" class="menu list menu_ico" style="display: none;">
<li line="solid">
<div class="ico linestyle linesolid"></div>
</li>
<li line="dashed">
<div class="ico linestyle linedashed"></div>
</li>
<li line="dot">
<div class="ico linestyle linedot"></div>
</li>
<li line="dashdot">
<div class="ico linestyle linedashdot"></div>
</li>
</ul>
<ul id="line_type_list" class="menu list" style="display: none;">
<li tp="broken">
<div class="ico linkertype_broken"></div>
</li>
<li tp="curve">
<div class="ico linkertype_curve"></div>
</li>
<li tp="normal">
<div class="ico linkertype_normal"></div>
</li>
</ul>
<ul id="beginarrow_list" class="menu list menu_ico" style="display: none;">
<li arrow="none">
<div class="ico ico_arrow larrow_none"></div>
</li>
<li arrow="solidArrow">
<div class="ico ico_arrow larrow_solidarrow"></div>
</li>
<li arrow="dashedArrow">
<div class="ico ico_arrow larrow_dashedarrow"></div>
</li>
<li arrow="normal">
<div class="ico ico_arrow larrow_normal"></div>
</li>
<li arrow="solidDiamond">
<div class="ico ico_arrow larrow_soliddiamond"></div>
</li>
<li arrow="dashedDiamond">
<div class="ico ico_arrow larrow_dasheddiamond"></div>
</li>
<li arrow="solidCircle">
<div class="ico ico_arrow larrow_solidcircle"></div>
</li>
<li arrow="dashedCircle">
<div class="ico ico_arrow larrow_dashedcircle"></div>
</li>
<li arrow="cross">
<div class="ico ico_arrow larrow_cross"></div>
</li>
</ul>
<ul id="endarrow_list" class="menu list menu_ico" style="display: none;">
<li arrow="none">
<div class="ico ico_arrow rarrow_none"></div>
</li>
<li arrow="solidArrow">
<div class="ico ico_arrow rarrow_solidarrow"></div>
</li>
<li arrow="dashedArrow">
<div class="ico ico_arrow rarrow_dashedarrow"></div>
</li>
<li arrow="normal">
<div class="ico ico_arrow rarrow_normal"></div>
</li>
<li arrow="solidDiamond">
<div class="ico ico_arrow rarrow_soliddiamond"></div>
</li>
<li arrow="dashedDiamond">
<div class="ico ico_arrow rarrow_dasheddiamond"></div>
</li>
<li arrow="solidCircle">
<div class="ico ico_arrow rarrow_solidcircle"></div>
</li>
<li arrow="dashedCircle">
<div class="ico ico_arrow rarrow_dashedcircle"></div>
</li>
<li arrow="cross">
<div class="ico ico_arrow rarrow_cross"></div>
</li>
</ul>
<!-- Dock Drops -->
<ul id="dock_fill_list" class="menu list menu_ico" style="display: none; width: 198px;">
<li ty="none"></li>
<li ty="solid">颜色</li>
<li ty="gradient">渐变</li>
<!-- 将作为下个版本考虑 -->
<!-- <li ty="image">图片</li> -->
</ul>
<ul id="gradient_type_list" class="menu list menu_ico" style="display: none; z-index: 1;">
<li ty="linear" style="width: 60px">线性渐变</li>
<li ty="radial" style="width: 60px">径向渐变</li>
</ul>
<ul id="img_display_list" class="menu list" style="display: none;">
<li ty="fill">填充</li>
<li ty="fit">自适应</li>
<li ty="stretch">按图形伸展</li>
<li ty="original">原始尺寸</li>
<li ty="tile">平铺</li>
</ul>
<ul id="page_size_list" class="menu list dock_page_menu menu_ico" style="display: none;">
<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="dock_size_custom">自定义</li>
<li class="menu_text" style="line-height: 30px;">
<span class='lbl'>W:</span>
<div id="dock_size_w" class="spinner active" style="width: 75px;"></div>
</li>
<li class="menu_text" style="line-height: 30px;">
<span class='lbl'>H:</span>
<div id="dock_size_h" class="spinner active" style="width: 75px;"></div>
</li>
</ul>
<ul id="page_padding_list" class="menu list dock_page_menu menu_ico" style="display: none;">
<li p="0">0px</li>
<li p="20">20px</li>
<li p="40">40px</li>
<li p="60">60px</li>
<li p="80">80px</li>
<li p="100">100px</li>
</ul>
<ul id="page_gridsize_list" class="menu list dock_page_menu menu_ico" style="display: none;">
<li s="10"></li>
<li s="15">正常</li>
<li s="20"></li>
<li s="30">很大</li>
</ul>
<ul id="attr_display_list" class="menu list dock_page_menu menu_ico" style="display: none;">
<li ty="none"></li>
<li ty="text">文本</li>
<li ty="icon">图标</li>
</ul>
<ul id="attr_icon_list" class="menu list dock_page_menu" style="display: none;">
<li></li>
</ul>
<ul id="attr_location_h_list" class="menu list attr_location_menu dock_page_menu" style="display: none;">
<li loc="mostleft">
<div>
<span style="left: -5px"></span>
</div>最左边</li>
<li loc="leftedge">
<div>
<span style="left: -3px"></span>
</div>左边缘</li>
<li loc="left">
<div>
<span style="left: 0px"></span>
</div>左边</li>
<li loc="center">
<div>
<span style="left: 3px"></span>
</div>中间</li>
<li loc="right">
<div>
<span style="left: 6px"></span>
</div>右边</li>
<li loc="rightedge">
<div>
<span style="left: 9px"></span>
</div>右边缘</li>
<li loc="mostright">
<div>
<span style="left: 11px"></span>
</div>最右边</li>
</ul>
<ul id="attr_location_v_list" class="menu list attr_location_menu dock_page_menu" style="display: none;">
<li loc="mosttop">
<div>
<span style="top: -5px"></span>
</div>最上边</li>
<li loc="topedge">
<div>
<span style="top: -3px"></span>
</div>上边缘</li>
<li loc="top">
<div>
<span style="top: 0px"></span>
</div>顶部</li>
<li loc="middle">
<div>
<span style="top: 3px"></span>
</div>中间</li>
<li loc="bottom">
<div>
<span style="top: 6px"></span>
</div>底部</li>
<li loc="bottomedge">
<div>
<span style="top: 9px"></span>
</div>下边缘</li>
<li loc="mostbottom">
<div>
<span style="top: 11px"></span>
</div>最下边</li>
</ul>
<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>
<!-- Feedback -->
<div id='send_feedback' class='dialog'>
<div class='dialog_header'>发送反馈</div>
<div class='dialog_content' style="padding: 20px 40px">
<p style="margin-top: 0px;">
您可以把使用中遇到的问题、功能的建议、评论等发送给我们。
<br/>我们迫切希望得到您有价值的反馈,有您的反馈,我们会做的更好!
<br/>
<br/>请写下您的邮箱和反馈描述:
</p>
<span class="feedback_lebal" style="height: 33px;line-height: 33px;">
<span>邮箱:</span>
<span class="feedback_error_email_format">邮箱不正确,请填写一个您常用的邮箱</span>
</span>
<input id='feedback_email' type="text" value="b@b.com" class='txt' style='width:490px;height:24px;' />
<span class="feedback_lebal" style="height: 33px;line-height: 33px;">
<span>姓名:</span>
</span>
<input id='feedback_name' type="text" value="比尔" class='txt' style='width:490px;height:24px;' />
<span class="feedback_lebal" style="height: 33px;line-height: 33px;">
<span>反馈:</span>
<span class="feedback_error_msg">请填写您的反馈信息</span>
</span>
<textarea id='feedback_message' class='txt' style='width:490px;height:93px;'></textarea>
</div>
<div class="dialog_buttons" style="padding: 0px 40px 20px;">
<span class='send_btn designer_button' onclick='UI.sendFeedBack(this)'>发送</span>
</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>
<!-- textarea对话框-->
<div id="textarea-dialog" title="" style="display:none; width:500px; height:300px;">
<textarea style="width:100%; height:215px; border:1px solid rgb(178, 178, 178);" class="awsui-input awsui-textarea"></textarea>
<!-- 已经存在 的属性 -->
<input type="hidden" id="exitAttributesJsonIds" value="" name="exitAttributesJsonIds" />
</div>
<!--版本对比对话框
<div title="版本对比" id="dialog_version_compare" style="width:300px; height: 200px">
<div id="versionGroup" style="height: 130px;">
</div>
</div>-->
<!--版本对比结果-->
<div title="版本对比" id="dialog_version_compare_result" style="width:400px; height: 300px">
<div id="versionCompareResult" style="display: none; height: 70%;overflow: auto;">
<div>
<div>文件属性:</div>
<div>--------------------------------------------------------------------</div>
<div id="fileAttr"></div>
</div>
<div style="margin-top: 20px;">
<div>节点属性:</div>
<div>--------------------------------------------------------------------</div>
<div id="shapeAttr"></div>
</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>
<!-- 添加关联形状 -->
<div id="attr_dialog_normal_relevance_shapes_div" style="width:700px;display:none;">
<div id='attr_content_relevance_shapes' style='margin:10px;height:410px;'>
<iframe width="100%" id="attr_content_iframe_relevance_shapes" name="attr_content_iframe_relevance_shapes" frameBorder="0" style="width: 100%; height: 400px;"></iframe>
</div>
</div>
<!-- 添加AWS PaaS平台组织 -->
<div id="attr_dialog_normal_relevance_aws_div" style="width:700px;display:none;">
<div id='attr_content_relevance_aws' style='margin:10px;height:400px;'>
<iframe width="100%" id="attr_content_iframe_relevance_aws" name="attr_content_iframe_relevance_aws" frameBorder="0" style="width: 100%; height: 400px;"></iframe>
</div>
</div>
<div id="attr_dialog-normal_designer" style="width:280px;display:none;height:360px;">
<div id='attr_content_designer' style='margin:10px;height:280px;'>
<iframe width="100%" id="attr_content_iframe_designer" name="attr_content_iframe" frameBorder="0" style="width: 100%; height: 280px;"></iframe>
</div>
</div>
<div id="designer_shape_copy_paste" style="width:360px;display:none;">
<div id='designer_shape_copy_paste_content' style='margin:10px;height:80px;'>
<ul>
<li>
<input class="awsui-radio" checked="" name="shape_radio" id="rdo1" value="copy" type="radio">
<label class="awsui-radio-label" for="rdo1">定义复制:会保留副本,但不会对形状信息进行同步</label>
</li>
<!-- <li>
<input class="awsui-radio" name="shape_radio" id="rdo2" value="appearCopy" type="radio">
<label class="awsui-radio-label" for="rdo2">出现复制:会保留副本,同时会对形状信息同步更新</label>
</li> -->
</ul>
</div>
</div>
<div id="designer_shape_custom_paste" style="width:500px;display:none;">
<div id='designer_shape_custom_paste_content' style='margin:10px;height:80px;'>
<ul>
<li>
<input class="awsui-radio" checked="" name="shape_radio_paste" id="rdo3" value="paste" type="radio">
<label class="awsui-radio-label" for="rdo3">自定义粘贴:作为新的形状出现不会和同一副本下的所有形状进行信息同步</label>
</li>
<li>
<input class="awsui-radio" name="shape_radio_paste" id="rdo4" value="appearPaste" type="radio">
<label class="awsui-radio-label" for="rdo4">出现粘贴:作为新的形状出现同时会和同一副本下的所有形状进行信息同步</label>
</li>
</ul>
</div>
</div>
<div id="link_dialog" class="ui-draggable awsui-dialog" style="width: 500px; display: none;">
<div style="padding:0px 10px;" class="awsui-simple-tab">
<a tit="file" class="active">文件链接</a>
<a tit="custom">自定义链接</a>
</div>
<div id="content" class="aws-simple-tab-content" style="height: 210px;">
<div tit="file" style="padding-right:20px;padding-left:20px;">
<div class="dialog_content" style="padding-top: 15px; text-align: center;">
<table style="width:370px;table-layout:inherit;padding:0" class="awsui-ux">
<tr>
<td align="left">链接名称</td>
<td>
<span class="required">
<input id="linkto_file_name" type="text" class="input_text" style="width: 250px;" />
</span>
</td>
</tr>
<tr>
<td align="left">链接文件</td>
<td>
<span class="required">
<input type="text" id="linkto_file" uuid="" url="" readonly="readonly" style="width: 320px; height:26px;" class="awsui-input">
</span>
</td>
</tr>
<tr>
<td align="left">目标</td>
<td>
<select id="link_custom_target1" style="height: 24px;width:268px;" class="awsui-select">
<option value="newTab">新页签</option>
<option value="_seft">当前窗口</option>
</select>
</td>
</tr>
</table>
</div>
<div id="linksFileHistoryDiv" class="dialog_content" style="padding-bottom: 0px;max-height:80px; text-align: center; overflow-x: auto; overflow-y: auto; ">
<table style="width:370px;">
<thead>
<tr>
<td style="width:110px;text-align:left;">名称</td>
<td style="width:110px;text-align:left;">链接</td>
<td style="width:75px">目标</td>
<td style="width:75px">操作</td>
</tr>
</thead>
<tbody id="linksFileHistory" style="overflow-y:scroll;overflow-x:hidden;"></tbody>
</table>
</div>
</div>
<div tit="custom" style="padding-right:20px;padding-left:20px; display:none;">
<div class="dialog_content" style="padding-top: 15px; text-align: center;">
<table style="width:370px;table-layout:inherit;padding:0" class="awsui-ux">
<tr>
<td align="left">链接名称</td>
<td>
<span class="required">
<input id="linkto_addr_name" type="text" class="input_text" style="width: 250px;" />
</span>
</td>
</tr>
<tr>
<td align="left">链接地址</td>
<td>
<span class="required">
<input id="linkto_addr" type="text" style="width: 262px;height:26px;" class="awsui-input" />
</span>
</td>
</tr>
<tr>
<td align="left">目标</td>
<td>
<select id="link_custom_target2" style="height: 24px; width:266px;" class="awsui-select">
<!-- <option value="newTab">新页签</option>
<option value="_seft">当前窗口</option> -->
<option value="_blank">新窗口</option>
</select>
</td>
</tr>
</table>
</div>
<div id="linksHistoryDiv" class="dialog_content" style="padding-bottom: 0px; text-align: center; overflow-x: auto; overflow-y: auto; max-height:80px;">
<table style="width:370px;">
<thead>
<tr>
<td style="width:110px;text-align:left;">名称</td>
<td style="width:110px;text-align:left;">链接</td>
<td style="width:75px">目标</td>
<td style="width:75px">操作</td>
</tr>
</thead>
<tbody id="linksHistory" style="overflow-y:scroll;overflow-x:hidden;"></tbody>
</table>
</div>
</div>
</div>
<!--
<div class="dialog-button-wrap" style="text-align:right">
<div class="dlg-button">
<button type="button" class="button blue" onclick="UI.setLink()">新增</button>
<button type="button" class="button last" onclick="$('#link_dialog').dlg('close');">关闭</button>
</div>
</div>
-->
</div>
<div id="link_tree_dialog" style="width:320px;height:380px;display:none;">
<div id='link_tree_div' style='margin-top:1px;height:300px;'>
<iframe width="100%" id="link_tree_iframe" name="link_tree_iframe" frameBorder="0" style="width: 100%; height: 300px;"></iframe>
</div>
</div>
<div id="saveas_dialog" class="dialog" style="min-width: 450px; display: none;">
<div class="dialog_header">另存...</div>
<div class="dialog_content" style="padding: 30px 20px; text-align: center;">
<form id="saveas_form" action="/diagraming/saveas" method="post">
<input id="hid_saveas_id" type="hidden" name="id" />
<b>标题:</b>
<input name="title" id="saveas_title" type="text" class="input_text" style="width: 300px;" onkeydown="if(event.keyCode == 13) return false;" />
</form>
</div>
<div class="dialog_buttons">
<div class="designer_button" onclick="UI.doSaveAs()" id="btn_dosaveas">确定</div>&nbsp;
<div class="designer_button normal" onclick="$('#saveas_dialog').dlg('close');">关闭</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_json" type="radio" name="type" value="json" style="float: left;margin-right: 5px;">
<label for="export_json" class="export-menu" style="float:left;line-height: 18px;">
JSON文件<span class="suffix"> (*.json)</span>
<span class="export_des">将文件保存成的JSON文件</span>
</label>
<div style="clear: both;"></div>
</li>
<li class="first">
<input id="export_xml" type="radio" name="type" value="xml" style="float: left;margin-right: 5px;">
<label for="export_xml" class="export-menu" style="float:left;line-height: 18px;">
XML文件<span class="suffix"> (*.xml)</span>
<span class="export_des">将文件保存成的XML文件</span>
</label>
<div style="clear: both;"></div>
</li>
<li class="first">
<input id="export_excel" type="radio" name="type" value="excel" style="float: left;margin-right: 5px;">
<label for="export_excel" class="export-menu" style="float:left;line-height: 18px;">
EXCEL文件<span class="suffix"> (*.xls)</span>
<span class="export_des">将文件保存成的EXCEL文件</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>
<!-- Getting Started-->
<div class="menu mark_content mark1_content">
<div class="dialog_header">开始</div>
<div class="ico dlg_close" onclick="UI.closeGettingStart()"></div>
<div class="_content">把您想使用的图形拖到右侧画布上,创建图形就是如此简单。</div>
<div class="arr-icon left">
<div class="arr-border"></div>
<div class="inner-arr"></div>
</div>
<div class="mark_next">
<span class="designer_button normal" onclick="UI.showStartStep(2)">下一步</span>
</div>
</div>
<div class="menu mark_content mark2_content">
<div class="dialog_header">菜单栏</div>
<div class="ico dlg_close" onclick="UI.closeGettingStart()"></div>
<div class="_content">通过这些菜单,您可以调整和设置图形的属性、样式,也可以管理您的文件。</div>
<div class="arr-icon top">
<div class="arr-border"></div>
<div class="inner-arr"></div>
</div>
<div class="mark_next">
<span class="designer_button normal" onclick="UI.showStartStep(3)">下一步</span>
</div>
</div>
<div class="menu mark_content mark3_content">
<div class="dialog_header">属性工具栏</div>
<div class="ico dlg_close" onclick="UI.closeGettingStart()"></div>
<div class="_content">对选中的文本、图形、连线进行个性化设置,让他们看起来更漂亮。</div>
<div class="arr-icon top">
<div class="arr-border"></div>
<div class="inner-arr"></div>
</div>
<div class="mark_next">
<span class="designer_button normal" onclick="UI.showStartStep(4)">下一步</span>
</div>
</div>
<div class="menu mark_content mark4_content">
<div class="dialog_header">属性面板</div>
<div class="ico dlg_close" onclick="UI.closeGettingStart()"></div>
<div class="_content">这些面板让您的绘制过程更方便、简单,使用之后,您一定会喜欢。</div>
<div class="arr-icon right">
<div class="arr-border"></div>
<div class="inner-arr"></div>
</div>
<div class="mark_next">
<span class="designer_button normal" onclick="UI.closeGettingStart()">关闭</span>
</div>
</div>
<div class="menu mark_content markcreated_content">
<div class="dialog_header">编辑图形</div>
<div class="ico dlg_close" onclick="UI.closeGettingStart()"></div>
<div class="_content">
<p>在图形边缘的任何地方点击并拖动,您可以创建出一条漂亮的连线。(小圆点是建议的连接点)</p>
<p>通过小的矩形控制点您可以改变图形大小。按住CTRL键可约束比例</p>
<p>通过较大的圆点,对图形进行旋转。</p>
<p>双击可以编辑文本。CTRL+ENTER保存文本</p>
</div>
<div class="arr-icon left">
<div class="arr-border"></div>
<div class="inner-arr"></div>
</div>
<div class="mark_next">
<span class="designer_button normal" onclick="UI.closeGettingStart()">关闭</span>
</div>
</div>
<!-- 协作分享 -->
<div id="colla_dialog" class="dialog">
<div class="dialog_header">分享与协作</div>
<div class="dialog_content" style="padding: 20px 20px 0px 20px;width: 494px;">
<div style="padding: 4px 0px;">
<strong>权限列表:</strong>
</div>
<div class="role_list"></div>
<div class="new_invitation_container" style="margin-bottom: 10px;">
<div style="padding: 4px 0px;">
<strong>新邀请:</strong>
<span id="add_prompt1" style="margin-left: 100px;">
<span class="badge">1</span>输入受邀请人姓名或者邮箱。</span>
<span id="add_prompt2" style="margin-left: 100px;">
<span class="badge">2</span>从以下用户列表中选择一个用户发起邀请。</span>
<span id="add_prompt3" class="_fail alert" style="margin-left: 150px;">已经被邀请!</span>
<span id="add_prompt4" class="alert success" style="margin-left: 150px;">发送成功。</span>
</div>
<div class="add_new_invit" style="margin-bottom: 15px;">
<input id="input_add_colla" type="text" class="awsui-input" placeholder="输入受邀请人姓名或者邮箱。" />
<input id="add_userid" type="hidden" value="" />
<input id="add_type" type="hidden" value="" />
<div class="select_add_role">
<select id="invit_role">
<option value="editor" selected="selected">编辑者</option>
<option value="viewer">浏览者</option>
</select>
<div style="clear:both;"></div>
</div>
<div style="padding: 4px 0px;margin-top: 15px;">
<strong>从以下用户列表中选择一个用户发起邀请:</strong>
</div>
<div id="colla_suggest_box"></div>
</div>
<div class="add_new_button" style="text-align:right;">
<span class="designer_button normal" onclick="UI.doAddCollaboration()">发送邀请</span>
</div>
</div>
</div>
</div>
<div id='confirm_dlg'>
<div class="confirm_header">提示:</div>
<div class="confirm_content">
<p>请从列表中选择一个用户</p>
<div class='designer_button' onclick="$('#confirm_dlg').hide();">确定</div>
<div style="clear: both;"></div>
</div>
</div>
<div id="image_dialog" class="dialog">
<div class="dialog_header">选择图片</div>
<div class="dialog_content" style="padding: 0px;">
<ul class="image_sources">
<li ty="upload" class="active">我的图片</li>
<li ty="url">网络图片</li>
<li ty="search">搜索图片</li>
</ul>
<div class="image_content">
<div id="image_select_upload" class="image_list">
<form id="frm_upload_image" action="/user_image/upload" method=post enctype="multipart/form-data">
<div id="btn_img_upload" class="toolbar_button active">
<div class="ico"></div>上传图片
<input id="input_upload_image" name="image" type="file" />
</div>
<span id="upload_img_res"></span>
<div style="clear: both;"></div>
</form>
<div id="user_image_items" class="image_items"></div>
</div>
<div id="image_select_url" class="image_list" style="display: none">
粘贴一个图片地址:
<input id="input_img_url" type="text" class="input_text" style="width: 380px;" />
<div id="img_url_area"></div>
</div>
<div id="image_select_search" class="image_list" style="display: none">
<input id="input_img_search" type="text" class="input_text" style="width: 380px;" />
<div id="btn_img_search" class="toolbar_button active" style="display: inline-block;width: 70px;">搜索</div>
<div style="padding: 15px 0px 0px;">在上面输入搜索关键字通过Google来搜索图片。</div>
<div id="google_image_items" class="image_items"></div>
</div>
<div class="image_btns">
<div id="set_image_submit" class='designer_button'>确定</div>
<div id="set_image_cancel" class='designer_button normal'>取消</div>
<span id="set_image_text"></span>
</div>
</div>
<div style="clear: both;"></div>
</div>
</div>
<div id="chattingbox">
<div class="dock_view_header">
聊天
<span class="chatting_icon chatting_close" onclick="CLB.closeChatWin()"></span>
</div>
<div id="chatting_content">
<ul id="chat_messages"></ul>
<div class="dock_devider" style="margin-top: 0px;"></div>
<div class="chatting_bottom">
<textarea id="chatting_edit" class="awsui-input" style="width: 228px;"></textarea>
<input type="button" class="designer_button" value="发送" onclick="CLB.sendChatMsg()">
</div>
</div>
</div>
<div id="disconnected" class="dialog">
<div class="dialog_content" style="padding: 40px;">
您已经和服务器断开连接,请刷新重试。
</div>
<div class="dialog_buttons">
<a class="designer_button" href="/diagraming/52304c3bfb6e6e6765471aee">重试</a>&nbsp;
<a class="designer_button normal" href="/diagraming/back?id=52304c3bfb6e6e6765471aee">关闭</a>
</div>
</div>
<ul id="user_menu" class="menu list" style="z-index: 1; display: none;">
<li ac="dia">我的文件</li>
<li ac="net">我的网络</li>
<li class="devider"></li>
<li ac="out">退出</li>
</ul>
</div>
<!-- <div class="share_container">
<div class="header_right_btn">
<div class="toolbar_button" onclick="UI.showAddColla()" awsui-qtip="分享与协作">
<div class="ico ico_header_share"></div>
</div>
</div>
<div class="user" onmousedown="UI.showUserMenu(event)">
<img id="chat_user_4f3225401ee6e810cc2bd172" src="<#userUrl>" />
<#userName>
<div class="ico ico_accordion"></div>
</div>
</div>-->
<div id="link-dialog-normal" class="dialog" style="min-width: 250px; display:none;">
<div id="link-content" class="dialog_content" style="padding-top: 30px; text-align: center;">
</div>
</div>
<!-- dialog -->
<div id="attribute-edit-window" style="width:500px;height:315px;display:none;">
<div style='margin:0px;height:225px;width:500px;'>
<textarea rows="" cols="" style="height: 215px; width: 493px;" id='attribute-edit-content'></textarea>
</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="shapes_dialog2" class="dialog" style="width: 400px; display:none;">
<div class="dialog_header">图形管理</div>
<div class="dialog_content" style="padding: 0px; max-height: 372px; overflow: auto;">
<li>
<div>
<input type="checkbox" value="basic" />基础图形</div>
</li>
<li>
<div>
<input type="checkbox" value="flow" />Flowchart 流程图</div>
</li>
<li>
<div>
<input type="checkbox" value="bpmn" />BPMN</div>
</li>
<li>
<div>
<input type="checkbox" value="evc" />EVC 企业价值链</div>
</li>
<li>
<div>
<input type="checkbox" value="epc" />EPC 事件过程链</div>
</li>
<li>
<div>
<input type="checkbox" value="lane" />泳池/泳道</div>
</li>
<li>
<div>
<input type="checkbox" class="cate_parent" value="uml_common,uml_usecase,uml_sequence,uml_class,uml_stateactivity,uml_deployment,uml_component" />UML图</div>
</li>
<li class="child">
<div>
<input type="checkbox" checked value="uml_common" />UML 通用</div>
</li>
<li class="child">
<div>
<input type="checkbox" value="uml_usecase" />UML 用例图</div>
</li>
<li class="child">
<div>
<input type="checkbox" value="uml_sequence" />UML 序列图</div>
</li>
<li class="child">
<div>
<input type="checkbox" value="uml_class" />UML 类图</div>
</li>
<li class="child">
<div>
<input type="checkbox" value="uml_stateactivity" />UML 状态图/活动图</div>
</li>
<li class="child">
<div>
<input type="checkbox" value="uml_deployment" />UML 部署图</div>
</li>
<li class="child">
<div>
<input type="checkbox" value="uml_component" />UML 组件图</div>
</li>
<li>
<div>
<input type="checkbox" value="er" />实体关系图</div>
</li>
<li>
<div>
<input type="checkbox" value="org" />ORG 组织结构图</div>
</li>
<li>
<div>
<input type="checkbox" value="venn" />维恩图</div>
</li>
</div>
<div class="dialog_buttons" style="padding: 20px;">
<span class="designer_button" onclick="UI.saveShapesManage()">确定</span>&nbsp;
<span class="designer_button normal" onclick="$('#shapes_dialog').dlg('close')">取消</span>
</div>
</div>
<div style="width:510px; display:none;" id="custom_define_dialog" title="自定义形状">
<div class="dlg-content awsui-ux">
<table class="awsui-ux">
<tr>
<td class='awsui-ux-title'>name</td>
<td>
<input id="custom_define_name" readonly class="awsui-textbox" type='text'/>
</td>
</tr>
<tr>
<td class='awsui-ux-title'>customName</td>
<td>
<span class='required'><input id="custom_define_name_custom" class="awsui-textbox" type='text'/></span>
</td>
</tr>
<tr>
<td class='awsui-ux-title'>title</td>
<td><span class='required'><input id="custom_define_title" class="awsui-textbox" type='text'/></span></td>
</tr>
<tr>
<td class='awsui-ux-title'>text</td>
<td><span class='required'><input id="custom_define_text" class="awsui-textbox" type='text'/></span></td>
</tr>
<tr>
<td class='awsui-ux-title'>宽度</td>
<td><span class='required'><input id="custom_define_w" class="awsui-textbox" type='text'/></span></td>
</tr>
<tr>
<td class='awsui-ux-title'>高度</td>
<td><span class='required'><input id="custom_define_h" class="awsui-textbox" type='text'/></span></td>
</tr>
<tr>
<td class='awsui-ux-title'>可修改大小</td>
<td>
<span class='required'>
<input class="awsui-radio" name="custom_define_resizeable" id="custom_define_resizeable_1" value="1" type="radio" />
<label class="awsui-radio-label" for="rdo1"></label>
<input class="awsui-radio" name="custom_define_resizeable" id="custom_define_resizeable_0" value="0" type="radio" />
<label class="awsui-radio-label" for="rdo1"></label>
</span>
</td>
</tr>
</table>
</div>
</div>
<!-- 数据属性弹框表格 -->
<div id="attribute-table-window" style="width:500px;height:325px;display:none;">
<div style='margin:0px;height:235px;width:500px;'>
<div style="height: 225px;width: 493px;overflow:auto;">
<table style="width: 100%;border-collapse:collapse;border-top: 2px solid #928d8d;border-bottom: 2px solid #928d8d">
<tbody class="dialogTableTbody" id='attribute-table-content'>
</tbody>
</table>
<div style="margin-top: 5px" id="attribute-add-content"></div>
</div>
</div>
</div>
<!-- 文件属性弹框表格 -->
<div id="attribute-table-window1" style="width:700px;height:325px;display:none;">
<div style='margin:0px;height:235px;width:500px;'>
<div style="height: 225px;width: 700px;overflow:auto;">
<table id="table" style="width: 100%;border-collapse:collapse;border-top: 2px solid #928d8d;border-bottom: 2px solid #928d8d">
<tbody class="dialogTableTbody" id='attribute-table-content1'>
</tbody>
</table>
<div style="margin-top: 5px" id="attribute-add-content1"></div>
</div>
</div>
</div>
<div id="checkoutTip">
<div style="width: 36px; float: left;">
<img src="../apps/_bpm.platform/js/designer/extend/images/lock.png" />
</div>
<div style="width: 370px; float: left;">已由 <b><#checkoutusername></b> 编辑该流程时锁定,最后一次保存日期
<font color="green"><b><#checkouttime></b>
</font>,点击此处<a style="text-decoration: none;" href="#" onclick="BPMNBiz.getCheckoutRight();return false;">强行获取编辑权</a>
</div>
</div>
<div title="添加到前后置流程" class="awsui-size-x-large awsui-hide" id="addLeadAndRearProcessDlg">
<div style="height: 30px;">
<span class="awsui-input-wrapper">
<input type="text" id="leadAndRearProcessSearchKey" class="awsui-input" placeholder="输入名称查询" value=""/>
<span class="awsui-input-suffix" style="cursor: pointer;" onclick="queryLeadAndRearProcessData">
<i class="awsui-iconfont">&#59113;</i>
</span>
</span>
<input type="hidden" id="attrMark"/>
</div>
<div style="height:290px;overflow-y: auto;">
<!-- <div class="awsui-code-demo awsui-align-center" style="display: none;position: relative; top: 100px;" id="leadAndRearProcessDataLoading"></div>-->
<table id="leadAndRearProcessDataTable" class="awsui-table awsui-table-striped">
<thead>
<tr>
<th width="20">选择</th>
<th>名称</th>
</tr>
</thead>
<tbody id="leadAndRearProcessDataTableTbody"></tbody>
</table>
</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 id="checkoutTip">
<div style="width: 36px; float: left;">
<img src="../apps/_bpm.platform/js/designer/extend/images/lock.png" />
</div>
<div style="width: 370px; float: left;">已由 <b><#checkoutusername></b> 编辑该流程时锁定,最后一次保存日期
<font color="green"><b><#checkouttime></b>
</font>,点击此处<a style="text-decoration: none;" href="#" onclick="BPMNBiz.getCheckoutRight();return false;">强行获取编辑权</a>
</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>
<div id="visio_import_dlg" title="Visio导入" style="display: none;">
<table class="awsui-ux" cellspacing="3" cellpadding="0" style="width: 100%; margin: 25px auto;">
<tr>
<td style="width: 250px;"><input id="visio_import_input" type="text" placeholder="请上传visio文件..." class="awsui-input" readonly=true style="width: 240px;" /></td>
<td>
<span id="visio_import_upfile" class="button blue" onclick="return false;">上传</span>
</td>
</tr>
</table>
</div>
<div id="shape_import_dlg" title="导入" style="display: none;">
<div style="width: 550px;height: 280px;vertical-align: top;">
<button id="upShapeFile" onclick="return false;" type="button" class="awsui-btn awsui-btn-green" style="margin-left: 20px;margin-top:10px">新增</button>
<div style="margin-left: 20px;padding: 5px; font-size: 12px; color: rgb(120, 120, 120);">
<span>附件格式支持:jpg, jpeg, gif, png, bmp, pdf, doc, docx, ppt, pptx, xls, xlsx, txt 文件大小不超过10M</span>
</div>
<div style="height:210px;overflow-x: hidden;overflow-y:auto;">
<table class="awsui-ux">
<tbody>
<tr>
<td>
<table class="table table-thin table-hover" style="height:100%;overflow-y :hidden">
<thead>
<tr>
<th width="60%">文件名</th>
<th width="40%">操作</th>
</tr>
</thead>
<tbody id="shapeFileTbody">
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div id="policyfile_import_dlg" title="导入" style="display: none;">
<div style="width: 550px;height: 280px;vertical-align: top;">
<button id="pupShapeFile" onclick="return false;" type="button" class="awsui-btn awsui-btn-green" style="margin-left: 20px;margin-top:10px">新增</button>
<button id="downloadTmpFile" onclick="downLoadTmpFile();" type="button" class="awsui-btn awsui-btn-blue" style="margin-left: 20px;margin-top:10px">下载模版</button>
<div style="margin-left: 20px;padding: 5px; font-size: 12px; color: rgb(120, 120, 120);">
<span>附件格式支持:xml, doc, docx 文件大小不超过50M</span>
</div>
<div style="height:210px;overflow-x: hidden;overflow-y:auto;">
<table class="awsui-ux">
<tbody>
<tr>
<td>
<table class="table table-thin table-hover" style="height:100%;overflow-y :hidden">
<thead>
<tr>
<th width="60%">文件名</th>
<th width="40%">操作</th>
</tr>
</thead>
<tbody id="pshapeFileTbody">
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</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>
<div id="sameShapeNameAlert" title="提示" style="width:300px;display:none;"></div>
<#batch-dlg>
<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>" />
<input type="hidden" name="appId" id="appId" value="<#appId>">
</form>
</body>
</html>