apps/com.actionsoft.apps.coe.pal/template/page/pal.pl.repository.outputreport.pal.file.tree.htm

118 lines
2.8 KiB
HTML
Executable File

<!Doctype html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>报告生成器</title>
<script src="../commons/js/jquery/scripts/jquery.js"></script>
<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" src="../commons/js/jquery/scripts/ui/aws.util.js"></script>
<link rel="stylesheet" href="../commons/css/awsui.css">
<style>
#tableContent thead th {
text-align: left;
}
.pagination {
padding-left: 0px;
}
#palShapes li {
margin: 5px 0px;
}
</style>
</head>
<body>
<script type="text/javascript">
var data ="";
var sid = "<#sid>";
var targetMethodType = "<#targetMethodType>";
var methodType = "<#methodType>";
var wsid = "<#wsid>";
var teamId = "<#teamId>";
var versionType = "<#versionType>";
</script>
<input id="sid" value="<#sid>" type="hidden"/>
<div class="input-with-button">
<input id="address_dept" type="text" class="input-field" >
<button class="input-button" onclick="searchDataByDep()">查询</button>
</div>
<ul id="tree" style="overflow: visible; height: 300px; float: left;" class="ui-tree"></ul>
<ul id="palShapes" style="width: 40%; float: right; padding: 10px; display: none;"></ul>
</body>
<script>
$(document).ready(function() {
var options = {
filter : {
addressType: "dept",
deptSourceField : "DEPTID",
deptTargetField : "address_dept",
isAdvMode: true,//是否启用高级模式
addressSetting: {
rootDetpId: "",
isDisplayMap: true,
isDisplayOtherMap: false,
layerFrom: "",
layerTo: "",
range: "department",//department:部门,role:角色,team:团队
delimiter: " ",
choiceType: "multiple",//single:单选; multiple:多选
leafType: "dept",//叶子节点类型,user:用户;dept:部门
filterClass: ""//过滤事件
},
},
separator : ","//逗号 空格……分隔符
};
$("#address_dept").address(options);
});
</script>
<script type='text/javascript' src='../apps/com.actionsoft.apps.coe.pal/js/pal.pl.repository.outputreport.pal.file.tree.js'></script>
<style>
.input-with-button {
display: flex;
align-items: center;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 4px;
padding: 10px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
height: 30px;
}
.input-field {
flex: 1; /* 占据剩余空间 */
border: none;
outline: none;
padding: 5px;
font-size: 16px;
}
.input-button {
border: none;
background-color: #007BFF;
color: #fff;
font-size: 16px;
cursor: pointer;
transition: background-color 0.3s;
margin-left: 1px; /* 与输入框之间的间距 */
}
.input-button:hover {
background-color: #0056b3;
}
#awsui-address-address_dept{
position:relative !important;
width:665.4px !important;
}
</style>
</html>