258 lines
9.5 KiB
HTML
Executable File
258 lines
9.5 KiB
HTML
Executable File
<!Doctype html>
|
|
<html xmlns=http://www.w3.org/1999/xhtml xmlns="http://www.w3.org/1999/html">
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
|
<title>shapeConfig update dialog page</title>
|
|
<link rel="stylesheet" href="../commons/css/awsui.css">
|
|
<link rel="stylesheet" href="../commons/js/jquery/themes/default/public.css">
|
|
<script src="../commons/js/jquery/scripts/jquery.js"></script>
|
|
<link rel="stylesheet" href="../commons/css/awsui.css"/>
|
|
<script src="../commons/js/awsui.js"></script>
|
|
<script type="text/javascript" src="../apps/_bpm.platform/js/console.m.process.bpmn.designer.properties.tools.js"></script>
|
|
<style type="text/css">
|
|
.switchery > small {
|
|
width: 16px!important;
|
|
height: 16px!important;
|
|
top: -2px!important;
|
|
}
|
|
#horizontal {
|
|
width: 150px;
|
|
height: 25px;
|
|
border: 1px solid;
|
|
border-color: #e9e9e9;
|
|
}
|
|
#verity {
|
|
width: 150px;
|
|
height: 25px;
|
|
border: 1px solid;
|
|
border-color: #e9e9e9;
|
|
}
|
|
#horizontal:hover {
|
|
border-color: #c6c6c6;
|
|
background-color: #F0FFF0;
|
|
}
|
|
#verity:hover {
|
|
border-color: #c6c6c6;
|
|
background-color: #F0FFF0;
|
|
}
|
|
#iconSelect:hover {
|
|
border-color: #c6c6c6;
|
|
background-color: #F0FFF0;
|
|
}
|
|
#menuHorizontal > li > div {
|
|
position: absolute;
|
|
width: 11px;
|
|
height: 11px;
|
|
left: 10px;
|
|
top: 6px;
|
|
border: 1px solid #333;
|
|
background: white;
|
|
}
|
|
#horizontal > .loc > div {
|
|
position: absolute;
|
|
width: 11px;
|
|
height: 11px;
|
|
left: 10px;
|
|
top: 3px;
|
|
border: 1px solid #333;
|
|
background: white;
|
|
}
|
|
#menuVerity > li > div {
|
|
position: absolute;
|
|
width: 11px;
|
|
height: 11px;
|
|
left: 10px;
|
|
top: 6px;
|
|
border: 1px solid #333;
|
|
background: white;
|
|
}
|
|
#verity > .loc > div {
|
|
position: absolute;
|
|
width: 11px;
|
|
height: 11px;
|
|
left: 10px;
|
|
top: 3px;
|
|
border: 1px solid #333;
|
|
background: white;
|
|
}
|
|
#menuHorizontal > li > div > span {
|
|
display: block;
|
|
position: absolute;
|
|
width: 5px;
|
|
height: 5px;
|
|
background: #dd4b39;
|
|
top: 3px;
|
|
left: 3px;
|
|
}
|
|
#horizontal > .loc > div > span {
|
|
display: block;
|
|
position: absolute;
|
|
width: 5px;
|
|
height: 5px;
|
|
background: #dd4b39;
|
|
top: 3px;
|
|
left: 3px;
|
|
}
|
|
#menuVerity > li > div > span {
|
|
display: block;
|
|
position: absolute;
|
|
width: 5px;
|
|
height: 5px;
|
|
background: #dd4b39;
|
|
top: 3px;
|
|
left: 3px;
|
|
}
|
|
#verity > .loc > div > span {
|
|
display: block;
|
|
position: absolute;
|
|
width: 5px;
|
|
height: 5px;
|
|
background: #dd4b39;
|
|
top: 3px;
|
|
left: 3px;
|
|
}
|
|
#showAttrName:hover {
|
|
background-color: #F0FFF0;
|
|
}
|
|
</style>
|
|
<script type="text/javascript">
|
|
//声明全局变量
|
|
var switchAttributeNameBtn;
|
|
var sid = "<#sid>";
|
|
var horVerArray = "<#horVerArray>";
|
|
var type = "<#type>";
|
|
var horizontal = "<#horizontal>";
|
|
var verity = "<#verity>";
|
|
var showType = "<#showType>";
|
|
var textContent = "<#textContent>";
|
|
var key = "<#key>";
|
|
var attrName = "<#attrName>";
|
|
var isShowAttrName = "<#isShowAttrName>";
|
|
var iconContent = "<#iconContent>";
|
|
</script>
|
|
<script type="text/javascript" src="../apps/_bpm.platform/js/console.m.process.bpmn.designer.properties.tools.js"></script>
|
|
<script type='text/javascript' charset='UTF-8' src="../<I18N#COEPATH>/js/coe.pal.manage.shape.config.update.dialog.js"></script>
|
|
</head>
|
|
<body style="height: 96%;overflow-x: hidden;">
|
|
<!--属性的dialog-->
|
|
<div class="awsui-size-large awsui-hide" style="display:block;width:400px;height:250px;z-index:100;">
|
|
<div class="awsui-row" style="width: 100%; height: 23px; margin-top: 10px; margin-left: 18px;">
|
|
<div style="" class="awsui-col-xs-10 awsui-col-sm-10 awsui-col-md-10 awsui-col-lg-10">
|
|
<div class="awsui-col-xs-2 awsui-col-sm-2 awsui-col-md-2 awsui-col-lg-2">显示位置</div>
|
|
</div>
|
|
</div>
|
|
<div class="awsui-row" style="width: 105%; height: 30px; margin-left: 18px;">
|
|
<div class="awsui-col-xs-6 awsui-col-sm-6 awsui-col-md-6 awsui-col-lg-6">
|
|
<span class="awsui-col-xs-1 awsui-col-sm-1 awsui-col-md-1 awsui-col-lg-1 required" style="width: 1px;height: 1px;"></span>
|
|
<div class="awsui-col-xs-2 awsui-col-sm-2 awsui-col-md-2 awsui-col-lg-2" style="margin-top: 5px;">水平</div>
|
|
<div class="awsui-col-xs-9 awsui-col-sm-9 awsui-col-md-9 awsui-col-lg-9">
|
|
<div id="horizontal" style="cursor: pointer;" onclick="showHorizontalLoc();">
|
|
<div class="ico" style="float: right; color: #888; margin-top: 4px; margin-right: 2px;">
|
|
<i class="awsui-iconfont" style="font-size: 13px;"></i>
|
|
</div>
|
|
</div>
|
|
<ul id="menuHorizontal" class="awsui-menu" style="width: 150px;">
|
|
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="awsui-col-xs-6 awsui-col-sm-6 awsui-col-md-6 awsui-col-lg-6">
|
|
<span class="awsui-col-xs-1 awsui-col-sm-1 awsui-col-md-1 awsui-col-lg-1 required" style="width: 1px;height: 1px;"></span>
|
|
<div class="awsui-col-xs-2 awsui-col-sm-2 awsui-col-md-2 awsui-col-lg-2" style="margin-top: 5px;">垂直</div>
|
|
<div class="awsui-col-xs-9 awsui-col-sm-9 awsui-col-md-9 awsui-col-lg-9">
|
|
<div id="verity" style="cursor: pointer;" onclick="showVerityLoc();">
|
|
<div class="ico" style="float: right; color: #888; margin-top: 4px; margin-right: 2px;">
|
|
<i class="awsui-iconfont" style="font-size: 13px;"></i>
|
|
</div>
|
|
</div>
|
|
<ul id="menuVerity" class="awsui-menu" style="width: 150px;">
|
|
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="awsui-row" style="width: 100%; height: 23px; margin-left: 18px; margin-top: 10px;">
|
|
<div style="" class="awsui-col-xs-10 awsui-col-sm-10 awsui-col-md-10 awsui-col-lg-10">
|
|
<div class="awsui-col-xs-2 awsui-col-sm-2 awsui-col-md-2 awsui-col-lg-2">显示方式</div>
|
|
</div>
|
|
</div>
|
|
<div class="awsui-row" style="width: 100%; height: 30px; margin-left: 18px;">
|
|
<div class="awsui-col-xs-12 awsui-col-sm-12 awsui-col-md-12 awsui-col-lg-12">
|
|
<div class="awsui-col-xs-12 awsui-col-sm-12 awsui-col-md-12 awsui-col-lg-12">
|
|
<select id="showType"></select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="textBlock" style="display: block;">
|
|
<div class="awsui-row" style="width: 100%; height: 23px; margin-left: 18px; margin-top: 10px;">
|
|
<div style="" class="awsui-col-xs-10 awsui-col-sm-10 awsui-col-md-10 awsui-col-lg-10">
|
|
<div class="awsui-col-xs-2 awsui-col-sm-2 awsui-col-md-2 awsui-col-lg-2">文本信息</div>
|
|
</div>
|
|
</div>
|
|
<div class="awsui-row" style="width: 100%; height: 30px; margin-left: 15px;">
|
|
<div class="awsui-col-xs-12 awsui-col-sm-12 awsui-col-md-12 awsui-col-lg-12" style="margin-left: 3.5px;">
|
|
<div class="awsui-col-xs-12 awsui-col-sm-12 awsui-col-md-12 awsui-col-lg-12">
|
|
<textarea id="textContent" type="textarea" placeholder="请输入不超过200个字符的文本信息" rows="3" class="awsui-input"></textarea>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="attributeBlock" style="display: none;">
|
|
<div class="awsui-row" style="width: 100%; height: 23px; margin-left: 18px; margin-top: 10px;">
|
|
<div style="" class="awsui-col-xs-10 awsui-col-sm-10 awsui-col-md-10 awsui-col-lg-10">
|
|
<div class="awsui-col-xs-2 awsui-col-sm-2 awsui-col-md-2 awsui-col-lg-2">属性选择</div>
|
|
</div>
|
|
</div>
|
|
<div class="awsui-row" style="width: 100%; height: 30px; margin-left: 18px;">
|
|
<div class="awsui-col-xs-12 awsui-col-sm-12 awsui-col-md-12 awsui-col-lg-12">
|
|
<div class="awsui-col-xs-12 awsui-col-sm-12 awsui-col-md-12 awsui-col-lg-12 required">
|
|
<input id="attrSelect" type="text" placeholder="点击选择需要显示在该位置的属性" class="awsui-input" readonly="readonly" onclick="showAttributeSelect('<#wsId>' ,'<#shapeId>', '<#category>', '<#defaultCategory>');"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="showAttrName" class="awsui-row" style="cursor: pointer; width: 109.5%; height: 30px; margin-top: 10px; margin-left: 0px;margin-right: 0px;">
|
|
<div class="console-item" itemname="switchAttributeName" propsTag="switchAttributeName" checkboxid="switchAttributeName">
|
|
<div class="console-main">
|
|
<div class="awsui-col-sm-3 awsui-col-md-3 awsui-col-xs-3">
|
|
<span class="console-opt-title">
|
|
显示属性名
|
|
</span>
|
|
</div>
|
|
<div class="awsui-col-sm-8 awsui-col-md-8 awsui-col-xs-8">
|
|
|
|
</div>
|
|
<div class="awsui-col-sm-1 awsui-col-md-1 awsui-col-xs-1">
|
|
<span class="console-switchbutton">
|
|
<input type="checkbox" name="switchAttributeName" id="switchAttributeName" />
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="iconBlock" style="display: none;">
|
|
<div class="awsui-row" style="width: 100%; height: 23px; margin-left: 18px; margin-top: 10px;">
|
|
<div style="" class="awsui-col-xs-10 awsui-col-sm-10 awsui-col-md-10 awsui-col-lg-10">
|
|
<div class="awsui-col-xs-2 awsui-col-sm-2 awsui-col-md-2 awsui-col-lg-2">图标选择</div>
|
|
</div>
|
|
</div>
|
|
<div class="awsui-row" style="width: 100%; height: 30px; margin-left: 18px;">
|
|
<div class="awsui-col-xs-12 awsui-col-sm-12 awsui-col-md-12 awsui-col-lg-12">
|
|
<div class="awsui-col-xs-12 awsui-col-sm-12 awsui-col-md-12 awsui-col-lg-12 required">
|
|
<div id="iconSelect" style="cursor: pointer; border: 1px solid; border-color: #e9e9e9; height: 25px;" onclick="showIconMenu();">
|
|
<div class="ico" style="float: right; color: #888; margin-top: 4px; margin-right: 2px;">
|
|
<i class="awsui-iconfont" style="font-size: 13px;"></i>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<ul id="menuIcon" class="awsui-menu" style="width: 100%;">
|
|
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html> |