215 lines
7.3 KiB
HTML
215 lines
7.3 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||
<title>Relation Search Home</title>
|
||
<!-- js -->
|
||
<script type="text/javascript" src="../commons/js/jquery/scripts/jquery.js"></script>
|
||
<script type="text/javascript" src="../commons/js/awsui.js"></script>
|
||
<!-- css -->
|
||
<link rel="stylesheet" href="../commons/css/awsui.css">
|
||
<script type="text/javascript" src="../apps/com.actionsoft.apps.coe.pal/js/coe.excel.export.js"></script>
|
||
|
||
<script type="text/javascript" src="../apps/com.actionsoft.apps.coe.pal.relationsearch/js/search.home.js"></script>
|
||
|
||
<style>
|
||
background-color: rgb(240, 240, 240);
|
||
.text-overflow{
|
||
white-space: nowrap;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
-o-text-overflow: ellipsis;/*Opera下实现ellipsis效果*/
|
||
}
|
||
.icon_middle{
|
||
margin-right: 5px;
|
||
}
|
||
.link_text{
|
||
cursor: pointer;
|
||
color: #1CA17A;
|
||
}
|
||
.link_text:hover span{
|
||
border-bottom: solid 1px;
|
||
}
|
||
.tab a{
|
||
display: inline-block;
|
||
font-size: 14px;
|
||
margin: 0px 2px -1px 2px;
|
||
padding: 8px 12px;
|
||
cursor: pointer;
|
||
}
|
||
.tab a.active{
|
||
cursor: default;
|
||
border-bottom: solid rgb(28, 161, 122);
|
||
color: rgb(28, 161, 122);
|
||
}
|
||
.title_div{
|
||
display: inline-block;
|
||
margin-right: 10px;
|
||
line-height: 29px;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body style="padding:20px;">
|
||
<div style="padding:0px 10px;" class="tab">
|
||
<a tit="relationContent" class="active">关联查询</a>
|
||
<a tit="noRelationContent">无关联查询</a>
|
||
</div>
|
||
<div id="content">
|
||
<div class="tab_content" id="relationContent" style="padding:20px;">
|
||
<legend style="padding-bottom: 10px; padding-left: 20px; font-size: 13px; line-height: 40px;">
|
||
<div class="title_div">
|
||
<label class="awsui-checkbox-label">名称</label>
|
||
<input id="keyword" class="awsui-textbox" type="text" placeholder="模型名称/对象名称" style="height: 32px;line-height:18px; width: 191px;">
|
||
|
||
<input class="awsui-checkbox" checked id="model" name="keyType" value="model" type="checkbox" title="模型名称包含关键字" />
|
||
<label class="awsui-checkbox-label" for="model" style="line-height:32px;">模型</label>
|
||
<input class="awsui-checkbox" checked id="object" name="keyType" value="object" type="checkbox" title="对象名称包含关键字" />
|
||
<label class="awsui-checkbox-label" for="object">对象</label>
|
||
</div>
|
||
<div class="title_div">
|
||
<label class="awsui-checkbox-label">模型类型</label>
|
||
<input id="modelMethod" class="awsui-combobox" placeholder="请选择">
|
||
</div>
|
||
<div class="title_div">
|
||
<label class="awsui-checkbox-label">过滤</label>
|
||
<input id="relationMethod" class="awsui-combobox" placeholder="请选择">
|
||
</div>
|
||
<div class="title_div">
|
||
<input class="awsui-radio" checked="checked" name="versionType" id="isuse" value="isuse" type="radio" />
|
||
<label class="awsui-radio-label" for="used">建模版本</label>
|
||
<input class="awsui-radio" name="versionType" id="published" value="ispublish" type="radio" />
|
||
<label class="awsui-radio-label" for="published">发布版本</label>
|
||
</div>
|
||
<button id="searchBtn" type="button" class="button blue" style="margin-left: 10px;">查询</button>
|
||
</legend>
|
||
|
||
<div style="margin-top: 20px; padding-left: 20px;">共 <span id="relationTotalNum">0</span> 条数据</div>
|
||
<table id="content" class="awsui-ux">
|
||
<tr>
|
||
<td>
|
||
<table id="searchContent" class="table table-thin table-hover">
|
||
<thead>
|
||
<tr>
|
||
<th class="width_5">序号</th>
|
||
<th class="width_25">模型</th>
|
||
<th class="width_20">对象</th>
|
||
<th class="width_25">关联模型</th>
|
||
<th class="width_20">关联对象</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
</tbody>
|
||
</table></td>
|
||
</tr>
|
||
</table>
|
||
</div>
|
||
<div class="tab_content" id="noRelationContent" style="padding:20px; display:none;">
|
||
<legend style="padding-bottom: 10px; padding-left: 20px; font-size: 13px; line-height: 29px;">
|
||
<input id="fileType" class="awsui-combobox" placeholder="模型类型">
|
||
<input id="shapeType" class="awsui-combobox" placeholder="对象类型">
|
||
<input id="fileName" class="awsui-textbox" type="text" placeholder="模型名称" style="height: 32px;line-height:22px;">
|
||
<button id="noRelationSearchBtn" type="button" class="button blue" style="margin-left: 10px;">无关联查询</button>
|
||
<button id="exportBtn" type="button" class="button green" style="margin-left: 10px;">导出</button>
|
||
</legend>
|
||
<table id="noRelationContent" class="awsui-ux" style="margin-top: 20px;">
|
||
<tr>
|
||
<td>
|
||
<table id="noRelationSearchContent" class="table table-thin table-hover">
|
||
<thead>
|
||
<tr>
|
||
<th class="width_5"></th>
|
||
<th class="width_30">对象名称</th>
|
||
<th class="width_15">对象类型</th>
|
||
<th class="width_30">模型名称</th>
|
||
<th class="width_20">模型类型</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
</tbody>
|
||
</table></td>
|
||
</tr>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
<input type="hidden" name="sid" id="sid" value="<#sid>" />
|
||
<input type="hidden" name="wsId" id="wsId" value="<#wsId>" />
|
||
</body>
|
||
|
||
<script type="text/javascript">
|
||
var methods = <#methods>;
|
||
var modelIds = "<#modelIds>";
|
||
|
||
$(function($){
|
||
$("div.tab a").off("click").on("click", function(){
|
||
var tit = $(this).attr("tit");
|
||
$("div.tab a.active").removeClass("active");
|
||
$(this).addClass("active");
|
||
$("#content .tab_content").hide();
|
||
$("#" + tit).show();
|
||
if(tit == "noRelationContent" && $("#fileType").val() == "") {
|
||
var fileTypeOptions = {
|
||
arrow:true,
|
||
width:200,
|
||
height:30,
|
||
autoHeight:false,
|
||
menuMaxHeight:230,
|
||
multiple:false,
|
||
placeholder:"所有类型模型",
|
||
sep:",",
|
||
select: changefileType
|
||
};
|
||
fileTypeOptions.data = categorys;
|
||
fileTypeOptions.selectVal = categorys[0].value;
|
||
fileTypeCombobox = $("#fileType").combobox(fileTypeOptions);
|
||
changefileType();
|
||
}
|
||
})
|
||
|
||
//如果名称字段没有值，则后面的checkbox设置为disable
|
||
$("input[name=keyType]").check("disable");
|
||
$("#keyword").off("keyup").on("keyup", function(){
|
||
var keyword = $("#keyword").val();
|
||
if (keyword.trim() == "") {
|
||
$("input[name=keyType]").check("disable");
|
||
} else {
|
||
$("input[name=keyType]").check("enable");
|
||
}
|
||
})
|
||
|
||
$("#searchBtn").off("click").on("click", function(){
|
||
search();
|
||
});
|
||
|
||
$("#noRelationSearchBtn").off("click").on("click", function(){
|
||
noRelationSearch();
|
||
});
|
||
|
||
$("#exportBtn").off("click").on("click", function(){
|
||
ExcelModel.executeExport({
|
||
appId: "com.actionsoft.apps.coe.pal.relationsearch",
|
||
tableId: "noRelationSearchContent"
|
||
});
|
||
});
|
||
|
||
$(window).trigger('resize');
|
||
|
||
<#schema>
|
||
|
||
//初始化文件类型combobox
|
||
initFileTypeCombobox();
|
||
noRelationInitFileTypeCombobox();
|
||
|
||
changefileType();
|
||
});
|
||
|
||
$(window).resize(function(){
|
||
var totalWidth = $('#content').width() - 40;
|
||
$("[class*=width_]").each(function(){
|
||
var className = $(this).attr("class");
|
||
var percent = parseInt(className.substr(6, 2));
|
||
$(this).css({"width" : totalWidth*percent/100});
|
||
});
|
||
})
|
||
|
||
</script>
|
||
</html> |