yili-apps/com.actionsoft.apps.coe.pal/template/page/pal.pl.repository.designer.shapes.aws.org.htm
2022-06-27 23:38:56 +08:00

118 lines
3.7 KiB
HTML
Executable File

<!DOCTYPE html >
<html xmlns=http://www.w3.org/1999/xhtml>
<head>
<title>关联AWS PaaS组织</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.aws.org.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;}
.div_left{
width: 350px;
height: 300px;
display: inline-block;
vertical-align: top;
padding: 10px 0px 0px;
/* overflow: auto; */
border-right: dashed 1px rgb(206, 206, 206);
}
#leftData{
width: 350px;
height: 273px;
overflow: auto;
}
.div_right{
width: 345px;
height: 300px;
display: inline-block;
vertical-align: top;
right: 0px;
position: absolute;
}
#checkedData li{
height: 40px;
line-height: 40px;
border-bottom: solid 1px rgb(206, 206, 206);
}
.checked_div{
padding-left: 5px;
}
.checked_div:hover{
background-color: rgb(226, 226, 226);
}
.checked_div img{
float: right;
height: 25px;
margin-top: 7.5px;
}
.text-overflow{
display: inline-block;
line-height: 17px;
width: 280px;
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 wsId = "<#wsId>";
var fileId = "<#fileId>";
var shapeId = "<#shapeId>";
var attrId = "<#attrId>";
var treeData =<#treeData>;
var checkedList = <#checkedList>;
var refObj = <#refObj>;// 关联范围
var refMultiple = refObj.multiple;
var refScope = refObj.scope;
</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;width:97%;" >
<span class="awsui-buttonedit-wrap">
<input type="text" id="queryInput" placeholder="快速查询" style="width:305px;box-sizing: content-box; height: 26px; padding-right: 26px;" class="awsui-input awsui-buttonedit" autocomplete="off">
<span class="awsui-iconfont awsui-iconfont-buttonedit-search">&#59113;</span>
</span>
</div>
<div id="leftData">
<ul id="tree" style="overflow: visible; height: auto;" class="ui-tree"></ul>
</div>
</div>
<div class="div_right" style="overflow: auto;">
<ul id="checkedData" style="width: 320px; 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:12%;">分类</th>
<th style="width:78%;">名称</th>
</tr>
</thead>
<tbody id="processSearchData">
</tbody>
</table>
</div>
</div>
</body>
</html>