3841 lines
190 KiB
HTML
Executable File
3841 lines
190 KiB
HTML
Executable File
<!DOCTYPE html >
|
||
<html xmlns=http://www.w3.org/1999/xhtml>
|
||
|
||
<head>
|
||
<title><#fileName></title>
|
||
|
||
<meta charset="UTF-8">
|
||
<link type='text/css' rel='stylesheet' href='../apps/com.actionsoft.apps.coe.pal/lib/designer/themes/default/global_zh.css' />
|
||
<link type='text/css' rel='stylesheet' href='../apps/com.actionsoft.apps.coe.pal/lib/designer/themes/default/diagraming/designer.css' />
|
||
<link type='text/css' rel='stylesheet' href='../apps/com.actionsoft.apps.coe.pal/lib/designer/themes/default/diagraming/ui.css' />
|
||
<link type='text/css' rel='stylesheet' href='../apps/com.actionsoft.apps.coe.pal/lib/designer/themes/default/diagraming/designer.colorpicker.css' />
|
||
<link type='text/css' rel='stylesheet' href='../apps/com.actionsoft.apps.coe.pal/lib/designer/themes/default/diagraming/designer.versionCompare.css' />
|
||
<link rel="stylesheet" href="../commons/css/awsui.css">
|
||
<style>
|
||
.button.blue {
|
||
background-color: #2375BE;
|
||
color: #FFFFFF;
|
||
line-height: 18px;
|
||
padding: 4px 21px;
|
||
}
|
||
.button, .button:visited {
|
||
background-image: none !important;
|
||
}
|
||
.showPainting{
|
||
float:left !important;
|
||
}
|
||
thead.fixedHeader tr {
|
||
position: relative;
|
||
top: expression(document.getElementById("tableContainer").scrollTop)
|
||
}
|
||
thead.fixedHeader th {
|
||
background: #C96;
|
||
border-left: 1px solid #EB8;
|
||
border-right: 1px solid #B74;
|
||
border-top: 1px solid #EB8;
|
||
font-weight: normal;
|
||
padding: 4px 3px;
|
||
text-align: center
|
||
}
|
||
tbody.scrollContent td, tbody.scrollContent tr.normalRow td {
|
||
background: #FFF;
|
||
border-bottom: 1px solid #EEE;
|
||
border-left: 1px solid #EEE;
|
||
border-right: 1px solid #AAA;
|
||
border-top: 1px solid #AAA;
|
||
padding: 2px 3px
|
||
}
|
||
.clearfix:after {
|
||
clear: both;
|
||
content:".";
|
||
display: block;
|
||
height: 0;
|
||
visibility: hidden;
|
||
}
|
||
ul.clearfix li{
|
||
float: right;
|
||
}
|
||
.cssToolbar{
|
||
clear:left !important;
|
||
display:block !important;
|
||
}
|
||
|
||
.toolbar {
|
||
background-color: #f3f3f3;
|
||
border-top: 1px solid #cbcccc;
|
||
font-size: 12px;
|
||
min-width: 975px;
|
||
padding-left: 5px;
|
||
padding-right: 5px;
|
||
}
|
||
.heightCssToolbar{
|
||
height:70px !important;
|
||
}
|
||
.toolbarExtend{
|
||
height: 36px !important;
|
||
}
|
||
|
||
/* 1. 样式重置 */
|
||
* {
|
||
margin: 0;
|
||
padding: 0;
|
||
}
|
||
li {
|
||
list-style: none;
|
||
}
|
||
|
||
/* 外层盒子样式,左右箭头和小圆点都要采用绝对定位，所以其父盒子要采用相对定位*/
|
||
.banners {
|
||
position: relative;
|
||
overflow: hidden;
|
||
width: 520px;
|
||
height: 280px;
|
||
margin: 100px auto;
|
||
}
|
||
/*滚动区 包裹所有图片的盒子 宽度要足够宽可以放下所有的图片*/
|
||
.images {
|
||
position: absolute;
|
||
top: 0;
|
||
left: 0;
|
||
width: 700%;
|
||
}
|
||
/* 对图片使用浮动 使其排列在一行*/
|
||
.images li{
|
||
float: left;
|
||
}
|
||
/* 图片大小会撑大盒子,设置图片大小 */
|
||
.banners img {
|
||
width: 520px;
|
||
height: 280px;
|
||
}
|
||
/*左右箭头相同样式*/
|
||
.prev,
|
||
.next {
|
||
display: none;
|
||
position: absolute;
|
||
/* 绝对定位的盒子垂直居中 */
|
||
top: 50%;
|
||
margin-top: -15px;
|
||
width: 20px;
|
||
height: 30px;
|
||
background: rgba(0,0,0, .3);
|
||
text-align: center;
|
||
line-height: 30px;
|
||
color: #fff;
|
||
text-decoration: none;
|
||
}
|
||
/*左箭头靠左定位*/
|
||
.prev {
|
||
left: 0;
|
||
/* 设置圆角 */
|
||
border-top-right-radius: 15px;
|
||
border-bottom-right-radius: 15px;
|
||
}
|
||
/*右箭头靠右定位*/
|
||
.next {
|
||
right: 0;
|
||
/* 设置圆角 */
|
||
border-top-left-radius: 15px;
|
||
border-bottom-left-radius: 15px;
|
||
}
|
||
/* 小圆点外层盒子的样式 */
|
||
.dots {
|
||
position: absolute;
|
||
bottom: 10px;
|
||
left: 50%;
|
||
margin-left: -35px;
|
||
height: 13px;
|
||
background:rgba(255,255,255, .3);
|
||
border-radius:7px;
|
||
}
|
||
/* 小圆点样式*/
|
||
.dots li {
|
||
float: left;
|
||
width: 8px;
|
||
height: 8px;
|
||
background-color: #fff;
|
||
border-radius: 50%;
|
||
margin: 3px;
|
||
}
|
||
.driver-popover-title{
|
||
color: #00b800;
|
||
}
|
||
/* 小圆点被点击的样式 */
|
||
.dots .active {
|
||
background-color: #ff5000;
|
||
}
|
||
#autoSave_countdown {
|
||
display: none; /* 默认隐藏倒计时 */
|
||
float: left;
|
||
margin-left: 20px;
|
||
line-height: 28px;
|
||
color: #777;
|
||
}
|
||
</style>
|
||
<link rel="stylesheet" href="../commons/css/awsui.css">
|
||
<link rel="stylesheet" href="../apps/com.actionsoft.apps.coe.pal/lib/designer/extend/css/subprocess/iconfont.css">
|
||
<!-- <script src="../apps/com.actionsoft.apps.coe.pal/lib/designer/scripts/jquery.js"></script> -->
|
||
<script type='text/javascript' src='../commons/js/jquery/scripts/jquery.js'></script>
|
||
<script type="text/javascript" src="../commons/js/jquery/scripts/jquery-migrate.js"></script>
|
||
<script type='text/javascript' charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/lib/designer/scripts/util.js'></script>
|
||
<!-- i18n -->
|
||
<script>
|
||
var 快速查询 = "<I18N#快速查询>";
|
||
var 已保存成功 = "<I18N#已保存成功>";
|
||
var 保存成功 = "<I18N#保存成功>";
|
||
var 页面中有未保存的内容请先保存 = "<I18N#页面中有未保存的内容，请先保存>";
|
||
var 保存失败 = "<I18N#保存失败>";
|
||
var 列的第 = "<I18N#列的第>";
|
||
var 行不允许为空 = "<I18N#行不允许为空>";
|
||
var 文件属性 = "<I18N#文件属性>";
|
||
var 不允许为空 = "<I18N#不允许为空>";
|
||
var 返回 = "<I18N#返回>";
|
||
var 版本号 = "<I18N#版本号>";
|
||
var 吸色 = "<I18N#吸色>";
|
||
var 退出 = "<I18N#退出>";
|
||
var 当前颜色 = "<I18N#当前颜色>";
|
||
$(document).ready(function(){
|
||
$("#queryInput").attr("placeholder", 快速查询);
|
||
$("#back-vue-page-span").attr("awsui-qtip", 返回);
|
||
$("#toolbar_designer_version_no").attr("awsui-qtip", 版本号);
|
||
$("#color_draw").attr("awsui-qtip", 吸色 + "Esc" + 退出);
|
||
$("#color_show_now").attr("awsui-qtip", 当前颜色);
|
||
});
|
||
// designer.ui.debug.js i18n
|
||
var 颜色渐变 = "<I18N#颜色渐变>";
|
||
var 起始版本 = "<I18N#起始版本>";
|
||
var 错误个数 = "<I18N#错误个数>";
|
||
var 校验通过 = "<I18N#校验通过>";
|
||
var 文件过大不允许超过 = "<I18N#文件过大, 不允许超过>";
|
||
var 上传成功 = "<I18N#上传成功>";
|
||
var 正在加载预览 = "<I18N#正在加载预览>";
|
||
var 此地址下无法加载图片 = "<I18N#此地址下无法加载图片>";
|
||
var 请检查图片地址是否正确 = "<I18N#请检查图片地址是否正确>";
|
||
var 确保图片地址处于公开状态 = "<I18N#确保图片地址处于公开状态>";
|
||
var 正在加载图片 = "<I18N#正在加载图片>";
|
||
var 显示更多结果 = "<I18N#显示更多结果>";
|
||
var 正在应用图片请稍候 = "<I18N#正在应用图片，请稍候>";
|
||
var 无法使用此图片请选择其他图片 = "<I18N#无法使用此图片，请选择其他图片>";
|
||
var 页面中有未保存的内容请先保存 = "<I18N#页面中有未保存的内容，请先保存>";
|
||
var 请稍后 = "<I18N#请稍后>";
|
||
var 请您先保存一个版本 = "<I18N#请您先保存一个版本>";
|
||
var 预览 = "<I18N#预览>";
|
||
var 图片创建完成 = "<I18N#图片创建完成>";
|
||
var 是否打开图片预览 = "<I18N#是否打开图片预览>";
|
||
var 导出完成 = "<I18N#导出完成>";
|
||
var 确定 = "<I18N#确定>";
|
||
var 关闭 = "<I18N#关闭>";
|
||
var 节点编号排序 = "<I18N#节点编号排序>";
|
||
var 提示 = "<I18N#提示>";
|
||
var 拖动排序确定后请保存设计器 = "<I18N#拖动排序，确定后请保存设计器>";
|
||
var 无名称 = "<I18N#无名称>";
|
||
var 不支持编号排序 = "<I18N#不支持编号排序>";
|
||
var 画布没有形状或者形状没有编号属性 = "<I18N#画布没有形状或者形状没有编号属性>";
|
||
var 名称 = "<I18N#名称>";
|
||
var 节点号 = "<I18N#节点号>";
|
||
var 新发布 = "<I18N#新发布>";
|
||
var 变更 = "<I18N#变更>";
|
||
var 停用 = "<I18N#停用>";
|
||
var 暂无发布历史 = "<I18N#暂无发布历史>";
|
||
var 文件链接 = "<I18N#文件链接>";
|
||
var 自定义链接 = "<I18N#自定义链接>";
|
||
var 暂无链接 = "<I18N#暂无链接>";
|
||
var 处修改 = "<I18N#处修改>";
|
||
var 暂停 = "<I18N#暂停>";
|
||
var 从此版本播放 = "<I18N#从此版本播放>";
|
||
var 浏览器限制无法进入演示视图 = "<I18N#浏览器限制，无法进入演示视图>";
|
||
var 无法进入全屏视图您可以按F11进入 = "<I18N#无法进入全屏视图，您可以按(F11)进入>";
|
||
var 秒后自动保存 = "<I18N#秒后自动保存>";
|
||
|
||
var 修改 = "<I18N#修改>"
|
||
var 由 = "<I18N#由>"
|
||
var 创建 = "<I18N#创建>"
|
||
var 新建版本 = "<I18N#新建版本>"
|
||
var 版本对比 = "<I18N#版本对比>"
|
||
var 切换该版本 = "<I18N#切换该版本>"
|
||
var 设计中 = "<I18N#设计中>"
|
||
var 已发布 = "<I18N#已发布>"
|
||
var 已停用 = "<I18N#已停用>"
|
||
var 审核中 = "<I18N#审核中>"
|
||
var 设计 = "<I18N#设计>"
|
||
var 是否继续切换 = "<I18N#是否继续切换>"
|
||
var 历史版本 = "<I18N#历史版本>"
|
||
var 提示 = "<I18N#提示>"
|
||
var 确定将 = "<I18N#确定将>"
|
||
var 版本为模板创建新版本文件 = "<I18N#版本为模板创建新版本文件>"
|
||
var 历史版本为模板创建新版本文件 = "<I18N#历史版本为模板创建新版本文件>"
|
||
var 请选择版本号 = "<I18N#请选择版本号>"
|
||
var 文件修改未保存 = "<I18N#文件修改未保存>"
|
||
var 文件已修改未保存 = "<I18N#文件已修改，未保存>"
|
||
|
||
var 附件 = "<I18N#附件>"
|
||
var 形状属性 = "<I18N#形状属性>"
|
||
var 链接 = "<I18N#链接>"
|
||
</script>
|
||
<!--扩展设计器的样式-->
|
||
<link type='text/css' rel='stylesheet' href='../apps/com.actionsoft.apps.coe.pal/lib/designer/extend/css/designer.extend.css' />
|
||
<!--针对设计器进行颜色扩展，以及文字扩充-->
|
||
<script type='text/javascript' charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/lib/designer/extend/js/designer.extend.userdefined.js'></script>
|
||
<!-- <script type='text/javascript' charset='UTF-8' src='../apps/_bpm.platform/js/designer/extend/js/designer.extend.userdefined.js'></script>-->
|
||
<script type='text/javascript' charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/lib/designer/scripts/diagraming/schema/schema.js'></script>
|
||
<script type="text/javascript" src="../commons/js/awsui.js"></script>
|
||
<script type="text/javascript" charset='UTF-8' src="../apps/com.actionsoft.apps.coe.pal/lib/designer/extend/js/util/json.js"></script>
|
||
<script type="text/javascript" src="../commons/js/jquery/scripts/ui/aws.util.js"></script>
|
||
<script type='text/javascript' src='../commons/js/public.js'></script>
|
||
<link href="../apps/com.actionsoft.apps.coe.pal/lib/designer/extend/css/driver.min.css" rel="stylesheet">
|
||
<script src="../apps/com.actionsoft.apps.coe.pal/lib/designer/extend/js/driver.min.js"></script>
|
||
<script type="text/javascript">
|
||
//公共信息
|
||
var wsId = "<#wsId>";
|
||
var browserId = "<#browserId>";// 浏览器唯一标识
|
||
var appId = "<#appId>";
|
||
var sessionId = "<#sid>";
|
||
var sid = "<#sid>";
|
||
var time = "";
|
||
var user = "<#uid>";
|
||
var ver = "<#ver>";
|
||
var type = "<#type>";
|
||
var chartId = "<#charId>";
|
||
var ruuid = "<#uuid>";
|
||
var definition = <#define> ;
|
||
var userId = "<#uid>";
|
||
var userName = "<#userName>";
|
||
var methodId = "<#methodId>";
|
||
var isPalManage = <#isPalManage>;
|
||
var isExistCopy=<#isExistCopy>;
|
||
var isAppearCopy=<#isAppearCopy>;
|
||
var isAdmin = <#isAdmin>;
|
||
var isCustomDefine = "<#isCustomDefine>";
|
||
var isLaneAttrConfig = <#isLaneAttrConfig>;
|
||
var isLaneForceRefreshShapeAttr = <#isLaneForceRefreshShapeAttr>;
|
||
//检查用户所需参数
|
||
var checkoutstate = "<#checkoutstate>";
|
||
var checkoutuser = "<#checkoutuser>";
|
||
var user = "<#uid>";
|
||
var currentUserName = "<#userName>";
|
||
//三员管理
|
||
var isHighSecurity = "<#isHighSecurity>";
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
// BPMN所需参数
|
||
var BPMN_TYPE_START_EVENT = "<#BPMN_TYPE_START_EVENT>";
|
||
var AWS_ELEMENT_START_EVENT_MESSAGE_EVENT_DEFINITION = "<#AWS_ELEMENT_START_EVENT_MESSAGE_EVENT_DEFINITION>";
|
||
var AWS_ELEMENT_START_EVENT_TIMER_EVENT_DEFINITION = "<#AWS_ELEMENT_START_EVENT_TIMER_EVENT_DEFINITION>";
|
||
var AWS_ELEMENT_START_EVENT_SIGNAL_EVENT_DEFINITION = "<#AWS_ELEMENT_START_EVENT_SIGNAL_EVENT_DEFINITION>";
|
||
var BPMN_TYPE_END_EVENT = "<#BPMN_TYPE_END_EVENT>";
|
||
var AWS_ELEMENT_END_EVENT_TERMINATE_EVENT_DEFINITION = "<#AWS_ELEMENT_END_EVENT_TERMINATE_EVENT_DEFINITION>";
|
||
var AWS_ELEMENT_END_EVENT_MESSAGE_EVENT_DEFINITION = "<#AWS_ELEMENT_END_EVENT_MESSAGE_EVENT_DEFINITION>";
|
||
var AWS_ELEMENT_END_EVENT_SIGNAL_EVENT_DEFINITION = "<#AWS_ELEMENT_END_EVENT_SIGNAL_EVENT_DEFINITION>";
|
||
var AWS_ELEMENT_END_EVENT_ERROR_EVENT_DEFINITION = "<#AWS_ELEMENT_END_EVENT_ERROR_EVENT_DEFINITION>";
|
||
var BPMN_TYPE_SEQUENCE_FLOW = "<#BPMN_TYPE_SEQUENCE_FLOW>";
|
||
var BPMN_TYPE_TASK = "<#BPMN_TYPE_TASK>";
|
||
var BPMN_TYPE_USER_TASK = "<#BPMN_TYPE_USER_TASK>";
|
||
var BPMN_TYPE_SERVICE_TASK = "<#BPMN_TYPE_SERVICE_TASK>";
|
||
var BPMN_TYPE_SCRIPT_TASK = "<#BPMN_TYPE_SCRIPT_TASK>";
|
||
var BPMN_TYPE_MANUAL_TASK = "<#BPMN_TYPE_MANUAL_TASK>";
|
||
var BPMN_TYPE_BUSINESSRULE_TASK = "<#BPMN_TYPE_BUSINESSRULE_TASK>";
|
||
var BPMN_TYPE_SEND_TASK = "<#BPMN_TYPE_SEND_TASK>";
|
||
var BPMN_TYPE_RECEIVE_TASK = "<#BPMN_TYPE_RECEIVE_TASK>";
|
||
var BPMN_TYPE_GATEWAY = "<#BPMN_TYPE_GATEWAY>";
|
||
var BPMN_TYPE_INTERMEDIATE_CATCH_EVENT = "<#BPMN_TYPE_INTERMEDIATE_CATCH_EVENT>";
|
||
var AWS_ELEMENT_INTERMEDIATE_CATCH_EVENT_TIMER_EVENT_DEFINITION = "<#AWS_ELEMENT_INTERMEDIATE_CATCH_EVENT_TIMER_EVENT_DEFINITION>";
|
||
var AWS_ELEMENT_INTERMEDIATE_CATCH_EVENT_MESSAGE_EVENT_DEFINITION = "<#AWS_ELEMENT_INTERMEDIATE_CATCH_EVENT_MESSAGE_EVENT_DEFINITION>";
|
||
var AWS_ELEMENT_INTERMEDIATE_CATCH_EVENT_SIGNAL_EVENT_DEFINITION = "<#AWS_ELEMENT_INTERMEDIATE_CATCH_EVENT_SIGNAL_EVENT_DEFINITION>";
|
||
var AWS_ELEMENT_INTERMEDIATE_THROW_EVENT_MESSAGE_EVENT_DEFINITION = "<#AWS_ELEMENT_INTERMEDIATE_THROW_EVENT_MESSAGE_EVENT_DEFINITION>";
|
||
var AWS_ELEMENT_INTERMEDIATE_THROW_EVENT_SIGNAL_EVENT_DEFINITION = "<#AWS_ELEMENT_INTERMEDIATE_THROW_EVENT_SIGNAL_EVENT_DEFINITION>";
|
||
var BPMN_TYPE_INTERMEDIATE_THROW_EVENT = "<#BPMN_TYPE_INTERMEDIATE_THROW_EVENT>";
|
||
var BPMN_TYPE_BOUNDARY_EVENT = "<#BPMN_TYPE_BOUNDARY_EVENT>";
|
||
var AWS_ELEMENT_BOUNDARY_EVENT_COMPENSATION_EVENT_DEFINITION = "<#AWS_ELEMENT_BOUNDARY_EVENT_COMPENSATION_EVENT_DEFINITION>";
|
||
var AWS_ELEMENT_BOUNDARY_EVENT_ERROR_EVENT_DEFINITION = "<#AWS_ELEMENT_BOUNDARY_EVENT_ERROR_EVENT_DEFINITION>";
|
||
var AWS_ELEMENT_BOUNDARY_EVENT_MESSAGE_EVENT_DEFINITION = "<#AWS_ELEMENT_BOUNDARY_EVENT_MESSAGE_EVENT_DEFINITION>";
|
||
var BPMN_TYPE_PARALLEL_GATEWAY = "<#BPMN_TYPE_PARALLEL_GATEWAY>";
|
||
var BPMN_TYPE_INCLUSIVE_GATEWAY = "<#BPMN_TYPE_INCLUSIVE_GATEWAY>";
|
||
var BPMN_TYPE_EXCLUSIVE_GATEWAY = "<#BPMN_TYPE_EXCLUSIVE_GATEWAY>";
|
||
var BPMN_TYPE_EVENTBASED_GATEWAY = "<#BPMN_TYPE_EVENTBASED_GATEWAY>";
|
||
var BPMN_TYPE_COMPLEX_GATEWAY = "<#BPMN_TYPE_COMPLEX_GATEWAY>";
|
||
var BPMN_TYPE_CALL_ACTIVITY_CALLING_PROCESS = "<#BPMN_TYPE_CALL_ACTIVITY_CALLING_PROCESS>";
|
||
var BPMN_TYPE_SUB_PROCESS = "<#BPMN_TYPE_SUB_PROCESS>";
|
||
var BPMN_TYPE_TEXT_ANNOTATION = "<#BPMN_TYPE_TEXT_ANNOTATION>";
|
||
var BPMN_TYPE_HORIZONTAL_POOL = "<#BPMN_TYPE_HORIZONTAL_POOL>";
|
||
var BPMN_TYPE_VERTICAL_POOL = "<#BPMN_TYPE_VERTICAL_POOL>";
|
||
var BPMN_TYPE_HORIZONTAL_LANE = "<#BPMN_TYPE_HORIZONTAL_LANE>";
|
||
var BPMN_TYPE_VERTICAL_LANE = "<#BPMN_TYPE_VERTICAL_LANE>";
|
||
//
|
||
var AWS_ELEMENT_BOUNDARY_EVENT_SIGNAL_EVENT_DEFINITION = "<#AWS_ELEMENT_BOUNDARY_EVENT_SIGNAL_EVENT_DEFINITION>";
|
||
var AWS_ELEMENT_BOUNDARY_EVENT_TIMER_EVENT_DEFINITION = "<#AWS_ELEMENT_BOUNDARY_EVENT_TIMER_EVENT_DEFINITION>";
|
||
var AWS_ELEMENT_BOUNDARY_EVENT_COMPENSATE_EVENT_DEFINITION = "<#AWS_ELEMENT_BOUNDARY_EVENT_COMPENSATE_EVENT_DEFINITION>";
|
||
var AWS_ELEMENT_END_EVENT_COMPENSATE_EVENT_DEFINITION = "<#AWS_ELEMENT_END_EVENT_COMPENSATE_EVENT_DEFINITION>";
|
||
var AWS_ELEMENT_INTERMEDIATE_THROW_EVENT_COMPENSATE_EVENT_DEFINITION = "<#AWS_ELEMENT_INTERMEDIATE_THROW_EVENT_COMPENSATE_EVENT_DEFINITION>";
|
||
|
||
var schemeId = "<#schemeId>";
|
||
var frmFileName = "<#processName>"; //平台的流程名称
|
||
var fileName = "<#fileName>"; //模型名称
|
||
var BPMInstanceName = "<#BPMInstanceName>"; // 节点名称
|
||
var isView = <#isView>; //是否只读模式打开
|
||
var isPublish = <#isPublish>; //是否是已发布流程（已发布流程不允许修改）
|
||
var isStop = <#isStop>; //是否是已停用流程（已停用流程不允许修改）
|
||
var isApproval = <#isApproval>;// 是否是审核中流程（审核中流程不允许修改）
|
||
var isAutoSave = "<#isAutoSave>"; //是否允许实时保存
|
||
var isMarked = <#isMarked>;// // PAL推送至BPMS，但BPMS端未分配
|
||
var isCorrelateBpms = <#isCorrelateBpms>;// 是否与BPM有关系的流程
|
||
var perms = "<#perms>"; //该流程权限
|
||
var filePerms = "<#filePerms>"; //所有有权限的文件
|
||
//角色类型，owner-编辑，viewer-只读
|
||
var role = (isView == true || isPublish == true || isStop == true || isApproval == true) ? "viewer" : "owner";
|
||
var editable = (isView == true || isPublish == true || isStop == true || isApproval == true) ? false : true;
|
||
|
||
// 扩展属性
|
||
var ext1 = "<#ext1>";
|
||
var ext2 = "<#ext2>";
|
||
var ext3 = "<#ext3>";
|
||
var ext4 = "<#ext4>";
|
||
|
||
// 帮助工具栏扩展url
|
||
var customHelpToolExtMenuUrl = <#customHelpToolExtMenuUrl>;
|
||
// 图形定义
|
||
var methodObjectDesc = <#methodObjectDesc>;
|
||
//是否需要保存提示
|
||
var isSave = true;
|
||
var isNeedPutMessage = true;
|
||
|
||
var isCollaboration = <#isCollaborationSwitch> ? ((isView == true || isPublish == true) ? false : true) : false; //是否进行协作
|
||
var sameNameCheck = <#sameNameCheck>;
|
||
var processOutput = <#processOutput>;
|
||
var openAppType = "<#openAppType>"; //打开设计器的app类型, 暂时用于判断留言
|
||
|
||
var operateType = "<#operateType>";
|
||
var process = {
|
||
processDefId: "<#processDefId>",
|
||
// title: "<#processName>",
|
||
version: "<#processVersion>",
|
||
versionStatus: "<#versionStatus>",
|
||
title: frmFileName, //"<#fileName>"
|
||
};
|
||
var processGroupName = "<#processGroupName>";
|
||
var categoryName = "<#categoryName>";
|
||
var processDefVersionId = "<#processDefVersionId>";
|
||
var processVersion = "<#processVersion>";
|
||
var selectedElementId="<#selectedElementId>"
|
||
<#schema>
|
||
|
||
//图形之间的关系定义json数组
|
||
var linkerRelationship = <#linkerRelationship> ;
|
||
var isParentShow = true;
|
||
/* var relationObj = <#relationObj>; */
|
||
//visio 导入相关
|
||
var processOnIsInstall = "<#processOnIsInstall>";
|
||
var processOnIsActive = "<#processOnIsActive>";
|
||
//保存手动保存时对设计器的操作
|
||
var messageArrayForSave = {};
|
||
var saveAttributesJson = [];
|
||
var removeAttributeJson = [];
|
||
var BPMNSupport = "<#BPMNSupport>";
|
||
var BPMNLevel0 = "<#BPMNLevel0>";
|
||
var BPMNLevel1 = "<#BPMNLevel1>";
|
||
var BPMNLevel2 = "<#BPMNLevel2>";
|
||
var relationShapesObject = <#relationShapes>;
|
||
var relationShapeModelObject = <#relationShapeModels>;
|
||
var moreShapeButton = "<#btnShapeStyle>";
|
||
var installBatch = <#installBatch>;
|
||
|
||
var attrDefineObj = <#attrDefineObj>;
|
||
|
||
var pid = "<#parentChartId>";
|
||
var teamId = "<#teamId>";
|
||
var jssdk;
|
||
var mrStatus = "0";
|
||
</script>
|
||
<!--工具js-->
|
||
<script type='text/javascript' charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/lib/designer/extend/js/util/map.js'></script>
|
||
<script type='text/javascript' charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/lib/designer/extend/js/util/uuid.js'></script>
|
||
<script type='text/javascript' charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/js/coe.commons.js'></script>
|
||
<!-- AWSGrid工具 -->
|
||
<script type="text/javascript" src="../commons/js/jquery/scripts/ui/reference/jquery-ui.js"></script>
|
||
<script type="text/javascript" src="../commons/js/jquery/scripts/ui/aws.grid.js"></script>
|
||
<script type="text/javascript" src="../commons/js/jquery/scripts/ui/aws.grid-localize-zh.js"></script>
|
||
<!--HTML5设计器核心js-->
|
||
<script type='text/javascript' charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/lib/designer/scripts/diagraming/collaboration.js'></script>
|
||
<script type='text/javascript' charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/lib/designer/scripts/diagraming/designer.plugs.js'></script>
|
||
<script type='text/javascript' charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/lib/designer/scripts/diagraming/designer.core.js'></script>
|
||
<!--测试-->
|
||
<!--<script type='text/javascript' charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/lib/designer/scripts/diagraming/designer.core.debug.js'></script>-->
|
||
<script type='text/javascript' charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/lib/designer/scripts/diagraming/designer.methods.js'></script>
|
||
<script type='text/javascript' charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/lib/designer/scripts/diagraming/designer.method.subprocess.js'></script>
|
||
<!--测试-->
|
||
<!--<script type='text/javascript' charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/lib/designer/scripts/diagraming/designer.methods.debug.js'></script>-->
|
||
<script type='text/javascript' charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/lib/designer/scripts/diagraming/designer.events.js'></script>
|
||
<script type='text/javascript' charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/lib/designer/scripts/diagraming/designer.ui.js'></script>
|
||
<!--测试-->
|
||
<!--<script type='text/javascript' charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/lib/designer/scripts/diagraming/designer.ui.debug.js'></script>-->
|
||
<script type='text/javascript' charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/lib/designer/scripts/diagraming/designer.customize.js'></script>
|
||
<!--针对HTML5设计器核心js进行的扩展-->
|
||
<script type='text/javascript' charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/lib/designer/extend/js/designer.extend.js'></script>
|
||
<script type='text/javascript' charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/lib/designer/extend/js/designer.extend.core.js'></script>
|
||
<script type='text/javascript' charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/lib/designer/extend/js/designer.extend.methods.js'></script>
|
||
<script type='text/javascript' charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/lib/designer/extend/js/designer.schema.customdefine.js'></script>
|
||
<#js>
|
||
<!-- <script type='text/javascript' charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/lib/designer/extend/js/designer.extend.events.js'></script> -->
|
||
<script type='text/javascript' charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/lib/designer/extend/js/designer.extend.ui.js'></script>
|
||
<script type='text/javascript' charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/lib/designer/extend/js/designer.extend.link.js'></script>
|
||
<script type='text/javascript' charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/lib/designer/extend/js/coe.designer.extend.events.js'></script>
|
||
<!-- <script type='text/javascript' charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/js/coe.pal.processlevel.create.js'></script>-->
|
||
<script type="text/javascript" src="../<I18N#COEPATH>/js/jquery.tablednd_0_5.js"></script>
|
||
<script type="text/javascript" src="../<I18N#COEPATH>/js/coe.pal.processlevel.create.js"></script>
|
||
|
||
<!-- util -->
|
||
<script type="text/javascript" charset='UTF-8' src="../apps/com.actionsoft.apps.coe.pal/js/jquery.base64.js"></script>
|
||
|
||
<script type="text/javascript" src="../commons/js/awsui.js"></script>
|
||
|
||
<script type="text/javascript" charset='UTF-8' src="../apps/com.actionsoft.apps.coe.pal/lib/designer/extend/js/util/Base64.js"></script>
|
||
<!-- biz -->
|
||
<script type="text/javascript" charset='UTF-8' src="../apps/com.actionsoft.apps.coe.pal/js/coe.team.pal.designer.js"></script>
|
||
|
||
<script type="text/javascript" charset='UTF-8' src="../apps/com.actionsoft.apps.coe.pal/lib/designer/extend/js/designer.biz.js"></script>
|
||
<!-- 不支持HTML5的浏览器 -->
|
||
<link rel="stylesheet" href="../apps/com.actionsoft.apps.coe.pal/css/pal.pl.repository.designer.view.css">
|
||
<script type="text/javascript" src="../apps/com.actionsoft.apps.coe.pal/js/pal.pl.repository.designer.view.js"></script>
|
||
|
||
<#processlink_ete_js>
|
||
<#batch-js>
|
||
<style>
|
||
.highlight{
|
||
background-color: #cccccc;
|
||
font-size: 16pt;
|
||
}
|
||
</style>
|
||
<script type="text/javascript">
|
||
if (navigator.userAgent.toLowerCase().match(/chrome/) != null) {
|
||
$(function() {
|
||
$(".footer_chrome").show();
|
||
|
||
});
|
||
}
|
||
</script>
|
||
<script src="../commons/js/web-office-sdk-v1.1.19.umd.js"></script>
|
||
<script>
|
||
|
||
function initCustomHelpToolExtMenuUrl() {
|
||
// 自定义帮助扩展
|
||
if (customHelpToolExtMenuUrl.length > 0) {
|
||
var liHtml = "";
|
||
for (var i = 0; i < customHelpToolExtMenuUrl.length; i++) {
|
||
// 第一层
|
||
var firstLevelObj = customHelpToolExtMenuUrl[i];
|
||
if (firstLevelObj.children && firstLevelObj.children.length > 0) {// 有第二层菜单
|
||
liHtml += '<li>' + firstLevelObj.name;
|
||
liHtml += '<div class="extend ex_arrow">►</div>';
|
||
liHtml += '<ul class="menu list extend_menu">';
|
||
var children = firstLevelObj.children;
|
||
if (children && children.length > 0) {
|
||
for (var j = 0; j < children.length; j++) {
|
||
liHtml += '<li onclick="openUrl(\'helpToolExtUrl\',\''+ children[j].url.replace(/@sid/g, sid) +'\',{},\'_blank\')">' + children[j].name + '</li>';
|
||
}
|
||
}
|
||
liHtml += '</ul>'
|
||
liHtml += '</li>';
|
||
} else {// 只有第一层菜单
|
||
liHtml += '<li onclick="openUrl(\'helpToolExtUrl\',\''+ firstLevelObj.url.replace(/@sid/g, sid) +'\',{},\'_blank\')">' + firstLevelObj.name + '</li>';
|
||
}
|
||
}
|
||
$('#bar_list_help').append(liHtml);
|
||
}
|
||
}
|
||
|
||
function openUrl(id, url, params, target) {
|
||
window.open(url);
|
||
// // 防止反复添加
|
||
// var dom = document.getElementById(id);
|
||
// if(dom) {
|
||
// document.body.removeChild(dom);
|
||
// }
|
||
// var temp_form = document.createElement("form");
|
||
// temp_form.action = url;
|
||
// temp_form.target = target == undefined ? "_blank" : target;
|
||
// temp_form.method = "get";
|
||
// temp_form.style.display = "none";
|
||
// for (var x in params) {
|
||
// var opt = document.createElement("textarea");
|
||
// opt.name = x;
|
||
// opt.value = params[x];
|
||
// temp_form.appendChild(opt);
|
||
// }
|
||
// temp_form.setAttribute('id', id);
|
||
// document.body.appendChild(temp_form);
|
||
// temp_form.submit();
|
||
}
|
||
|
||
$(document).ready(function(){
|
||
|
||
// 自定义帮助扩展
|
||
initCustomHelpToolExtMenuUrl();
|
||
if (methodId !== 'process.epc' && methodId != 'control.policy'&& methodId != 'process.flowchart') {
|
||
$('#bar_sort').css('display','none')
|
||
}
|
||
|
||
//EPC和泳道图的时候显示流程模型清单按钮
|
||
if (methodId == 'process.epc' || methodId == 'process.flowchart') {
|
||
$('#processManifest').css('display','block')
|
||
}
|
||
|
||
//EPC、表单图、制度图、泳道图的时候显示导引回放按钮
|
||
if (methodId == 'process.epc' || methodId == 'process.flowchart' || methodId == 'data.form' || methodId == 'control.policy') {
|
||
$('#modelingGuide').css('display','block')
|
||
}
|
||
|
||
if (methodId == 'data.form') {
|
||
$('#bar_importPolicyFile').css('display','none')
|
||
}
|
||
//新增 打开wps文件逻辑
|
||
if(methodId === 'control.policy' || methodId ==='engineering.standard' || methodId ==='process.scheme'){
|
||
//执行切换显示按钮
|
||
switchWpsDisplay(true);
|
||
}else{
|
||
$("#switchViews").css('display','none');
|
||
}
|
||
|
||
// 只有epc和泳道图显示切换按钮
|
||
if (methodId !== 'process.epc' && methodId !== 'process.flowchart') {
|
||
$("#switchMRViews").css('display', 'none');
|
||
}
|
||
|
||
|
||
isGetHidden();
|
||
if (!installBatch) {// 未安装批处理应用，删除功能入口
|
||
$('li[ac=batchreplace]').remove();
|
||
}
|
||
$("#upfile").on('click',openUpFile);//附件上传页面
|
||
if(processOutput) { // 导出流程手册菜单控制
|
||
if (methodId == 'data.form') {
|
||
$('#export_report').text('导出表单手册');
|
||
} else if (methodId == 'control.policy') {
|
||
$('#export_report').text('导出制度手册');
|
||
} else if (methodId == 'process.scheme') {
|
||
$('#export_report').text('导出方案手册');
|
||
}else if (methodId == 'engineering.standard') {
|
||
$('#export_report').text('导出工程技术标准手册');
|
||
}
|
||
outputProcess();
|
||
}
|
||
if (moreShapeButton == '') {// 显示按钮
|
||
$(window).resize(function(){
|
||
updateShapePanel();
|
||
});
|
||
}
|
||
//流程版本对比
|
||
var verArray = <#verArray>;
|
||
var verHtml = "";
|
||
for (var i = 0; i < verArray.length; i++) {
|
||
var tmp = verArray[i];
|
||
verHtml += "<input class='awsui-checkbox' name='version' value='" + tmp.uuid + "' type='checkbox' data-name='" + tmp.nameVersion +"'>";
|
||
verHtml += "<label class='awsui-checkbox-label'>" + tmp.nameVersion +"</label></br>";
|
||
}
|
||
$("#versionGroup").html(verHtml);
|
||
//$("#dialog_version_compare .awsui-checkbox").check();
|
||
//三员管理，密级回显
|
||
if (isHighSecurity == "true") {
|
||
$("#securityLevelName").show()
|
||
}
|
||
//by bzp 默认不会选中形状所以隐藏~~
|
||
$("#dock_btn_richtext").hide();
|
||
checkUserFirstCreateModel();
|
||
|
||
if(methodId!="engineering.standard"){
|
||
//定制模版
|
||
initCoverTpl();
|
||
}else{
|
||
$("#tpl_list").css("display", "none");
|
||
}
|
||
|
||
});
|
||
|
||
|
||
// 页面停留时间统计
|
||
class PageStayTimeTracker {
|
||
constructor() {
|
||
this.startTime = null;
|
||
this.lastReportTime = null;
|
||
this.reportInterval = 60000; // 60秒报告一次
|
||
this.isPageVisible = true; // 默认页面是可见的
|
||
this.visibilityBound = false; // 是否已绑定可见性事件
|
||
}
|
||
|
||
|
||
// 延迟绑定可见性事件
|
||
bindVisibilityEvents() {
|
||
if (this.visibilityBound) return;
|
||
|
||
document.addEventListener('visibilitychange', this.handleVisibilityChange.bind(this));
|
||
this.visibilityBound = true;
|
||
|
||
// 初始检查页面可见状态
|
||
this.isPageVisible = !document.hidden;
|
||
if (!this.isPageVisible) {
|
||
this.lastReportTime = new Date(); // 更新最后记录时间
|
||
}
|
||
}
|
||
|
||
|
||
|
||
// 开始跟踪
|
||
startTracking() {
|
||
if (this.isActive) return;
|
||
|
||
this.startTime = new Date();
|
||
this.lastReportTime = this.startTime;
|
||
this.isActive = true;
|
||
|
||
|
||
|
||
// 设置定时器
|
||
this.intervalId = setInterval(() => {
|
||
if (this.isPageVisible) {
|
||
this.reportStayTime();
|
||
}
|
||
}, this.reportInterval);
|
||
|
||
|
||
|
||
// 页面卸载前发送剩余时间
|
||
window.addEventListener('beforeunload', this.finalReport.bind(this));
|
||
|
||
|
||
// 延迟绑定可见性事件（在用户首次交互后）
|
||
const bindOnInteraction = () => {
|
||
this.bindVisibilityEvents();
|
||
// 移除所有交互监听器
|
||
['click', 'scroll', 'keydown', 'mousemove', 'touchstart'].forEach(event => {
|
||
window.removeEventListener(event, bindOnInteraction);
|
||
});
|
||
};
|
||
|
||
// 添加多种交互监听
|
||
['click', 'scroll', 'keydown', 'mousemove', 'touchstart'].forEach(event => {
|
||
window.addEventListener(event, bindOnInteraction, { once: true });
|
||
});
|
||
|
||
|
||
}
|
||
|
||
// 报告停留时间
|
||
reportStayTime() {
|
||
const now = new Date();
|
||
const elapsed = now - this.lastReportTime;
|
||
this.totalStayTime += elapsed;
|
||
this.lastReportTime = now;
|
||
|
||
this.sendStayTimeToServer(elapsed, true);
|
||
}
|
||
|
||
// 最终报告
|
||
finalReport() {
|
||
if (!this.isActive) return;
|
||
if (this.isPageVisible) {
|
||
const now = new Date();
|
||
const elapsed = now - this.lastReportTime;
|
||
}
|
||
|
||
|
||
this.sendStayTimeToServer(elapsed, false);
|
||
this.cleanUp();
|
||
}
|
||
|
||
// 处理页面可见性变化
|
||
handleVisibilityChange() {
|
||
var now = new Date();
|
||
if (document.hidden) {
|
||
if (this.isPageVisible) {
|
||
this.isPageVisible = false;
|
||
// 页面不可见，暂停计时
|
||
const now = new Date();
|
||
const elapsed = now - this.lastReportTime;
|
||
this.totalStayTime += elapsed;
|
||
this.sendStayTimeToServer(elapsed, false);
|
||
clearInterval(this.intervalId);
|
||
}
|
||
|
||
} else {
|
||
// 页面恢复可见
|
||
if (!this.isPageVisible) {
|
||
this.lastReportTime = now; // 重置最后记录时间
|
||
}
|
||
this.isPageVisible = true;
|
||
|
||
}
|
||
}
|
||
|
||
// 发送数据到服务器
|
||
sendStayTimeToServer(elapsedMs,isActive) {
|
||
$.ajax({
|
||
type : "POST",
|
||
url : "./w?sid=" + encodeURIComponent($('#sid').val()) + "&cmd=com.awspaas.user.apps.browsing_data.service.insertReadingLog",
|
||
data : "userId="+userId+"&userName="+userName+"&ruuid="+ruuid+"&fileName="+fileName+"&startTime="+new Date(this.startTime).getTime()+"¤tTime="+new Date().getTime()+"&browserId="+browserId+"&isActive="+isActive,
|
||
success : function(msg) {
|
||
if (msg.result == "error") {
|
||
$.simpleAlert("新增失败", "error");
|
||
}
|
||
}
|
||
});
|
||
|
||
}
|
||
|
||
// 清理资源
|
||
cleanUp() {
|
||
clearInterval(this.intervalId);
|
||
document.removeEventListener('visibilitychange', this.handleVisibilityChange);
|
||
window.removeEventListener('beforeunload', this.finalReport);
|
||
this.isActive = false;
|
||
}
|
||
}
|
||
|
||
// 使用示例
|
||
const tracker = new PageStayTimeTracker();
|
||
tracker.startTracking();
|
||
|
||
|
||
|
||
//初始化封面模板
|
||
function initCoverTpl(){
|
||
$.ajax({
|
||
url: "./jd?sid=" + sid + "&cmd=com.awspaas.user.apps.output.template.getCoverTpl",
|
||
type: 'GET',
|
||
data: {
|
||
palId: ruuid
|
||
},
|
||
success: function (data) {
|
||
console.log(data);
|
||
//如果defaultJson不为空增加赋默认值的逻辑
|
||
//如果defaultJson不为空增加赋默认值的逻辑
|
||
var defaultJson = data.data.defaultJson;
|
||
if (defaultJson!== null && defaultJson !== undefined){
|
||
$("#tpl_list").attr("value",defaultJson.id);
|
||
$("#tpl_list").text("文件封面:"+defaultJson.text);
|
||
}
|
||
|
||
$("#tpl_list").popBox({
|
||
cache:false,
|
||
title:'请选择模版',
|
||
content: initContentHtml(data.data.list),
|
||
position:'bottom-left',
|
||
callback:function(item){
|
||
debugger;
|
||
$("input[name='tplRadio']")
|
||
$("input[name='tplRadio']").check();
|
||
$("input[name='tplRadio']").on("ifChanged",function(){
|
||
var historyRadioBoxArr = $('input[name="tplRadio"]:checked');
|
||
debugger;
|
||
//把选择的记录存上
|
||
$.ajax({
|
||
url: "./jd?sid=" + sid + "&cmd=com.awspaas.user.apps.output.template.saveTplMappingPal",
|
||
type: 'GET',
|
||
data: {
|
||
tplId:$(historyRadioBoxArr[0]).attr("id"),
|
||
palId: ruuid
|
||
|
||
},
|
||
success: function (data) {
|
||
$("#tpl_list").attr("value",$(historyRadioBoxArr[0]).attr("id"));
|
||
$("#tpl_list").text("文件封面:"+$(historyRadioBoxArr[0]).attr("showText"));
|
||
}
|
||
})
|
||
|
||
});
|
||
}
|
||
});
|
||
}
|
||
});
|
||
}
|
||
|
||
function initContentHtml(obj){
|
||
var checkHtml = '';
|
||
if (obj!=undefined) {
|
||
obj.forEach(function(model, index) {
|
||
checkHtml += '<p>';
|
||
checkHtml += '<input class="awsui-checkbox" name="tplRadio" id="'+model.id+'" showText="'+model.text+'" type="radio"/>';
|
||
checkHtml += '<label class="awsui-checkbox-label">'+model.text+'</label>';
|
||
});
|
||
}
|
||
|
||
return checkHtml;
|
||
}
|
||
|
||
//检查用户是否第一次创建对应类型的模型
|
||
function checkUserFirstCreateModel(){
|
||
var data_type = window.performance.navigation.type;
|
||
$.ajax({
|
||
url: "./jd?sid=" + sid + "&cmd=com.actionsoft.apps.coe.pal_guide_check_create&methodId=" + methodId+"&type="+data_type,
|
||
type: 'GET',
|
||
success: function(data) {
|
||
if(data.data.isFirst){
|
||
//初始化建模导引
|
||
initGuide();
|
||
}
|
||
}
|
||
});
|
||
}
|
||
|
||
|
||
function isGetHidden(){
|
||
$.ajax({
|
||
url: "./jd?sid=" + sid + "&cmd=com.actionsoft.apps.bpa.IsHidden_Modeling_Guidance",
|
||
type: 'GET',
|
||
success: function(data) {
|
||
if(data==true){
|
||
//初始化建模导引
|
||
//initGuide();
|
||
$('#modelingGuide').css('display','')
|
||
}else{
|
||
$('#modelingGuide').css('display','none')
|
||
}
|
||
}
|
||
});
|
||
}
|
||
|
||
//建模导引
|
||
function initGuide(){
|
||
$.ajax({
|
||
url: "./jd?sid=" + sid + "&cmd=com.actionsoft.apps.coe.pal_modeling_guide&methodId=" + methodId,
|
||
type: 'GET',
|
||
success: function(data) {
|
||
if(data.data.steps != undefined && data.data.steps != null) {
|
||
const driver = new Driver({
|
||
animate: true, // 是否开启动画
|
||
opacity: 0.65, // 遮罩透明度
|
||
padding: 10, // padding
|
||
allowClose: true, // 点击遮罩是否可以关闭
|
||
overlayClickNext: false, // 点击遮罩进行下一步
|
||
doneBtnText: '结束', // 最后一共按钮的文本
|
||
closeBtnText: '关闭', // 关闭按钮的文本
|
||
//stageBackground: '#ffffff', // 突出元素的背景色
|
||
nextBtnText: '下一步', // 下一步按钮的文本
|
||
prevBtnText: '上一步', // 上一步按钮的文本
|
||
//showButtons: false, // 不显示控制按钮
|
||
//keyboardControl: true, // 是否允许通过键盘的左右键来控制
|
||
//scrollIntoViewOptions: {}, // 滚动视图配置，暂时不知道如何使用
|
||
onHighlightStarted: (Element) => {
|
||
}, // 元素高亮开始事件
|
||
onHighlighted: (Element) => {
|
||
}, // 元素高亮事件
|
||
onDeselected: (Element) => {
|
||
}, // 取消选定事件
|
||
onReset: (Element) => {
|
||
}, //重置事件
|
||
onNext: (Element) => {
|
||
}, // 下一步
|
||
onPrevious: (Element) => {
|
||
}, //上一步
|
||
});
|
||
driver.defineSteps(data.data.steps);
|
||
driver.start();
|
||
}
|
||
}
|
||
});
|
||
|
||
}
|
||
function openUpFile() {
|
||
var linkerIds = Utils.getSelectedLinkerIds();
|
||
var linkerCount = linkerIds.length;
|
||
var shapeIds = Utils.getSelectedShapeIds();
|
||
var shapeCount = shapeIds.length;
|
||
var type = "file";
|
||
var shapeId = "";
|
||
if (shapeCount > 1) {
|
||
return;
|
||
}
|
||
if (linkerCount > 0) {
|
||
return;
|
||
}
|
||
if (shapeCount == 0) {
|
||
type = "file";
|
||
} else {
|
||
type = "shape";
|
||
var shape = Utils.getSelected()[0];
|
||
shapeId = shape.id;
|
||
}
|
||
|
||
var upfileUrl = "./w?sid=" + $("#sid").val() + "&cmd=com.actionsoft.apps.coe.pal_processlevel_upfile_portal_page";
|
||
var upfileDlg=FrmDialog.open({
|
||
title: "附件管理",
|
||
width: 570,
|
||
height: 380,
|
||
url: upfileUrl,
|
||
data:{"pl_uuid": ruuid, "shape_uuid": shapeId, "type": type},
|
||
id:"upfileDlg"
|
||
});
|
||
|
||
setTimeout(function(){
|
||
if (editable == false) {
|
||
window.frames["id-awsui-win-frm-2013-frmupfileDlg"].$(".button").attr("disabled", "true").addClass("disable");
|
||
window.frames["id-awsui-win-frm-2013-frmupfileDlg"].$(".del").hide();
|
||
}
|
||
}, 1000);
|
||
|
||
}
|
||
//by bzp 打开富文本页面
|
||
function openrichtext(){
|
||
var shapeIds = Utils.getSelectedShapeIds()[0];
|
||
var dlgtmp = FrmDialog.open({
|
||
title : "富文本制度录入",
|
||
height: 600,
|
||
width:830,
|
||
url : "./w",
|
||
data : {
|
||
sid : sid,
|
||
cmd : 'com.actionsoft.apps.coe.pal.getRichtext',
|
||
pluuid: ruuid,
|
||
shapId: shapeIds
|
||
},
|
||
id : "richTextConfig",
|
||
buttons : [{
|
||
text : '确定',
|
||
cls : "blue",
|
||
handler : function() {
|
||
$("#bar_save").click();
|
||
$.simpleAlert("正在解析中，稍后将自动刷新界面","info", 20000);
|
||
$("#id-awsui-win-frm-2013richTextConfig").hide();
|
||
var result = dlgtmp.win().save();
|
||
$.ajax({
|
||
url: "./jd?sid=" + sid + "&cmd=com.actionsoft.apps.coe.pal.saveRichtext",
|
||
type: 'POST',
|
||
data: {
|
||
content:result,
|
||
pluuid: ruuid,
|
||
shapId: shapeIds
|
||
},
|
||
success: function(msg) {
|
||
dlgtmp.close();
|
||
window.location.reload();
|
||
}
|
||
});
|
||
}
|
||
}, {
|
||
text : '取消',
|
||
handler : function() {
|
||
dlgtmp.close();
|
||
}
|
||
}]
|
||
});
|
||
}
|
||
//by bzp end
|
||
// 导出流程手册
|
||
function outputProcess() {
|
||
$('li[data-name="processOutput"]').show();
|
||
}
|
||
|
||
// 控制更多图形按钮
|
||
function updateShapePanel() {
|
||
if (moreShapeButton == '') {// 显示按钮
|
||
$('#shape_panel_more_shape').show();
|
||
var panelHeight=$('#designer_viewport').height();
|
||
$('#shape_panel').height(panelHeight - 40);
|
||
$('#shape_panel_more_shape').css('margin-top',panelHeight);
|
||
}
|
||
//计算页面渲染效率
|
||
//var t = window.performance.timing;
|
||
//var completeTime = t.domComplete - t.domLoading;
|
||
//console.log("打开流程页面的渲染时间：", completeTime/1000 + "秒");
|
||
}
|
||
|
||
//形状的特殊配置
|
||
function showShapeConfig() {
|
||
var shape = Utils.getSelected()[0];
|
||
if (shape == undefined) {
|
||
return;
|
||
} else if(shape == undefined || shape.name == "linker") {
|
||
$.simpleAlert("不可选择连线"); //提示被designer.ui.debug.js中的update方法覆盖--“请选择形状”
|
||
return;
|
||
}
|
||
var commonShapeConfig = Model.define.commonShapeConfig;
|
||
var specialShapeConfig;
|
||
var dataAttributes = shape.dataAttributes;
|
||
var temp;
|
||
for (var i = 0; i < dataAttributes.length; i++) {
|
||
temp = dataAttributes[i];
|
||
if (temp.hasOwnProperty("attributesJsonArray")) {
|
||
if (!temp.dataShowConfig) {
|
||
temp.dataShowConfig = {};
|
||
}
|
||
specialShapeConfig = temp.dataShowConfig.config;
|
||
break;
|
||
}
|
||
}
|
||
var sid = $("#sid").val();
|
||
var wsId = "<#wsId>";
|
||
var shapeId = shape.name;
|
||
var shapeKey = shape.id;
|
||
var category = shape.category;
|
||
var defaultCategory = '<#methodId>';
|
||
if (commonShapeConfig != undefined) {
|
||
//复制commonShapeConfig
|
||
commonShapeConfig = JSON.stringify(commonShapeConfig);
|
||
commonShapeConfig = JSON.parse(commonShapeConfig);
|
||
commonShapeConfig = commonShapeConfig[shapeId];
|
||
if (commonShapeConfig != undefined) {
|
||
for (var i = 0; i < commonShapeConfig.length; i++) {
|
||
var config = commonShapeConfig[i];
|
||
if (config.showType === "icon" && config.iconContent.indexOf("=") < 0) {
|
||
config.iconContent = config.iconContent.replace("&", "&=");
|
||
}
|
||
}
|
||
}
|
||
}
|
||
//处理传给后端iconfont的问题
|
||
if (specialShapeConfig != undefined) {
|
||
//复制specialShapeConfig
|
||
specialShapeConfig = JSON.stringify(specialShapeConfig);
|
||
specialShapeConfig = JSON.parse(specialShapeConfig);
|
||
for (var i = 0; i < specialShapeConfig.length; i++) {
|
||
var config = specialShapeConfig[i];
|
||
if (config.showType === "icon" && config.iconContent.indexOf("=") < 0) {
|
||
config.iconContent = config.iconContent.replace("&", "&=");
|
||
}
|
||
}
|
||
}
|
||
|
||
var dlg = FrmDialog.open({
|
||
title : "形状数据显示规则",
|
||
width : 810,
|
||
height : 487.6,
|
||
url : "./w",
|
||
data : {
|
||
sid : sid,
|
||
cmd : 'com.actionsoft.apps.coe.pal_pl_manage_shape_config_dialog_page',
|
||
wsId : wsId,
|
||
type : "specialShapeConfig",
|
||
shapeId : shapeId,
|
||
shapeKey : shapeKey,
|
||
category : category,
|
||
defaultCategory : defaultCategory,
|
||
commonShapeConfig : JSON.stringify(commonShapeConfig),
|
||
specialShapeConfig : JSON.stringify(specialShapeConfig),
|
||
attributesJsonArray : JSON.stringify(temp.attributesJsonArray),
|
||
relationData : JSON.stringify(relationShapeModelObject)
|
||
},
|
||
id : "specialShapeConfig",
|
||
buttons : [{
|
||
text : '确定',
|
||
cls : "blue",
|
||
handler : function() {
|
||
var dataArray = dlg.win().getConfigData();
|
||
if (dataArray.length < 0) {
|
||
dlg.close();
|
||
return;
|
||
}
|
||
//保存特殊配置
|
||
temp["dataShowConfig"].config = dataArray;
|
||
//渲染配置信息
|
||
Designer.painter.renderShape(shape);
|
||
dlg.close();
|
||
}
|
||
}, {
|
||
text : '取消',
|
||
handler : function() {
|
||
dlg.close();
|
||
}
|
||
}]
|
||
});
|
||
}
|
||
function getDocHeight(doc) {
|
||
doc = doc || document;
|
||
var body = doc.body;
|
||
var html = doc.documentElement;
|
||
var height = Math.max(body.scrollHeight, body.offsetHeight, html.clientHeight, html.scrollHeight, html.offsetHeight);
|
||
return height;
|
||
}
|
||
function setIframeHeight(id) {
|
||
var ifrm = document.getElementById(id);
|
||
var doc = ifrm.contentDocument ? ifrm.contentDocument : ifrm.contentWindow.document;
|
||
ifrm.style.visibility = 'hidden';
|
||
ifrm.style.height = "10px"; // reset to minimal height ...
|
||
ifrm.style.height = getDocHeight(doc) + 4 + "px";
|
||
ifrm.style.visibility = 'visible';
|
||
}
|
||
async function switchWpsDisplay(flag){
|
||
if(flag){//显示wps页面，隐藏其余页面
|
||
$("#wpsPage").css('display','block');
|
||
$("#wpsPage").height($('#designer_viewport').height());
|
||
$("#shape_panel").css('display','none');
|
||
$("#shape_panel_more_shape").css('display','none');
|
||
$("#designer_layout").css('display','none');
|
||
//打开wps在线编辑页面
|
||
$("#dock").css("right", 0);
|
||
openWpsUrl();
|
||
}else{
|
||
$("#wpsPage").css('display','none');
|
||
$("#shape_panel").css('display','block');
|
||
$("#shape_panel_more_shape").css('display','block');
|
||
$("#designer_layout").css('display','block');
|
||
var layoutW = $("#designer_layout").width();
|
||
var viewW = $("#layout_block").width();
|
||
// 总宽度减去可视区域的宽度，得到滚动条宽度
|
||
var navRight = layoutW - viewW;
|
||
$("#dock").css("right", navRight);
|
||
//先触发保存
|
||
await saveWps();
|
||
updateShapePanel();
|
||
//更新画布
|
||
$.simpleAlert("正在解析更新画布中，请稍后",'loading');
|
||
reloadFile();
|
||
}
|
||
}
|
||
async function switchWpsMRDisplay(flag) {
|
||
if (flag) {//显示wps页面，隐藏其余页面
|
||
$("#wpsPage").css('display', 'block');
|
||
$("#wpsPage").height($('#designer_viewport').height());
|
||
$("#shape_panel").css('display', 'none');
|
||
$("#shape_panel_more_shape").css('display', 'none');
|
||
$("#designer_layout").css('display', 'none');
|
||
//打开wps在线编辑页面
|
||
$("#dock").css("right", 0);
|
||
openWpsMRUrl();
|
||
} else {
|
||
//先判断是否要更新管理办法的生效状态
|
||
updateMrStatus();
|
||
$("#wpsPage").css('display', 'none');
|
||
$("#shape_panel").css('display', 'block');
|
||
$("#shape_panel_more_shape").css('display', 'block');
|
||
$("#designer_layout").css('display', 'block');
|
||
var layoutW = $("#designer_layout").width();
|
||
var viewW = $("#layout_block").width();
|
||
// 总宽度减去可视区域的宽度，得到滚动条宽度
|
||
var navRight = layoutW - viewW;
|
||
$("#dock").css("right", navRight);
|
||
//先触发保存
|
||
await saveWps();
|
||
updateShapePanel();
|
||
}
|
||
}
|
||
//切换视图页面
|
||
function switchViews(){
|
||
if ($("#wpsPage").is(":visible")) {
|
||
switchWpsDisplay(false);
|
||
} else {
|
||
switchWpsDisplay(true);
|
||
}
|
||
}
|
||
//切换管理要求视图
|
||
function switchMRViews() {
|
||
if ($("#wpsPage").is(":visible")) {
|
||
switchWpsMRDisplay(false);
|
||
} else {
|
||
switchWpsMRDisplay(true);
|
||
}
|
||
}
|
||
|
||
function updateMrStatus(){//更新管理办法的生效状态
|
||
//先判断是否要更新管理办法的生效状态
|
||
if(mrStatus == 0){//生效
|
||
//先弹出二次确认框
|
||
var options = {
|
||
title : "当前管理办法未生效，是否更新管理办法的生效状态？",
|
||
content:"确认生效",
|
||
onConfirm: function(){
|
||
$.ajax({
|
||
url: "./jd?sid=" + sid + "&cmd=com.awspaas.user.apps.yiliwps.updateMrStatus&palId=" + ruuid,
|
||
type: 'GET',
|
||
success: function (data) {
|
||
mrStatus = data.data.mrStatus;
|
||
}
|
||
});
|
||
},
|
||
onCancel : function(){
|
||
$.simpleAlert("您选择了取消");
|
||
}
|
||
};
|
||
$.confirm(options);
|
||
|
||
}
|
||
|
||
}
|
||
|
||
//保存wps内容
|
||
async function saveWps() {
|
||
try {
|
||
await jssdk.ready();
|
||
await jssdk.save();
|
||
}catch (e) {
|
||
console.log(e);
|
||
}
|
||
}
|
||
|
||
function openWpsUrl(){
|
||
$.ajax({
|
||
url: "./jd?sid=" + sid + "&cmd=com.awspaas.user.apps.yiliwps.previewUrl&palId=" + ruuid +"&fileName="+updatedPolicyFileList,
|
||
type: 'GET',
|
||
success: function(data) {
|
||
if(data.code ===200){
|
||
//换一种打开方式
|
||
console.log('引入后可以开始使用 JSSDK 了~');
|
||
jssdk = WebOfficeSDK.config({
|
||
url: data.data.link, // 该地址需要对接方服务端提供，形如 https://wwo.wps.cn/office/p/xxx
|
||
mount:document.querySelector('#wpsPage')
|
||
})
|
||
|
||
jssdk.on('fileOpen', (data) => {
|
||
console.log('打开文档成功: ', data)
|
||
})
|
||
}
|
||
}
|
||
});
|
||
}
|
||
|
||
function openWpsMRUrl() {
|
||
$.ajax({
|
||
url: "./jd?sid=" + sid + "&cmd=com.awspaas.user.apps.yiliwps.previewUrl_mr&palId=" + ruuid,
|
||
type: 'GET',
|
||
success: function (data) {
|
||
if (data.code === 200) {
|
||
//换一种打开方式
|
||
console.log('引入后可以开始使用 JSSDK 了~');
|
||
jssdk = WebOfficeSDK.config({
|
||
url: data.data.link, // 该地址需要对接方服务端提供，形如 https://wwo.wps.cn/office/p/xxx
|
||
mount: document.querySelector('#wpsPage')
|
||
})
|
||
|
||
jssdk.on('fileOpen', (data) => {
|
||
console.log('打开文档成功: ', data)
|
||
})
|
||
}
|
||
}
|
||
});
|
||
}
|
||
//渲染形状配置信息
|
||
/*function painterShapeConfig(dataArray, shapeId, key) {
|
||
for (var i = 0; i < dataArray.length; i++) {
|
||
var temp = dataArray[i];
|
||
var showType = temp.showType;
|
||
var horizontal = temp.horizontal;
|
||
horizontal = horizontal.toLowerCase();
|
||
var verity = temp.verity;
|
||
verity = verity.toLowerCase();
|
||
if (verity == "center") {verity = "middle";}
|
||
if (showType == "text") {
|
||
var cfgContent = temp.cfgContent;
|
||
var params = {
|
||
"w":30,
|
||
"h":30,
|
||
"textw": 20,
|
||
"texth": 17,
|
||
"imgT": 0,
|
||
"category":"custom",
|
||
"icon":"",
|
||
"name":key, //it系统区分其他属性的角标的标识
|
||
"showName":false,
|
||
"showType":"text", //text icon
|
||
"type":"string",
|
||
"value":cfgContent,
|
||
"horizontal":horizontal,
|
||
"vertical":verity,
|
||
"radius":5,
|
||
"title":""
|
||
};
|
||
var shape = Model.getShapeById(shapeId);
|
||
if(!shape.dataAttributes){
|
||
shape.dataAttributes = [];
|
||
}
|
||
params.id = Utils.newId();
|
||
params.category = "custom";
|
||
shape.dataAttributes.push(params);
|
||
Model.update(shape);
|
||
Designer.painter.renderShape(shape);
|
||
}
|
||
}
|
||
}*/
|
||
</script>
|
||
<!-- 版本对比 -->
|
||
<script type='text/javascript' async charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/lib/designer/scripts/diagraming/versionCompare/version.methods.debug.js'></script>
|
||
</head>
|
||
|
||
<body style="overflow:hidden;" onload="updateShapePanel();">
|
||
<div class="compare-main" id="versionCompareBox" style="display:none;"></div>
|
||
<canvas id="support_canvas" style="display: none;"></canvas>
|
||
<div id="designer_header">
|
||
|
||
<div class="row row1">
|
||
<div id="title_container" style="width: 100%;">
|
||
<span class="diagram_title"><#fileName></span>
|
||
<span id="securityLevelName" style="display: none;"><#securityLevelName></span>
|
||
<div id="toolbar_wfversion_info" class="toolbar_info">
|
||
<!-- <div id="toolbar_designer_version_no" class="info version" awsui-qtip="版本管理">
|
||
<#versionNum>
|
||
</div> -->
|
||
<span id="toolbar_designer_version_no" class="info version" style="cursor: pointer" awsui-qtip="版本号" onclick="versionListFun.openVersionList()">
|
||
<#versionNum>
|
||
</span>
|
||
<div id="toolbar_wfversion_info_status" style="display:none;" class="versioninfo version0" awsui-qtip="<#state>"><#state></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row row2 menubar">
|
||
<ul id="menu_bar">
|
||
<li id="menu_bar_file" menu="bar_list_file">文件</li>
|
||
<li id="menu_bar_edit" menu="bar_list_edit">编辑</li>
|
||
<li id="menu_bar_view" menu="bar_list_view">视图</li>
|
||
<li id="menu_bar_insert" menu="bar_list_insert">插入</li>
|
||
<li id="menu_bar_page" menu="bar_list_page">页面</li>
|
||
<li id="menu_bar_arrange" menu="bar_list_arrange">排列</li>
|
||
<li id="menu_bar_help" menu="bar_list_help">帮助</li>
|
||
<!--
|
||
<li id="menu_bar_help" menu="bar_list_help" onclick="showShapeRelationTab();">获取所有链接</li>
|
||
-->
|
||
</ul>
|
||
<div id="saving_tip"></div>
|
||
<div id="tpl_list" value="" style="display:inline-block; float: left;margin-left: 10px;line-height: 28px;">
|
||
文件封面:默认
|
||
</div>
|
||
<!-- 倒计时显示 -->
|
||
<div id="autoSave_countdown"></div>
|
||
<!--<div style="float: right;display: flex">
|
||
<div id="bar_importPolicyFile" awsui-qtip='上传正文' class="toolbar_button" style="<#importShapeStyle>">
|
||
<div class="ico ico_importShape"></div>
|
||
</div>
|
||
<div id="export_file" ac="output" awsui-qtip='导出手册' class="toolbar_button">
|
||
<div style="font-weight: bold;font-size: 15px;block-size: auto;">导出手册</div>
|
||
</div>
|
||
<div style="float: left;margin-left: 2px;">
|
||
<div style="width: 2px;height: 20px;background-color: #050505;margin-top: 3px;float: left;margin-left: 2px;"></div>
|
||
</div>
|
||
<div id="QuickPublishing" awsui-qtip='快捷发布' class="toolbar_button">
|
||
<div style="font-weight: bold;font-size: 15px;block-size: auto;margin-left: 4px;">一键发布</div>
|
||
</div>
|
||
<div id="processTermination" awsui-qtip='废止' class="toolbar_button">
|
||
<div class="ico processTermination"></div>
|
||
</div>
|
||
</div>-->
|
||
<div style="float: right;display: flex">
|
||
<div id="bar_importPolicyFile" awsui-qtip='上传正文' class="toolbar_button" style="<#importShapeStyle>">
|
||
<div style="font-weight: bold;font-size: 15px;">上传正文</div>
|
||
</div>
|
||
<div style="float: left;margin-left: 2px;<#importShapeStyle>">
|
||
<div style="width: 2px;height: 20px;background-color: #050505;margin-top: 3px;float: left;margin-left: 2px;"></div>
|
||
</div>
|
||
<div id="export_file" ac="output" awsui-qtip='导出手册' class="toolbar_button">
|
||
<div style="font-weight: bold;font-size: 15px;block-size: auto;margin-left: 4px;">导出手册</div>
|
||
</div>
|
||
<div style="float: left;margin-left: 2px;">
|
||
<div style="width: 2px;height: 20px;background-color: #050505;margin-top: 3px;float: left;margin-left: 2px;"></div>
|
||
</div>
|
||
<div id="QuickPublishing" awsui-qtip='一键发布' class="toolbar_button">
|
||
<div style="font-weight: bold;font-size: 15px;block-size: auto;margin-left: 2px;">一键发布</div>
|
||
</div>
|
||
<div style="float: left;margin-left: 2px;">
|
||
<div style="width: 2px;height: 20px;background-color: #050505;margin-top: 3px;float: left;margin-left: 2px;"></div>
|
||
</div>
|
||
<div id="processTermination" awsui-qtip='废止' class="toolbar_button">
|
||
<div style="font-weight: bold;font-size: 15px;margin-left: 2px;">废止</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="toolbar" >
|
||
<#saveUI>
|
||
<!-- Clipboard -->
|
||
<div id="bar_undo" class="toolbar_button" awsui-qtip='撤销 (Ctrl+Z)'>
|
||
<div class="ico undo"></div>
|
||
</div>
|
||
<div id="bar_redo" class="toolbar_button" awsui-qtip='恢复 (Ctrl+Y)'>
|
||
<div class="ico redo"></div>
|
||
</div>
|
||
<div id="bar_sort" class="toolbar_button" awsui-qtip='编号刷'>
|
||
<div class="ico sort"></div>
|
||
</div>
|
||
<div id="bar_resize" class="toolbar_button" awsui-qtip='调整画布大小'>
|
||
<div class="ico resize"></div>
|
||
</div>
|
||
<div id="bar_brush" class="toolbar_button" awsui-qtip='格式刷 (Ctrl+Shift+B)'>
|
||
<div class="ico brush"></div>
|
||
</div>
|
||
<div class="toolbar_devider"></div>
|
||
|
||
<!-- Font -->
|
||
<div id="bar_font_family" awsui-qtip='字体' class="toolbar_button" style="width: 80px;">
|
||
<div class="text_content">Arial</div>
|
||
<div class="ico ico_dropdown"></div>
|
||
</div>
|
||
<div class="toolbar_small_devider"></div>
|
||
<div id="bar_font_size" awsui-qtip='字号' class="spinner" style="width: 50px;"></div>
|
||
<div class="toolbar_small_devider"></div>
|
||
<div id="bar_font_bold" awsui-qtip='粗体 (Ctrl+B)' class="toolbar_button">
|
||
<div class="ico bold"></div>
|
||
</div>
|
||
<div id="bar_font_italic" awsui-qtip='斜体 (Ctrl+I)' class="toolbar_button">
|
||
<div class="ico italic"></div>
|
||
</div>
|
||
<div id="bar_font_underline" awsui-qtip='下划线 (Ctrl+U)' class="toolbar_button">
|
||
<div class="ico underline"></div>
|
||
</div>
|
||
<div id="bar_font_color" awsui-qtip='文本颜色' class="toolbar_button drop_button">
|
||
<div class="ico fontcolor"></div>
|
||
<div class="btn_color" style="background-color: rgb(50,50,50)"></div>
|
||
<div class="ico ico_dropdown"></div>
|
||
</div>
|
||
<div id="bar_font_align" awsui-qtip='对齐' class="toolbar_button drop_button">
|
||
<div class="ico alignleft"></div>
|
||
<div class="ico ico_dropdown"></div>
|
||
</div>
|
||
<div class="toolbar_devider"></div>
|
||
|
||
<!-- Style -->
|
||
<div id="bar_fill" awsui-qtip='填充样式' class="toolbar_button drop_button">
|
||
<div class="ico fillcolor"></div>
|
||
<div class="btn_color" style="background-color: rgb(255,255,255)"></div>
|
||
<div class="ico ico_dropdown"></div>
|
||
</div>
|
||
<div id="bar_line_color" awsui-qtip='线条颜色' class="toolbar_button drop_button">
|
||
<div class="ico linecolor"></div>
|
||
<div class="btn_color" style="background-color: rgb(50,50,50)"></div>
|
||
<div class="ico ico_dropdown"></div>
|
||
</div>
|
||
<div id="bar_line_width" awsui-qtip='线宽' class="toolbar_button drop_button">
|
||
<div class="ico linewidth"></div>
|
||
<div class="ico ico_dropdown"></div>
|
||
</div>
|
||
<div id="bar_line_style" awsui-qtip='线条样式' class="toolbar_button drop_button">
|
||
<div class="ico linedash"></div>
|
||
<div class="ico ico_dropdown"></div>
|
||
</div>
|
||
<div class="toolbar_devider"></div>
|
||
|
||
<!-- Linker Style -->
|
||
<div id="bar_linkertype" awsui-qtip='连线类型' class="toolbar_button drop_button">
|
||
<div class="ico linkertype_broken"></div>
|
||
<div class="ico ico_dropdown"></div>
|
||
</div>
|
||
<div id="bar_beginarrow" awsui-qtip='起点' class="toolbar_button drop_button">
|
||
<div class="ico ico_arrow larrow_none"></div>
|
||
<div class="ico ico_dropdown"></div>
|
||
</div>
|
||
<div id="bar_endarrow" awsui-qtip='终点' class="toolbar_button drop_button">
|
||
<div class="ico ico_arrow rarrow_none"></div>
|
||
<div class="ico ico_dropdown"></div>
|
||
</div>
|
||
<div class="toolbar_devider"></div>
|
||
<div id="bar_front" awsui-qtip='置于顶层 (Ctrl+] )' class="toolbar_button">
|
||
<div class="ico ico_front"></div>
|
||
</div>
|
||
<div id="bar_back" awsui-qtip='置于底层 (Ctrl+[ )' class="toolbar_button" >
|
||
<div class="ico ico_back"></div>
|
||
</div>
|
||
<div class="toolbar_devider"></div>
|
||
<div id="bar_verticalSpace" class="toolbar_button" onclick="adjustVerticalSpace()" awsui-qtip='调整垂直间距'>
|
||
<div class="ico verticalSpace"></div>
|
||
</div>
|
||
<div id="bar_horizontalSpace" class="toolbar_button" onclick="adjustHorizontalSpace()" awsui-qtip='调整水平间距'>
|
||
<div class="ico horizontalSpace"></div>
|
||
</div>
|
||
<div class="toolbar_devider"></div>
|
||
<div id="bar_lock" awsui-qtip='锁定 (Ctrl+L)' class="toolbar_button">
|
||
<div class="ico ico_lock"></div>
|
||
</div>
|
||
<div id="bar_unlock" awsui-qtip='解锁 (Ctrl+Shift+L)' class="toolbar_button">
|
||
<div class="ico ico_unlock"></div>
|
||
</div>
|
||
<div class="toolbar_small_devider"></div>
|
||
<div id="bar_link" awsui-qtip='插入链接' class="toolbar_button">
|
||
<div class="ico ico_link"></div>
|
||
</div>
|
||
<div id="bar_risk" awsui-qtip='风险' class="toolbar_button" style="<#riskStyle>">
|
||
<div class="ico ico_risk"></div>
|
||
</div>
|
||
<div class="toolbar_devider"></div>
|
||
<!-- <div id="bar_activityNo" awsui-qtip='节点编号排序' class="toolbar_button">
|
||
<div class="ico extend_activityNo"></div>
|
||
</div>-->
|
||
<!-- <div id="bar_importShape" awsui-qtip='上传附件并创建相应节点' class="toolbar_button" style="<#importShapeStyle>">
|
||
<div class="ico ico_importShape"></div>
|
||
</div>-->
|
||
|
||
<div id="QualityInspection" awsui-qtip='质量检测' class="toolbar_button">
|
||
<div class="ico QualityInspection"></div>
|
||
</div>
|
||
<div id="modelFileUpload" awsui-qtip='文件附件上传' class="toolbar_button">
|
||
<div class="ico fileUpLoad" onclick="openUpFile()" ></div>
|
||
</div>
|
||
<div id="processManifest" awsui-qtip='查看活动清单' class="toolbar_button" style="display: none">
|
||
<!--<i class="ico awsui-iconfont"></i>-->
|
||
<div class="ico processManifest"></div>
|
||
</div>
|
||
<div id="modelingGuide" awsui-qtip='导引回放' class="toolbar_button" style="display: none">
|
||
<!--<i class="ico awsui-iconfont"></i>-->
|
||
<div class="ico modelingGuide"></div>
|
||
</div>
|
||
<div id="switchViews" awsui-qtip='切换视图' class="toolbar_button">
|
||
<div class="ico switchViews" onclick="switchViews()"></div>
|
||
</div>
|
||
<div id="switchMRViews" awsui-qtip='切换管理要求视图' class="toolbar_button">
|
||
<div class="ico switchViews" onclick="switchMRViews()"></div>
|
||
</div>
|
||
<!-- <div id="bar_import" awsui-qtip='导入' class="toolbar_button" style="<#importStyle>">
|
||
<div class="ico ico_import"></div>
|
||
</div> -->
|
||
</div>
|
||
</div>
|
||
<div id="designer">
|
||
<div id="shape_panel" class="layout"></div>
|
||
<div id="shape_panel_more_shape" style="display:none;">
|
||
<!--<input id="moreShapes" type='button' style='height: 24px;width: 80px;margin-top: 4px;line-height: 24px;' class="designer_button" onclick="UI.showShapesManage()" value="更多图形" />-->
|
||
</div>
|
||
<div id="designer_viewport">
|
||
|
||
<div id="designer_layout" class="layout">
|
||
<div id="canvas_container">
|
||
<div id="designer_canvas" class="designer_canvas">
|
||
<canvas id="designer_grids">您的浏览器不支持HTML5，请使用IE9及以上版本，或Chrome、Firefox等浏览器</canvas>
|
||
<!-- 链接图层 -->
|
||
<ul id="link-dialog-normal_contextmenu" class="menu list options_menu">
|
||
</ul>
|
||
<!-- 附件图层 -->
|
||
<ul id="attachment-dialog-normal_contextmenu" class="menu list options_menu" style="max-height:200px;overflow:hidden auto;">
|
||
</ul>
|
||
<!-- 端到端串接图层 -->
|
||
<div id="ete-cascade-normal_contextmenu" style="display:none;">
|
||
<div id="ete-cascade-img">
|
||
<img width="400px" height="250px" src="" />
|
||
</div>
|
||
<div class="ete-cascade-waiting">
|
||
<div align="center">
|
||
<img src="../commons/img/waiting.gif" />
|
||
</div>
|
||
</div>
|
||
<div class="ete-cascade-nopic" style="display:none;">
|
||
<div align="center">
|
||
<span class="ete-cascade-nopic-tip">文件无内容</span>
|
||
</div>
|
||
</div>
|
||
<div id="ete-cascade-name" class="ete-word">
|
||
<span class="ete-word-1" style="cursor:pointer;font-size:18px;"><</span>
|
||
<span class="ete-word-2"></span>
|
||
<span class="ete-word-3">/</span>
|
||
<span class="ete-word-4"></span>
|
||
<span class="ete-word-5" style="cursor:pointer;font-size:18px;">></span>
|
||
<span class="ete-word-showname">
|
||
<span class="ete-word-6">(</span>
|
||
<span class="ete-word-7"></span>
|
||
<span class="ete-word-8">)</span>
|
||
<span class="ete-word-9"></span>
|
||
</span>
|
||
</div>
|
||
<div id="ete-cascade-open" class="ete-word" awsui-qtip="打开模型"><i class="awsui-iconfont" style="color:#707070;font-size:19px;"></i></div>
|
||
<div id="ete-cascade-slider" class="ausui-slider-vertical">
|
||
<div class="awsui-slider" style="height:188px;" id="verticalSlide2">
|
||
<input class="slider-input" id="verticalSlide2_input" />
|
||
</div>
|
||
</div>
|
||
<div id="ete-cascade-analysis" class="ete-word" awsui-qtip="串联分析"><i class="awsui-iconfont" style="color:#108ee9;font-size:22px;"></i></div>
|
||
<form id="eteCascadeAnalysisForm" name="eteCascadeAnalysisForm" method="post" action="./w" target="_blank">
|
||
<input type="hidden" name="appId" value="com.actionsoft.apps.coe.pal.processlink">
|
||
<input type="hidden" name="cmd" value="com.actionsoft.apps.coe.pal.processlink_ete_analysis_home">
|
||
<input type="hidden" name="sid" value="<#sid>">
|
||
<input type="hidden" name="wsId" value="<#wsId>">
|
||
<input type="hidden" name="teamId" value="<#teamId>">
|
||
<input type="hidden" name="uuid" value="<#uuid>">
|
||
</form>
|
||
</div>
|
||
<ul id="designer_contextmenu" class="menu list options_menu">
|
||
<li ac="cut">
|
||
<div class="ico cut"></div>剪切
|
||
<div class="extend">Ctrl+X</div>
|
||
</li>
|
||
<li ac="copy">
|
||
<div class="ico copy"></div>复制
|
||
<div class="extend">Ctrl+C</div>
|
||
</li>
|
||
<!-- <li ac="appearCopy">
|
||
<div class="ico copy"></div>出现复制
|
||
<div class="extend">Ctrl+C</div>
|
||
</li> -->
|
||
<li ac="paste">
|
||
<div class="ico paste"></div>粘贴
|
||
<div class="extend">Ctrl+V</div>
|
||
</li>
|
||
<li ac="duplicate">复用
|
||
<div class="extend">Ctrl+D</div>
|
||
</li>
|
||
<li ac="addLeadProcess">
|
||
添加到前置流程
|
||
<div class="extend"></div>
|
||
</li>
|
||
<li ac="addRearProcess">
|
||
添加到后置流程
|
||
<div class="extend"></div>
|
||
</li>
|
||
<li class="devider devi_clip"></li>
|
||
<li ac="front">
|
||
<div class="ico ico_front"></div>置于顶层
|
||
<div class="extend">Ctrl+]</div>
|
||
</li>
|
||
<li ac="back">
|
||
<div class="ico ico_back"></div>置于底层
|
||
<div class="extend">Ctrl+[</div>
|
||
</li>
|
||
<li ac="lock">
|
||
<div class="ico ico_lock"></div>锁定
|
||
<div class="extend">Ctrl+L</div>
|
||
</li>
|
||
<li ac="unlock">
|
||
<div class="ico ico_unlock"></div>解锁
|
||
<div class="extend">Ctrl+Shift+L</div>
|
||
</li>
|
||
<li ac="group">组合
|
||
<div class="extend">Ctrl+G</div>
|
||
</li>
|
||
<li ac="ungroup">取消组合
|
||
<div class="extend">Ctrl+Shift+G</div>
|
||
</li>
|
||
<li id="ctxmenu_align">
|
||
图形对齐
|
||
<div class="extend ex_arrow">►</div>
|
||
<ul class="menu list extend_menu">
|
||
<li ac="align_shape" al="left">左对齐</li>
|
||
<li ac="align_shape" al="center">居中对齐</li>
|
||
<li ac="align_shape" al="right">右对齐</li>
|
||
<li class="devider"></li>
|
||
<li ac="align_shape" al="top">顶端对齐</li>
|
||
<li ac="align_shape" al="middle">垂直居中对齐</li>
|
||
<li ac="align_shape" al="bottom">底端对齐</li>
|
||
</ul>
|
||
</li>
|
||
<li class="devider devi_shape"></li>
|
||
<li ac="changelink">
|
||
<div class="ico ico_link"></div>修改链接</li>
|
||
<li ac="edit">
|
||
<div class="ico edittext"></div>编辑文本
|
||
<div class="extend">空格</div>
|
||
</li>
|
||
<li ac="dataconfig" onclick="showShapeConfig();">
|
||
<div class="ico" style="margin-top: -3px;"><i class="awsui-iconfont" style="font-size:19px; color:black;"></i></div>数据配置
|
||
<div class="extend">Ctrl+R</div>
|
||
</li>
|
||
<li ac="delete">
|
||
<div class="ico remove"></div>删除
|
||
<div class="extend">Delete/Backspace</div>
|
||
</li>
|
||
<li class="devider devi_del"></li>
|
||
<li ac="selectall">全选
|
||
<div class="extend">Ctrl+A</div>
|
||
</li>
|
||
<li ac="selectVertical">调整垂直间距
|
||
<div class="extend"></div>
|
||
</li>
|
||
<li ac="selectHorizontal">调整水平间距
|
||
<div class="extend"></div>
|
||
</li>
|
||
<li class="devider devi_selectall"></li>
|
||
<li ac="drawline">
|
||
<div class="ico linkertype_normal"></div>创建连线
|
||
<div class="extend">L</div>
|
||
</li>
|
||
<li class="devider devi_custom"></li>
|
||
<li ac="customdefine">自定义模板
|
||
<div class="extend"></div>
|
||
</li>
|
||
</ul>
|
||
<div id="designer_subline1" style="position:absolute;"></div>
|
||
<div id="designer_subline2" style="position:absolute;"></div>
|
||
</div>
|
||
</div>
|
||
<div id="shape_img_container"></div>
|
||
<div id="layout_block"></div>
|
||
</div>
|
||
<div id="shape_thumb" class="menu">
|
||
<canvas width="160px"></canvas>
|
||
<div style="width: 180px;"></div>
|
||
</div>
|
||
<div id="dock" style="z-index: 149;">
|
||
<div class="dock_header"></div>
|
||
<div class="dock_buttons">
|
||
<div id="dock_btn_attribute" class="toolbar_button selected" style="<#attributeView>" onclick="Dock.showView('attribute');setCookie('<#uuid>', 'attribute,true');" awsui-qtip="数据属性">
|
||
<div class="ico ico_dock_attribute"></div>
|
||
</div>
|
||
<div id="dock_btn_shapeConfig" class="toolbar_button disabled" onclick="showShapeConfig();">
|
||
<div class="ico" awsui-qtip="形状数据配置"><i class="awsui-iconfont" style="font-size:20px; color:black;"></i></div>
|
||
</div>
|
||
<div id="dock_btn_navigator" class="toolbar_button" onclick="Dock.showView('navigator');setCookie('<#uuid>', 'navigator,true');" awsui-qtip="导航">
|
||
<div class="ico ico_dock_nav"></div>
|
||
</div>
|
||
<div id="dock_btn_graphic" class="toolbar_button owner" onclick="Dock.showView('graphic');setCookie('<#uuid>', 'graphic,true');" awsui-qtip="图形">
|
||
<div class="ico ico_dock_styles"></div>
|
||
</div>
|
||
<div id="dock_btn_metric" class="toolbar_button owner" onclick="Dock.showView('metric');setCookie('<#uuid>', 'metric,true');" awsui-qtip="度量">
|
||
<div class="ico ico_dock_metric"></div>
|
||
</div>
|
||
|
||
<!--
|
||
<div id="dock_btn_page" class="toolbar_button owner" onclick="Dock.showView('page');setCookie('<#uuid>', 'page,true');" awsui-qtip="页面设置">
|
||
<div class="ico ico_dock_page"></div>
|
||
</div>
|
||
-->
|
||
<#dock_btn_validate>
|
||
<!-- <div id="dock_btn_history" class="toolbar_button" onclick="Dock.showView('history');setCookie('<#uuid>', 'history,true');" awsui-qtip="历史版本">
|
||
<div class="ico ico_history"></div>
|
||
</div>-->
|
||
<div id="dock_btn_message" class="toolbar_button" style="<#messageView>" onclick="Dock.showView('message');setCookie('<#uuid>', 'page,true');" awsui-qtip="留言">
|
||
<div class="ico ico_dock_message"></div>
|
||
</div>
|
||
<div id="dock_btn_publish" class="toolbar_button" style="<#publishView>" onclick="Dock.showView('publish');setCookie('<#uuid>', 'page,true');" awsui-qtip="发布历史">
|
||
<div class="ico ico_dock_publish"></div>
|
||
</div>
|
||
<div id="dock_btn_enlarge" class="toolbar_button" onclick="resizeMax()" awsui-qtip="放大">
|
||
<div class="ico ico_dock_enlarge"></div>
|
||
</div>
|
||
<div id="dock_btn_narrow" class="toolbar_button" onclick="resizeMin()" awsui-qtip="缩小">
|
||
<div class="ico ico_dock_narrow"></div>
|
||
</div>
|
||
<div id="dock_btn_print" class="toolbar_button" style="<#printView>" onclick="printProcess()" awsui-qtip="打印">
|
||
<div class="ico ico_dock_print"></div>
|
||
</div>
|
||
<div id="dock_btn_fullscreen" class="toolbar_button" onclick="Dock.enterFullScreen()" awsui-qtip="全屏">
|
||
<div class="ico ico_dock_fullscreen"></div>
|
||
</div>
|
||
<div id="dock_btn_upfile" class="toolbar_button" onclick="openUpFile()" awsui-qtip="附件">
|
||
<div class="ico ico_dock_upfile"></div>
|
||
</div>
|
||
<div id="dock_btn_link" class="toolbar_button" onclick="Dock.showView('link');setCookie('<#uuid>', 'page,true');" awsui-qtip="链接">
|
||
<div class="ico ico_link"></div>
|
||
</div>
|
||
<div id="dock_btn_diff" class="toolbar_button" onclick="Dock.showView('diff');setCookie('<#uuid>', 'page,true');" awsui-qtip="版本差异">
|
||
<div class="ico ico_dock_diff"></div>
|
||
</div>
|
||
<!--by bzp-->
|
||
<div id="dock_btn_richtext" class="toolbar_button" onclick="openrichtext()" awsui-qtip="富文本">
|
||
<div class="ico ico_link"></div>
|
||
</div>
|
||
<!--by bzp end-->
|
||
<#processlink_ete_analysis>
|
||
</div>
|
||
</div>
|
||
<div id="navigation_view" class="dock_view dock_view_navigator">
|
||
<div class="dock_view_header">
|
||
导航
|
||
<div class="ico ico_dock_collapse"></div>
|
||
</div>
|
||
<div class="navigation_bounding">
|
||
<div class="navigation_view_container">
|
||
<canvas id="navigation_canvas" width="120px" height="160px"></canvas>
|
||
<div id="navigation_eye"></div>
|
||
</div>
|
||
</div>
|
||
<div class="dock_devider" style="margin: 0px 10px"></div>
|
||
<div class="navigation_view_bar">
|
||
<div id="dock_zoom" class="spinner active"></div>
|
||
<div id="dock_btn_fullscreen" class="toolbar_button active" onclick="Dock.enterFullScreen()" awsui-qtip='全屏视图' title_pos="top">
|
||
<div class="ico ico_fullscreen"></div>
|
||
</div>
|
||
<!-- <div id="dock_btn_presentation" class="toolbar_button active" onclick="Dock.enterPresentation()" awsui-qtip="演示视图" title_pos="top">
|
||
<div class="ico ico_presentation"></div>
|
||
</div>-->
|
||
</div>
|
||
<div id="fullscreen_tip" class="alert error">
|
||
<div class="ico dlg_close" onclick="$('#fullscreen_tip').hide();"></div>
|
||
<div class="t"></div>
|
||
<div class="full_suggest">
|
||
<span style="float: left;">我们推荐使用以下浏览器：</span>
|
||
<span style="float: left;">
|
||
<a href="http://www.google.com/chrome" target="_blank">
|
||
<span class="ico chrome"></span>
|
||
</a>
|
||
<a href="http://www.firefox.com" target="_blank">
|
||
<span class="ico firefox"></span>
|
||
</a>
|
||
</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Graphic Dock Window -->
|
||
<div class="dock_view dock_view_graphic">
|
||
<div class="dock_view_header">
|
||
图形
|
||
<div class="ico ico_dock_collapse"></div>
|
||
</div>
|
||
<div class="dock_content">
|
||
<div class="dock_content_title">连线</div>
|
||
<div id="dock_line_color" class="picker_btn btn_inline"></div>
|
||
<div id="dock_line_style" class="toolbar_button drop_button active btn_inline" style="margin: 0px 0px 0px 10px">
|
||
<div class="ico linestyle linesolid"></div>
|
||
<div class="ico ico_dropdown"></div>
|
||
</div>
|
||
<div id="dock_line_width" class="spinner active btn_inline" style="width: 82px; margin-left: 10px;"></div>
|
||
<div style="clear: both"></div>
|
||
<div class="dock_devider"></div>
|
||
<div class="dock_content_title">填充样式</div>
|
||
<div id="dock_fill_type" class="toolbar_button active">
|
||
<div class="text_content"></div>
|
||
<div class="ico ico_dropdown"></div>
|
||
</div>
|
||
<div class="fill_detail fill_detail_solid">
|
||
<div id="fill_solid_btn" class="picker_btn"></div>
|
||
</div>
|
||
<div class="fill_detail fill_detail_gradient">
|
||
<div id="fill_gradient_begin" c="255,255,255" class="picker_btn btn_inline"></div>
|
||
<div id="gradient_swap" class="toolbar_button btn_normal btn_inline">
|
||
<div class="ico gradient_swap"></div>
|
||
</div>
|
||
<div id="fill_gradient_end" c="255,255,255" class="picker_btn btn_inline"></div>
|
||
<div id="gradient_type" class="toolbar_button active btn_normal btn_inline" style="width: 100px;margin: 0px 0px 0px 10px;">
|
||
<div class="text_content"></div>
|
||
<div class="ico ico_dropdown"></div>
|
||
</div>
|
||
<div style="clear: both"></div>
|
||
<div id="gradient_type_linear" class="gradient_details">
|
||
角度：
|
||
<div id="gradient_angle" class="spinner active" style="width: 100px; display: inline-block;"></div>
|
||
</div>
|
||
<div id="gradient_type_radial" class="gradient_details">
|
||
半径：
|
||
<div id="gradient_radius" class="spinner active" style="width: 100px; display: inline-block;"></div>
|
||
</div>
|
||
<div style="clear: both"></div>
|
||
</div>
|
||
<div class="fill_detail fill_detail_image">
|
||
<div id="fill_change_img" class="toolbar_button active" style="width: 95px;">更改图片</div>
|
||
<div style="height: 10px;"></div>
|
||
显示方式：
|
||
<div id="fill_img_display" class="toolbar_button active" style="width: 100px; display: inline-block;">
|
||
<div class="text_content"></div>
|
||
<div class="ico ico_dropdown"></div>
|
||
</div>
|
||
</div>
|
||
<div class="dock_devider"></div>
|
||
<div class="dock_content_title">透明度</div>
|
||
<div id="spinner_opacity" class="spinner active" style="width: 90px;"></div>
|
||
</div>
|
||
</div>
|
||
<div class="dock_view dock_view_metric">
|
||
<div class="dock_view_header">
|
||
度量
|
||
<div class="ico ico_dock_collapse"></div>
|
||
</div>
|
||
<div class="dock_content">
|
||
<div class="dock_content_title">位置和大小</div>
|
||
<div class="dock_label">X:</div>
|
||
<div id="dock_metric_x" class="spinner active btn_inline" style="width: 65px;"></div>
|
||
<div class="dock_label">宽:</div>
|
||
<div id="dock_metric_w" class="spinner active btn_inline" style="width: 65px;"></div>
|
||
<div style="clear: both; height: 10px;"></div>
|
||
<div class="dock_label">Y:</div>
|
||
<div id="dock_metric_y" class="spinner active btn_inline" style="width: 65px;"></div>
|
||
<div class="dock_label">高:</div>
|
||
<div id="dock_metric_h" class="spinner active btn_inline" style="width: 65px;"></div>
|
||
<div style="clear: both"></div>
|
||
<div class="dock_devider"></div>
|
||
<div class="dock_content_title">旋转方向</div>
|
||
<div id="dock_metric_angle" class="spinner active" style="width: 95px; display: inline-block;"></div>
|
||
</div>
|
||
</div>
|
||
<div class="dock_view dock_view_page">
|
||
<div class="dock_view_header">
|
||
页面设置
|
||
<div class="ico ico_dock_collapse"></div>
|
||
</div>
|
||
<div class="dock_content">
|
||
<div class="dock_content_title">页面</div>
|
||
<div class="dock_label" style="width: 80px;">页面大小:</div>
|
||
<div id="dock_page_size" class="toolbar_button active btn_inline" style="width: 110px;display: inline-block;">
|
||
<div class="text_content"></div>
|
||
<div class="ico ico_dropdown"></div>
|
||
</div>
|
||
<div style="height: 10px; clear: both"></div>
|
||
<div class="dock_label" style="width: 80px;">内边距:</div>
|
||
<div id="dock_page_padding" class="toolbar_button active btn_inline" style="width: 110px;display: inline-block;">
|
||
<div class="text_content"></div>
|
||
<div class="ico ico_dropdown"></div>
|
||
</div>
|
||
<div style="height: 10px; clear: both"></div>
|
||
<div class="dock_label" style="width: 80px;">背景颜色:</div>
|
||
<div id="dock_page_color" class="picker_btn btn_inline"></div>
|
||
<div style="clear: both"></div>
|
||
<div class="dock_devider"></div>
|
||
<div class="dock_content_title">网格</div>
|
||
<input id="dock_page_showgrid" type="checkbox" />
|
||
<label for="dock_page_showgrid">显示网格</label>
|
||
<div id="dock_gridsize_box" style="margin-top: 10px;">
|
||
<div class="dock_label">网格大小:</div>
|
||
<div id="dock_page_gridsize" class="toolbar_button active btn_inline" style="width: 110px;display: inline-block;">
|
||
<div class="text_content"></div>
|
||
<div class="ico ico_dropdown"></div>
|
||
</div>
|
||
<div style="clear: both"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="dock_view dock_view_attribute" style="width: 350px;overflow: auto">
|
||
<div class="dock_view_header">
|
||
<font id='dock_view_header_title'>文件属性</font>
|
||
<div class="ico ico_dock_collapse"></div>
|
||
</div>
|
||
<div class="dock_content" style="padding: 5px 0px 5px;">
|
||
<!-- <div class="attr_add">
|
||
<div id="attr_add_btn" class="toolbar_button active" style="width: 120px;display: inline-block;" onclick="Dock.showAttrAdd()">添加数据属性</div>
|
||
<div class="attr_add_items">
|
||
<div class="dock_label" style="width: 50px;">名字:</div>
|
||
<input id="attr_add_name" type="text" class="input_text" style="float: left; width: 260px;"/>
|
||
<div style="height: 5px; clear: both"></div>
|
||
<div class="dock_label" style="width: 50px;">类型:</div>
|
||
<select id="attr_add_type" class="input_select" style="float: left; width: 120pxs;">
|
||
<option value="string">文本</option>
|
||
<option value="link">链接</option>
|
||
<option value="number">数值</option>
|
||
<option value="date">日期</option>
|
||
<option value="boolean">布尔</option>
|
||
<option value="list" style="display:none;">列表</option>
|
||
</select>
|
||
<div style="height: 5px; clear: both"></div>
|
||
<div class="dock_label" style="width: 50px;">值:</div>
|
||
<div id="attr_add_value_arera" style="float: left;"></div>
|
||
<div style="height: 5px; clear: both"></div>
|
||
<div class="toolbar_button active" style="width: 70px;display: inline-block;" onclick="Dock.saveAttrAdd()">确定</div>
|
||
<div class="toolbar_button active" style="width: 70px;display: inline-block;" onclick="Dock.cancelAttrAdd()">取消</div>
|
||
</div>
|
||
<div class="dock_devider"></div>
|
||
</div>-->
|
||
<ul style="overflow-x: hidden;overflow-y: hidden;">
|
||
<!-- <ul id="tabUlContainer"> <li id="tab1"><span class="on" onclick="switchTab('tab1','con1');this.blur();return false;">
|
||
特性</span></li>
|
||
<li id="tab2"><span onclick="switchTab('tab2','con2');this.blur();return false;">
|
||
关系</span></li>
|
||
</ul>-->
|
||
<div id="dock_content_attribute">
|
||
<ul id="tabUlContainer">
|
||
<li id="tabLiContainnerAttribute" class="selectTag">
|
||
<a onClick="selectAttrTabTag2('tagContent1',this)" href="javascript:void(0)">属性</a>
|
||
</li>
|
||
<li>
|
||
<a onClick="selectAttrTabTag2('tagContent0',this)" href="javascript:void(0)">关系</a>
|
||
</li>
|
||
<li><a onClick="selectAttrTabTag2('tagContent2',this)" href="javascript:void(0)">出现</a> </li>
|
||
<li><a onClick="selectAttrTabTag2('tagContent3',this)" href="javascript:void(0)">关联</a> </li>
|
||
</ul>
|
||
<!-- 数据属性表格 -->
|
||
<div id="tagContent">
|
||
<div class="tagContent" id="tagContent0" style="overflow:auto; padding: 10px 0px;">
|
||
<table style="margin-top: -10px;border-collapse:collapse; width: 100%;">
|
||
<tbody class="tagContentTableTbody" id="tagContentTableTitle">
|
||
<tr class="tagContentTableTrFirst">
|
||
<td width="50%">关系类型</td>
|
||
<td width="50%">对象名称</td>
|
||
</tr>
|
||
</tbody>
|
||
<tbody class="tagContentTableTbody" id="tagContentTable1">
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
<div class="tagContent selectTag" id="tagContent1" style="overflow-y:auto; overflow-x:hidden; padding: 10px 0px;">
|
||
<table style="margin-top: -10px;border-collapse:collapse;">
|
||
<tbody class="tagContentTableTbody">
|
||
<tr class="tagContentTableTrFirst">
|
||
<td width="30%">属性名称</td>
|
||
<td width="70%" style="width: 235px;">属性值</td>
|
||
</tr>
|
||
<tr class="tagContentTableTr">
|
||
<td width="30%">名称</td>
|
||
<td width="70%" class="tagContentTableTrTd">
|
||
<span awsui-qtip="" style="overflow:hidden; height:100%;" class="attribute_input_css" name="attribute_desc_input" readonly="readonly" ></span>
|
||
</td>
|
||
</tr>
|
||
<tr class="tagContentTableTr">
|
||
<td width="30%">类型</td>
|
||
<td width="70%" id="attribute_name_td_content"></td>
|
||
</tr>
|
||
</tbody>
|
||
<tbody class="tagContentTableTbody" id="tagContentTable0">
|
||
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
<!-- 出现复制 -->
|
||
<div class="tagContent" id="tagContent2" style="overflow:auto; padding: 10px 0px;">
|
||
<table style="margin-top: -10px;border-collapse:collapse; width: 100%;">
|
||
<tbody class="tagContentTableTbody" id="tagContentTableTitle2">
|
||
<tr class="tagContentTableTrFirst"><td width="50%">模型名称</td><td width="50%">类型</td></tr>
|
||
</tbody>
|
||
<tbody class="tagContentTableTbody" id="tagContentTableTitleContent2">
|
||
</tbody>
|
||
<tbody class="tagContentTableTbody" id="tagContentTable2">
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
|
||
<!-- 形状关联 -->
|
||
<div class="tagContent" id="tagContent3" style="overflow:auto; padding: 10px 0px;">
|
||
<table style="margin-top: -10px;border-collapse:collapse; width: 100%;">
|
||
<tbody class="tagContentTableTbody" id="tagContentTableTitle3">
|
||
<tr class="tagContentTableTrFirst"><td width="50%">文件名称</td><td width="50%">图形名称</td></tr>
|
||
</tbody>
|
||
<tbody class="tagContentTableTbody" id="tagContentTableTitleContent3">
|
||
</tbody>
|
||
<tbody class="tagContentTableTbody" id="tagContentTable3">
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
|
||
</div>
|
||
<ul style="margin-top:10px;" class="clearfix">
|
||
<li class="attr_more">
|
||
</li>
|
||
<li>
|
||
<span awsui-qtip="点击打开附件管理" id="upfile" class="button">附件</span>
|
||
</li>
|
||
<!--
|
||
<li>
|
||
<span awsui-qtip="点击添加关联形状" id="relevanceShapes" style="display:none;" class="button" onclick="addRelevanceShapes('<#sid>','<#wsId>')">添加关联</span>
|
||
</li>
|
||
-->
|
||
</ul>
|
||
</ul>
|
||
</div>
|
||
<ul id="attr_no_more_attribute_id">
|
||
<li class="attr_no_more_attribute">
|
||
<!-- <iframe id="file_attribute" frameborder="0" width="100%" style="width:100%;height:380px" src="./w?sid=<#sid>&cmd=com.actionsoft.apps.coe.pal_processlevel_create&wsid=<#wsId>&pid=<#parentChartId>&id=<#uuid>&editable=<#editable>"></iframe>-->
|
||
<iframe id="file_attribute" frameborder="0" width="100%" style="width:100%;height:380px" src=""></iframe>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="dock_view dock_view_history">
|
||
<div class="dock_view_header">
|
||
历史版本
|
||
<div class="ico ico_dock_collapse"></div>
|
||
</div>
|
||
<div class="dock_content" style="padding: 0px;">
|
||
<div id="history_container" style="min-height: 120px;"></div>
|
||
<div class="history_bar">
|
||
<div id="btn_history_restore" class="toolbar_button active disabled" awsui-qtip='恢复到此版本'>
|
||
<div class="ico ico_restore"></div>
|
||
</div>
|
||
<div id="spinner_play_speed" class="spinner active disabled" style="width: 50px;"></div>
|
||
<div id="btn_history_play" class="toolbar_button active disabled" awsui-qtip='从此版本播放'>
|
||
<div class="ico ico_play"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="dock_view dock_view_validate">
|
||
<div class="dock_view_header">
|
||
校验信息
|
||
<span id="validate_count"></span>
|
||
<div class="ico ico_dock_collapse"></div>
|
||
</div>
|
||
<div class="dock_content" style="padding: 0px;">
|
||
<div id="validate_container" style="min-height: 200px;margin-bottom: 5px;">正在校验...</div>
|
||
<div style="float: right"><a id="" href="#" class="button default small" onclick="validateBPMN(false);return false;" style="margin: 0 5px 5px 0;">再次检查</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="dock_view dock_view_message" style="width: 300px;">
|
||
<div class="dock_view_header">
|
||
留言
|
||
<span id="validate_count"></span>
|
||
<div class="ico ico_dock_collapse"></div>
|
||
</div>
|
||
<div id="sideMessageListDiv" class="dock_content" style="padding: 0px;">
|
||
<div style="width:280px; margin: 10px auto; text-align: center; border: solid 1px #c5c5c5;">
|
||
<textarea id="publishMessage" style="width:272px;height:80px; border: none;" class="awsui-input awsui-textarea"></textarea>
|
||
<div style="border-top: solid 1px #999; padding: 5px; text-align: right;">
|
||
<span id="messageSize">1000字</span>
|
||
<button id="publishMessageButton" type="button" class="button blue" onclick="saveMessage()">发布</button>
|
||
</div>
|
||
</div>
|
||
<div id="messageContent">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="dock_view dock_view_publish" style="width: 300px;">
|
||
<div class="dock_view_header">
|
||
发布历史
|
||
<span id="validate_count"></span>
|
||
<div class="ico ico_dock_collapse"></div>
|
||
</div>
|
||
<div id="sidePublishListDiv" class="dock_content sidelist_div content" style="padding: 0px; max-height: 400px; overflow-y: auto;">
|
||
<article>
|
||
</artical>
|
||
</div>
|
||
</div>
|
||
<div class="dock_view dock_view_link" style="width: 270px;">
|
||
<div class="dock_view_header">
|
||
链接
|
||
<span id="validate_count"></span>
|
||
<div class="ico ico_dock_collapse"></div>
|
||
</div>
|
||
<div id="sideLinkListDiv" class="dock_content" style="padding: 0px; max-height: 380px;">
|
||
<div id="linkContent" style="width:250px; margin: 10px auto; text-align: center; border: solid 1px #c5c5c5;">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="dock_view dock_view_diff" style="width: 300px;">
|
||
<div class="dock_view_header">
|
||
版本差异
|
||
<span id="validate_count"></span>
|
||
<div class="ico ico_dock_collapse"></div>
|
||
</div>
|
||
<div id="sideDiffDiv" class="dock_content" style="padding: 0px; max-height: 400px; overflow-y: auto;">
|
||
<table style="border-collapse:collapse;background-color: white;margin: 10px">
|
||
<tbody class="diffTableTbody" id="diffTable"></tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div id="wpsPage" style="display:none;width: calc(100% - 36px);position: relative;background-color: #EEEEEE;">
|
||
</div>
|
||
</div>
|
||
|
||
<!--
|
||
<div id="designer_footer">
|
||
<div class="footer_content">
|
||
<div class="left_box">
|
||
<input id="moreShapes" type='button' style='height: 24px;width: 80px;margin-top: 4px;line-height: 24px;<#btnShapeStyle>' class="designer_button" onclick="UI.showShapesManage()" value="更多图形" />
|
||
</div>
|
||
<div class="content_box">
|
||
<div class="footer_left">
|
||
<div id="collaborators">
|
||
<img id="chat_user_<#uid>" src="<#userUrl>" awsui-qtip="<#userName>" title_pos="top" userNum="<#userNum>" style="margin-left:10px;" />
|
||
<#usersPhoto>
|
||
</div>
|
||
<div id="collaborators_message" style="position:relative; right:5px; float:right; color:#ff0000; display:inline-block;"></div>
|
||
</div>
|
||
<ul class="footer_right" style="display:none;">
|
||
<li class="footer_chrome">
|
||
<a href="https://chrome.google.com/webstore/detail/processon-online-diagramm/pnggaliohjcaboolkcpjhfondbjlehkm" target="_blank">
|
||
<span class="ico chrome"></span>安装到Chrome</a>
|
||
</li>
|
||
|
||
<li>
|
||
<a href="http://weibo.com/u/2711044785" target="_blank">
|
||
<span class="ico weibo"></span>关注我们</a>
|
||
</li>
|
||
|
||
<li><a href="/support" target="_blank">获取帮助</a>
|
||
</li>
|
||
<li class="footer_fb" onclick="UI.showFeedBack()">提交反馈</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
-->
|
||
<div id="ui_container">
|
||
<div id='color_picker' class="menu color_picker" style="display: none;">
|
||
<div class="color_transparent"><I18N#无填充></div>
|
||
<div class="color_group">
|
||
<div class="color_item" awsui-qtip="#EFECEB" style="background:#EFECEB;"></div>
|
||
<div class="color_item" awsui-qtip="#F2F2F2" style="background:#F2F2F2;"></div>
|
||
<div class="color_item" awsui-qtip="#E7EBED" style="background:#E7EBED;"></div>
|
||
<div class="color_item" awsui-qtip="#FADCDB" style="background:#FADCDB;"></div>
|
||
<div class="color_item" awsui-qtip="#FBEADA" style="background:#FBEADA;"></div>
|
||
<div class="color_item" awsui-qtip="#FCF9EA" style="background:#FCF9EA;"></div>
|
||
<div class="color_item" awsui-qtip="#E5F6DA" style="background:#E5F6DA;"></div>
|
||
<div class="color_item" awsui-qtip="#DBF5F5" style="background:#DBF5F5;"></div>
|
||
<div class="color_item" awsui-qtip="#D2D6F9" style="background:#D2D6F9;"></div>
|
||
<div class="color_item" awsui-qtip="#FADDED" style="background:#FADDED;"></div>
|
||
<div class="color_item" awsui-qtip="#DED9D7" style="background:#DED9D7;"></div>
|
||
<div class="color_item" awsui-qtip="#D9D9D9" style="background:#D9D9D9;"></div>
|
||
<div class="color_item" awsui-qtip="#E0E0E0" style="background:#E0E0E0;"></div>
|
||
<div class="color_item" awsui-qtip="#F5B9B7" style="background:#F5B9B7;"></div>
|
||
<div class="color_item" awsui-qtip="#F8D5B5" style="background:#F8D5B5;"></div>
|
||
<div class="color_item" awsui-qtip="#F6EDC1" style="background:#F6EDC1;"></div>
|
||
<div class="color_item" awsui-qtip="#CAEDB4" style="background:#CAEDB4;"></div>
|
||
<div class="color_item" awsui-qtip="#B7EAEB" style="background:#B7EAEB;"></div>
|
||
<div class="color_item" awsui-qtip="#A6AEF3" style="background:#A6AEF3;"></div>
|
||
<div class="color_item" awsui-qtip="#F6BBDB" style="background:#F6BBDB;"></div>
|
||
<div class="color_item" awsui-qtip="#BEB3AF" style="background:#BEB3AF;"></div>
|
||
<div class="color_item" awsui-qtip="#BFBFBF" style="background:#BFBFBF;"></div>
|
||
<div class="color_item" awsui-qtip="#9E9E9E" style="background:#9E9E9E;"></div>
|
||
<div class="color_item" awsui-qtip="#F19594" style="background:#F19594;"></div>
|
||
<div class="color_item" awsui-qtip="#F4C18F" style="background:#F4C18F;"></div>
|
||
<div class="color_item" awsui-qtip="#F1E4A2" style="background:#F1E4A2;"></div>
|
||
<div class="color_item" awsui-qtip="#B0E38F" style="background:#B0E38F;"></div>
|
||
<div class="color_item" awsui-qtip="#94E0E1" style="background:#94E0E1;"></div>
|
||
<div class="color_item" awsui-qtip="#7985EC" style="background:#7985EC;"></div>
|
||
<div class="color_item" awsui-qtip="#F199C8" style="background:#F199C8;"></div>
|
||
<div class="color_item" awsui-qtip="#9D8C88" style="background:#9D8C88;"></div>
|
||
<div class="color_item" awsui-qtip="#A6A6A6" style="background:#A6A6A6;"></div>
|
||
<div class="color_item" awsui-qtip="#616161" style="background:#616161;"></div>
|
||
<div class="color_item" awsui-qtip="#EC7270" style="background:#EC7270;"></div>
|
||
<div class="color_item" awsui-qtip="#F1AC6A" style="background:#F1AC6A;"></div>
|
||
<div class="color_item" awsui-qtip="#E9D66F" style="background:#E9D66F;"></div>
|
||
<div class="color_item" awsui-qtip="#95DA69" style="background:#95DA69;"></div>
|
||
<div class="color_item" awsui-qtip="#70D5D7" style="background:#70D5D7;"></div>
|
||
<div class="color_item" awsui-qtip="#5B79E8" style="background:#5B79E8;"></div>
|
||
<div class="color_item" awsui-qtip="#ED77B6" style="background:#ED77B6;"></div>
|
||
<div class="color_item" awsui-qtip="#5C4038" style="background:#5C4038;"></div>
|
||
<div class="color_item" awsui-qtip="#7F7F7F" style="background:#7F7F7F;"></div>
|
||
<div class="color_item" awsui-qtip="#262626" style="background:#262626;"></div>
|
||
<div class="color_item" awsui-qtip="#A23735" style="background:#A23735;"></div>
|
||
<div class="color_item" awsui-qtip="#A66A30" style="background:#A66A30;"></div>
|
||
<div class="color_item" awsui-qtip="#A7932C" style="background:#A7932C;"></div>
|
||
<div class="color_item" awsui-qtip="#569230" style="background:#569230;"></div>
|
||
<div class="color_item" awsui-qtip="#358E90" style="background:#358E90;"></div>
|
||
<div class="color_item" awsui-qtip="#314AA4" style="background:#314AA4;"></div>
|
||
<div class="color_item" awsui-qtip="#A23C73" style="background:#A23C73;"></div>
|
||
</div>
|
||
<div class="color_base">
|
||
<div class="color_item" awsui-qtip="#FFFFFF" style="background:#FFFFFF;border-color:#E9EDF2;"></div>
|
||
<div class="color_item" awsui-qtip="#7F8B98" style="background:#7F8B98;"></div>
|
||
<div class="color_item" awsui-qtip="#000000" style="background:#000000;"></div>
|
||
<div class="color_item" awsui-qtip="#E74F4C" style="background:#E74F4C;"></div>
|
||
<div class="color_item" awsui-qtip="#ED9745" style="background:#ED9745;"></div>
|
||
<div class="color_item" awsui-qtip="#E0C431" style="background:#E0C431;"></div>
|
||
<div class="color_item" awsui-qtip="#7BD144" style="background:#7BD144;"></div>
|
||
<div class="color_item" awsui-qtip="#4CCBCD" style="background:#4CCBCD;"></div>
|
||
<div class="color_item" awsui-qtip="#4669EA" style="background:#4669EA;"></div>
|
||
<div class="color_item" awsui-qtip="#E855A4" style="background:#E855A4;"></div>
|
||
</div>
|
||
<div class="history">
|
||
<div class="history_title"><I18N#最近使用></div>
|
||
<div class="history_color">
|
||
<div class="color_item disabled" style="background: rgba(255,255,255,1);border-color: #E9EDF2;"></div>
|
||
<div class="color_item disabled" style="background: rgba(255,255,255,1);border-color: #E9EDF2;"></div>
|
||
<div class="color_item disabled" style="background: rgba(255,255,255,1);border-color: #E9EDF2;"></div>
|
||
<div class="color_item disabled" style="background: rgba(255,255,255,1);border-color: #E9EDF2;"></div>
|
||
<div class="color_item disabled" style="background: rgba(255,255,255,1);border-color: #E9EDF2;"></div>
|
||
<div class="color_item disabled" style="background: rgba(255,255,255,1);border-color: #E9EDF2;"></div>
|
||
<div class="color_item disabled" style="background: rgba(255,255,255,1);border-color: #E9EDF2;"></div>
|
||
<div class="color_item disabled" style="background: rgba(255,255,255,1);border-color: #E9EDF2;"></div>
|
||
<div class="color_item disabled" style="background: rgba(255,255,255,1);border-color: #E9EDF2;"></div>
|
||
<div class="color_item disabled" style="background: rgba(255,255,255,1);border-color: #E9EDF2;"></div>
|
||
</div>
|
||
</div>
|
||
<div class="color_options">
|
||
<div id="color_draw" class="color_draw " awsui-qtip="吸色(Esc退出)"><i class="awsui-iconfont"></i></div>
|
||
<div class="color_edit">
|
||
<div class="hex" style="display: flex;">
|
||
<div class="input_change">Hex<i class="awsui-iconfont"></i></div>
|
||
<div class="input_box"><input class="input_hex" type="text" maxlength="6"></div>
|
||
</div>
|
||
<div class="rgb" style="display: none;">
|
||
<div class="input_change">RGB<i class="awsui-iconfont"></i></div>
|
||
<div class="input_box">
|
||
<input class="input_r" type="text" maxlength="3">
|
||
<input class="input_g" type="text" maxlength="3">
|
||
<input class="input_b" type="text" maxlength="3">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="color_show">
|
||
<span id="color_show_now" class="color_show_now" awsui-qtip="当前颜色"></span>
|
||
</div>
|
||
</div>
|
||
<div class="color_sep"></div>
|
||
<div class="color_more">
|
||
<img class="color_more_bg" src="../apps/com.actionsoft.apps.coe.pal/img/more_color.png"/>
|
||
<span><I18N#更多颜色></span>
|
||
<span class="extend-icon"><i class="awsui-iconfont"></i></span>
|
||
<div class="more_panel left">
|
||
<div class="color_panel" style="background: rgb(0, 251, 255);">
|
||
<div class="saturation_white">
|
||
<div class="saturation_black"></div>
|
||
</div>
|
||
<div class="picker_pin" style="color: rgb(76, 203, 205); left: 102px; top: 20px;"></div>
|
||
</div>
|
||
<div class="hue_horizontal">
|
||
<div class="picker_pin" style="color: rgb(0, 251, 255); left: 81px;"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<ul id="bar_list_file" class="menu list options_menu noico">
|
||
<li ac="rename">重命名文件</li>
|
||
<li class="devider"></li>
|
||
<!--
|
||
<li ac="saveAs">另存...</li>
|
||
-->
|
||
<li ac="preview">预览</li>
|
||
<li class="devider"></li>
|
||
<li ac="export">下载为...</li>
|
||
<!--<li class="devider"></li>
|
||
<li ac="processExport">导出</li>-->
|
||
<li class="devider" data-name="processOutput" style="display:none;"></li>
|
||
<li id="export_report" ac="output" data-name="processOutput" style="display:none;">预览流程手册</li>
|
||
<!-- <li class="devider"></li>-->
|
||
<!-- <li ac="saveImage">生成图片和缩略图</li>-->
|
||
<!--<li class="devider"></li>
|
||
<li ac="versionCompare">流程版本对比</li>-->
|
||
<!-- <li class="devider"></li>
|
||
<li ac="close">关闭</li> -->
|
||
</ul>
|
||
<ul id="bar_list_edit" class="menu list options_menu">
|
||
<li ac="undo">
|
||
<div class="ico undo"></div>撤销
|
||
<div class="extend">Ctrl+Z</div>
|
||
</li>
|
||
<li ac="redo">
|
||
<div class="ico redo"></div>恢复
|
||
<div class="extend">Ctrl+Y</div>
|
||
</li>
|
||
<li class="devider"></li>
|
||
<li ac="cut">
|
||
<div class="ico cut"></div>剪切
|
||
<div class="extend">Ctrl+X</div>
|
||
</li>
|
||
<li ac="copy">
|
||
<div class="ico copy"></div>复制
|
||
<div class="extend">Ctrl+C</div>
|
||
</li>
|
||
<li ac="paste">
|
||
<div class="ico paste"></div>粘贴
|
||
<div class="extend">Ctrl+V</div>
|
||
</li>
|
||
<li ac="duplicate">复用
|
||
<div class="extend">Ctrl+D</div>
|
||
</li>
|
||
<li ac="brush">
|
||
<div class="ico brush"></div>格式刷
|
||
<div class="extend">Ctrl+Shift+B</div>
|
||
</li>
|
||
<li class="devider"></li>
|
||
<li ac="selectall">全选
|
||
<div class="extend">Ctrl+A</div>
|
||
</li>
|
||
<li ac="batchreplace">批量替换
|
||
<div class="extend">Ctrl+Shift+H</div>
|
||
</li>
|
||
<li ac="delete">
|
||
<div class="ico remove"></div>删除
|
||
<div class="extend">Delete/Backspace</div>
|
||
</li>
|
||
</ul>
|
||
<ul id="bar_list_view" class="menu list options_menu">
|
||
<li ac="zoom" zoom="in">
|
||
<div class="ico zoomin"></div>放大
|
||
<div class="extend">Ctrl+(>)</div>
|
||
</li>
|
||
<li ac="zoom" zoom="out">
|
||
<div class="ico zoomout"></div>缩小
|
||
<div class="extend">Ctrl+(<)</div>
|
||
</li>
|
||
<li class="devider"></li>
|
||
<li ac="zoom" zoom="0.5" class="static">50%</li>
|
||
<li ac="zoom" zoom="0.75" class="static">75%</li>
|
||
<li ac="zoom" zoom="1" class="static">100%</li>
|
||
<li ac="zoom" zoom="1.5" class="static">150%</li>
|
||
<li ac="zoom" zoom="2" class="static">200%</li>
|
||
<li class="devider"></li>
|
||
<li ac="zoom" zoom="1">重置缩放</li>
|
||
<li class="devider"></li>
|
||
<li ac="openNewPage">新页面打开</li>
|
||
</ul>
|
||
<ul id="bar_list_insert" class="menu list options_menu">
|
||
<li ac="insert" in="text">
|
||
<div class="ico text"></div>文本
|
||
<div class="extend">T</div>
|
||
</li>
|
||
<!-- <li ac="insert" in="image"><div class="ico ico_img"></div>图片<div class="extend">I</div></li> -->
|
||
<li ac="insert" in="line">
|
||
<div class="ico linkertype_normal"></div>连线
|
||
<div class="extend">L</div>
|
||
</li>
|
||
</ul>
|
||
<ul id="bar_list_page" class="menu list options_menu">
|
||
<li id="bar_page_color">
|
||
<div class="ico fillcolor"></div>
|
||
背景颜色
|
||
<div class="extend ex_arrow">►</div>
|
||
</li>
|
||
<li>
|
||
页面大小
|
||
<div class="extend ex_arrow">►</div>
|
||
<ul id="bar_list_pagesize" class="menu list extend_menu menu_ico">
|
||
<li ac="set_page_size" w="1500" h="2100">A3(1500x2100)</li>
|
||
<li ac="set_page_size" w="1050" h="1500">A4(1050x1500)</li>
|
||
<li ac="set_page_size" w="750" h="1050">A5(750x1050)</li>
|
||
<li class="devider"></li>
|
||
<li class="menu_text" id="page_size_custom">自定义</li>
|
||
<li class="menu_text" style="line-height: 30px;">
|
||
<span class='lbl'>W:</span>
|
||
<div id="page_size_w" class="spinner active" style="width: 74px;"></div>
|
||
</li>
|
||
<li class="menu_text" style="line-height: 30px;">
|
||
<span class='lbl'>H:</span>
|
||
<div id="page_size_h" class="spinner active" style="width: 74px;"></div>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
<li>
|
||
<div class="ico padding"></div>
|
||
内边距
|
||
<div class="extend ex_arrow">►</div>
|
||
<ul id="bar_list_padding" class="menu list extend_menu menu_ico">
|
||
<li ac="set_page_padding" p="0">0px</li>
|
||
<li ac="set_page_padding" p="20">20px</li>
|
||
<li ac="set_page_padding" p="40">40px</li>
|
||
<li ac="set_page_padding" p="60">60px</li>
|
||
<li ac="set_page_padding" p="80">80px</li>
|
||
<li ac="set_page_padding" p="100">100px</li>
|
||
</ul>
|
||
</li>
|
||
<li class="devider"></li>
|
||
<li ac="set_page_showgrid">
|
||
<div class="ico ico_selected"></div>显示网格</li>
|
||
<li>
|
||
<div class="ico gridsize"></div>
|
||
网格大小
|
||
<div class="extend ex_arrow">►</div>
|
||
<ul id="bar_list_gridsize" class="menu list extend_menu menu_ico">
|
||
<li ac="set_page_gridsize" s="10">小</li>
|
||
<li ac="set_page_gridsize" s="15">正常</li>
|
||
<li ac="set_page_gridsize" s="20">大</li>
|
||
<li ac="set_page_gridsize" s="30">很大</li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
<ul id="bar_list_arrange" class="menu list options_menu">
|
||
<li ac="front">
|
||
<div class="ico ico_front"></div>置于顶层
|
||
<div class="extend">Ctrl+]</div>
|
||
</li>
|
||
<li ac="back">
|
||
<div class="ico ico_back"></div>置于底层
|
||
<div class="extend">Ctrl+[</div>
|
||
</li>
|
||
<li ac="forward">上移一层
|
||
<div class="extend">Ctrl+Shift+]</div>
|
||
</li>
|
||
<li ac="backward">下移一层
|
||
<div class="extend">Ctrl+Shift+[</div>
|
||
</li>
|
||
<li class="devider"></li>
|
||
<li id="bar_arrange_align">
|
||
图形对齐
|
||
<div class="extend ex_arrow">►</div>
|
||
<ul class="menu list extend_menu">
|
||
<li ac="align_shape" al="left">左对齐</li>
|
||
<li ac="align_shape" al="center">居中对齐</li>
|
||
<li ac="align_shape" al="right">右对齐</li>
|
||
<li class="devider"></li>
|
||
<li ac="align_shape" al="top">顶端对齐</li>
|
||
<li ac="align_shape" al="middle">垂直居中对齐</li>
|
||
<li ac="align_shape" al="bottom">底端对齐</li>
|
||
</ul>
|
||
</li>
|
||
<li id="bar_arrange_dist">
|
||
图形分布
|
||
<div class="extend ex_arrow">►</div>
|
||
<ul class="menu list extend_menu">
|
||
<li ac="distribute_shape" dis="h">水平平均分布</li>
|
||
<li ac="distribute_shape" dis="v">垂直平均分布</li>
|
||
</ul>
|
||
</li>
|
||
<li id="bar_arrange_match">
|
||
匹配大小
|
||
<div class="extend ex_arrow">►</div>
|
||
<ul class="menu list extend_menu">
|
||
<li ac="match_size" w="auto" h="">宽度</li>
|
||
<li ac="match_size" w="" h="auto">高度</li>
|
||
<li ac="match_size" w="auto" h="auto">宽度和高度</li>
|
||
<li ac="match_size" custom="true">自定义</li>
|
||
</ul>
|
||
</li>
|
||
<li class="devider"></li>
|
||
<li ac="lock">
|
||
<div class="ico ico_lock"></div>锁定
|
||
<div class="extend">Ctrl+L</div>
|
||
</li>
|
||
<li ac="unlock">
|
||
<div class="ico ico_unlock"></div>解锁
|
||
<div class="extend">Ctrl+Shift+L</div>
|
||
</li>
|
||
<li class="devider"></li>
|
||
<li ac="group">组合
|
||
<div class="extend">Ctrl+G</div>
|
||
</li>
|
||
<li ac="ungroup">取消组合
|
||
<div class="extend">Ctrl+Shift+G</div>
|
||
</li>
|
||
</ul>
|
||
<ul id="bar_list_help" class="menu list options_menu noico">
|
||
<li ac="hotkey">快捷键列表</li>
|
||
<!-- <li ac="getting_started">开始向导</li> -->
|
||
<!-- <li ac="feedback">发送反馈</li> -->
|
||
</ul>
|
||
<ul id="font_list" class="menu list menu_ico" style="display: none;">
|
||
<li style="font-family: Arial">Arial</li>
|
||
<li style="font-family: Verdana">Verdana</li>
|
||
<li style="font-family: Georgia">Georgia</li>
|
||
<li style="font-family: Times New Roman">Times New Roman</li>
|
||
<li style="font-family: Courier New">Courier New</li>
|
||
<li style="font-family: Impact">Impact</li>
|
||
<li style="font-family: Comic Sans MS">Comic Sans MS</li>
|
||
<li style="font-family: Tahoma">Tahoma</li>
|
||
<li style="font-family: Garamond">Garamond</li>
|
||
<li style="font-family: Lucida Console">Lucida Console</li>
|
||
|
||
<li class="devider"></li>
|
||
<li style="font-family: 宋体">宋体</li>
|
||
<li style="font-family: 楷体">楷体</li>
|
||
<li style="font-family: 黑体">黑体</li>
|
||
|
||
</ul>
|
||
<ul id="font_size_list" class="menu list" style="display: none;">
|
||
<li>6</li>
|
||
<li>7</li>
|
||
<li>8</li>
|
||
<li>9</li>
|
||
<li>10</li>
|
||
<li>11</li>
|
||
<li>12</li>
|
||
<li>14</li>
|
||
<li>18</li>
|
||
<li>24</li>
|
||
<li>30</li>
|
||
<li>36</li>
|
||
<li>48</li>
|
||
<li>60</li>
|
||
<li>72</li>
|
||
</ul>
|
||
<ul id="font_align_list" class="menu list" style="display: none;">
|
||
<li cate="textAlign" al="left">
|
||
<div class="ico alignleft"></div>
|
||
</li>
|
||
<li cate="textAlign" al="center">
|
||
<div class="ico aligncenter"></div>
|
||
</li>
|
||
<li cate="textAlign" al="right">
|
||
<div class="ico alignright"></div>
|
||
</li>
|
||
<li cate="vAlign" al="top">
|
||
<div class="ico aligntop"></div>
|
||
</li>
|
||
<li cate="vAlign" al="middle">
|
||
<div class="ico alignmiddle"></div>
|
||
</li>
|
||
<li cate="vAlign" al="bottom">
|
||
<div class="ico alignbottom"></div>
|
||
</li>
|
||
</ul>
|
||
<ul id="line_width_list" class="menu list menu_ico" style="display: none;">
|
||
<li>0px</li>
|
||
<li>1px</li>
|
||
<li>2px</li>
|
||
<li>3px</li>
|
||
<li>4px</li>
|
||
<li>5px</li>
|
||
<li>6px</li>
|
||
<li>8px</li>
|
||
<li>10px</li>
|
||
</ul>
|
||
<ul id="line_style_list" class="menu list menu_ico" style="display: none;">
|
||
<li line="solid">
|
||
<div class="ico linestyle linesolid"></div>
|
||
</li>
|
||
<li line="dashed">
|
||
<div class="ico linestyle linedashed"></div>
|
||
</li>
|
||
<li line="dot">
|
||
<div class="ico linestyle linedot"></div>
|
||
</li>
|
||
<li line="dashdot">
|
||
<div class="ico linestyle linedashdot"></div>
|
||
</li>
|
||
</ul>
|
||
<ul id="line_type_list" class="menu list" style="display: none;">
|
||
<li tp="broken">
|
||
<div class="ico linkertype_broken"></div>
|
||
</li>
|
||
<li tp="curve">
|
||
<div class="ico linkertype_curve"></div>
|
||
</li>
|
||
<li tp="normal">
|
||
<div class="ico linkertype_normal"></div>
|
||
</li>
|
||
</ul>
|
||
<ul id="beginarrow_list" class="menu list menu_ico" style="display: none;">
|
||
<li arrow="none">
|
||
<div class="ico ico_arrow larrow_none"></div>
|
||
</li>
|
||
<li arrow="solidArrow">
|
||
<div class="ico ico_arrow larrow_solidarrow"></div>
|
||
</li>
|
||
<li arrow="dashedArrow">
|
||
<div class="ico ico_arrow larrow_dashedarrow"></div>
|
||
</li>
|
||
<li arrow="normal">
|
||
<div class="ico ico_arrow larrow_normal"></div>
|
||
</li>
|
||
<li arrow="solidDiamond">
|
||
<div class="ico ico_arrow larrow_soliddiamond"></div>
|
||
</li>
|
||
<li arrow="dashedDiamond">
|
||
<div class="ico ico_arrow larrow_dasheddiamond"></div>
|
||
</li>
|
||
<li arrow="solidCircle">
|
||
<div class="ico ico_arrow larrow_solidcircle"></div>
|
||
</li>
|
||
<li arrow="dashedCircle">
|
||
<div class="ico ico_arrow larrow_dashedcircle"></div>
|
||
</li>
|
||
<li arrow="cross">
|
||
<div class="ico ico_arrow larrow_cross"></div>
|
||
</li>
|
||
</ul>
|
||
<ul id="endarrow_list" class="menu list menu_ico" style="display: none;">
|
||
<li arrow="none">
|
||
<div class="ico ico_arrow rarrow_none"></div>
|
||
</li>
|
||
<li arrow="solidArrow">
|
||
<div class="ico ico_arrow rarrow_solidarrow"></div>
|
||
</li>
|
||
<li arrow="dashedArrow">
|
||
<div class="ico ico_arrow rarrow_dashedarrow"></div>
|
||
</li>
|
||
<li arrow="normal">
|
||
<div class="ico ico_arrow rarrow_normal"></div>
|
||
</li>
|
||
<li arrow="solidDiamond">
|
||
<div class="ico ico_arrow rarrow_soliddiamond"></div>
|
||
</li>
|
||
<li arrow="dashedDiamond">
|
||
<div class="ico ico_arrow rarrow_dasheddiamond"></div>
|
||
</li>
|
||
<li arrow="solidCircle">
|
||
<div class="ico ico_arrow rarrow_solidcircle"></div>
|
||
</li>
|
||
<li arrow="dashedCircle">
|
||
<div class="ico ico_arrow rarrow_dashedcircle"></div>
|
||
</li>
|
||
<li arrow="cross">
|
||
<div class="ico ico_arrow rarrow_cross"></div>
|
||
</li>
|
||
</ul>
|
||
|
||
<!-- Dock Drops -->
|
||
<ul id="dock_fill_list" class="menu list menu_ico" style="display: none; width: 198px;">
|
||
<li ty="none">无</li>
|
||
<li ty="solid">颜色</li>
|
||
<li ty="gradient">渐变</li>
|
||
<!-- 将作为下个版本考虑 -->
|
||
<!-- <li ty="image">图片</li> -->
|
||
</ul>
|
||
|
||
<ul id="gradient_type_list" class="menu list menu_ico" style="display: none; z-index: 1;">
|
||
<li ty="linear" style="width: 60px">线性渐变</li>
|
||
<li ty="radial" style="width: 60px">径向渐变</li>
|
||
</ul>
|
||
<ul id="img_display_list" class="menu list" style="display: none;">
|
||
<li ty="fill">填充</li>
|
||
<li ty="fit">自适应</li>
|
||
<li ty="stretch">按图形伸展</li>
|
||
<li ty="original">原始尺寸</li>
|
||
<li ty="tile">平铺</li>
|
||
</ul>
|
||
<ul id="page_size_list" class="menu list dock_page_menu menu_ico" style="display: none;">
|
||
<li ac="set_page_size" w="1500" h="2100">A3(1500x2100)</li>
|
||
<li ac="set_page_size" w="1050" h="1500">A4(1050x1500)</li>
|
||
<li ac="set_page_size" w="750" h="1050">A5(750x1050)</li>
|
||
<li class="devider"></li>
|
||
<li class="menu_text" id="dock_size_custom">自定义</li>
|
||
<li class="menu_text" style="line-height: 30px;">
|
||
<span class='lbl'>W:</span>
|
||
<div id="dock_size_w" class="spinner active" style="width: 75px;"></div>
|
||
</li>
|
||
<li class="menu_text" style="line-height: 30px;">
|
||
<span class='lbl'>H:</span>
|
||
<div id="dock_size_h" class="spinner active" style="width: 75px;"></div>
|
||
</li>
|
||
</ul>
|
||
<ul id="page_padding_list" class="menu list dock_page_menu menu_ico" style="display: none;">
|
||
<li p="0">0px</li>
|
||
<li p="20">20px</li>
|
||
<li p="40">40px</li>
|
||
<li p="60">60px</li>
|
||
<li p="80">80px</li>
|
||
<li p="100">100px</li>
|
||
</ul>
|
||
<ul id="page_gridsize_list" class="menu list dock_page_menu menu_ico" style="display: none;">
|
||
<li s="10">小</li>
|
||
<li s="15">正常</li>
|
||
<li s="20">大</li>
|
||
<li s="30">很大</li>
|
||
</ul>
|
||
<ul id="attr_display_list" class="menu list dock_page_menu menu_ico" style="display: none;">
|
||
<li ty="none">无</li>
|
||
<li ty="text">文本</li>
|
||
<li ty="icon">图标</li>
|
||
</ul>
|
||
<ul id="attr_icon_list" class="menu list dock_page_menu" style="display: none;">
|
||
<li></li>
|
||
</ul>
|
||
<ul id="attr_location_h_list" class="menu list attr_location_menu dock_page_menu" style="display: none;">
|
||
<li loc="mostleft">
|
||
<div>
|
||
<span style="left: -5px"></span>
|
||
</div>最左边</li>
|
||
<li loc="leftedge">
|
||
<div>
|
||
<span style="left: -3px"></span>
|
||
</div>左边缘</li>
|
||
<li loc="left">
|
||
<div>
|
||
<span style="left: 0px"></span>
|
||
</div>左边</li>
|
||
<li loc="center">
|
||
<div>
|
||
<span style="left: 3px"></span>
|
||
</div>中间</li>
|
||
<li loc="right">
|
||
<div>
|
||
<span style="left: 6px"></span>
|
||
</div>右边</li>
|
||
<li loc="rightedge">
|
||
<div>
|
||
<span style="left: 9px"></span>
|
||
</div>右边缘</li>
|
||
<li loc="mostright">
|
||
<div>
|
||
<span style="left: 11px"></span>
|
||
</div>最右边</li>
|
||
</ul>
|
||
<ul id="attr_location_v_list" class="menu list attr_location_menu dock_page_menu" style="display: none;">
|
||
<li loc="mosttop">
|
||
<div>
|
||
<span style="top: -5px"></span>
|
||
</div>最上边</li>
|
||
<li loc="topedge">
|
||
<div>
|
||
<span style="top: -3px"></span>
|
||
</div>上边缘</li>
|
||
<li loc="top">
|
||
<div>
|
||
<span style="top: 0px"></span>
|
||
</div>顶部</li>
|
||
<li loc="middle">
|
||
<div>
|
||
<span style="top: 3px"></span>
|
||
</div>中间</li>
|
||
<li loc="bottom">
|
||
<div>
|
||
<span style="top: 6px"></span>
|
||
</div>底部</li>
|
||
<li loc="bottomedge">
|
||
<div>
|
||
<span style="top: 9px"></span>
|
||
</div>下边缘</li>
|
||
<li loc="mostbottom">
|
||
<div>
|
||
<span style="top: 11px"></span>
|
||
</div>最下边</li>
|
||
</ul>
|
||
|
||
<div id='hotkey_list' class='dialog'>
|
||
<div class='dialog_header'>快捷键列表</div>
|
||
<div class='dialog_content'>
|
||
<div class="hotkey_content">
|
||
<span class="hotkey_line hotkey_group">通用</span>
|
||
<span class="hotkey_line">
|
||
<span class="hotkey">Alt</span>
|
||
<span class="hotkey_desc">按住Alt，通过鼠标可以对页面进行拖动</span>
|
||
</span>
|
||
<!--<span class="hotkey_line">
|
||
<span class="hotkey">Ctrl</span>
|
||
<span class="hotkey_desc">按住Ctrl，点击一个图形，将其添加到选择图形中，或者从中移除</span>
|
||
</span>-->
|
||
<span class="hotkey_line">
|
||
<span class="hotkey">Ctrl + < , Ctrl + ></span>
|
||
<span class="hotkey_desc">缩小，放大画布</span>
|
||
</span>
|
||
<span class="hotkey_line">
|
||
<span class="hotkey">Ctrl + A</span>
|
||
<span class="hotkey_desc">全部选中</span>
|
||
</span>
|
||
<span class="hotkey_line">
|
||
<span class="hotkey">Esc</span>
|
||
<span class="hotkey_desc">取消选中，并取消当前操作</span>
|
||
</span>
|
||
<!-- <span class="hotkey_line">
|
||
<span class="hotkey">T</span>
|
||
<span class="hotkey_desc">插入文本</span>
|
||
</span>
|
||
<span class="hotkey_line">
|
||
<span class="hotkey">I</span>
|
||
<span class="hotkey_desc">插入图片</span>
|
||
</span>
|
||
<span class="hotkey_line">
|
||
<span class="hotkey">L</span>
|
||
<span class="hotkey_desc">插入连线</span>
|
||
</span>-->
|
||
<span class="hotkey_line null_line"> </span>
|
||
<span class="hotkey_line hotkey_group">图形被选中时</span>
|
||
<span class="hotkey_line">
|
||
<span class="hotkey">箭头 (←↑↓→)</span>
|
||
<span class="hotkey_desc">将选中图形向左、向上、向下、向右移动</span>
|
||
</span>
|
||
<span class="hotkey_line">
|
||
<span class="hotkey">Ctrl + 箭头 (←↑↓→)</span>
|
||
<span class="hotkey_desc">每次微移一个像素</span>
|
||
</span>
|
||
<span class="hotkey_line">
|
||
<span class="hotkey">Ctrl + 调整大小</span>
|
||
<span class="hotkey_desc">调整图形大小，并且约束比例</span>
|
||
</span>
|
||
<span class="hotkey_line"> </span>
|
||
<span class="hotkey_line">
|
||
<span class="hotkey">Ctrl + Z</span>
|
||
<span class="hotkey_desc">撤销</span>
|
||
</span>
|
||
<span class="hotkey_line">
|
||
<span class="hotkey">Ctrl + Y</span>
|
||
<span class="hotkey_desc">恢复</span>
|
||
</span>
|
||
<span class="hotkey_line"> </span>
|
||
<span class="hotkey_line">
|
||
<span class="hotkey">Ctrl + X</span>
|
||
<span class="hotkey_desc">剪切</span>
|
||
</span>
|
||
<span class="hotkey_line">
|
||
<span class="hotkey">Ctrl + C</span>
|
||
<span class="hotkey_desc">复制</span>
|
||
</span>
|
||
<span class="hotkey_line">
|
||
<span class="hotkey">Ctrl + V</span>
|
||
<span class="hotkey_desc">粘贴</span>
|
||
</span>
|
||
<span class="hotkey_line">
|
||
<span class="hotkey">Ctrl + D</span>
|
||
<span class="hotkey_desc">复用</span>
|
||
</span>
|
||
<span class="hotkey_line">
|
||
<span class="hotkey">Ctrl + R</span>
|
||
<span class="hotkey_desc">数据配置</span>
|
||
</span>
|
||
<span class="hotkey_line">
|
||
<span class="hotkey">Ctrl + Shift + B</span>
|
||
<span class="hotkey_desc">格式刷</span>
|
||
</span>
|
||
<span class="hotkey_line">
|
||
<span class="hotkey">Delete, Backspace</span>
|
||
<span class="hotkey_desc">删除</span>
|
||
</span>
|
||
<span class="hotkey_line"> </span>
|
||
<span class="hotkey_line">
|
||
<span class="hotkey">Ctrl + ]</span>
|
||
<span class="hotkey_desc">将选中的图形置于顶层</span>
|
||
</span>
|
||
<span class="hotkey_line">
|
||
<span class="hotkey">Ctrl + [</span>
|
||
<span class="hotkey_desc">将选中的图形置于底层</span>
|
||
</span>
|
||
<span class="hotkey_line">
|
||
<span class="hotkey">Ctrl + Shift + ]</span>
|
||
<span class="hotkey_desc">将选中的图形上移一层</span>
|
||
</span>
|
||
<span class="hotkey_line">
|
||
<span class="hotkey">Ctrl + Shift + [</span>
|
||
<span class="hotkey_desc">将选中的图形下移一层</span>
|
||
</span>
|
||
<span class="hotkey_line"> </span>
|
||
<span class="hotkey_line">
|
||
<span class="hotkey">Ctrl + L</span>
|
||
<span class="hotkey_desc">锁定选中的图形</span>
|
||
</span>
|
||
<span class="hotkey_line">
|
||
<span class="hotkey">Ctrl + Shift + L</span>
|
||
<span class="hotkey_desc">将选中的图形解锁</span>
|
||
</span>
|
||
<span class="hotkey_line"> </span>
|
||
<span class="hotkey_line">
|
||
<span class="hotkey">Ctrl + G</span>
|
||
<span class="hotkey_desc">组合选中的图形</span>
|
||
</span>
|
||
<span class="hotkey_line">
|
||
<span class="hotkey">Ctrl + Shift + G</span>
|
||
<span class="hotkey_desc">将选中的图形取消组合</span>
|
||
</span>
|
||
<span class="hotkey_line null_line"> </span>
|
||
<span class="hotkey_line hotkey_group">编辑文本</span>
|
||
<span class="hotkey_line">
|
||
<span class="hotkey">空格</span>
|
||
<span class="hotkey_desc">编辑文本</span>
|
||
</span>
|
||
<span class="hotkey_line">
|
||
<span class="hotkey">Ctrl + B</span>
|
||
<span class="hotkey_desc">粗体</span>
|
||
</span>
|
||
<span class="hotkey_line">
|
||
<span class="hotkey">Ctrl + I</span>
|
||
<span class="hotkey_desc">斜体</span>
|
||
</span>
|
||
<span class="hotkey_line">
|
||
<span class="hotkey">Ctrl + U</span>
|
||
<span class="hotkey_desc">下划线</span>
|
||
</span>
|
||
<span class="hotkey_line">
|
||
<span class="hotkey">Ctrl + Enter</span>
|
||
<span class="hotkey_desc">保存文本编辑</span>
|
||
</span>
|
||
</div>
|
||
</div>
|
||
<div class="designer_button normal hotkey_ok" onclick="$('#hotkey_list').dlg('close')">关闭</div>
|
||
</div>
|
||
<!-- Feedback -->
|
||
<div id='send_feedback' class='dialog'>
|
||
<div class='dialog_header'>发送反馈</div>
|
||
<div class='dialog_content' style="padding: 20px 40px">
|
||
<p style="margin-top: 0px;">
|
||
您可以把使用中遇到的问题、功能的建议、评论等发送给我们。
|
||
<br/>我们迫切希望得到您有价值的反馈，有您的反馈，我们会做的更好！
|
||
<br/>
|
||
<br/>请写下您的邮箱和反馈描述：
|
||
</p>
|
||
<span class="feedback_lebal" style="height: 33px;line-height: 33px;">
|
||
<span>邮箱：</span>
|
||
<span class="feedback_error_email_format">邮箱不正确，请填写一个您常用的邮箱</span>
|
||
</span>
|
||
<input id='feedback_email' type="text" value="b@b.com" class='txt' style='width:490px;height:24px;' />
|
||
<span class="feedback_lebal" style="height: 33px;line-height: 33px;">
|
||
<span>姓名：</span>
|
||
</span>
|
||
<input id='feedback_name' type="text" value="比尔" class='txt' style='width:490px;height:24px;' />
|
||
<span class="feedback_lebal" style="height: 33px;line-height: 33px;">
|
||
<span>反馈：</span>
|
||
<span class="feedback_error_msg">请填写您的反馈信息</span>
|
||
</span>
|
||
<textarea id='feedback_message' class='txt' style='width:490px;height:93px;'></textarea>
|
||
</div>
|
||
<div class="dialog_buttons" style="padding: 0px 40px 20px;">
|
||
<span class='send_btn designer_button' onclick='UI.sendFeedBack(this)'>发送</span>
|
||
</div>
|
||
</div>
|
||
<div id="designer-version-manager" style="width:600px; display:none;">
|
||
<div id='contentDiv' style='margin-top:1px;height:220px;' class="dlg-content">
|
||
<iframe width="100%" id="designerManager" name="coeCreateUser" frameBorder="0" style="width: 100%; height: 220px;"></iframe>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- textarea对话框-->
|
||
<div id="textarea-dialog" title="" style="display:none; width:500px; height:300px;">
|
||
<textarea style="width:100%; height:215px; border:1px solid rgb(178, 178, 178);" class="awsui-input awsui-textarea"></textarea>
|
||
<!-- 已经存在 的属性 -->
|
||
<input type="hidden" id="exitAttributesJsonIds" value="" name="exitAttributesJsonIds" />
|
||
</div>
|
||
|
||
<!--版本对比对话框
|
||
<div title="版本对比" id="dialog_version_compare" style="width:300px; height: 200px">
|
||
<div id="versionGroup" style="height: 130px;">
|
||
|
||
</div>
|
||
</div>-->
|
||
<!--版本对比结果-->
|
||
<div title="版本对比" id="dialog_version_compare_result" style="width:400px; height: 300px">
|
||
<div id="versionCompareResult" style="display: none; height: 70%;overflow: auto;">
|
||
<div>
|
||
<div>文件属性：</div>
|
||
<div>--------------------------------------------------------------------</div>
|
||
<div id="fileAttr"></div>
|
||
</div>
|
||
<div style="margin-top: 20px;">
|
||
<div>节点属性：</div>
|
||
<div>--------------------------------------------------------------------</div>
|
||
<div id="shapeAttr"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!--WFVersion对话框-->
|
||
<div id="dialog_wf_version" style="width:900px; display:none;">
|
||
<div id="dialog_wf_version_area" style="height:250px;" class="dlg-content">
|
||
<iframe id="wf_version_frame" src="" frameborder="0" width="100%" height="100%"></iframe>
|
||
</div>
|
||
<div class="dialog-button-wrap" style="text-align:right">
|
||
<div class="dlg-button" style="text-align:right;">
|
||
<div class="dlg-info">
|
||
<span style='font-family: Consolas;font-size:16px;'>Version ID:
|
||
<input type='text' class='IDInput' readonly='readonly' value='<#processDefVersionId>' />
|
||
</span>
|
||
</div>
|
||
<button class="button" onclick="$('#dialog_wf_version').dialog('close');return false;">关闭</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- 添加关联形状 -->
|
||
<div id="attr_dialog_normal_relevance_shapes_div" style="width:700px;display:none;">
|
||
<div id='attr_content_relevance_shapes' style='margin:10px;height:410px;'>
|
||
<iframe width="100%" id="attr_content_iframe_relevance_shapes" name="attr_content_iframe_relevance_shapes" frameBorder="0" style="width: 100%; height: 400px;"></iframe>
|
||
</div>
|
||
</div>
|
||
<!-- 添加AWS PaaS平台组织 -->
|
||
<div id="attr_dialog_normal_relevance_aws_div" style="width:700px;display:none;">
|
||
<div id='attr_content_relevance_aws' style='margin:10px;height:400px;'>
|
||
<iframe width="100%" id="attr_content_iframe_relevance_aws" name="attr_content_iframe_relevance_aws" frameBorder="0" style="width: 100%; height: 400px;"></iframe>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="attr_dialog-normal_designer" style="width:280px;display:none;height:360px;">
|
||
<div id='attr_content_designer' style='margin:10px;height:280px;'>
|
||
<iframe width="100%" id="attr_content_iframe_designer" name="attr_content_iframe" frameBorder="0" style="width: 100%; height: 280px;"></iframe>
|
||
</div>
|
||
</div>
|
||
<div id="designer_shape_copy_paste" style="width:360px;display:none;">
|
||
<div id='designer_shape_copy_paste_content' style='margin:10px;height:80px;'>
|
||
<ul>
|
||
<li>
|
||
<input class="awsui-radio" checked="" name="shape_radio" id="rdo1" value="copy" type="radio">
|
||
<label class="awsui-radio-label" for="rdo1">定义复制:会保留副本,但不会对形状信息进行同步</label>
|
||
</li>
|
||
<!-- <li>
|
||
<input class="awsui-radio" name="shape_radio" id="rdo2" value="appearCopy" type="radio">
|
||
<label class="awsui-radio-label" for="rdo2">出现复制:会保留副本,同时会对形状信息同步更新</label>
|
||
</li> -->
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div id="designer_shape_custom_paste" style="width:500px;display:none;">
|
||
<div id='designer_shape_custom_paste_content' style='margin:10px;height:80px;'>
|
||
<ul>
|
||
<li>
|
||
<input class="awsui-radio" checked="" name="shape_radio_paste" id="rdo3" value="paste" type="radio">
|
||
<label class="awsui-radio-label" for="rdo3">自定义粘贴:作为新的形状出现不会和同一副本下的所有形状进行信息同步</label>
|
||
</li>
|
||
<li>
|
||
<input class="awsui-radio" name="shape_radio_paste" id="rdo4" value="appearPaste" type="radio">
|
||
<label class="awsui-radio-label" for="rdo4">出现粘贴：作为新的形状出现同时会和同一副本下的所有形状进行信息同步</label>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div id="link_dialog" class="ui-draggable awsui-dialog" style="width: 500px; display: none;">
|
||
<div style="padding:0px 10px;" class="awsui-simple-tab">
|
||
<a tit="file" class="active">文件链接</a>
|
||
<a tit="custom">自定义链接</a>
|
||
</div>
|
||
<div id="content" class="aws-simple-tab-content" style="height: 210px;">
|
||
<div tit="file" style="padding-right:20px;padding-left:20px;">
|
||
<div class="dialog_content" style="padding-top: 15px; text-align: center;">
|
||
<table style="width:370px;table-layout:inherit;padding:0" class="awsui-ux">
|
||
<tr>
|
||
<td align="left">链接名称</td>
|
||
<td>
|
||
<span class="required">
|
||
<input id="linkto_file_name" type="text" class="input_text" style="width: 250px;" />
|
||
</span>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td align="left">链接文件</td>
|
||
<td>
|
||
<span class="required">
|
||
<input type="text" id="linkto_file" uuid="" url="" readonly="readonly" style="width: 320px; height:26px;" class="awsui-input">
|
||
</span>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td align="left">目标</td>
|
||
<td>
|
||
<select id="link_custom_target1" style="height: 24px;width:268px;" class="awsui-select">
|
||
<option value="newTab">新页签</option>
|
||
<option value="_seft">当前窗口</option>
|
||
</select>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</div>
|
||
<div id="linksFileHistoryDiv" class="dialog_content" style="padding-bottom: 0px;max-height:80px; text-align: center; overflow-x: auto; overflow-y: auto; ">
|
||
<table style="width:370px;">
|
||
<thead>
|
||
<tr>
|
||
<td style="width:110px;text-align:left;">名称</td>
|
||
<td style="width:110px;text-align:left;">链接</td>
|
||
<td style="width:75px">目标</td>
|
||
<td style="width:75px">操作</td>
|
||
</tr>
|
||
</thead>
|
||
<tbody id="linksFileHistory" style="overflow-y:scroll;overflow-x:hidden;"></tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
<div tit="custom" style="padding-right:20px;padding-left:20px; display:none;">
|
||
<div class="dialog_content" style="padding-top: 15px; text-align: center;">
|
||
<table style="width:370px;table-layout:inherit;padding:0" class="awsui-ux">
|
||
<tr>
|
||
<td align="left">链接名称</td>
|
||
<td>
|
||
<span class="required">
|
||
<input id="linkto_addr_name" type="text" class="input_text" style="width: 250px;" />
|
||
</span>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td align="left">链接地址</td>
|
||
<td>
|
||
<span class="required">
|
||
<input id="linkto_addr" type="text" style="width: 262px;height:26px;" class="awsui-input" />
|
||
</span>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td align="left">目标</td>
|
||
<td>
|
||
<select id="link_custom_target2" style="height: 24px; width:266px;" class="awsui-select">
|
||
<!-- <option value="newTab">新页签</option>
|
||
<option value="_seft">当前窗口</option> -->
|
||
<option value="_blank">新窗口</option>
|
||
</select>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</div>
|
||
<div id="linksHistoryDiv" class="dialog_content" style="padding-bottom: 0px; text-align: center; overflow-x: auto; overflow-y: auto; max-height:80px;">
|
||
<table style="width:370px;">
|
||
<thead>
|
||
<tr>
|
||
<td style="width:110px;text-align:left;">名称</td>
|
||
<td style="width:110px;text-align:left;">链接</td>
|
||
<td style="width:75px">目标</td>
|
||
<td style="width:75px">操作</td>
|
||
</tr>
|
||
</thead>
|
||
<tbody id="linksHistory" style="overflow-y:scroll;overflow-x:hidden;"></tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!--
|
||
<div class="dialog-button-wrap" style="text-align:right">
|
||
<div class="dlg-button">
|
||
<button type="button" class="button blue" onclick="UI.setLink()">新增</button>
|
||
<button type="button" class="button last" onclick="$('#link_dialog').dlg('close');">关闭</button>
|
||
</div>
|
||
</div>
|
||
-->
|
||
</div>
|
||
<div id="link_tree_dialog" style="width:320px;height:380px;display:none;">
|
||
<div id='link_tree_div' style='margin-top:1px;height:300px;'>
|
||
<iframe width="100%" id="link_tree_iframe" name="link_tree_iframe" frameBorder="0" style="width: 100%; height: 300px;"></iframe>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="saveas_dialog" class="dialog" style="min-width: 450px; display: none;">
|
||
<div class="dialog_header">另存...</div>
|
||
<div class="dialog_content" style="padding: 30px 20px; text-align: center;">
|
||
<form id="saveas_form" action="/diagraming/saveas" method="post">
|
||
<input id="hid_saveas_id" type="hidden" name="id" />
|
||
<b>标题：</b>
|
||
<input name="title" id="saveas_title" type="text" class="input_text" style="width: 300px;" onkeydown="if(event.keyCode == 13) return false;" />
|
||
</form>
|
||
</div>
|
||
<div class="dialog_buttons">
|
||
<div class="designer_button" onclick="UI.doSaveAs()" id="btn_dosaveas">确定</div>
|
||
<div class="designer_button normal" onclick="$('#saveas_dialog').dlg('close');">关闭</div>
|
||
</div>
|
||
</div>
|
||
<div id="export_dialog" class="ui-draggable awsui-dialog" style="min-width:450px; display: none;">
|
||
<div class="dialog_header">下载格式</div>
|
||
<div class="dialog_content">
|
||
<form id="export_form" action="/diagram_export" method="post">
|
||
<ul class="export-list">
|
||
<li class="first">
|
||
<input id="export_png" type="radio" name="type" value="image" checked="checked" style="float: left;margin-right: 5px;">
|
||
<label for="export_png" class="export-menu" style="float:left;line-height: 18px;">
|
||
图片文件
|
||
<span class="suffix">(*.png)</span>
|
||
<span class="export_des">将文件导出成图片</span>
|
||
</label>
|
||
<div style="clear: both;"></div>
|
||
</li>
|
||
|
||
<!--<li class="first">
|
||
<input id="export_pdf" type="radio" name="type" value="pdf" style="float: left;margin-right: 5px;">
|
||
<label for="export_pdf" class="export-menu" style="float:left;line-height: 18px;">
|
||
PDF文件<span class="suffix"> (*.pdf)</span>
|
||
<span class="export_des">由图片保存成的PDF文件</span>
|
||
</label>
|
||
<div style="clear: both;"></div>
|
||
</li>
|
||
<li class="first">
|
||
<input id="export_json" type="radio" name="type" value="json" style="float: left;margin-right: 5px;">
|
||
<label for="export_json" class="export-menu" style="float:left;line-height: 18px;">
|
||
JSON文件<span class="suffix"> (*.json)</span>
|
||
<span class="export_des">将文件保存成的JSON文件</span>
|
||
</label>
|
||
<div style="clear: both;"></div>
|
||
</li>
|
||
<li class="first">
|
||
<input id="export_xml" type="radio" name="type" value="xml" style="float: left;margin-right: 5px;">
|
||
<label for="export_xml" class="export-menu" style="float:left;line-height: 18px;">
|
||
XML文件<span class="suffix"> (*.xml)</span>
|
||
<span class="export_des">将文件保存成的XML文件</span>
|
||
</label>
|
||
<div style="clear: both;"></div>
|
||
</li>
|
||
<li class="first">
|
||
<input id="export_excel" type="radio" name="type" value="excel" style="float: left;margin-right: 5px;">
|
||
<label for="export_excel" class="export-menu" style="float:left;line-height: 18px;">
|
||
EXCEL文件<span class="suffix"> (*.xls)</span>
|
||
<span class="export_des">将文件保存成的EXCEL文件</span>
|
||
</label>
|
||
<div style="clear: both;"></div>
|
||
</li>-->
|
||
<!--<li class="first">
|
||
<input id="export_pos" type="radio" name="type" value="pos" style="float: left;margin-right: 5px;">
|
||
<label for="export_pos" class="export-menu" style="float:left;line-height: 18px;">
|
||
POS文件<span class="suffix"> (*.pos)</span>
|
||
<span class="export_des">包含图片与图形结构定义</span>
|
||
</label>
|
||
<div style="clear: both;"></div>
|
||
</li>
|
||
-->
|
||
</ul>
|
||
<input id="export_definition" type="hidden" name="definition" />
|
||
<input id="export_title" type="hidden" name="title" />
|
||
<input type="hidden" name="chartId" value="<#uuid>" />
|
||
<input type="hidden" name="ignore" value="definition" />
|
||
</form>
|
||
</div>
|
||
<div class="dialog-button-wrap" style="text-align:right">
|
||
<div class="dlg-button">
|
||
<button type="button" class="button blue" onclick="UI.doExport()">确定</button>
|
||
<button type="button" class="button last" onclick="$('#export_dialog').dlg('close');">关闭</button>
|
||
</div>
|
||
</div>
|
||
<iframe id='export_iframe' style='display:none' frameborder="0" width="100%" src=""></iframe>
|
||
</div>
|
||
<!-- 预览报告dialog-->
|
||
<div id="previewDialog" style="width: 80%;padding: 20px 20px 20px 20px;overflow: hidden;">
|
||
<div id="previewContent" style="width: 100%;height: 100%;overflow:auto;text-align: center;"></div>
|
||
</div>
|
||
|
||
<!-- Getting Started-->
|
||
<div class="menu mark_content mark1_content">
|
||
<div class="dialog_header">开始</div>
|
||
<div class="ico dlg_close" onclick="UI.closeGettingStart()"></div>
|
||
<div class="_content">把您想使用的图形拖到右侧画布上，创建图形就是如此简单。</div>
|
||
<div class="arr-icon left">
|
||
<div class="arr-border"></div>
|
||
<div class="inner-arr"></div>
|
||
</div>
|
||
<div class="mark_next">
|
||
<span class="designer_button normal" onclick="UI.showStartStep(2)">下一步</span>
|
||
</div>
|
||
</div>
|
||
<div class="menu mark_content mark2_content">
|
||
<div class="dialog_header">菜单栏</div>
|
||
<div class="ico dlg_close" onclick="UI.closeGettingStart()"></div>
|
||
<div class="_content">通过这些菜单，您可以调整和设置图形的属性、样式，也可以管理您的文件。</div>
|
||
<div class="arr-icon top">
|
||
<div class="arr-border"></div>
|
||
<div class="inner-arr"></div>
|
||
</div>
|
||
<div class="mark_next">
|
||
<span class="designer_button normal" onclick="UI.showStartStep(3)">下一步</span>
|
||
</div>
|
||
</div>
|
||
<div class="menu mark_content mark3_content">
|
||
<div class="dialog_header">属性工具栏</div>
|
||
<div class="ico dlg_close" onclick="UI.closeGettingStart()"></div>
|
||
<div class="_content">对选中的文本、图形、连线进行个性化设置，让他们看起来更漂亮。</div>
|
||
<div class="arr-icon top">
|
||
<div class="arr-border"></div>
|
||
<div class="inner-arr"></div>
|
||
</div>
|
||
<div class="mark_next">
|
||
<span class="designer_button normal" onclick="UI.showStartStep(4)">下一步</span>
|
||
</div>
|
||
</div>
|
||
<div class="menu mark_content mark4_content">
|
||
<div class="dialog_header">属性面板</div>
|
||
<div class="ico dlg_close" onclick="UI.closeGettingStart()"></div>
|
||
<div class="_content">这些面板让您的绘制过程更方便、简单，使用之后，您一定会喜欢。</div>
|
||
<div class="arr-icon right">
|
||
<div class="arr-border"></div>
|
||
<div class="inner-arr"></div>
|
||
</div>
|
||
<div class="mark_next">
|
||
<span class="designer_button normal" onclick="UI.closeGettingStart()">关闭</span>
|
||
</div>
|
||
</div>
|
||
<div class="menu mark_content markcreated_content">
|
||
<div class="dialog_header">编辑图形</div>
|
||
<div class="ico dlg_close" onclick="UI.closeGettingStart()"></div>
|
||
<div class="_content">
|
||
<p>在图形边缘的任何地方点击并拖动，您可以创建出一条漂亮的连线。（小圆点是建议的连接点）</p>
|
||
<p>通过小的矩形控制点，您可以改变图形大小。（按住CTRL键可约束比例）</p>
|
||
<p>通过较大的圆点，对图形进行旋转。</p>
|
||
<p>双击可以编辑文本。（CTRL+ENTER保存文本）</p>
|
||
</div>
|
||
<div class="arr-icon left">
|
||
<div class="arr-border"></div>
|
||
<div class="inner-arr"></div>
|
||
</div>
|
||
<div class="mark_next">
|
||
<span class="designer_button normal" onclick="UI.closeGettingStart()">关闭</span>
|
||
</div>
|
||
</div>
|
||
<!-- 协作分享 -->
|
||
|
||
<div id="colla_dialog" class="dialog">
|
||
<div class="dialog_header">分享与协作</div>
|
||
<div class="dialog_content" style="padding: 20px 20px 0px 20px;width: 494px;">
|
||
<div style="padding: 4px 0px;">
|
||
<strong>权限列表：</strong>
|
||
</div>
|
||
<div class="role_list"></div>
|
||
<div class="new_invitation_container" style="margin-bottom: 10px;">
|
||
<div style="padding: 4px 0px;">
|
||
<strong>新邀请：</strong>
|
||
<span id="add_prompt1" style="margin-left: 100px;">
|
||
<span class="badge">1</span>输入受邀请人姓名或者邮箱。</span>
|
||
<span id="add_prompt2" style="margin-left: 100px;">
|
||
<span class="badge">2</span>从以下用户列表中选择一个用户发起邀请。</span>
|
||
<span id="add_prompt3" class="_fail alert" style="margin-left: 150px;">已经被邀请！</span>
|
||
<span id="add_prompt4" class="alert success" style="margin-left: 150px;">发送成功。</span>
|
||
</div>
|
||
<div class="add_new_invit" style="margin-bottom: 15px;">
|
||
<input id="input_add_colla" type="text" class="awsui-input" placeholder="输入受邀请人姓名或者邮箱。" />
|
||
<input id="add_userid" type="hidden" value="" />
|
||
<input id="add_type" type="hidden" value="" />
|
||
<div class="select_add_role">
|
||
<select id="invit_role">
|
||
<option value="editor" selected="selected">编辑者</option>
|
||
<option value="viewer">浏览者</option>
|
||
</select>
|
||
<div style="clear:both;"></div>
|
||
</div>
|
||
|
||
<div style="padding: 4px 0px;margin-top: 15px;">
|
||
<strong>从以下用户列表中选择一个用户发起邀请：</strong>
|
||
</div>
|
||
<div id="colla_suggest_box"></div>
|
||
</div>
|
||
<div class="add_new_button" style="text-align:right;">
|
||
<span class="designer_button normal" onclick="UI.doAddCollaboration()">发送邀请</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div id='confirm_dlg'>
|
||
<div class="confirm_header">提示：</div>
|
||
<div class="confirm_content">
|
||
<p>请从列表中选择一个用户</p>
|
||
<div class='designer_button' onclick="$('#confirm_dlg').hide();">确定</div>
|
||
<div style="clear: both;"></div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div id="image_dialog" class="dialog">
|
||
<div class="dialog_header">选择图片</div>
|
||
<div class="dialog_content" style="padding: 0px;">
|
||
<ul class="image_sources">
|
||
<li ty="upload" class="active">我的图片</li>
|
||
<li ty="url">网络图片</li>
|
||
<li ty="search">搜索图片</li>
|
||
</ul>
|
||
<div class="image_content">
|
||
<div id="image_select_upload" class="image_list">
|
||
<form id="frm_upload_image" action="/user_image/upload" method=post enctype="multipart/form-data">
|
||
<div id="btn_img_upload" class="toolbar_button active">
|
||
<div class="ico"></div>上传图片
|
||
<input id="input_upload_image" name="image" type="file" />
|
||
</div>
|
||
<span id="upload_img_res"></span>
|
||
<div style="clear: both;"></div>
|
||
</form>
|
||
<div id="user_image_items" class="image_items"></div>
|
||
</div>
|
||
<div id="image_select_url" class="image_list" style="display: none">
|
||
粘贴一个图片地址：
|
||
<input id="input_img_url" type="text" class="input_text" style="width: 380px;" />
|
||
<div id="img_url_area"></div>
|
||
</div>
|
||
<div id="image_select_search" class="image_list" style="display: none">
|
||
<input id="input_img_search" type="text" class="input_text" style="width: 380px;" />
|
||
<div id="btn_img_search" class="toolbar_button active" style="display: inline-block;width: 70px;">搜索</div>
|
||
<div style="padding: 15px 0px 0px;">在上面输入搜索关键字，通过Google来搜索图片。</div>
|
||
<div id="google_image_items" class="image_items"></div>
|
||
</div>
|
||
<div class="image_btns">
|
||
<div id="set_image_submit" class='designer_button'>确定</div>
|
||
<div id="set_image_cancel" class='designer_button normal'>取消</div>
|
||
<span id="set_image_text"></span>
|
||
</div>
|
||
</div>
|
||
<div style="clear: both;"></div>
|
||
</div>
|
||
</div>
|
||
<div id="chattingbox">
|
||
<div class="dock_view_header">
|
||
聊天
|
||
<span class="chatting_icon chatting_close" onclick="CLB.closeChatWin()"></span>
|
||
</div>
|
||
<div id="chatting_content">
|
||
<ul id="chat_messages"></ul>
|
||
<div class="dock_devider" style="margin-top: 0px;"></div>
|
||
<div class="chatting_bottom">
|
||
<textarea id="chatting_edit" class="awsui-input" style="width: 228px;"></textarea>
|
||
<input type="button" class="designer_button" value="发送" onclick="CLB.sendChatMsg()">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div id="disconnected" class="dialog">
|
||
<div class="dialog_content" style="padding: 40px;">
|
||
您已经和服务器断开连接，请刷新重试。
|
||
</div>
|
||
<div class="dialog_buttons">
|
||
<a class="designer_button" href="/diagraming/52304c3bfb6e6e6765471aee">重试</a>
|
||
<a class="designer_button normal" href="/diagraming/back?id=52304c3bfb6e6e6765471aee">关闭</a>
|
||
</div>
|
||
</div>
|
||
|
||
<ul id="user_menu" class="menu list" style="z-index: 1; display: none;">
|
||
<li ac="dia">我的文件</li>
|
||
<li ac="net">我的网络</li>
|
||
<li class="devider"></li>
|
||
<li ac="out">退出</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<!-- <div class="share_container">
|
||
|
||
|
||
<div class="header_right_btn">
|
||
<div class="toolbar_button" onclick="UI.showAddColla()" awsui-qtip="分享与协作">
|
||
<div class="ico ico_header_share"></div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div class="user" onmousedown="UI.showUserMenu(event)">
|
||
<img id="chat_user_4f3225401ee6e810cc2bd172" src="<#userUrl>" />
|
||
<#userName>
|
||
<div class="ico ico_accordion"></div>
|
||
</div>
|
||
</div>-->
|
||
<div id="link-dialog-normal" class="dialog" style="min-width: 250px; display:none;">
|
||
<div id="link-content" class="dialog_content" style="padding-top: 30px; text-align: center;">
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<!-- dialog -->
|
||
<div id="attribute-edit-window" style="width:500px;height:315px;display:none;">
|
||
<div style='margin:0px;height:225px;width:500px;'>
|
||
<textarea rows="" cols="" style="height: 215px; width: 493px;" id='attribute-edit-content'></textarea>
|
||
</div>
|
||
</div>
|
||
<div style="width:510px;display:none;" id="shapes_dialog">
|
||
<div id="content" class="dlg-content awsui-ux">
|
||
<ul id="shape_manage_list">
|
||
<#liStr>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div id="shapes_dialog2" class="dialog" style="width: 400px; display:none;">
|
||
<div class="dialog_header">图形管理</div>
|
||
<div class="dialog_content" style="padding: 0px; max-height: 372px; overflow: auto;">
|
||
<li>
|
||
<div>
|
||
<input type="checkbox" value="basic" />基础图形</div>
|
||
</li>
|
||
<li>
|
||
<div>
|
||
<input type="checkbox" value="flow" />Flowchart 流程图</div>
|
||
</li>
|
||
<li>
|
||
<div>
|
||
<input type="checkbox" value="bpmn" />BPMN</div>
|
||
</li>
|
||
<li>
|
||
<div>
|
||
<input type="checkbox" value="evc" />EVC 企业价值链</div>
|
||
</li>
|
||
<li>
|
||
<div>
|
||
<input type="checkbox" value="epc" />EPC 事件过程链</div>
|
||
</li>
|
||
<li>
|
||
<div>
|
||
<input type="checkbox" value="lane" />泳池/泳道</div>
|
||
</li>
|
||
<li>
|
||
<div>
|
||
<input type="checkbox" class="cate_parent" value="uml_common,uml_usecase,uml_sequence,uml_class,uml_stateactivity,uml_deployment,uml_component" />UML图</div>
|
||
</li>
|
||
<li class="child">
|
||
<div>
|
||
<input type="checkbox" checked value="uml_common" />UML 通用</div>
|
||
</li>
|
||
<li class="child">
|
||
<div>
|
||
<input type="checkbox" value="uml_usecase" />UML 用例图</div>
|
||
</li>
|
||
<li class="child">
|
||
<div>
|
||
<input type="checkbox" value="uml_sequence" />UML 序列图</div>
|
||
</li>
|
||
<li class="child">
|
||
<div>
|
||
<input type="checkbox" value="uml_class" />UML 类图</div>
|
||
</li>
|
||
<li class="child">
|
||
<div>
|
||
<input type="checkbox" value="uml_stateactivity" />UML 状态图/活动图</div>
|
||
</li>
|
||
<li class="child">
|
||
<div>
|
||
<input type="checkbox" value="uml_deployment" />UML 部署图</div>
|
||
</li>
|
||
<li class="child">
|
||
<div>
|
||
<input type="checkbox" value="uml_component" />UML 组件图</div>
|
||
</li>
|
||
<li>
|
||
<div>
|
||
<input type="checkbox" value="er" />实体关系图</div>
|
||
</li>
|
||
<li>
|
||
<div>
|
||
<input type="checkbox" value="org" />ORG 组织结构图</div>
|
||
</li>
|
||
<li>
|
||
<div>
|
||
<input type="checkbox" value="venn" />维恩图</div>
|
||
</li>
|
||
</div>
|
||
<div class="dialog_buttons" style="padding: 20px;">
|
||
<span class="designer_button" onclick="UI.saveShapesManage()">确定</span>
|
||
<span class="designer_button normal" onclick="$('#shapes_dialog').dlg('close')">取消</span>
|
||
</div>
|
||
</div>
|
||
<div style="width:510px; display:none;" id="custom_define_dialog" title="自定义形状">
|
||
<div class="dlg-content awsui-ux">
|
||
<table class="awsui-ux">
|
||
<tr>
|
||
<td class='awsui-ux-title'>name</td>
|
||
<td>
|
||
<input id="custom_define_name" readonly class="awsui-textbox" type='text'/>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td class='awsui-ux-title'>customName</td>
|
||
<td>
|
||
<span class='required'><input id="custom_define_name_custom" class="awsui-textbox" type='text'/></span>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td class='awsui-ux-title'>title</td>
|
||
<td><span class='required'><input id="custom_define_title" class="awsui-textbox" type='text'/></span></td>
|
||
</tr>
|
||
<tr>
|
||
<td class='awsui-ux-title'>text</td>
|
||
<td><span class='required'><input id="custom_define_text" class="awsui-textbox" type='text'/></span></td>
|
||
</tr>
|
||
<tr>
|
||
<td class='awsui-ux-title'>宽度</td>
|
||
<td><span class='required'><input id="custom_define_w" class="awsui-textbox" type='text'/></span></td>
|
||
</tr>
|
||
<tr>
|
||
<td class='awsui-ux-title'>高度</td>
|
||
<td><span class='required'><input id="custom_define_h" class="awsui-textbox" type='text'/></span></td>
|
||
</tr>
|
||
<tr>
|
||
<td class='awsui-ux-title'>可修改大小</td>
|
||
<td>
|
||
<span class='required'>
|
||
<input class="awsui-radio" name="custom_define_resizeable" id="custom_define_resizeable_1" value="1" type="radio" />
|
||
<label class="awsui-radio-label" for="rdo1">是</label>
|
||
<input class="awsui-radio" name="custom_define_resizeable" id="custom_define_resizeable_0" value="0" type="radio" />
|
||
<label class="awsui-radio-label" for="rdo1">否</label>
|
||
</span>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 数据属性弹框表格 -->
|
||
<div id="attribute-table-window" style="width:500px;height:325px;display:none;">
|
||
<div style='margin:0px;height:235px;width:500px;'>
|
||
<div style="height: 225px;width: 493px;overflow:auto;">
|
||
<table style="width: 100%;border-collapse:collapse;border-top: 2px solid #928d8d;border-bottom: 2px solid #928d8d">
|
||
<tbody class="dialogTableTbody" id='attribute-table-content'>
|
||
|
||
</tbody>
|
||
</table>
|
||
<div style="margin-top: 5px" id="attribute-add-content"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 文件属性弹框表格 -->
|
||
<div id="attribute-table-window1" style="width:700px;height:325px;display:none;">
|
||
<div style='margin:0px;height:235px;width:500px;'>
|
||
<div style="height: 225px;width: 700px;overflow:auto;">
|
||
<table id="table" style="width: 100%;border-collapse:collapse;border-top: 2px solid #928d8d;border-bottom: 2px solid #928d8d">
|
||
<tbody class="dialogTableTbody" id='attribute-table-content1'>
|
||
|
||
</tbody>
|
||
</table>
|
||
<div style="margin-top: 5px" id="attribute-add-content1"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="checkoutTip">
|
||
<div style="width: 36px; float: left;">
|
||
<img src="../apps/_bpm.platform/js/designer/extend/images/lock.png" />
|
||
</div>
|
||
<div style="width: 370px; float: left;">已由 <b><#checkoutusername></b> 编辑该流程时锁定,最后一次保存日期
|
||
<font color="green"><b><#checkouttime></b>
|
||
</font>,点击此处<a style="text-decoration: none;" href="#" onclick="BPMNBiz.getCheckoutRight();return false;">强行获取编辑权</a>
|
||
</div>
|
||
</div>
|
||
<div title="添加到前后置流程" class="awsui-size-x-large awsui-hide" id="addLeadAndRearProcessDlg">
|
||
<div style="height: 30px;">
|
||
<span class="awsui-input-wrapper">
|
||
<input type="text" id="leadAndRearProcessSearchKey" class="awsui-input" placeholder="输入名称查询" value=""/>
|
||
<span class="awsui-input-suffix" style="cursor: pointer;" onclick="queryLeadAndRearProcessData">
|
||
<i class="awsui-iconfont"></i>
|
||
</span>
|
||
</span>
|
||
<input type="hidden" id="attrMark"/>
|
||
</div>
|
||
<div style="height:290px;overflow-y: auto;">
|
||
<!-- <div class="awsui-code-demo awsui-align-center" style="display: none;position: relative; top: 100px;" id="leadAndRearProcessDataLoading"></div>-->
|
||
<table id="leadAndRearProcessDataTable" class="awsui-table awsui-table-striped">
|
||
<thead>
|
||
<tr>
|
||
<th width="20">选择</th>
|
||
<th>名称</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody id="leadAndRearProcessDataTableTbody"></tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
<!-- 不支持HTML5的页面显示图片 -->
|
||
<div id="mainDiv" style="display: none;">
|
||
<div class="view_box">
|
||
<div id="chartDivBox" style="background: none;">
|
||
<div id="chartDiv" style="left: 148.5px; top: 0px;">
|
||
<img alt="<#fileName>" id="chart_img" style="display: block; opacity: 1;" src="<#diagram>">
|
||
</div>
|
||
</div>
|
||
<div id="chart_preview" style="background: rgba(255, 255, 255, 0.701961);">
|
||
<div id="chart_preview_wrap" style="position: absolute; opacity: 1;">
|
||
<img id="preview_img" style="position: absolute; display: block;" src="<#diagram>">
|
||
<div class="preview_box" id="preview_box" style="cursor: move; background: rgba(255, 255, 255, 0);"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="checkoutTip">
|
||
<div style="width: 36px; float: left;">
|
||
<img src="../apps/_bpm.platform/js/designer/extend/images/lock.png" />
|
||
</div>
|
||
<div style="width: 370px; float: left;">已由 <b><#checkoutusername></b> 编辑该流程时锁定,最后一次保存日期
|
||
<font color="green"><b><#checkouttime></b>
|
||
</font>,点击此处<a style="text-decoration: none;" href="#" onclick="BPMNBiz.getCheckoutRight();return false;">强行获取编辑权</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div title="" style="width:550px;display:none;" id="upfile-dialog">
|
||
<div id='upfile-content' style='height:330px;'>
|
||
<iframe width="100%" id="upfile-content-iframe" name="upfile-content-iframe" frameBorder="0" style="width: 100%; height:100%;"></iframe>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="visio_import_dlg" title="Visio导入" style="display: none;">
|
||
<table class="awsui-ux" cellspacing="3" cellpadding="0" style="width: 100%; margin: 25px auto;">
|
||
<tr>
|
||
<td style="width: 250px;"><input id="visio_import_input" type="text" placeholder="请上传visio文件..." class="awsui-input" readonly=true style="width: 240px;" /></td>
|
||
<td>
|
||
<span id="visio_import_upfile" class="button blue" onclick="return false;">上传</span>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</div>
|
||
|
||
<div id="shape_import_dlg" title="导入" style="display: none;">
|
||
<div style="width: 550px;height: 280px;vertical-align: top;">
|
||
<button id="upShapeFile" onclick="return false;" type="button" class="awsui-btn awsui-btn-green" style="margin-left: 20px;margin-top:10px">新增</button>
|
||
<div style="margin-left: 20px;padding: 5px; font-size: 12px; color: rgb(120, 120, 120);">
|
||
<span>附件格式支持:jpg, jpeg, gif, png, bmp, pdf, doc, docx, ppt, pptx, xls, xlsx, txt 文件大小不超过10M</span>
|
||
</div>
|
||
<div style="height:210px;overflow-x: hidden;overflow-y:auto;">
|
||
<table class="awsui-ux">
|
||
<tbody>
|
||
<tr>
|
||
<td>
|
||
<table class="table table-thin table-hover" style="height:100%;overflow-y :hidden">
|
||
<thead>
|
||
<tr>
|
||
<th width="60%">文件名</th>
|
||
<th width="40%">操作</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody id="shapeFileTbody">
|
||
</tbody>
|
||
</table>
|
||
</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="policyfile_import_dlg" title="导入" style="display: none;">
|
||
<div style="width: 550px;height: 280px;vertical-align: top;">
|
||
<button id="pupShapeFile" onclick="return false;" type="button" class="awsui-btn awsui-btn-green" style="margin-left: 20px;margin-top:10px">新增</button>
|
||
<button id="downloadTmpFile" onclick="downLoadTmpFile();" type="button" class="awsui-btn awsui-btn-blue" style="margin-left: 20px;margin-top:10px">下载模版</button>
|
||
<div style="margin-left: 20px;padding: 5px; font-size: 12px; color: rgb(120, 120, 120);">
|
||
<span>附件格式支持:xml, doc, docx 文件大小不超过50M</span>
|
||
</div>
|
||
<div style="height:210px;overflow-x: hidden;overflow-y:auto;">
|
||
<table class="awsui-ux">
|
||
<tbody>
|
||
<tr>
|
||
<td>
|
||
<table class="table table-thin table-hover" style="height:100%;overflow-y :hidden">
|
||
<thead>
|
||
<tr>
|
||
<th width="60%">文件名</th>
|
||
<th width="40%">操作</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody id="pshapeFileTbody">
|
||
</tbody>
|
||
</table>
|
||
</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!--<I18N#流程属性的对话框>-->
|
||
<div id="dialog_properties" style="width:525px;display:none;">
|
||
<div id="dialog_properties_area" style="height:260px;" class="dlg-content">
|
||
<iframe id="properties_frame" src="" frameborder="0" width="100%" height="100%"></iframe>
|
||
</div>
|
||
<div class="dialog-button-wrap" style="text-align:right">
|
||
<div class="dlg-button" style="text-align:right;">
|
||
<div class="dlg-info"><span style='font-family: Consolas;font-size:16px;'>ID:<#processDefId></span></div>
|
||
<button id="setproperties_submit" class="button blue" onclick="BPMNBiz.saveAWSProperties();return false;"><I18N#确定></button>
|
||
<button class="button" onclick="$('#dialog_properties').dialog('close');return false;"><I18N#取消></button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="sameShapeNameAlert" title="提示" style="width:300px;display:none;"></div>
|
||
<#batch-dlg>
|
||
<form id="openNewModelForm" name="openNewModelForm" method="post" action="./w" target="_blank">
|
||
<input type="hidden" name="sid" id="sid" value="<#sid>">
|
||
<input type="hidden" name="imgPath" id="imgPath" value="<#imgPath>">
|
||
<input type="hidden" name="openType" id="openType" value="<#openType>">
|
||
<input type="hidden" name="wsId" id="wsId" value="<#wsId>">
|
||
<input type="hidden" name="teamId" id="teamId" value="<#teamId>">
|
||
<input type="hidden" name="filePerms" id="filePerms" value="<#filePerms>" />
|
||
<input type="hidden" name="defaultMoreAttrSort" id="defaultMoreAttrSort" value="<#defaultAttrSort>" />
|
||
<input type="hidden" name="moreAttrRight" id="moreAttrRight" value="<#moreAttrRight>" />
|
||
<input type="hidden" name="appId" id="appId" value="<#appId>">
|
||
|
||
</form>
|
||
</body>
|
||
|
||
|
||
</html>
|