2902 lines
150 KiB
HTML
Executable File
2902 lines
150 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 rel="stylesheet" href="../commons/css/awsui.css">
|
||
<style>
|
||
.button.blue {
|
||
background-color: #2375BE;
|
||
color: #FFFFFF;
|
||
line-height: 18px;
|
||
padding: 4px 21px;
|
||
}
|
||
.button, .button:visited {
|
||
background-image: none !important;
|
||
}
|
||
.showPainting{
|
||
float:left !important;
|
||
}
|
||
thead.fixedHeader tr {
|
||
position: relative;
|
||
top: expression(document.getElementById("tableContainer").scrollTop)
|
||
}
|
||
thead.fixedHeader th {
|
||
background: #C96;
|
||
border-left: 1px solid #EB8;
|
||
border-right: 1px solid #B74;
|
||
border-top: 1px solid #EB8;
|
||
font-weight: normal;
|
||
padding: 4px 3px;
|
||
text-align: center
|
||
}
|
||
tbody.scrollContent td, tbody.scrollContent tr.normalRow td {
|
||
background: #FFF;
|
||
border-bottom: 1px solid #EEE;
|
||
border-left: 1px solid #EEE;
|
||
border-right: 1px solid #AAA;
|
||
border-top: 1px solid #AAA;
|
||
padding: 2px 3px
|
||
}
|
||
.clearfix:after {
|
||
clear: both;
|
||
content:".";
|
||
display: block;
|
||
height: 0;
|
||
visibility: hidden;
|
||
}
|
||
ul.clearfix li{
|
||
float: right;
|
||
}
|
||
.cssToolbar{
|
||
clear:left !important;
|
||
display:block !important;
|
||
}
|
||
|
||
.toolbar {
|
||
background-color: #f3f3f3;
|
||
border-top: 1px solid #cbcccc;
|
||
font-size: 12px;
|
||
min-width: 975px;
|
||
padding-left: 5px;
|
||
padding-right: 5px;
|
||
}
|
||
.heightCssToolbar{
|
||
height:70px !important;
|
||
}
|
||
.toolbarExtend{
|
||
height: 36px !important;
|
||
}
|
||
</style>
|
||
<link rel="stylesheet" href="../commons/css/awsui.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>
|
||
<!--扩展设计器的样式-->
|
||
<link type='text/css' rel='stylesheet' href='../apps/com.actionsoft.apps.coe.pal/lib/designer/extend/css/designer.extend.css' />
|
||
<!--针对设计器进行颜色扩展，以及文字扩充-->
|
||
<script type='text/javascript' charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/lib/designer/extend/js/designer.extend.userdefined.js'></script>
|
||
<!-- <script type='text/javascript' charset='UTF-8' src='../apps/_bpm.platform/js/designer/extend/js/designer.extend.userdefined.js'></script>-->
|
||
<script type='text/javascript' charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/lib/designer/scripts/diagraming/schema/schema.js'></script>
|
||
<script type="text/javascript" src="../commons/js/awsui.js"></script>
|
||
<script type="text/javascript" charset='UTF-8' src="../apps/com.actionsoft.apps.coe.pal/lib/designer/extend/js/util/json.js"></script>
|
||
<script type="text/javascript" src="../commons/js/jquery/scripts/ui/aws.util.js"></script>
|
||
<script type='text/javascript' src='../commons/js/public.js'></script>
|
||
<script type="text/javascript">
|
||
//公共信息
|
||
var appId = "<#appId>";
|
||
var sessionId = "<#sid>";
|
||
var sid = "<#sid>";
|
||
var time = "";
|
||
var user = "<#uid>";
|
||
var ver = "<#ver>";
|
||
var type = "<#type>";
|
||
var chartId = "<#charId>";
|
||
var ruuid = "<#uuid>";
|
||
var definition = <#define> ;
|
||
var userId = "<#uid>";
|
||
var userName = "<#userName>";
|
||
var methodId = "<#methodId>";
|
||
var 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 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 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>;
|
||
</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.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/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>
|
||
<script type="text/javascript">
|
||
if (navigator.userAgent.toLowerCase().match(/chrome/) != null) {
|
||
$(function() {
|
||
$(".footer_chrome").show();
|
||
});
|
||
}
|
||
</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 +'\',{},\'_blank\')">' + children[j].name + '</li>';
|
||
}
|
||
}
|
||
liHtml += '</ul>'
|
||
liHtml += '</li>';
|
||
} else {// 只有第一层菜单
|
||
liHtml += '<li onclick="openUrl(\'helpToolExtUrl\',\''+ firstLevelObj.url +'\',{},\'_blank\')">' + firstLevelObj.name + '</li>';
|
||
}
|
||
}
|
||
$('#bar_list_help').append(liHtml);
|
||
}
|
||
}
|
||
|
||
function openUrl(id, url, params, target) {
|
||
// 防止反复添加
|
||
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 (!installBatch) {// 未安装批处理应用，删除功能入口
|
||
$('li[ac=batchreplace]').remove();
|
||
}
|
||
$("#upfile").on('click',openUpFile);//附件上传页面
|
||
if(processOutput) { // 导出流程手册菜单控制
|
||
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()
|
||
}
|
||
});
|
||
function openUpFile() {
|
||
var linkerIds = Utils.getSelectedLinkerIds();
|
||
var linkerCount = linkerIds.length;
|
||
var shapeIds = Utils.getSelectedShapeIds();
|
||
var shapeCount = shapeIds.length;
|
||
var type = "file";
|
||
var shapeId = "";
|
||
if (shapeCount > 1) {
|
||
return;
|
||
}
|
||
if (linkerCount > 0) {
|
||
return;
|
||
}
|
||
if (shapeCount == 0) {
|
||
type = "file";
|
||
} else {
|
||
type = "shape";
|
||
var shape = Utils.getSelected()[0];
|
||
shapeId = shape.id;
|
||
}
|
||
|
||
var upfileUrl = "./w?sid=" + $("#sid").val() + "&cmd=com.actionsoft.apps.coe.pal_processlevel_upfile_portal_page";
|
||
var upfileDlg=FrmDialog.open({
|
||
title: "附件管理",
|
||
width: 570,
|
||
height: 380,
|
||
url: upfileUrl,
|
||
data:{"pl_uuid": ruuid, "shape_uuid": shapeId, "type": type},
|
||
id:"upfileDlg"
|
||
});
|
||
|
||
setTimeout(function(){
|
||
if (editable == false) {
|
||
window.frames["id-awsui-win-frm-2013-frmupfileDlg"].$(".button").attr("disabled", "true").addClass("disable");
|
||
window.frames["id-awsui-win-frm-2013-frmupfileDlg"].$(".del").hide();
|
||
}
|
||
}, 1000);
|
||
|
||
}
|
||
|
||
// 导出流程手册
|
||
function 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 - 40);
|
||
}
|
||
//计算页面渲染效率
|
||
//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 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>
|
||
</head>
|
||
|
||
<body style="overflow:hidden;" onload="updateShapePanel();">
|
||
<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>
|
||
<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>
|
||
<div class="toolbar" >
|
||
<#saveUI>
|
||
<!-- Clipboard -->
|
||
<div id="bar_undo" class="toolbar_button" awsui-qtip='撤销 (Ctrl+Z)'>
|
||
<div class="ico undo"></div>
|
||
</div>
|
||
<div id="bar_redo" class="toolbar_button" awsui-qtip='恢复 (Ctrl+Y)'>
|
||
<div class="ico redo"></div>
|
||
</div>
|
||
<div id="bar_brush" class="toolbar_button" awsui-qtip='格式刷 (Ctrl+Shift+B)'>
|
||
<div class="ico brush"></div>
|
||
</div>
|
||
<div class="toolbar_devider"></div>
|
||
|
||
<!-- Font -->
|
||
<div id="bar_font_family" awsui-qtip='字体' class="toolbar_button" style="width: 80px;">
|
||
<div class="text_content">Arial</div>
|
||
<div class="ico ico_dropdown"></div>
|
||
</div>
|
||
<div class="toolbar_small_devider"></div>
|
||
<div id="bar_font_size" awsui-qtip='字号' class="spinner" style="width: 50px;"></div>
|
||
<div class="toolbar_small_devider"></div>
|
||
<div id="bar_font_bold" awsui-qtip='粗体 (Ctrl+B)' class="toolbar_button">
|
||
<div class="ico bold"></div>
|
||
</div>
|
||
<div id="bar_font_italic" awsui-qtip='斜体 (Ctrl+I)' class="toolbar_button">
|
||
<div class="ico italic"></div>
|
||
</div>
|
||
<div id="bar_font_underline" awsui-qtip='下划线 (Ctrl+U)' class="toolbar_button">
|
||
<div class="ico underline"></div>
|
||
</div>
|
||
<div id="bar_font_color" awsui-qtip='文本颜色' class="toolbar_button drop_button">
|
||
<div class="ico fontcolor"></div>
|
||
<div class="btn_color" style="background-color: rgb(50,50,50)"></div>
|
||
<div class="ico ico_dropdown"></div>
|
||
</div>
|
||
<div id="bar_font_align" awsui-qtip='对齐' class="toolbar_button drop_button">
|
||
<div class="ico alignleft"></div>
|
||
<div class="ico ico_dropdown"></div>
|
||
</div>
|
||
<div class="toolbar_devider"></div>
|
||
|
||
<!-- Style -->
|
||
<div id="bar_fill" awsui-qtip='填充样式' class="toolbar_button drop_button">
|
||
<div class="ico fillcolor"></div>
|
||
<div class="btn_color" style="background-color: rgb(255,255,255)"></div>
|
||
<div class="ico ico_dropdown"></div>
|
||
</div>
|
||
<div id="bar_line_color" awsui-qtip='线条颜色' class="toolbar_button drop_button">
|
||
<div class="ico linecolor"></div>
|
||
<div class="btn_color" style="background-color: rgb(50,50,50)"></div>
|
||
<div class="ico ico_dropdown"></div>
|
||
</div>
|
||
<div id="bar_line_width" awsui-qtip='线宽' class="toolbar_button drop_button">
|
||
<div class="ico linewidth"></div>
|
||
<div class="ico ico_dropdown"></div>
|
||
</div>
|
||
<div id="bar_line_style" awsui-qtip='线条样式' class="toolbar_button drop_button">
|
||
<div class="ico linedash"></div>
|
||
<div class="ico ico_dropdown"></div>
|
||
</div>
|
||
<div class="toolbar_devider"></div>
|
||
|
||
<!-- Linker Style -->
|
||
<div id="bar_linkertype" awsui-qtip='连线类型' class="toolbar_button drop_button">
|
||
<div class="ico linkertype_broken"></div>
|
||
<div class="ico ico_dropdown"></div>
|
||
</div>
|
||
<div id="bar_beginarrow" awsui-qtip='起点' class="toolbar_button drop_button">
|
||
<div class="ico ico_arrow larrow_none"></div>
|
||
<div class="ico ico_dropdown"></div>
|
||
</div>
|
||
<div id="bar_endarrow" awsui-qtip='终点' class="toolbar_button drop_button">
|
||
<div class="ico ico_arrow rarrow_none"></div>
|
||
<div class="ico ico_dropdown"></div>
|
||
</div>
|
||
<div class="toolbar_devider"></div>
|
||
<div id="bar_front" awsui-qtip='置于顶层 (Ctrl+] )' class="toolbar_button">
|
||
<div class="ico ico_front"></div>
|
||
</div>
|
||
<div id="bar_back" awsui-qtip='置于底层 (Ctrl+[ )' class="toolbar_button" >
|
||
<div class="ico ico_back"></div>
|
||
</div>
|
||
<div class="toolbar_devider"></div>
|
||
<div id="bar_lock" awsui-qtip='锁定 (Ctrl+L)' class="toolbar_button">
|
||
<div class="ico ico_lock"></div>
|
||
</div>
|
||
<div id="bar_unlock" awsui-qtip='解锁 (Ctrl+Shift+L)' class="toolbar_button">
|
||
<div class="ico ico_unlock"></div>
|
||
</div>
|
||
<div class="toolbar_small_devider"></div>
|
||
<div id="bar_link" awsui-qtip='插入链接' class="toolbar_button">
|
||
<div class="ico ico_link"></div>
|
||
</div>
|
||
<div id="bar_risk" awsui-qtip='风险' class="toolbar_button" style="<#riskStyle>">
|
||
<div class="ico ico_risk"></div>
|
||
</div>
|
||
<div class="toolbar_devider"></div>
|
||
<div id="bar_activityNo" awsui-qtip='节点编号排序' class="toolbar_button">
|
||
<div class="ico extend_activityNo"></div>
|
||
</div>
|
||
<div id="bar_importShape" awsui-qtip='上传附件并创建相应节点' class="toolbar_button" style="<#importShapeStyle>">
|
||
<div class="ico ico_importShape"></div>
|
||
</div>
|
||
<!-- <div id="bar_import" awsui-qtip='导入' class="toolbar_button" style="<#importStyle>">
|
||
<div class="ico ico_import"></div>
|
||
</div> -->
|
||
</div>
|
||
</div>
|
||
<div id="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 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 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>
|
||
</div>
|
||
<div id="shape_img_container"></div>
|
||
<div id="layout_block"></div>
|
||
</div>
|
||
<div id="shape_thumb" class="menu">
|
||
<canvas width="160px"></canvas>
|
||
<div></div>
|
||
</div>
|
||
<div id="dock">
|
||
<div class="dock_header"></div>
|
||
<div class="dock_buttons">
|
||
<div id="dock_btn_attribute" class="toolbar_button selected" style="<#attributeView>" onclick="Dock.showView('attribute');setCookie('<#uuid>', 'attribute,true');" awsui-qtip="数据属性">
|
||
<div class="ico ico_dock_attribute"></div>
|
||
</div>
|
||
<div id="dock_btn_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>
|
||
<#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">
|
||
<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="selectAttrTabTag('tagContent1',this)" href="javascript:void(0)">属性</a>
|
||
</li>
|
||
<li>
|
||
<a onClick="selectAttrTabTag('tagContent0',this)" href="javascript:void(0)">关系</a>
|
||
</li>
|
||
<li><a onClick="selectAttrTabTag('tagContent2',this)" href="javascript:void(0)">出现</a> </li>
|
||
<li><a onClick="selectAttrTabTag('tagContent3',this)" href="javascript:void(0)">关联</a> </li>
|
||
</ul>
|
||
<!-- 数据属性表格 -->
|
||
<div id="tagContent">
|
||
<div class="tagContent" id="tagContent0" style="overflow:auto; padding: 10px 0px;">
|
||
<table style="margin-top: -10px;border-collapse:collapse; width: 100%;">
|
||
<tbody class="tagContentTableTbody" id="tagContentTableTitle">
|
||
<tr class="tagContentTableTrFirst">
|
||
<td width="50%">关系类型</td>
|
||
<td width="50%">对象名称</td>
|
||
</tr>
|
||
</tbody>
|
||
<tbody class="tagContentTableTbody" id="tagContentTable1">
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
<div class="tagContent selectTag" id="tagContent1" style="overflow-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>
|
||
</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>
|
||
</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_items">
|
||
<div style="background-color:rgb(255,255,255);"></div>
|
||
<div style="background-color:rgb(229,229,229);"></div>
|
||
<div style="background-color:rgb(207,207,207);"></div>
|
||
<div style="background-color:rgb(184,184,184);"></div>
|
||
<div style="background-color:rgb(161,161,161);"></div>
|
||
<div style="background-color:rgb(138,138,138);"></div>
|
||
<div style="background-color:rgb(115,115,115);"></div>
|
||
<div style="background-color:rgb(92,92,92);"></div>
|
||
<div style="background-color:rgb(69,69,69);"></div>
|
||
<div style="background-color:rgb(50,50,50);"></div>
|
||
<div style="background-color:rgb(23,23,23);"></div>
|
||
<div style="background-color:rgb(0,0,0);"></div>
|
||
<div class="clear"></div>
|
||
</div>
|
||
<div class="color_items">
|
||
<div style="background-color:rgb(255,204,204);"></div>
|
||
<div style="background-color:rgb(255,230,204);"></div>
|
||
<div style="background-color:rgb(255,255,204);"></div>
|
||
<div style="background-color:rgb(230,255,204);"></div>
|
||
<div style="background-color:rgb(204,255,204);"></div>
|
||
<div style="background-color:rgb(204,255,230);"></div>
|
||
<div style="background-color:rgb(204,255,255);"></div>
|
||
<div style="background-color:rgb(204,229,255);"></div>
|
||
<div style="background-color:rgb(204,204,255);"></div>
|
||
<div style="background-color:rgb(229,204,255);"></div>
|
||
<div style="background-color:rgb(255,204,255);"></div>
|
||
<div style="background-color:rgb(255,204,230);"></div>
|
||
<div style="background-color:rgb(255,153,153);"></div>
|
||
<div style="background-color:rgb(255,204,153);"></div>
|
||
<div style="background-color:rgb(255,255,153);"></div>
|
||
<div style="background-color:rgb(204,255,153);"></div>
|
||
<div style="background-color:rgb(153,255,153);"></div>
|
||
<div style="background-color:rgb(153,255,204);"></div>
|
||
<div style="background-color:rgb(153,255,255);"></div>
|
||
<div style="background-color:rgb(153,204,255);"></div>
|
||
<div style="background-color:rgb(153,153,255);"></div>
|
||
<div style="background-color:rgb(204,153,255);"></div>
|
||
<div style="background-color:rgb(255,153,255);"></div>
|
||
<div style="background-color:rgb(255,153,204);"></div>
|
||
<div style="background-color:rgb(255,102,102);"></div>
|
||
<div style="background-color:rgb(255,179,102);"></div>
|
||
<div style="background-color:rgb(255,255,102);"></div>
|
||
<div style="background-color:rgb(179,255,102);"></div>
|
||
<div style="background-color:rgb(102,255,102);"></div>
|
||
<div style="background-color:rgb(102,255,179);"></div>
|
||
<div style="background-color:rgb(102,255,255);"></div>
|
||
<div style="background-color:rgb(102,178,255);"></div>
|
||
<div style="background-color:rgb(102,102,255);"></div>
|
||
<div style="background-color:rgb(178,102,255);"></div>
|
||
<div style="background-color:rgb(255,102,255);"></div>
|
||
<div style="background-color:rgb(255,102,179);"></div>
|
||
<div style="background-color:rgb(255,51,51);"></div>
|
||
<div style="background-color:rgb(255,153,51);"></div>
|
||
<div style="background-color:rgb(255,255,51);"></div>
|
||
<div style="background-color:rgb(153,255,51);"></div>
|
||
<div style="background-color:rgb(51,255,51);"></div>
|
||
<div style="background-color:rgb(51,255,153);"></div>
|
||
<div style="background-color:rgb(51,255,255);"></div>
|
||
<div style="background-color:rgb(51,153,255);"></div>
|
||
<div style="background-color:rgb(51,51,255);"></div>
|
||
<div style="background-color:rgb(153,51,255);"></div>
|
||
<div style="background-color:rgb(255,51,255);"></div>
|
||
<div style="background-color:rgb(255,51,153);"></div>
|
||
<div style="background-color:rgb(255,0,0);"></div>
|
||
<div style="background-color:rgb(255,128,0);"></div>
|
||
<div style="background-color:rgb(255,255,0);"></div>
|
||
<div style="background-color:rgb(128,255,0);"></div>
|
||
<div style="background-color:rgb(0,255,0);"></div>
|
||
<div style="background-color:rgb(0,255,128);"></div>
|
||
<div style="background-color:rgb(0,255,255);"></div>
|
||
<div style="background-color:rgb(0,127,255);"></div>
|
||
<div style="background-color:rgb(0,0,255);"></div>
|
||
<div style="background-color:rgb(127,0,255);"></div>
|
||
<div style="background-color:rgb(255,0,255);"></div>
|
||
<div style="background-color:rgb(255,0,128);"></div>
|
||
<div style="background-color:rgb(204,0,0);"></div>
|
||
<div style="background-color:rgb(204,102,0);"></div>
|
||
<div style="background-color:rgb(204,204,0);"></div>
|
||
<div style="background-color:rgb(102,204,0);"></div>
|
||
<div style="background-color:rgb(0,204,0);"></div>
|
||
<div style="background-color:rgb(0,204,102);"></div>
|
||
<div style="background-color:rgb(0,204,204);"></div>
|
||
<div style="background-color:rgb(0,102,204);"></div>
|
||
<div style="background-color:rgb(0,0,204);"></div>
|
||
<div style="background-color:rgb(102,0,204);"></div>
|
||
<div style="background-color:rgb(204,0,204);"></div>
|
||
<div style="background-color:rgb(204,0,102);"></div>
|
||
<div style="background-color:rgb(153,0,0);"></div>
|
||
<div style="background-color:rgb(153,76,0);"></div>
|
||
<div style="background-color:rgb(153,153,0);"></div>
|
||
<div style="background-color:rgb(77,153,0);"></div>
|
||
<div style="background-color:rgb(0,153,0);"></div>
|
||
<div style="background-color:rgb(0,153,77);"></div>
|
||
<div style="background-color:rgb(0,153,153);"></div>
|
||
<div style="background-color:rgb(0,76,153);"></div>
|
||
<div style="background-color:rgb(0,0,153);"></div>
|
||
<div style="background-color:rgb(76,0,153);"></div>
|
||
<div style="background-color:rgb(153,0,153);"></div>
|
||
<div style="background-color:rgb(153,0,77);"></div>
|
||
<div style="background-color:rgb(102,0,0);"></div>
|
||
<div style="background-color:rgb(102,51,0);"></div>
|
||
<div style="background-color:rgb(102,102,0);"></div>
|
||
<div style="background-color:rgb(51,102,0);"></div>
|
||
<div style="background-color:rgb(0,102,0);"></div>
|
||
<div style="background-color:rgb(0,102,51);"></div>
|
||
<div style="background-color:rgb(0,102,102);"></div>
|
||
<div style="background-color:rgb(0,51,102);"></div>
|
||
<div style="background-color:rgb(0,0,102);"></div>
|
||
<div style="background-color:rgb(51,0,102);"></div>
|
||
<div style="background-color:rgb(102,0,102);"></div>
|
||
<div style="background-color:rgb(102,0,51);"></div>
|
||
<div style="background-color:rgb(51,0,0);"></div>
|
||
<div style="background-color:rgb(51,26,0);"></div>
|
||
<div style="background-color:rgb(51,51,0);"></div>
|
||
<div style="background-color:rgb(26,51,0);"></div>
|
||
<div style="background-color:rgb(0,51,0);"></div>
|
||
<div style="background-color:rgb(0,51,26);"></div>
|
||
<div style="background-color:rgb(0,51,51);"></div>
|
||
<div style="background-color:rgb(0,25,51);"></div>
|
||
<div style="background-color:rgb(0,0,51);"></div>
|
||
<div style="background-color:rgb(25,0,51);"></div>
|
||
<div style="background-color:rgb(51,0,51);"></div>
|
||
<div style="background-color:rgb(51,0,26);"></div>
|
||
<div class="clear"></div>
|
||
</div>
|
||
</div>
|
||
<ul id="bar_list_file" class="menu list options_menu noico">
|
||
<li ac="rename">重命名文件</li>
|
||
<li class="devider"></li>
|
||
<!--
|
||
<li ac="saveAs">另存...</li>
|
||
-->
|
||
<li ac="preview">预览</li>
|
||
<li class="devider"></li>
|
||
<li ac="export">下载为...</li>
|
||
<li class="devider"></li>
|
||
<li ac="processExport">导出</li>
|
||
<li class="devider" data-name="processOutput" style="display:none;"></li>
|
||
<li 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;'>
|
||
<input id='attribute-title-content' class="attribute_input_css" style="font-size:20px;margin-bottom: 10px" value=""/>
|
||
<div style="height: 225px;width: 493px;overflow:auto;">
|
||
<table style="width: 100%;border-collapse:collapse;">
|
||
<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:500px;height:325px;display:none;">
|
||
<div style='margin:0px;height:235px;width:500px;'>
|
||
<input id='attribute-title-content1' class="attribute_input_css" style="font-size:20px;margin-bottom: 10px" value=""/>
|
||
<div style="height: 225px;width: 493px;overflow:auto;">
|
||
<table style="width: 100%;border-collapse:collapse;">
|
||
<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>
|
||
|
||
<!-- 不支持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</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>
|
||
|
||
<!--<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>
|