150 lines
4.8 KiB
HTML
Executable File
150 lines
4.8 KiB
HTML
Executable File
<!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>
|
||
</html>
|