1889 lines
96 KiB
HTML
Executable File
1889 lines
96 KiB
HTML
Executable File
<!DOCTYPE html >
|
||
<html xmlns=http://www.w3.org/1999/xhtml>
|
||
|
||
<head>
|
||
<title><#fileName>(<#versionNum>)</title>
|
||
|
||
<meta charset="UTF-8">
|
||
<link type='text/css' rel='stylesheet' href='../apps/com.actionsoft.apps.coe.pal/lib/designer/themes/default/global_zh.css' />
|
||
<link type='text/css' rel='stylesheet' href='../apps/com.actionsoft.apps.coe.pal/lib/designer/themes/default/diagraming/designer.css' />
|
||
<link type='text/css' rel='stylesheet' href='../apps/com.actionsoft.apps.coe.pal/lib/designer/themes/default/diagraming/ui.css' />
|
||
<link type='text/css' rel='stylesheet' href='../apps/com.actionsoft.apps.coe.pal/lib/designer/themes/default/diagraming/designer.versionCompare.css' />
|
||
<link rel="stylesheet" href="../commons/css/awsui.css">
|
||
<style>
|
||
.button.blue {
|
||
background-color: #2375BE;
|
||
color: #FFFFFF;
|
||
line-height: 18px;
|
||
padding: 4px 21px;
|
||
}
|
||
.button, .button:visited {
|
||
background-image: none !important;
|
||
}
|
||
.showPainting{
|
||
float:left !important;
|
||
}
|
||
thead.fixedHeader tr {
|
||
position: relative;
|
||
top: expression(document.getElementById("tableContainer").scrollTop)
|
||
}
|
||
thead.fixedHeader th {
|
||
background: #C96;
|
||
border-left: 1px solid #EB8;
|
||
border-right: 1px solid #B74;
|
||
border-top: 1px solid #EB8;
|
||
font-weight: normal;
|
||
padding: 4px 3px;
|
||
text-align: center
|
||
}
|
||
tbody.scrollContent td, tbody.scrollContent tr.normalRow td {
|
||
background: #FFF;
|
||
border-bottom: 1px solid #EEE;
|
||
border-left: 1px solid #EEE;
|
||
border-right: 1px solid #AAA;
|
||
border-top: 1px solid #AAA;
|
||
padding: 2px 3px
|
||
}
|
||
.clearfix:after {
|
||
clear: both;
|
||
content:".";
|
||
display: block;
|
||
height: 0;
|
||
visibility: hidden;
|
||
}
|
||
ul.clearfix li{
|
||
float: right;
|
||
}
|
||
.cssToolbar{
|
||
clear:left !important;
|
||
display:block !important;
|
||
}
|
||
|
||
.toolbar {
|
||
background-color: #f3f3f3;
|
||
border-top: 1px solid #cbcccc;
|
||
font-size: 12px;
|
||
min-width: 975px;
|
||
padding-left: 5px;
|
||
padding-right: 5px;
|
||
}
|
||
.heightCssToolbar{
|
||
height:70px !important;
|
||
}
|
||
.toolbarExtend{
|
||
height: 36px !important;
|
||
}
|
||
#ui_container > ul {
|
||
z-index: 100;
|
||
}
|
||
</style>
|
||
|
||
<!-- <script src="../apps/com.actionsoft.apps.coe.pal/lib/designer/scripts/jquery.js"></script> -->
|
||
<script type='text/javascript' src='../commons/js/jquery/scripts/jquery.js'></script>
|
||
<script type="text/javascript" src="../commons/js/jquery/scripts/jquery-migrate.js"></script>
|
||
<script type='text/javascript' charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/lib/designer/scripts/util.js'></script>
|
||
<!--扩展设计器的样式-->
|
||
<link type='text/css' rel='stylesheet' href='../apps/com.actionsoft.apps.coe.pal/lib/designer/extend/css/designer.extend.css' />
|
||
<!--针对设计器进行颜色扩展，以及文字扩充-->
|
||
<script type='text/javascript' charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/lib/designer/extend/js/designer.extend.userdefined.js'></script>
|
||
<!-- <script type='text/javascript' charset='UTF-8' src='../apps/_bpm.platform/js/designer/extend/js/designer.extend.userdefined.js'></script>-->
|
||
<script type='text/javascript' charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/lib/designer/scripts/diagraming/schema/schema.js'></script>
|
||
<script type="text/javascript" src="../commons/js/awsui.js"></script>
|
||
<script type="text/javascript" charset='UTF-8' src="../apps/com.actionsoft.apps.coe.pal/lib/designer/extend/js/util/json.js"></script>
|
||
<script type="text/javascript" src="../commons/js/jquery/scripts/ui/aws.util.js"></script>
|
||
<script type='text/javascript' src='../commons/js/public.js'></script>
|
||
<script type="text/javascript">
|
||
//公共信息
|
||
var wsId = "<#wsId>";
|
||
var teamId = "<#teamId>";
|
||
var browserId = "<#browserId>";// 浏览器唯一标识
|
||
var appId = "<#appId>";
|
||
var sessionId = "<#sid>";
|
||
var sid = "<#sid>";
|
||
var time = "";
|
||
var user = "<#uid>";
|
||
var ver = "<#ver>";
|
||
var type = "<#type>";
|
||
var chartId = "<#charId>";
|
||
var ruuid = "<#uuid>";
|
||
var definition = <#define> ;
|
||
var userId = "<#uid>";
|
||
var userName = "<#userName>";
|
||
var methodId = "<#methodId>";
|
||
var isExistCopy=<#isExistCopy>;
|
||
var isAppearCopy=<#isAppearCopy>;
|
||
var isAdmin = <#isAdmin>;
|
||
var isCustomDefine = "<#isCustomDefine>";
|
||
var isLaneAttrConfig = <#isLaneAttrConfig>;
|
||
var isLaneForceRefreshShapeAttr = <#isLaneForceRefreshShapeAttr>;
|
||
//检查用户所需参数
|
||
var checkoutstate = "<#checkoutstate>";
|
||
var checkoutuser = "<#checkoutuser>";
|
||
var user = "<#uid>";
|
||
var currentUserName = "<#userName>";
|
||
|
||
var schemeId = "<#schemeId>";
|
||
var frmFileName = "<#processName>"; //平台的流程名称
|
||
|
||
// BPMN所需参数
|
||
var BPMN_TYPE_START_EVENT = "<#BPMN_TYPE_START_EVENT>";
|
||
var AWS_ELEMENT_START_EVENT_MESSAGE_EVENT_DEFINITION = "<#AWS_ELEMENT_START_EVENT_MESSAGE_EVENT_DEFINITION>";
|
||
var AWS_ELEMENT_START_EVENT_TIMER_EVENT_DEFINITION = "<#AWS_ELEMENT_START_EVENT_TIMER_EVENT_DEFINITION>";
|
||
var AWS_ELEMENT_START_EVENT_SIGNAL_EVENT_DEFINITION = "<#AWS_ELEMENT_START_EVENT_SIGNAL_EVENT_DEFINITION>";
|
||
var BPMN_TYPE_END_EVENT = "<#BPMN_TYPE_END_EVENT>";
|
||
var AWS_ELEMENT_END_EVENT_TERMINATE_EVENT_DEFINITION = "<#AWS_ELEMENT_END_EVENT_TERMINATE_EVENT_DEFINITION>";
|
||
var AWS_ELEMENT_END_EVENT_MESSAGE_EVENT_DEFINITION = "<#AWS_ELEMENT_END_EVENT_MESSAGE_EVENT_DEFINITION>";
|
||
var AWS_ELEMENT_END_EVENT_SIGNAL_EVENT_DEFINITION = "<#AWS_ELEMENT_END_EVENT_SIGNAL_EVENT_DEFINITION>";
|
||
var AWS_ELEMENT_END_EVENT_ERROR_EVENT_DEFINITION = "<#AWS_ELEMENT_END_EVENT_ERROR_EVENT_DEFINITION>";
|
||
var BPMN_TYPE_SEQUENCE_FLOW = "<#BPMN_TYPE_SEQUENCE_FLOW>";
|
||
var BPMN_TYPE_TASK = "<#BPMN_TYPE_TASK>";
|
||
var BPMN_TYPE_USER_TASK = "<#BPMN_TYPE_USER_TASK>";
|
||
var BPMN_TYPE_SERVICE_TASK = "<#BPMN_TYPE_SERVICE_TASK>";
|
||
var BPMN_TYPE_SCRIPT_TASK = "<#BPMN_TYPE_SCRIPT_TASK>";
|
||
var BPMN_TYPE_MANUAL_TASK = "<#BPMN_TYPE_MANUAL_TASK>";
|
||
var BPMN_TYPE_BUSINESSRULE_TASK = "<#BPMN_TYPE_BUSINESSRULE_TASK>";
|
||
var BPMN_TYPE_SEND_TASK = "<#BPMN_TYPE_SEND_TASK>";
|
||
var BPMN_TYPE_RECEIVE_TASK = "<#BPMN_TYPE_RECEIVE_TASK>";
|
||
var BPMN_TYPE_GATEWAY = "<#BPMN_TYPE_GATEWAY>";
|
||
var BPMN_TYPE_INTERMEDIATE_CATCH_EVENT = "<#BPMN_TYPE_INTERMEDIATE_CATCH_EVENT>";
|
||
|
||
var AWS_ELEMENT_BOUNDARY_EVENT_SIGNAL_EVENT_DEFINITION = "<#AWS_ELEMENT_BOUNDARY_EVENT_SIGNAL_EVENT_DEFINITION>";
|
||
var AWS_ELEMENT_BOUNDARY_EVENT_TIMER_EVENT_DEFINITION = "<#AWS_ELEMENT_BOUNDARY_EVENT_TIMER_EVENT_DEFINITION>";
|
||
var AWS_ELEMENT_BOUNDARY_EVENT_COMPENSATE_EVENT_DEFINITION = "<#AWS_ELEMENT_BOUNDARY_EVENT_COMPENSATE_EVENT_DEFINITION>";
|
||
var AWS_ELEMENT_END_EVENT_COMPENSATE_EVENT_DEFINITION = "<#AWS_ELEMENT_END_EVENT_COMPENSATE_EVENT_DEFINITION>";
|
||
var AWS_ELEMENT_INTERMEDIATE_THROW_EVENT_COMPENSATE_EVENT_DEFINITION = "<#AWS_ELEMENT_INTERMEDIATE_THROW_EVENT_COMPENSATE_EVENT_DEFINITION>";
|
||
|
||
var AWS_ELEMENT_INTERMEDIATE_CATCH_EVENT_TIMER_EVENT_DEFINITION = "<#AWS_ELEMENT_INTERMEDIATE_CATCH_EVENT_TIMER_EVENT_DEFINITION>";
|
||
var AWS_ELEMENT_INTERMEDIATE_CATCH_EVENT_MESSAGE_EVENT_DEFINITION = "<#AWS_ELEMENT_INTERMEDIATE_CATCH_EVENT_MESSAGE_EVENT_DEFINITION>";
|
||
var AWS_ELEMENT_INTERMEDIATE_CATCH_EVENT_SIGNAL_EVENT_DEFINITION = "<#AWS_ELEMENT_INTERMEDIATE_CATCH_EVENT_SIGNAL_EVENT_DEFINITION>";
|
||
var AWS_ELEMENT_INTERMEDIATE_THROW_EVENT_MESSAGE_EVENT_DEFINITION = "<#AWS_ELEMENT_INTERMEDIATE_THROW_EVENT_MESSAGE_EVENT_DEFINITION>";
|
||
var AWS_ELEMENT_INTERMEDIATE_THROW_EVENT_SIGNAL_EVENT_DEFINITION = "<#AWS_ELEMENT_INTERMEDIATE_THROW_EVENT_SIGNAL_EVENT_DEFINITION>";
|
||
var BPMN_TYPE_INTERMEDIATE_THROW_EVENT = "<#BPMN_TYPE_INTERMEDIATE_THROW_EVENT>";
|
||
var BPMN_TYPE_BOUNDARY_EVENT = "<#BPMN_TYPE_BOUNDARY_EVENT>";
|
||
var AWS_ELEMENT_BOUNDARY_EVENT_COMPENSATION_EVENT_DEFINITION = "<#AWS_ELEMENT_BOUNDARY_EVENT_COMPENSATION_EVENT_DEFINITION>";
|
||
var AWS_ELEMENT_BOUNDARY_EVENT_ERROR_EVENT_DEFINITION = "<#AWS_ELEMENT_BOUNDARY_EVENT_ERROR_EVENT_DEFINITION>";
|
||
var AWS_ELEMENT_BOUNDARY_EVENT_MESSAGE_EVENT_DEFINITION = "<#AWS_ELEMENT_BOUNDARY_EVENT_MESSAGE_EVENT_DEFINITION>";
|
||
var BPMN_TYPE_PARALLEL_GATEWAY = "<#BPMN_TYPE_PARALLEL_GATEWAY>";
|
||
var BPMN_TYPE_INCLUSIVE_GATEWAY = "<#BPMN_TYPE_INCLUSIVE_GATEWAY>";
|
||
var BPMN_TYPE_EXCLUSIVE_GATEWAY = "<#BPMN_TYPE_EXCLUSIVE_GATEWAY>";
|
||
var BPMN_TYPE_EVENTBASED_GATEWAY = "<#BPMN_TYPE_EVENTBASED_GATEWAY>";
|
||
var BPMN_TYPE_COMPLEX_GATEWAY = "<#BPMN_TYPE_COMPLEX_GATEWAY>";
|
||
var BPMN_TYPE_CALL_ACTIVITY_CALLING_PROCESS = "<#BPMN_TYPE_CALL_ACTIVITY_CALLING_PROCESS>";
|
||
var BPMN_TYPE_SUB_PROCESS = "<#BPMN_TYPE_SUB_PROCESS>";
|
||
var BPMN_TYPE_TEXT_ANNOTATION = "<#BPMN_TYPE_TEXT_ANNOTATION>";
|
||
var BPMN_TYPE_HORIZONTAL_POOL = "<#BPMN_TYPE_HORIZONTAL_POOL>";
|
||
var BPMN_TYPE_VERTICAL_POOL = "<#BPMN_TYPE_VERTICAL_POOL>";
|
||
var BPMN_TYPE_HORIZONTAL_LANE = "<#BPMN_TYPE_HORIZONTAL_LANE>";
|
||
var BPMN_TYPE_VERTICAL_LANE = "<#BPMN_TYPE_VERTICAL_LANE>";
|
||
|
||
var isView = <#isView>; //是否只读模式打开
|
||
var isPublish = <#isPublish>; //是否是已发布流程（已发布流程不允许修改）
|
||
var isStop = <#isStop>;// 是否是已停用流程（已停用流程不允许修改）
|
||
var isApproval = <#isApproval>;// 是否是审核中流程（审核中流程不允许修改）
|
||
var isAutoSave = "<#isAutoSave>"; //是否允许实时保存
|
||
var perms = "<#perms>"; //该流程权限
|
||
var filePerms = "<#filePerms>"; //所有有权限的文件
|
||
//角色类型，owner-编辑，viewer-只读
|
||
var role = (isView == true || isPublish == true || isStop == true || isApproval == true) ? "viewer" : "owner";
|
||
var editable = (isView == true || isPublish == true || isStop == true || isApproval == true) ? false : true;
|
||
|
||
// 扩展属性
|
||
var ext1 = "<#ext1>";
|
||
var ext2 = "<#ext2>";
|
||
var ext3 = "<#ext3>";
|
||
var ext4 = "<#ext4>";
|
||
|
||
//保存手动保存时对设计器的操作
|
||
var messageArrayForSave = [];
|
||
//是否需要保存提示
|
||
var isSave = true;
|
||
var isNeedPutMessage = true;
|
||
|
||
var isCollaboration = (isView == true || isPublish == true) ? false : true; //是否进行协作
|
||
var openAppType = "<#openAppType>"; //打开设计器的app类型, 暂时用于判断留言
|
||
var processOutput = true; //预览手册是否开放
|
||
|
||
var operateType = "<#operateType>";
|
||
var process = {
|
||
processDefId: "<#processDefId>",
|
||
title: "<#processName>",
|
||
version: "<#processVersion>",
|
||
versionStatus: "<#versionStatus>"
|
||
};
|
||
var processGroupName = "<#processGroupName>";
|
||
var categoryName = "<#categoryName>";
|
||
var processDefVersionId = "<#processDefVersionId>";
|
||
var processVersion = "<#processVersion>";
|
||
var selectedElementId="<#selectedElementId>"
|
||
//图形之间的关系定义json数组
|
||
var linkerRelationship = <#linkerRelationship> ;
|
||
var isParentShow = true;
|
||
//var relationObj = <#relationObj>;
|
||
//visio 导入相关
|
||
var processOnIsInstall = "<#processOnIsInstall>";
|
||
var processOnIsActive = "<#processOnIsActive>";
|
||
var BPMNSupport = "<#BPMNSupport>";
|
||
var BPMNLevel0 = "<#BPMNLevel0>";
|
||
var BPMNLevel1 = "<#BPMNLevel1>";
|
||
var BPMNLevel2 = "<#BPMNLevel2>";
|
||
//保存手动保存时对设计器的操作
|
||
var messageArrayForSave = [];
|
||
var saveAttributesJson = [];
|
||
var removeAttributeJson = [];
|
||
var relationShapesObject = <#relationShapes>;
|
||
var relationShapeModelObject = <#relationShapeModels>;
|
||
var attrDefineObj = <#attrDefineObj>;
|
||
|
||
var pid = "<#parentChartId>";
|
||
</script>
|
||
<!--工具js-->
|
||
<script type='text/javascript' charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/lib/designer/extend/js/util/map.js'></script>
|
||
<script type='text/javascript' charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/lib/designer/extend/js/util/uuid.js'></script>
|
||
<script type='text/javascript' charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/js/coe.commons.js'></script>
|
||
<!--HTML5设计器核心js-->
|
||
<script type='text/javascript' charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/lib/designer/scripts/diagraming/collaboration.js'></script>
|
||
<script type='text/javascript' charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/lib/designer/scripts/diagraming/designer.plugs.js'></script>
|
||
<script type='text/javascript' charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/lib/designer/scripts/diagraming/designer.core.js'></script>
|
||
<script type='text/javascript' charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/lib/designer/scripts/diagraming/designer.methods.js'></script>
|
||
<!--测试-->
|
||
<!--<script type='text/javascript' charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/lib/designer/scripts/diagraming/designer.methods.debug.js'></script>-->
|
||
<script type='text/javascript' charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/lib/designer/scripts/diagraming/designer.events.js'></script>
|
||
<script type='text/javascript' charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/lib/designer/scripts/diagraming/designer.ui.js'></script>
|
||
<!--<script type='text/javascript' charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/lib/designer/scripts/diagraming/designer.ui.debug.js'></script>-->
|
||
<script type='text/javascript' charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/lib/designer/scripts/diagraming/designer.customize.js'></script>
|
||
<!--针对HTML5设计器核心js进行的扩展-->
|
||
<script type='text/javascript' charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/lib/designer/extend/js/designer.extend.js'></script>
|
||
<script type='text/javascript' charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/lib/designer/extend/js/designer.extend.core.js'></script>
|
||
<script type='text/javascript' charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/lib/designer/extend/js/designer.extend.methods.js'></script>
|
||
<script type='text/javascript' charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/lib/designer/extend/js/designer.schema.customdefine.js'></script>
|
||
<#js>
|
||
<script type='text/javascript' charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/lib/designer/extend/js/designer.extend.ui.js'></script>
|
||
<script type='text/javascript' charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/lib/designer/extend/js/designer.extend.link.js'></script>
|
||
<script type='text/javascript' charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/lib/designer/extend/js/coe.designer.extend.events.js'></script>
|
||
<!-- util -->
|
||
<script type="text/javascript" charset='UTF-8' src="../apps/com.actionsoft.apps.coe.pal/js/jquery.base64.js"></script>
|
||
<script type="text/javascript" charset='UTF-8' src="../apps/com.actionsoft.apps.coe.pal/lib/designer/extend/js/util/Base64.js"></script>
|
||
<!-- biz -->
|
||
<script type="text/javascript" charset='UTF-8' src="../apps/com.actionsoft.apps.coe.pal/lib/designer/extend/js/designer.biz.js"></script>
|
||
<!-- 不支持HTML5的浏览器 -->
|
||
<link rel="stylesheet" href="../apps/com.actionsoft.apps.coe.pal/css/pal.pl.repository.designer.view.css">
|
||
<script type="text/javascript" src="../apps/com.actionsoft.apps.coe.pal/js/pal.pl.repository.designer.view.js"></script>
|
||
<#processlink_ete_js>
|
||
<script type="text/javascript">
|
||
if (navigator.userAgent.toLowerCase().match(/chrome/) != null) {
|
||
$(function() {
|
||
$(".footer_chrome").show();
|
||
});
|
||
}
|
||
</script>
|
||
<script>
|
||
$(document).ready(function(){
|
||
$("#upfile").on('click',openUpFile);//附件上传页面
|
||
if(processOutput) { // 导出流程手册菜单控制
|
||
if (methodId == 'data.form') {
|
||
$('#export_report').text('导出表单手册');
|
||
} else if (methodId == 'control.policy') {
|
||
$('#export_report').text('导出制度手册');
|
||
}
|
||
outputProcess();
|
||
}
|
||
});
|
||
|
||
//判断如果当前页面有编辑权进行记录操作
|
||
if($('#checkoutTip').css('display') != 'block'){
|
||
|
||
// 页面停留时间统计
|
||
class PageStayTimeTracker {
|
||
constructor() {
|
||
this.startTime = null;
|
||
this.lastReportTime = null;
|
||
this.reportInterval = 10000; // 60秒报告一次
|
||
this.isActive = false;
|
||
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 outputProcess() {
|
||
$('li[data-name="processOutput"]').show();
|
||
}
|
||
|
||
function openUpFile() {
|
||
var linkerIds = Utils.getSelectedLinkerIds();
|
||
var linkerCount = linkerIds.length;
|
||
var shapeIds = Utils.getSelectedShapeIds();
|
||
var shapeCount = shapeIds.length;
|
||
var type = "file";
|
||
var shapeId = "";
|
||
if (shapeCount > 1) {
|
||
return;
|
||
}
|
||
if (linkerCount > 0) {
|
||
return;
|
||
}
|
||
if (shapeCount == 0) {
|
||
type = "file";
|
||
} else {
|
||
type = "shape";
|
||
var shape = Utils.getSelected()[0];
|
||
shapeId = shape.id;
|
||
}
|
||
|
||
var upfileUrl = "./w?sid=" + $("#sid").val() + "&cmd=com.actionsoft.apps.coe.pal_processlevel_upfile_portal_page";
|
||
var upfileDlg=FrmDialog.open({
|
||
title: "附件管理",
|
||
width: 570,
|
||
height: 380,
|
||
url: upfileUrl,
|
||
data:{"pl_uuid": ruuid, "shape_uuid": shapeId, "type": type},
|
||
id:"upfileDlg"
|
||
});
|
||
|
||
setTimeout(function(){
|
||
if (editable == false) {
|
||
window.frames["id-awsui-win-frm-2013-frmupfileDlg"].$(".button").attr("disabled", "true").addClass("disable");
|
||
window.frames["id-awsui-win-frm-2013-frmupfileDlg"].$(".del").hide();
|
||
}
|
||
}, 1000);
|
||
|
||
}
|
||
|
||
//打开正文的附件
|
||
function openUpFileNew() {
|
||
var elements = Model.define.elements;
|
||
var type = "shape";
|
||
for (var i in elements) {
|
||
if (i!=undefined && (elements[i].name === "regulation" || elements[i].name === "card")) {
|
||
shapeId = i;
|
||
break;
|
||
}
|
||
}
|
||
Utils.selectShape(shapeId);
|
||
var upfileUrl = "./w?sid=" + $("#sid").val() + "&cmd=com.actionsoft.apps.coe.pal_processlevel_upfile_portal_page";
|
||
var upfileDlg=FrmDialog.open({
|
||
title: "附件管理",
|
||
width: 570,
|
||
height: 380,
|
||
url: upfileUrl,
|
||
data:{"pl_uuid": ruuid, "shape_uuid": shapeId, "type": type},
|
||
id:"upfileDlg"
|
||
});
|
||
setTimeout(function(){
|
||
if (editable == false) {
|
||
window.frames["id-awsui-win-frm-2013-frmupfileDlg"].$(".button").attr("disabled", "true").addClass("disable");
|
||
window.frames["id-awsui-win-frm-2013-frmupfileDlg"].$(".del").hide();
|
||
}
|
||
}, 1000);
|
||
|
||
}
|
||
</script>
|
||
<!-- i18n -->
|
||
<script>
|
||
var 快速查询 = "<I18N#快速查询>";
|
||
var 已保存成功 = "<I18N#已保存成功>";
|
||
var 保存成功 = "<I18N#保存成功>";
|
||
var 页面中有未保存的内容请先保存 = "<I18N#页面中有未保存的内容，请先保存>";
|
||
var 保存失败 = "<I18N#保存失败>";
|
||
var 列的第 = "<I18N#列的第>";
|
||
var 行不允许为空 = "<I18N#行不允许为空>";
|
||
var 文件属性 = "<I18N#文件属性>";
|
||
var 不允许为空 = "<I18N#不允许为空>";
|
||
var 返回 = "<I18N#返回>";
|
||
var 版本号 = "<I18N#版本号>";
|
||
var 吸色 = "<I18N#吸色>";
|
||
var 退出 = "<I18N#退出>";
|
||
var 当前颜色 = "<I18N#当前颜色>";
|
||
$(document).ready(function(){
|
||
$("#queryInput").attr("placeholder", 快速查询);
|
||
$("#back-vue-page-span").attr("awsui-qtip", 返回);
|
||
$("#toolbar_designer_version_no").attr("awsui-qtip", 版本号);
|
||
$("#color_draw").attr("awsui-qtip", 吸色 + "Esc" + 退出);
|
||
$("#color_show_now").attr("awsui-qtip", 当前颜色);
|
||
});
|
||
// designer.ui.debug.js i18n
|
||
var 颜色渐变 = "<I18N#颜色渐变>";
|
||
var 起始版本 = "<I18N#起始版本>";
|
||
var 错误个数 = "<I18N#错误个数>";
|
||
var 校验通过 = "<I18N#校验通过>";
|
||
var 文件过大不允许超过 = "<I18N#文件过大, 不允许超过>";
|
||
var 上传成功 = "<I18N#上传成功>";
|
||
var 正在加载预览 = "<I18N#正在加载预览>";
|
||
var 此地址下无法加载图片 = "<I18N#此地址下无法加载图片>";
|
||
var 请检查图片地址是否正确 = "<I18N#请检查图片地址是否正确>";
|
||
var 确保图片地址处于公开状态 = "<I18N#确保图片地址处于公开状态>";
|
||
var 正在加载图片 = "<I18N#正在加载图片>";
|
||
var 显示更多结果 = "<I18N#显示更多结果>";
|
||
var 正在应用图片请稍候 = "<I18N#正在应用图片，请稍候>";
|
||
var 无法使用此图片请选择其他图片 = "<I18N#无法使用此图片，请选择其他图片>";
|
||
var 页面中有未保存的内容请先保存 = "<I18N#页面中有未保存的内容，请先保存>";
|
||
var 请稍后 = "<I18N#请稍后>";
|
||
var 请您先保存一个版本 = "<I18N#请您先保存一个版本>";
|
||
var 预览 = "<I18N#预览>";
|
||
var 图片创建完成 = "<I18N#图片创建完成>";
|
||
var 是否打开图片预览 = "<I18N#是否打开图片预览>";
|
||
var 导出完成 = "<I18N#导出完成>";
|
||
var 确定 = "<I18N#确定>";
|
||
var 关闭 = "<I18N#关闭>";
|
||
var 节点编号排序 = "<I18N#节点编号排序>";
|
||
var 提示 = "<I18N#提示>";
|
||
var 拖动排序确定后请保存设计器 = "<I18N#拖动排序，确定后请保存设计器>";
|
||
var 无名称 = "<I18N#无名称>";
|
||
var 不支持编号排序 = "<I18N#不支持编号排序>";
|
||
var 画布没有形状或者形状没有编号属性 = "<I18N#画布没有形状或者形状没有编号属性>";
|
||
var 名称 = "<I18N#名称>";
|
||
var 节点号 = "<I18N#节点号>";
|
||
var 新发布 = "<I18N#新发布>";
|
||
var 变更 = "<I18N#变更>";
|
||
var 停用 = "<I18N#停用>";
|
||
var 暂无发布历史 = "<I18N#暂无发布历史>";
|
||
var 文件链接 = "<I18N#文件链接>";
|
||
var 自定义链接 = "<I18N#自定义链接>";
|
||
var 暂无链接 = "<I18N#暂无链接>";
|
||
var 处修改 = "<I18N#处修改>";
|
||
var 暂停 = "<I18N#暂停>";
|
||
var 从此版本播放 = "<I18N#从此版本播放>";
|
||
var 浏览器限制无法进入演示视图 = "<I18N#浏览器限制，无法进入演示视图>";
|
||
var 无法进入全屏视图您可以按F11进入 = "<I18N#无法进入全屏视图，您可以按(F11)进入>";
|
||
var 秒后自动保存 = "<I18N#秒后自动保存>";
|
||
|
||
var 修改 = "<I18N#修改>"
|
||
var 由 = "<I18N#由>"
|
||
var 创建 = "<I18N#创建>"
|
||
var 新建版本 = "<I18N#新建版本>"
|
||
var 版本对比 = "<I18N#版本对比>"
|
||
var 切换该版本 = "<I18N#切换该版本>"
|
||
var 设计中 = "<I18N#设计中>"
|
||
var 已发布 = "<I18N#已发布>"
|
||
var 已停用 = "<I18N#已停用>"
|
||
var 审核中 = "<I18N#审核中>"
|
||
var 设计 = "<I18N#设计>"
|
||
var 是否继续切换 = "<I18N#是否继续切换>"
|
||
var 历史版本 = "<I18N#历史版本>"
|
||
var 提示 = "<I18N#提示>"
|
||
var 确定将 = "<I18N#确定将>"
|
||
var 版本为模板创建新版本文件 = "<I18N#版本为模板创建新版本文件>"
|
||
var 历史版本为模板创建新版本文件 = "<I18N#历史版本为模板创建新版本文件>"
|
||
var 请选择版本号 = "<I18N#请选择版本号>"
|
||
var 文件修改未保存 = "<I18N#文件修改未保存>"
|
||
var 文件已修改未保存 = "<I18N#文件已修改，未保存>"
|
||
|
||
var 附件 = "<I18N#附件>"
|
||
var 形状属性 = "<I18N#形状属性>"
|
||
var 链接 = "<I18N#链接>"
|
||
</script>
|
||
<!-- 版本对比 -->
|
||
<script type='text/javascript' async charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/lib/designer/scripts/diagraming/versionCompare/version.methods.debug.js'></script>
|
||
</head>
|
||
|
||
<body style="overflow:hidden;">
|
||
<div class="compare-main" id="versionCompareBox" style="display:none;"></div>
|
||
<canvas id="support_canvas" style="display: none;"></canvas>
|
||
<div id="designer_header">
|
||
<div class="row row1">
|
||
<div id="title_container" style="width: 100%;">
|
||
<#checkoutTip>
|
||
<span class="diagram_title"><#fileName></span>
|
||
<div id="toolbar_wfversion_info" class="toolbar_info">
|
||
<!-- <div id="toolbar_designer_version_no" class="info version" awsui-qtip="版本管理">
|
||
<#versionNum>
|
||
</div> -->
|
||
<span id="toolbar_designer_version_no" class="info version" style="cursor: pointer" awsui-qtip="版本号" onclick="versionListFun.openVersionList()">
|
||
<#versionNum>
|
||
</span>
|
||
<div id="toolbar_wfversion_info_status" style="display:none;" class="versioninfo version0" awsui-qtip="<#state>"><#state></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row row2 menubar">
|
||
<ul id="menu_bar">
|
||
<li id="menu_bar_file" menu="bar_list_file">文件</li>
|
||
<!--<li id="menu_bar_edit" menu="bar_list_edit" class="awsui-btn-disabled readonly">编辑</li>-->
|
||
<li id="menu_bar_view" menu="bar_list_view">视图</li>
|
||
<!--<li id="menu_bar_insert" menu="bar_list_insert" class="awsui-btn-disabled readonly">插入</li>-->
|
||
<li id="menu_bar_page" menu="bar_list_page">页面</li>
|
||
<!--<li id="menu_bar_arrange" menu="bar_list_arrange" class="awsui-btn-disabled readonly">排列</li>-->
|
||
<li id="menu_bar_help" menu="bar_list_help">帮助</li>
|
||
<!--
|
||
<li id="menu_bar_help" menu="bar_list_help" onclick="showShapeRelationTab();">获取所有链接</li>
|
||
-->
|
||
</ul>
|
||
<div id="saving_tip"></div>
|
||
</div>
|
||
<div class="toolbar" >
|
||
<#saveUI>
|
||
<!-- Clipboard -->
|
||
<div id="bar_undo" class="toolbar_button" awsui-qtip='撤销 (Ctrl+Z)'>
|
||
<div class="ico undo"></div>
|
||
</div>
|
||
<div id="bar_redo" class="toolbar_button" awsui-qtip='恢复 (Ctrl+Y)'>
|
||
<div class="ico redo"></div>
|
||
</div>
|
||
<div id="bar_brush" class="toolbar_button" awsui-qtip='格式刷 (Ctrl+Shift+B)'>
|
||
<div class="ico brush"></div>
|
||
</div>
|
||
<div class="toolbar_devider"></div>
|
||
|
||
<!-- Font -->
|
||
<div id="bar_font_family" awsui-qtip='字体' class="toolbar_button" style="width: 80px;">
|
||
<div class="text_content">Arial</div>
|
||
<div class="ico ico_dropdown"></div>
|
||
</div>
|
||
<div class="toolbar_small_devider"></div>
|
||
<div id="bar_font_size" awsui-qtip='字号' class="spinner" style="width: 50px;"></div>
|
||
<div class="toolbar_small_devider"></div>
|
||
<div id="bar_font_bold" awsui-qtip='粗体 (Ctrl+B)' class="toolbar_button">
|
||
<div class="ico bold"></div>
|
||
</div>
|
||
<div id="bar_font_italic" awsui-qtip='斜体 (Ctrl+I)' class="toolbar_button">
|
||
<div class="ico italic"></div>
|
||
</div>
|
||
<div id="bar_font_underline" awsui-qtip='下划线 (Ctrl+U)' class="toolbar_button">
|
||
<div class="ico underline"></div>
|
||
</div>
|
||
<div id="bar_font_color" awsui-qtip='文本颜色' class="toolbar_button drop_button">
|
||
<div class="ico fontcolor"></div>
|
||
<div class="btn_color" style="background-color: rgb(50,50,50)"></div>
|
||
<div class="ico ico_dropdown"></div>
|
||
</div>
|
||
<div id="bar_font_align" awsui-qtip='对齐' class="toolbar_button drop_button">
|
||
<div class="ico alignleft"></div>
|
||
<div class="ico ico_dropdown"></div>
|
||
</div>
|
||
<div class="toolbar_devider"></div>
|
||
|
||
<!-- Style -->
|
||
<div id="bar_fill" awsui-qtip='填充样式' class="toolbar_button drop_button">
|
||
<div class="ico fillcolor"></div>
|
||
<div class="btn_color" style="background-color: rgb(255,255,255)"></div>
|
||
<div class="ico ico_dropdown"></div>
|
||
</div>
|
||
<div id="bar_line_color" awsui-qtip='线条颜色' class="toolbar_button drop_button">
|
||
<div class="ico linecolor"></div>
|
||
<div class="btn_color" style="background-color: rgb(50,50,50)"></div>
|
||
<div class="ico ico_dropdown"></div>
|
||
</div>
|
||
<div id="bar_line_width" awsui-qtip='线宽' class="toolbar_button drop_button">
|
||
<div class="ico linewidth"></div>
|
||
<div class="ico ico_dropdown"></div>
|
||
</div>
|
||
<div id="bar_line_style" awsui-qtip='线条样式' class="toolbar_button drop_button">
|
||
<div class="ico linedash"></div>
|
||
<div class="ico ico_dropdown"></div>
|
||
</div>
|
||
<div class="toolbar_devider"></div>
|
||
|
||
<!-- Linker Style -->
|
||
<div id="bar_linkertype" awsui-qtip='连线类型' class="toolbar_button drop_button">
|
||
<div class="ico linkertype_broken"></div>
|
||
<div class="ico ico_dropdown"></div>
|
||
</div>
|
||
<div id="bar_beginarrow" awsui-qtip='起点' class="toolbar_button drop_button">
|
||
<div class="ico ico_arrow larrow_none"></div>
|
||
<div class="ico ico_dropdown"></div>
|
||
</div>
|
||
<div id="bar_endarrow" awsui-qtip='终点' class="toolbar_button drop_button">
|
||
<div class="ico ico_arrow rarrow_none"></div>
|
||
<div class="ico ico_dropdown"></div>
|
||
</div>
|
||
<div class="toolbar_devider"></div>
|
||
<div id="bar_front" awsui-qtip='置于顶层 (Ctrl+] )' class="toolbar_button">
|
||
<div class="ico ico_front"></div>
|
||
</div>
|
||
<div id="bar_back" awsui-qtip='置于底层 (Ctrl+[ )' class="toolbar_button" >
|
||
<div class="ico ico_back"></div>
|
||
</div>
|
||
<div class="toolbar_devider"></div>
|
||
<div id="bar_lock" awsui-qtip='锁定 (Ctrl+L)' class="toolbar_button">
|
||
<div class="ico ico_lock"></div>
|
||
</div>
|
||
<div id="bar_unlock" awsui-qtip='解锁 (Ctrl+Shift+L)' class="toolbar_button">
|
||
<div class="ico ico_unlock"></div>
|
||
</div>
|
||
<div class="toolbar_small_devider"></div>
|
||
<div id="bar_link" awsui-qtip='插入链接' class="toolbar_button">
|
||
<div class="ico ico_link"></div>
|
||
</div>
|
||
<div id="bar_risk" awsui-qtip='风险' class="toolbar_button" style="<#riskStyle>">
|
||
<div class="ico ico_risk"></div>
|
||
</div>
|
||
<div class="toolbar_devider"></div>
|
||
<div id="bar_activityNo" awsui-qtip='节点编号排序' class="toolbar_button" style="display: none;">
|
||
<div class="ico extend_activityNo"></div>
|
||
</div>
|
||
<div id="processTermination" awsui-qtip='废止' class="toolbar_button">
|
||
<div class="ico processTermination"></div>
|
||
</div>
|
||
<div id="modelFileUpload" awsui-qtip='文件附件' class="toolbar_button">
|
||
<div class="ico fileUpLoad" onclick="openUpFile()" ></div>
|
||
</div>
|
||
<div id="textFileShow" awsui-qtip='正文附件' class="toolbar_button">
|
||
<div class="ico textFile" onclick="openUpFileNew()" ></div>
|
||
</div>
|
||
<div id="switchViews" awsui-qtip='切换视图' class="toolbar_button">
|
||
<div class="ico switchViews"></div>
|
||
</div>
|
||
<!-- <div id="bar_importShape" awsui-qtip='上传附件并创建相应节点' class="toolbar_button" style="<#importShapeStyle>">
|
||
<div class="ico ico_importShape"></div>
|
||
</div>-->
|
||
<!-- <div id="bar_import" awsui-qtip='导入' class="toolbar_button" style="<#importStyle>">
|
||
<div class="ico ico_import"></div>
|
||
</div> -->
|
||
</div>
|
||
</div>
|
||
|
||
<div id="ui_container">
|
||
<div id='color_picker' class="menu color_picker" style="display: none;">
|
||
<div class="color_items">
|
||
<div style="background-color:rgb(255,255,255);"></div>
|
||
<div style="background-color:rgb(229,229,229);"></div>
|
||
<div style="background-color:rgb(207,207,207);"></div>
|
||
<div style="background-color:rgb(184,184,184);"></div>
|
||
<div style="background-color:rgb(161,161,161);"></div>
|
||
<div style="background-color:rgb(138,138,138);"></div>
|
||
<div style="background-color:rgb(115,115,115);"></div>
|
||
<div style="background-color:rgb(92,92,92);"></div>
|
||
<div style="background-color:rgb(69,69,69);"></div>
|
||
<div style="background-color:rgb(50,50,50);"></div>
|
||
<div style="background-color:rgb(23,23,23);"></div>
|
||
<div style="background-color:rgb(0,0,0);"></div>
|
||
<div class="clear"></div>
|
||
</div>
|
||
<div class="color_items">
|
||
<div style="background-color:rgb(255,204,204);"></div>
|
||
<div style="background-color:rgb(255,230,204);"></div>
|
||
<div style="background-color:rgb(255,255,204);"></div>
|
||
<div style="background-color:rgb(230,255,204);"></div>
|
||
<div style="background-color:rgb(204,255,204);"></div>
|
||
<div style="background-color:rgb(204,255,230);"></div>
|
||
<div style="background-color:rgb(204,255,255);"></div>
|
||
<div style="background-color:rgb(204,229,255);"></div>
|
||
<div style="background-color:rgb(204,204,255);"></div>
|
||
<div style="background-color:rgb(229,204,255);"></div>
|
||
<div style="background-color:rgb(255,204,255);"></div>
|
||
<div style="background-color:rgb(255,204,230);"></div>
|
||
<div style="background-color:rgb(255,153,153);"></div>
|
||
<div style="background-color:rgb(255,204,153);"></div>
|
||
<div style="background-color:rgb(255,255,153);"></div>
|
||
<div style="background-color:rgb(204,255,153);"></div>
|
||
<div style="background-color:rgb(153,255,153);"></div>
|
||
<div style="background-color:rgb(153,255,204);"></div>
|
||
<div style="background-color:rgb(153,255,255);"></div>
|
||
<div style="background-color:rgb(153,204,255);"></div>
|
||
<div style="background-color:rgb(153,153,255);"></div>
|
||
<div style="background-color:rgb(204,153,255);"></div>
|
||
<div style="background-color:rgb(255,153,255);"></div>
|
||
<div style="background-color:rgb(255,153,204);"></div>
|
||
<div style="background-color:rgb(255,102,102);"></div>
|
||
<div style="background-color:rgb(255,179,102);"></div>
|
||
<div style="background-color:rgb(255,255,102);"></div>
|
||
<div style="background-color:rgb(179,255,102);"></div>
|
||
<div style="background-color:rgb(102,255,102);"></div>
|
||
<div style="background-color:rgb(102,255,179);"></div>
|
||
<div style="background-color:rgb(102,255,255);"></div>
|
||
<div style="background-color:rgb(102,178,255);"></div>
|
||
<div style="background-color:rgb(102,102,255);"></div>
|
||
<div style="background-color:rgb(178,102,255);"></div>
|
||
<div style="background-color:rgb(255,102,255);"></div>
|
||
<div style="background-color:rgb(255,102,179);"></div>
|
||
<div style="background-color:rgb(255,51,51);"></div>
|
||
<div style="background-color:rgb(255,153,51);"></div>
|
||
<div style="background-color:rgb(255,255,51);"></div>
|
||
<div style="background-color:rgb(153,255,51);"></div>
|
||
<div style="background-color:rgb(51,255,51);"></div>
|
||
<div style="background-color:rgb(51,255,153);"></div>
|
||
<div style="background-color:rgb(51,255,255);"></div>
|
||
<div style="background-color:rgb(51,153,255);"></div>
|
||
<div style="background-color:rgb(51,51,255);"></div>
|
||
<div style="background-color:rgb(153,51,255);"></div>
|
||
<div style="background-color:rgb(255,51,255);"></div>
|
||
<div style="background-color:rgb(255,51,153);"></div>
|
||
<div style="background-color:rgb(255,0,0);"></div>
|
||
<div style="background-color:rgb(255,128,0);"></div>
|
||
<div style="background-color:rgb(255,255,0);"></div>
|
||
<div style="background-color:rgb(128,255,0);"></div>
|
||
<div style="background-color:rgb(0,255,0);"></div>
|
||
<div style="background-color:rgb(0,255,128);"></div>
|
||
<div style="background-color:rgb(0,255,255);"></div>
|
||
<div style="background-color:rgb(0,127,255);"></div>
|
||
<div style="background-color:rgb(0,0,255);"></div>
|
||
<div style="background-color:rgb(127,0,255);"></div>
|
||
<div style="background-color:rgb(255,0,255);"></div>
|
||
<div style="background-color:rgb(255,0,128);"></div>
|
||
<div style="background-color:rgb(204,0,0);"></div>
|
||
<div style="background-color:rgb(204,102,0);"></div>
|
||
<div style="background-color:rgb(204,204,0);"></div>
|
||
<div style="background-color:rgb(102,204,0);"></div>
|
||
<div style="background-color:rgb(0,204,0);"></div>
|
||
<div style="background-color:rgb(0,204,102);"></div>
|
||
<div style="background-color:rgb(0,204,204);"></div>
|
||
<div style="background-color:rgb(0,102,204);"></div>
|
||
<div style="background-color:rgb(0,0,204);"></div>
|
||
<div style="background-color:rgb(102,0,204);"></div>
|
||
<div style="background-color:rgb(204,0,204);"></div>
|
||
<div style="background-color:rgb(204,0,102);"></div>
|
||
<div style="background-color:rgb(153,0,0);"></div>
|
||
<div style="background-color:rgb(153,76,0);"></div>
|
||
<div style="background-color:rgb(153,153,0);"></div>
|
||
<div style="background-color:rgb(77,153,0);"></div>
|
||
<div style="background-color:rgb(0,153,0);"></div>
|
||
<div style="background-color:rgb(0,153,77);"></div>
|
||
<div style="background-color:rgb(0,153,153);"></div>
|
||
<div style="background-color:rgb(0,76,153);"></div>
|
||
<div style="background-color:rgb(0,0,153);"></div>
|
||
<div style="background-color:rgb(76,0,153);"></div>
|
||
<div style="background-color:rgb(153,0,153);"></div>
|
||
<div style="background-color:rgb(153,0,77);"></div>
|
||
<div style="background-color:rgb(102,0,0);"></div>
|
||
<div style="background-color:rgb(102,51,0);"></div>
|
||
<div style="background-color:rgb(102,102,0);"></div>
|
||
<div style="background-color:rgb(51,102,0);"></div>
|
||
<div style="background-color:rgb(0,102,0);"></div>
|
||
<div style="background-color:rgb(0,102,51);"></div>
|
||
<div style="background-color:rgb(0,102,102);"></div>
|
||
<div style="background-color:rgb(0,51,102);"></div>
|
||
<div style="background-color:rgb(0,0,102);"></div>
|
||
<div style="background-color:rgb(51,0,102);"></div>
|
||
<div style="background-color:rgb(102,0,102);"></div>
|
||
<div style="background-color:rgb(102,0,51);"></div>
|
||
<div style="background-color:rgb(51,0,0);"></div>
|
||
<div style="background-color:rgb(51,26,0);"></div>
|
||
<div style="background-color:rgb(51,51,0);"></div>
|
||
<div style="background-color:rgb(26,51,0);"></div>
|
||
<div style="background-color:rgb(0,51,0);"></div>
|
||
<div style="background-color:rgb(0,51,26);"></div>
|
||
<div style="background-color:rgb(0,51,51);"></div>
|
||
<div style="background-color:rgb(0,25,51);"></div>
|
||
<div style="background-color:rgb(0,0,51);"></div>
|
||
<div style="background-color:rgb(25,0,51);"></div>
|
||
<div style="background-color:rgb(51,0,51);"></div>
|
||
<div style="background-color:rgb(51,0,26);"></div>
|
||
<div class="clear"></div>
|
||
</div>
|
||
</div>
|
||
<ul id="bar_list_file" class="menu list options_menu noico">
|
||
<!--<li ac="rename">重命名文件</li>-->
|
||
<!--<li class="devider"></li>-->
|
||
<!--
|
||
<li ac="saveAs">另存...</li>
|
||
-->
|
||
<li ac="preview">预览</li>
|
||
<li class="devider"></li>
|
||
<li ac="export">下载为...</li>
|
||
<li class="devider"></li>
|
||
<li ac="processExport">导出</li>
|
||
<li class="devider" data-name="processOutput" style="display:none;"></li>
|
||
<li id = "export_report" ac="output" data-name="processOutput" style="display:none;">预览流程手册</li>
|
||
<!-- <li class="devider"></li>-->
|
||
<!-- <li ac="saveImage">生成图片和缩略图</li>-->
|
||
<!-- <li class="devider"></li>
|
||
<li ac="close">关闭</li> -->
|
||
</ul>
|
||
<ul id="bar_list_edit" class="menu list options_menu">
|
||
<li ac="undo">
|
||
<div class="ico undo"></div>撤销
|
||
<div class="extend">Ctrl+Z</div>
|
||
</li>
|
||
<li ac="redo">
|
||
<div class="ico redo"></div>恢复
|
||
<div class="extend">Ctrl+Y</div>
|
||
</li>
|
||
<li class="devider"></li>
|
||
<li ac="cut">
|
||
<div class="ico cut"></div>剪切
|
||
<div class="extend">Ctrl+X</div>
|
||
</li>
|
||
<li ac="copy">
|
||
<div class="ico copy"></div>复制
|
||
<div class="extend">Ctrl+C</div>
|
||
</li>
|
||
<li ac="paste">
|
||
<div class="ico paste"></div>粘贴
|
||
<div class="extend">Ctrl+V</div>
|
||
</li>
|
||
<li ac="duplicate">复用
|
||
<div class="extend">Ctrl+D</div>
|
||
</li>
|
||
<li ac="brush">
|
||
<div class="ico brush"></div>格式刷
|
||
<div class="extend">Ctrl+Shift+B</div>
|
||
</li>
|
||
<li class="devider"></li>
|
||
<li ac="selectall">全选
|
||
<div class="extend">Ctrl+A</div>
|
||
</li>
|
||
<li ac="delete">
|
||
<div class="ico remove"></div>删除
|
||
<div class="extend">Delete/Backspace</div>
|
||
</li>
|
||
</ul>
|
||
<ul id="bar_list_view" class="menu list options_menu">
|
||
<li ac="zoom" zoom="in">
|
||
<div class="ico zoomin"></div>放大
|
||
<div class="extend">Ctrl+(>)</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>
|
||
</div>
|
||
|
||
<div id="designer">
|
||
<div id="designer_viewport" class="readonly">
|
||
<div id="designer_layout" class="layout">
|
||
<div id="canvas_container">
|
||
<div id="designer_canvas" class="designer_canvas">
|
||
<canvas id="designer_grids">您的浏览器不支持HTML5，请使用IE9及以上版本，或Chrome、Firefox等浏览器</canvas>
|
||
<!-- 链接图层 -->
|
||
<ul id="link-dialog-normal_contextmenu" class="menu list options_menu">
|
||
</ul>
|
||
<!-- 附件图层 -->
|
||
<ul id="attachment-dialog-normal_contextmenu" class="menu list options_menu" style="max-height:200px;overflow:hidden auto;">
|
||
</ul>
|
||
<!-- 端到端串接图层 -->
|
||
<div id="ete-cascade-normal_contextmenu" style="display:none;">
|
||
<div id="ete-cascade-img">
|
||
<img width="400px" height="250px" src="" />
|
||
</div>
|
||
<div class="ete-cascade-waiting">
|
||
<div align="center">
|
||
<img src="../commons/img/waiting.gif" />
|
||
</div>
|
||
</div>
|
||
<div class="ete-cascade-nopic" style="display:none;">
|
||
<div align="center">
|
||
<span class="ete-cascade-nopic-tip">文件无内容</span>
|
||
</div>
|
||
</div>
|
||
<div id="ete-cascade-name" class="ete-word">
|
||
<span class="ete-word-1" style="cursor:pointer;font-size:18px;"><</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>
|
||
</div>
|
||
</div>
|
||
<div id="shape_img_container"></div>
|
||
<div id="layout_block"></div>
|
||
</div>
|
||
<div id="shape_thumb" class="menu">
|
||
<canvas width="160px"></canvas>
|
||
<div></div>
|
||
</div>
|
||
<div id="dock">
|
||
<div class="dock_header"></div>
|
||
<div class="dock_buttons">
|
||
<div id="dock_btn_attribute" class="toolbar_button selected" style="<#attributeView>" onclick="Dock.showView('attribute');setCookie('<#uuid>', 'attribute,true');" awsui-qtip="数据属性">
|
||
<div class="ico ico_dock_attribute"></div>
|
||
</div>
|
||
<div id="dock_btn_navigator" class="toolbar_button" onclick="Dock.showView('navigator');setCookie('<#uuid>', 'navigator,true');" awsui-qtip="导航">
|
||
<div class="ico ico_dock_nav"></div>
|
||
</div>
|
||
<div id="dock_btn_graphic" class="toolbar_button owner" onclick="Dock.showView('graphic');setCookie('<#uuid>', 'graphic,true');" awsui-qtip="图形">
|
||
<div class="ico ico_dock_styles"></div>
|
||
</div>
|
||
<div id="dock_btn_metric" class="toolbar_button owner" onclick="Dock.showView('metric');setCookie('<#uuid>', 'metric,true');" awsui-qtip="度量">
|
||
<div class="ico ico_dock_metric"></div>
|
||
</div>
|
||
|
||
<div id="dock_btn_page" class="toolbar_button owner" onclick="Dock.showView('page');setCookie('<#uuid>', 'page,true');" awsui-qtip="页面设置">
|
||
<div class="ico ico_dock_page"></div>
|
||
</div>
|
||
<#dock_btn_validate>
|
||
<div id="dock_btn_message" class="toolbar_button" style="<#messageView>" onclick="Dock.showView('message');setCookie('<#uuid>', 'page,true');" awsui-qtip="留言">
|
||
<div class="ico ico_dock_message"></div>
|
||
</div>
|
||
<div id="dock_btn_publish" class="toolbar_button" style="<#publishView>" onclick="Dock.showView('publish');setCookie('<#uuid>', 'page,true');" awsui-qtip="发布历史">
|
||
<div class="ico ico_dock_publish"></div>
|
||
</div>
|
||
<div id="dock_btn_enlarge" class="toolbar_button" onclick="resizeMax()" awsui-qtip="放大">
|
||
<div class="ico ico_dock_enlarge"></div>
|
||
</div>
|
||
<div id="dock_btn_narrow" class="toolbar_button" onclick="resizeMin()" awsui-qtip="缩小">
|
||
<div class="ico ico_dock_narrow"></div>
|
||
</div>
|
||
<div id="dock_btn_print" class="toolbar_button" style="<#printView>" onclick="printProcess()" awsui-qtip="打印">
|
||
<div class="ico ico_dock_print"></div>
|
||
</div>
|
||
<div id="dock_btn_fullscreen" class="toolbar_button" onclick="Dock.enterFullScreen()" awsui-qtip="全屏">
|
||
<div class="ico ico_dock_fullscreen"></div>
|
||
</div>
|
||
<div id="dock_btn_upfile" class="toolbar_button" onclick="openUpFile()" awsui-qtip="附件">
|
||
<div class="ico ico_dock_upfile"></div>
|
||
</div>
|
||
<div id="dock_btn_link" class="toolbar_button" onclick="Dock.showView('link');setCookie('<#uuid>', 'page,true');" awsui-qtip="链接">
|
||
<div class="ico ico_link"></div>
|
||
</div>
|
||
<#processlink_ete_analysis>
|
||
</div>
|
||
</div>
|
||
<div id="navigation_view" class="dock_view dock_view_navigator">
|
||
<div class="dock_view_header">
|
||
导航
|
||
<div class="ico ico_dock_collapse"></div>
|
||
</div>
|
||
<div class="navigation_bounding">
|
||
<div class="navigation_view_container">
|
||
<canvas id="navigation_canvas" width="120px" height="160px"></canvas>
|
||
<div id="navigation_eye"></div>
|
||
</div>
|
||
</div>
|
||
<div class="dock_devider" style="margin: 0px 10px"></div>
|
||
<div class="navigation_view_bar">
|
||
<div id="dock_zoom" class="spinner active"></div>
|
||
<div id="dock_btn_fullscreen" class="toolbar_button active" onclick="Dock.enterFullScreen()" awsui-qtip='全屏视图' title_pos="top">
|
||
<div class="ico ico_fullscreen"></div>
|
||
</div>
|
||
</div>
|
||
<div id="fullscreen_tip" class="alert error">
|
||
<div class="ico dlg_close" onclick="$('#fullscreen_tip').hide();"></div>
|
||
<div class="t"></div>
|
||
<div class="full_suggest">
|
||
<span style="float: left;">我们推荐使用以下浏览器：</span>
|
||
<span style="float: left;">
|
||
<a href="http://www.google.com/chrome" target="_blank">
|
||
<span class="ico chrome"></span>
|
||
</a>
|
||
<a href="http://www.firefox.com" target="_blank">
|
||
<span class="ico firefox"></span>
|
||
</a>
|
||
</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Graphic Dock Window -->
|
||
<div class="dock_view dock_view_graphic">
|
||
<div class="dock_view_header">
|
||
图形
|
||
<div class="ico ico_dock_collapse"></div>
|
||
</div>
|
||
<div class="dock_content">
|
||
<div class="dock_content_title">连线</div>
|
||
<div id="dock_line_color" class="picker_btn btn_inline"></div>
|
||
<div id="dock_line_style" class="toolbar_button drop_button active btn_inline" style="margin: 0px 0px 0px 10px">
|
||
<div class="ico linestyle linesolid"></div>
|
||
<div class="ico ico_dropdown"></div>
|
||
</div>
|
||
<div id="dock_line_width" class="spinner active btn_inline" style="width: 82px; margin-left: 10px;"></div>
|
||
<div style="clear: both"></div>
|
||
<div class="dock_devider"></div>
|
||
<div class="dock_content_title">填充样式</div>
|
||
<div id="dock_fill_type" class="toolbar_button active">
|
||
<div class="text_content"></div>
|
||
<div class="ico ico_dropdown"></div>
|
||
</div>
|
||
<div class="fill_detail fill_detail_solid">
|
||
<div id="fill_solid_btn" class="picker_btn"></div>
|
||
</div>
|
||
<div class="fill_detail fill_detail_gradient">
|
||
<div id="fill_gradient_begin" c="255,255,255" class="picker_btn btn_inline"></div>
|
||
<div id="gradient_swap" class="toolbar_button btn_normal btn_inline">
|
||
<div class="ico gradient_swap"></div>
|
||
</div>
|
||
<div id="fill_gradient_end" c="255,255,255" class="picker_btn btn_inline"></div>
|
||
<div id="gradient_type" class="toolbar_button active btn_normal btn_inline" style="width: 100px;margin: 0px 0px 0px 10px;">
|
||
<div class="text_content"></div>
|
||
<div class="ico ico_dropdown"></div>
|
||
</div>
|
||
<div style="clear: both"></div>
|
||
<div id="gradient_type_linear" class="gradient_details">
|
||
角度：
|
||
<div id="gradient_angle" class="spinner active" style="width: 100px; display: inline-block;"></div>
|
||
</div>
|
||
<div id="gradient_type_radial" class="gradient_details">
|
||
半径：
|
||
<div id="gradient_radius" class="spinner active" style="width: 100px; display: inline-block;"></div>
|
||
</div>
|
||
<div style="clear: both"></div>
|
||
</div>
|
||
<div class="fill_detail fill_detail_image">
|
||
<div id="fill_change_img" class="toolbar_button active" style="width: 95px;">更改图片</div>
|
||
<div style="height: 10px;"></div>
|
||
显示方式：
|
||
<div id="fill_img_display" class="toolbar_button active" style="width: 100px; display: inline-block;">
|
||
<div class="text_content"></div>
|
||
<div class="ico ico_dropdown"></div>
|
||
</div>
|
||
</div>
|
||
<div class="dock_devider"></div>
|
||
<div class="dock_content_title">透明度</div>
|
||
<div id="spinner_opacity" class="spinner active" style="width: 90px;"></div>
|
||
</div>
|
||
</div>
|
||
<div class="dock_view dock_view_metric">
|
||
<div class="dock_view_header">
|
||
度量
|
||
<div class="ico ico_dock_collapse"></div>
|
||
</div>
|
||
<div class="dock_content">
|
||
<div class="dock_content_title">位置和大小</div>
|
||
<div class="dock_label">X:</div>
|
||
<div id="dock_metric_x" class="spinner active btn_inline" style="width: 65px;"></div>
|
||
<div class="dock_label">宽:</div>
|
||
<div id="dock_metric_w" class="spinner active btn_inline" style="width: 65px;"></div>
|
||
<div style="clear: both; height: 10px;"></div>
|
||
<div class="dock_label">Y:</div>
|
||
<div id="dock_metric_y" class="spinner active btn_inline" style="width: 65px;"></div>
|
||
<div class="dock_label">高:</div>
|
||
<div id="dock_metric_h" class="spinner active btn_inline" style="width: 65px;"></div>
|
||
<div style="clear: both"></div>
|
||
<div class="dock_devider"></div>
|
||
<div class="dock_content_title">旋转方向</div>
|
||
<div id="dock_metric_angle" class="spinner active" style="width: 95px; display: inline-block;"></div>
|
||
</div>
|
||
</div>
|
||
<div class="dock_view dock_view_page">
|
||
<div class="dock_view_header">
|
||
页面设置
|
||
<div class="ico ico_dock_collapse"></div>
|
||
</div>
|
||
<div class="dock_content">
|
||
<div class="dock_content_title">页面</div>
|
||
<div class="dock_label" style="width: 80px;">页面大小:</div>
|
||
<div id="dock_page_size" class="toolbar_button active btn_inline" style="width: 110px;display: inline-block;">
|
||
<div class="text_content"></div>
|
||
<div class="ico ico_dropdown"></div>
|
||
</div>
|
||
<div style="height: 10px; clear: both"></div>
|
||
<div class="dock_label" style="width: 80px;">内边距:</div>
|
||
<div id="dock_page_padding" class="toolbar_button active btn_inline" style="width: 110px;display: inline-block;">
|
||
<div class="text_content"></div>
|
||
<div class="ico ico_dropdown"></div>
|
||
</div>
|
||
<div style="height: 10px; clear: both"></div>
|
||
<div class="dock_label" style="width: 80px;">背景颜色:</div>
|
||
<div id="dock_page_color" class="picker_btn btn_inline"></div>
|
||
<div style="clear: both"></div>
|
||
<div class="dock_devider"></div>
|
||
<div class="dock_content_title">网格</div>
|
||
<input id="dock_page_showgrid" type="checkbox" />
|
||
<label for="dock_page_showgrid">显示网格</label>
|
||
<div id="dock_gridsize_box" style="margin-top: 10px;">
|
||
<div class="dock_label">网格大小:</div>
|
||
<div id="dock_page_gridsize" class="toolbar_button active btn_inline" style="width: 110px;display: inline-block;">
|
||
<div class="text_content"></div>
|
||
<div class="ico ico_dropdown"></div>
|
||
</div>
|
||
<div style="clear: both"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="dock_view dock_view_attribute" style="width: 350px;overflow:auto">
|
||
<div class="dock_view_header">
|
||
<font id='dock_view_header_title'>文件属性</font>
|
||
<div class="ico ico_dock_collapse"></div>
|
||
</div>
|
||
<div class="dock_content" style="padding: 5px 0px 5px;">
|
||
<ul style="overflow-x: hidden;overflow-y: hidden;">
|
||
<div id="dock_content_attribute">
|
||
<ul id="tabUlContainer">
|
||
<li id="tabLiContainnerAttribute" class="selectTag">
|
||
<a onClick="selectAttrTabTag('tagContent1',this)" href="javascript:void(0)">属性</a>
|
||
</li>
|
||
<li>
|
||
<a onClick="selectAttrTabTag('tagContent0',this)" href="javascript:void(0)">关系</a>
|
||
</li>
|
||
<li><a onClick="selectAttrTabTag('tagContent2',this)" href="javascript:void(0)">出现</a> </li>
|
||
<li><a onClick="selectAttrTabTag('tagContent3',this)" href="javascript:void(0)">关联</a> </li>
|
||
</ul>
|
||
<div id="tagContent">
|
||
<div class="tagContent" id="tagContent0" style="overflow:auto; padding: 10px 0px;">
|
||
<table style="margin-top: -10px;border-collapse:collapse; width: 100%;">
|
||
<tbody class="tagContentTableTbody" id="tagContentTableTitle">
|
||
<tr class="tagContentTableTrFirst">
|
||
<td width="50%">关系类型</td>
|
||
<td width="50%">对象名称</td>
|
||
</tr>
|
||
</tbody>
|
||
<tbody class="tagContentTableTbody" id="tagContentTable1">
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
<div class="tagContent selectTag" id="tagContent1" style="overflow:auto; overflow-x:hidden; padding: 10px 0px;">
|
||
<table style="margin-top: -10px;border-collapse:collapse;">
|
||
<tbody class="tagContentTableTbody">
|
||
<tr class="tagContentTableTrFirst">
|
||
<td width="30%">属性名称</td>
|
||
<td width="70%" style="width: 235px;">属性值</td>
|
||
</tr>
|
||
<tr class="tagContentTableTr">
|
||
<td width="30%">名称</td>
|
||
<td width="30%" class="tagContentTableTrTd">
|
||
<span awsui-qtip="" style="overflow:hidden; height:100%;" class="attribute_input_css" name="attribute_desc_input" readonly="readonly" ></span>
|
||
</td>
|
||
</tr>
|
||
<tr class="tagContentTableTr">
|
||
<td width="30%">类型</td>
|
||
<td width="30%" id="attribute_name_td_content"></td>
|
||
</tr>
|
||
</tbody>
|
||
<tbody class="tagContentTableTbody" id="tagContentTable0">
|
||
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
<!-- 出现复制 -->
|
||
<div class="tagContent" id="tagContent2" style="overflow:auto; padding: 10px 0px;">
|
||
<table style="margin-top: -10px;border-collapse:collapse; width: 100%;">
|
||
<tbody class="tagContentTableTbody" id="tagContentTableTitle2">
|
||
<tr class="tagContentTableTrFirst"><td width="50%">模型名称</td><td width="50%">类型</td></tr>
|
||
</tbody>
|
||
<tbody class="tagContentTableTbody" id="tagContentTableTitleContent2">
|
||
</tbody>
|
||
<tbody class="tagContentTableTbody" id="tagContentTable2">
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
|
||
<!-- 形状关联 -->
|
||
<div class="tagContent" id="tagContent3" style="overflow:auto; padding: 10px 0px;">
|
||
<table style="margin-top: -10px;border-collapse:collapse; width: 100%;">
|
||
<tbody class="tagContentTableTbody" id="tagContentTableTitle3">
|
||
<tr class="tagContentTableTrFirst"><td width="50%">文件名称</td><td width="50%">图形名称</td></tr>
|
||
</tbody>
|
||
<tbody class="tagContentTableTbody" id="tagContentTableTitleContent3">
|
||
</tbody>
|
||
<tbody class="tagContentTableTbody" id="tagContentTable3">
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
<ul style="margin-top:10px;" class="clearfix">
|
||
<li>
|
||
<span awsui-qtip="点击打开附件管理" id="upfile" class="button">附件</span>
|
||
</li>
|
||
</ul>
|
||
</ul>
|
||
</div>
|
||
<ul id="attr_no_more_attribute_id">
|
||
<li class="attr_no_more_attribute">
|
||
<iframe id="file_attribute" frameborder="0" width="100%" style="width:100%;height:380px" src="./w?sid=<#sid>&cmd=com.actionsoft.apps.coe.pal_processlevel_create&wsid=<#wsId>&pid=<#parentChartId>&id=<#uuid>&editable=<#editable>"></iframe>
|
||
</li>
|
||
</ul>
|
||
<div id="textarea-dialog" title="" style="display:none; width:500px; height:300px;">
|
||
<textarea style="width:100%; height:200px; border:1px solid rgb(178, 178, 178);" class="awsui-input awsui-textarea"></textarea>
|
||
<!-- 已经存在 的属性 -->
|
||
<input type="hidden" id="exitAttributesJsonIds" value="" name="exitAttributesJsonIds" />
|
||
</div>
|
||
</div>
|
||
|
||
<div class="dock_view dock_view_message" style="width: 300px;">
|
||
<div class="dock_view_header">
|
||
留言
|
||
<span id="validate_count"></span>
|
||
<div class="ico ico_dock_collapse"></div>
|
||
</div>
|
||
<div id="sideMessageListDiv" class="dock_content" style="padding: 0px;">
|
||
<div style="width:280px; margin: 10px auto; text-align: center; border: solid 1px #c5c5c5;">
|
||
<textarea id="publishMessage" style="width:272px;height:80px; border: none;" class="awsui-input awsui-textarea"></textarea>
|
||
<div style="border-top: solid 1px #999; padding: 5px; text-align: right;">
|
||
<span id="messageSize">1000字</span>
|
||
<button id="publishMessageButton" type="button" class="button blue" onclick="saveMessage()">发布</button>
|
||
</div>
|
||
</div>
|
||
<div id="messageContent">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="dock_view dock_view_publish" style="width: 300px;">
|
||
<div class="dock_view_header">
|
||
发布历史
|
||
<span id="validate_count"></span>
|
||
<div class="ico ico_dock_collapse"></div>
|
||
</div>
|
||
<div id="sidePublishListDiv" class="dock_content sidelist_div content" style="padding: 0px; max-height: 400px; overflow-y: auto;">
|
||
<article>
|
||
</artical>
|
||
</div>
|
||
</div>
|
||
<div class="dock_view dock_view_link" style="width: 270px;">
|
||
<div class="dock_view_header">
|
||
链接
|
||
<span id="validate_count"></span>
|
||
<div class="ico ico_dock_collapse"></div>
|
||
</div>
|
||
<div id="sideLinkListDiv" class="dock_content" style="padding: 0px; max-height: 380px;">
|
||
<div id="linkContent" style="width:250px; margin: 10px auto; text-align: center; border: solid 1px #c5c5c5;">
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="export_dialog" class="ui-draggable awsui-dialog" style="min-width:450px; display: none;">
|
||
<div class="dialog_header">下载格式</div>
|
||
<div class="dialog_content">
|
||
<form id="export_form" action="/diagram_export" method="post">
|
||
<ul class="export-list">
|
||
<li class="first">
|
||
<input id="export_png" type="radio" name="type" value="image" checked="checked" style="float: left;margin-right: 5px;">
|
||
<label for="export_png" class="export-menu" style="float:left;line-height: 18px;">
|
||
图片文件
|
||
<span class="suffix">(*.png)</span>
|
||
<span class="export_des">将文件导出成图片</span>
|
||
</label>
|
||
<div style="clear: both;"></div>
|
||
</li>
|
||
<!--
|
||
<li class="first">
|
||
<input id="export_pdf" type="radio" name="type" value="pdf" style="float: left;margin-right: 5px;">
|
||
<label for="export_pdf" class="export-menu" style="float:left;line-height: 18px;">
|
||
PDF文件<span class="suffix"> (*.pdf)</span>
|
||
<span class="export_des">由图片保存成的PDF文件</span>
|
||
</label>
|
||
<div style="clear: both;"></div>
|
||
</li>
|
||
<li class="first">
|
||
<input id="export_pos" type="radio" name="type" value="pos" style="float: left;margin-right: 5px;">
|
||
<label for="export_pos" class="export-menu" style="float:left;line-height: 18px;">
|
||
POS文件<span class="suffix"> (*.pos)</span>
|
||
<span class="export_des">包含图片与图形结构定义</span>
|
||
</label>
|
||
<div style="clear: both;"></div>
|
||
</li>
|
||
-->
|
||
</ul>
|
||
<input id="export_definition" type="hidden" name="definition" />
|
||
<input id="export_title" type="hidden" name="title" />
|
||
<input type="hidden" name="chartId" value="<#uuid>" />
|
||
<input type="hidden" name="ignore" value="definition" />
|
||
</form>
|
||
</div>
|
||
<div class="dialog-button-wrap" style="text-align:right">
|
||
<div class="dlg-button">
|
||
<button type="button" class="button blue" onclick="UI.doExport()">确定</button>
|
||
<button type="button" class="button last" onclick="$('#export_dialog').dlg('close');">关闭</button>
|
||
</div>
|
||
</div>
|
||
<iframe id='export_iframe' style='display:none' frameborder="0" width="100%" src=""></iframe>
|
||
</div>
|
||
<!-- 预览报告dialog-->
|
||
<div id="previewDialog" style="width: 80%;padding: 20px 20px 20px 20px;overflow: hidden;">
|
||
<div id="previewContent" style="width: 100%;height: 100%;overflow:auto;text-align: center;"></div>
|
||
</div>
|
||
<div id="wpsPage" style="display:none;width: calc(100% - 36px);position: relative;background-color: #EEEEEE;">
|
||
</div>
|
||
|
||
<div id='hotkey_list' class='dialog'>
|
||
<div class='dialog_header'>快捷键列表</div>
|
||
<div class='dialog_content'>
|
||
<div class="hotkey_content">
|
||
<span class="hotkey_line hotkey_group">通用</span>
|
||
<span class="hotkey_line">
|
||
<span class="hotkey">Alt</span>
|
||
<span class="hotkey_desc">按住Alt，通过鼠标可以对页面进行拖动</span>
|
||
</span>
|
||
<!--<span class="hotkey_line">
|
||
<span class="hotkey">Ctrl</span>
|
||
<span class="hotkey_desc">按住Ctrl，点击一个图形，将其添加到选择图形中，或者从中移除</span>
|
||
</span>-->
|
||
<span class="hotkey_line">
|
||
<span class="hotkey">Ctrl + < , 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>
|
||
|
||
<div style="width:510px;display:none;" id="shapes_dialog">
|
||
<div id="content" class="dlg-content awsui-ux">
|
||
<ul id="shape_manage_list">
|
||
<#liStr>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="designer-version-manager" style="width:600px; display:none;">
|
||
<div id='contentDiv' style='margin-top:1px;height:220px;' class="dlg-content">
|
||
<iframe width="100%" id="designerManager" name="coeCreateUser" frameBorder="0" style="width: 100%; height: 220px;"></iframe>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 不支持HTML5的页面显示图片 -->
|
||
<div id="mainDiv" style="display: none;">
|
||
<div class="view_box">
|
||
<div id="chartDivBox" style="background: none;">
|
||
<div id="chartDiv" style="left: 148.5px; top: 0px;">
|
||
<img alt="<#fileName>" id="chart_img" style="display: block; opacity: 1;" src="<#diagram>">
|
||
</div>
|
||
</div>
|
||
<div id="chart_preview" style="background: rgba(255, 255, 255, 0.701961);">
|
||
<div id="chart_preview_wrap" style="position: absolute; opacity: 1;">
|
||
<img id="preview_img" style="position: absolute; display: block;" src="<#diagram>">
|
||
<div class="preview_box" id="preview_box" style="cursor: move; background: rgba(255, 255, 255, 0);"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div title="" style="width:550px;display:none;" id="upfile-dialog">
|
||
<div id='upfile-content' style='height:330px;'>
|
||
<iframe width="100%" id="upfile-content-iframe" name="upfile-content-iframe" frameBorder="0" style="width: 100%; height:100%;"></iframe>
|
||
</div>
|
||
</div>
|
||
|
||
<!--<I18N#流程属性的对话框>-->
|
||
<div id="dialog_properties" style="width:525px;display:none;">
|
||
<div id="dialog_properties_area" style="height:260px;" class="dlg-content">
|
||
<iframe id="properties_frame" src="" frameborder="0" width="100%" height="100%"></iframe>
|
||
</div>
|
||
<div class="dialog-button-wrap" style="text-align:right">
|
||
<div class="dlg-button" style="text-align:right;">
|
||
<div class="dlg-info"><span style='font-family: Consolas;font-size:16px;'>ID:<#processDefId></span></div>
|
||
<button id="setproperties_submit" class="button blue" onclick="BPMNBiz.saveAWSProperties();return false;"><I18N#确定></button>
|
||
<button class="button" onclick="$('#dialog_properties').dialog('close');return false;"><I18N#取消></button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!--WFVersion对话框-->
|
||
<div id="dialog_wf_version" style="width:900px; display:none;">
|
||
<div id="dialog_wf_version_area" style="height:250px;" class="dlg-content">
|
||
<iframe id="wf_version_frame" src="" frameborder="0" width="100%" height="100%"></iframe>
|
||
</div>
|
||
<div class="dialog-button-wrap" style="text-align:right">
|
||
<div class="dlg-button" style="text-align:right;">
|
||
<div class="dlg-info">
|
||
<span style='font-family: Consolas;font-size:16px;'>Version ID:
|
||
<input type='text' class='IDInput' readonly='readonly' value='<#processDefVersionId>' />
|
||
</span>
|
||
</div>
|
||
<button class="button" onclick="$('#dialog_wf_version').dialog('close');return false;">关闭</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<form id="openNewModelForm" name="openNewModelForm" method="post" action="./w" target="_blank">
|
||
<input type="hidden" name="sid" id="sid" value="<#sid>">
|
||
<input type="hidden" name="imgPath" id="imgPath" value="<#imgPath>">
|
||
<input type="hidden" name="openType" id="openType" value="<#openType>">
|
||
<input type="hidden" name="wsId" id="wsId" value="<#wsId>">
|
||
<input type="hidden" name="teamId" id="teamId" value="<#teamId>">
|
||
<input type="hidden" name="filePerms" id="filePerms" value="<#filePerms>" />
|
||
<input type="hidden" name="defaultMoreAttrSort" id="defaultMoreAttrSort" value="<#defaultAttrSort>" />
|
||
<input type="hidden" name="moreAttrRight" id="moreAttrRight" value="<#moreAttrRight>" />
|
||
</form>
|
||
|
||
</body>
|
||
<script src="../commons/js/web-office-sdk-v1.1.19.umd.js"></script>
|
||
<script>
|
||
$(document).ready(function() {
|
||
debugger;
|
||
//新增 打开wps文件逻辑
|
||
if(methodId === 'control.policy'|| methodId ==='engineering.standard' || methodId ==='process.scheme'){
|
||
//执行切换显示按钮
|
||
switchWpsDisplay(true);
|
||
}else{
|
||
$("#switchViews").css('display','none');
|
||
$("#textFileShow").css('display','none');
|
||
}
|
||
$("#processTermination").off("click").on("click", function () {
|
||
$.ajax({
|
||
type: "POST",
|
||
url: "./jd",
|
||
data: {
|
||
sid: CLB.sid,
|
||
palUUID:ruuid,
|
||
cmd: "com.actionsoft.apps.coe.pal.publisher.createProcess_processTermination",
|
||
processDefId: "obj_fb1c7a54b98b412187388c8bab407362",
|
||
},
|
||
success: function (r) {
|
||
if(r.result == "error"){
|
||
$.simpleAlert(r.msg, "error");
|
||
}else{
|
||
window.open(r.data.url);
|
||
}
|
||
|
||
},
|
||
error: function (r) {
|
||
}
|
||
});
|
||
});
|
||
|
||
$("#switchViews").off("click").on("click", function () {
|
||
debugger
|
||
if ($("#wpsPage").is(":visible")) {
|
||
switchWpsDisplay(false);
|
||
} else {
|
||
switchWpsDisplay(true);
|
||
}
|
||
});
|
||
|
||
function switchWpsDisplay(flag) {
|
||
if (flag) {//显示wps页面，隐藏其余页面
|
||
debugger;
|
||
$("#wpsPage").css('display', 'block');
|
||
$("#wpsPage").height($('#designer_viewport').height());
|
||
$("#designer_layout").css('display', 'none');
|
||
//打开wps在线编辑页面
|
||
$("#dock").css("right", 0);
|
||
openWpsUrl();
|
||
} else {
|
||
$("#wpsPage").css('display', 'none');
|
||
$("#designer_layout").css('display', 'block');
|
||
var layoutW = $("#designer_layout").width();
|
||
var viewW = $("#layout_block").width();
|
||
// 总宽度减去可视区域的宽度，得到滚动条宽度
|
||
var navRight = layoutW - viewW;
|
||
$("#dock").css("right", navRight);
|
||
updateShapePanel();
|
||
}
|
||
}
|
||
|
||
function openWpsUrl(){
|
||
debugger;
|
||
$.ajax({
|
||
url: "./jd?sid=" + sid + "&cmd=com.awspaas.user.apps.yiliwps.readOnlyUrl&palId=" + ruuid +"&fileName="+updatedPolicyFileList,
|
||
type: 'GET',
|
||
success: function(data) {
|
||
if(data.code ===200){
|
||
//换一种打开方式
|
||
console.log('引入后可以开始使用 JSSDK 了~');
|
||
jssdk = WebOfficeSDK.config({
|
||
url: data.data.link, // 该地址需要对接方服务端提供，形如 https://wwo.wps.cn/office/p/xxx
|
||
mount:document.querySelector('#wpsPage')
|
||
})
|
||
|
||
jssdk.on('fileOpen', (data) => {
|
||
console.log('打开文档成功: ', data)
|
||
})
|
||
}
|
||
}
|
||
});
|
||
}
|
||
});
|
||
</script>
|
||
|
||
</html>
|