3928 lines
		
	
	
		
			193 KiB
		
	
	
	
		
			HTML
		
	
	
		
			Executable File
		
	
	
	
	
			
		
		
	
	
			3928 lines
		
	
	
		
			193 KiB
		
	
	
	
		
			HTML
		
	
	
		
			Executable File
		
	
	
	
	
| <!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()+"¤tTime="+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"></i>-->
 | ||
|             <div class="ico processManifest"></div>
 | ||
|         </div>
 | ||
|         <div id="modelingGuide" awsui-qtip='导引回放' class="toolbar_button" style="display: none">
 | ||
|             <!--<i class="ico awsui-iconfont"></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;"><</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;">></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;"></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;"></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;"></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;"></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"></i></div>
 | ||
|             <div class="color_edit">
 | ||
|                 <div class="hex" style="display: flex;">
 | ||
|                     <div class="input_change">Hex<i class="awsui-iconfont"></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"></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"></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+(>)</div>
 | ||
|         </li>
 | ||
|         <li ac="zoom" zoom="out">
 | ||
|             <div class="ico zoomout"></div>缩小
 | ||
|             <div class="extend">Ctrl+(<)</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 + < , Ctrl + ></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"> </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"> </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"> </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"> </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"> </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"> </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"> </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> 
 | ||
|             <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> 
 | ||
|             <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> 
 | ||
|         <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"></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>
 | 
