2022-06-27 22:14:40 +08:00
|
|
|
|
<!DOCTYPE html >
|
|
|
|
|
|
<html xmlns=http://www.w3.org/1999/xhtml>
|
|
|
|
|
|
<head>
|
|
|
|
|
|
<title>关联形状</title>
|
|
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="../commons/js/jquery/themes/default/public.css">
|
|
|
|
|
|
<link rel="stylesheet" href="../commons/css/awsui.css"/>
|
|
|
|
|
|
<script type="text/javascript" src="../commons/js/jquery/scripts/jquery.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' charset='UTF-8' src="../<I18N#COEPATH>/js/coe.pal.designer.shapes.js"></script>
|
|
|
|
|
|
|
|
|
|
|
|
<style>
|
|
|
|
|
|
.button.blue { background-color: #2375BE; border: 0 none; color: #FFFFFF; line-height: 18px; padding: 4px 21px; }
|
|
|
|
|
|
.button, .button:visited { background-image: none !important;}
|
|
|
|
|
|
|
|
|
|
|
|
#shapesInfo li{
|
|
|
|
|
|
margin:5px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.div_left{
|
|
|
|
|
|
width: 250px;
|
|
|
|
|
|
height: 300px;
|
|
|
|
|
|
/* display: inline-block; */
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
vertical-align: top;
|
|
|
|
|
|
padding: 10px 0px 0px;
|
|
|
|
|
|
/* overflow: auto; */
|
|
|
|
|
|
border-right: dashed 1px rgb(206, 206, 206);
|
|
|
|
|
|
}
|
|
|
|
|
|
#leftData{
|
|
|
|
|
|
width: 250px;
|
|
|
|
|
|
height: 273px;
|
|
|
|
|
|
overflow: auto;
|
|
|
|
|
|
}
|
|
|
|
|
|
.div_middle{
|
|
|
|
|
|
width: 200px;
|
|
|
|
|
|
height: 300px;
|
|
|
|
|
|
/* display: inline-block; */
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
vertical-align: top;
|
|
|
|
|
|
padding: 10px 0px 0px;
|
|
|
|
|
|
/* overflow: auto; */
|
|
|
|
|
|
}
|
|
|
|
|
|
#middleData{
|
|
|
|
|
|
width: 200px;
|
|
|
|
|
|
height: 273px;
|
|
|
|
|
|
overflow: auto;
|
|
|
|
|
|
}
|
|
|
|
|
|
.div_right{
|
|
|
|
|
|
width: 230px;
|
|
|
|
|
|
height: 300px;
|
|
|
|
|
|
/* display: inline-block; */
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
vertical-align: top;
|
|
|
|
|
|
border-left: solid 1px rgb(206, 206, 206);
|
|
|
|
|
|
right: 0px;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
}
|
|
|
|
|
|
#relationShapes li{
|
|
|
|
|
|
height: 40px;
|
|
|
|
|
|
line-height: 40px;
|
|
|
|
|
|
border-bottom: solid 1px rgb(206, 206, 206);
|
|
|
|
|
|
}
|
|
|
|
|
|
.relation_div{
|
|
|
|
|
|
padding-left: 5px;
|
|
|
|
|
|
}
|
|
|
|
|
|
.relation_div:hover{
|
|
|
|
|
|
background-color: rgb(226, 226, 226);
|
|
|
|
|
|
}
|
|
|
|
|
|
.relation_div img{
|
|
|
|
|
|
float: right;
|
|
|
|
|
|
height: 25px;
|
|
|
|
|
|
margin-top: 7.5px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.text-overflow{
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
line-height: 17px;
|
|
|
|
|
|
width: 170px;
|
|
|
|
|
|
margin-top: 10px;
|
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
|
|
-o-text-overflow: ellipsis;/*Opera下实现ellipsis效果*/
|
|
|
|
|
|
}
|
|
|
|
|
|
</style>
|
|
|
|
|
|
|
|
|
|
|
|
<script type='text/javascript' charset='UTF-8' type="text/javascript">
|
|
|
|
|
|
var attrId = "<#attrId>";
|
|
|
|
|
|
var modelId = "<#modelId>"; //模型Id
|
|
|
|
|
|
var data =<#treeData>;
|
|
|
|
|
|
var relationShapeList = <#relationShapeList>;
|
|
|
|
|
|
var refObj = <#refObj>;// 关联范围配置
|
|
|
|
|
|
var relationType = refObj.type;// 关联类型 文件 形状
|
|
|
|
|
|
var relationMultiple = refObj.multiple;// 关联多选单选
|
|
|
|
|
|
var category = "<#category>";// 关联范围，建模分类，来源于refObj， 废弃
|
|
|
|
|
|
var method = refObj.method;// 关联范围限制，建模大类或具体分类
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
</head>
|
|
|
|
|
|
<body style="overflow:hidden; border: solid 1px rgb(206, 206, 206);">
|
|
|
|
|
|
<div class="div_left">
|
|
|
|
|
|
<div class="awsui-form-input" style="margin-left:5px;">
|
|
|
|
|
|
<span class="awsui-buttonedit-wrap">
|
|
|
|
|
|
<input type="text" id="queryInput" placeholder="快速查询" style="width:202px;box-sizing: content-box; height: 26px; padding-right: 26px;" class="awsui-input awsui-buttonedit" autocomplete="off">
|
|
|
|
|
|
<span class="awsui-iconfont awsui-iconfont-buttonedit-search"></span>
|
|
|
|
|
|
</span>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div id="leftData">
|
|
|
|
|
|
<ul id="tree" style="overflow: visible; height: auto;" class="ui-tree"></ul>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="div_middle">
|
|
|
|
|
|
<div class="awsui-form-input" style="margin-left:0px;">
|
|
|
|
|
|
<span class="awsui-buttonedit-wrap">
|
|
|
|
|
|
<input type="text" id="searchEdit" placeholder="快速查询" oninput="searchEdit();" onpropertychange="searchEdit();" style="width:171px;box-sizing: content-box; height: 26px; padding-right: 26px;" class="awsui-input awsui-buttonedit" autocomplete="off">
|
|
|
|
|
|
<span class="awsui-iconfont awsui-iconfont-buttonedit-search"></span>
|
|
|
|
|
|
</span>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div id="middleData">
|
|
|
|
|
|
<ul id="shapesInfo"></ul>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="div_right" style="overflow: auto;">
|
|
|
|
|
|
<ul id="relationShapes" style="width: 200px; margin: auto;"></ul>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<input type="hidden" value="<#sid>" name="sid" id="sid"/>
|
|
|
|
|
|
<input type="hidden" id="wsid" name="wsid" value="<#wsid>"/>
|
|
|
|
|
|
<div title="" class="awsui-size-x-large awsui-hide" id="processTreeSearchDialog">
|
|
|
|
|
|
<div style="height:100%;overflow:auto;" id="processSearchList">
|
|
|
|
|
|
<table class="awsui-table">
|
|
|
|
|
|
<thead>
|
|
|
|
|
|
<tr>
|
|
|
|
|
|
<th style="width:10%;">选择</th>
|
|
|
|
|
|
<th style="width:90%;">名称</th>
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
</thead>
|
|
|
|
|
|
<tbody id="processSearchData">
|
|
|
|
|
|
</tbody>
|
|
|
|
|
|
</table>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</body>
|
2022-08-14 21:59:03 +08:00
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
2022-06-27 22:14:40 +08:00
|
|
|
|
</html>
|
