apps/com.actionsoft.apps.coe.pal.relationsearch/template/page/search.portal.home.html
shangxiaoran@qq.com 2608324b68 初始化应用
2022-06-28 01:22:45 +08:00

148 lines
4.8 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>
.text-overflow{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;/*Opera下实现ellipsis效果*/
}
.icon_middle{
vertical-align: -3px;
margin-right: 5px;
}
.link_text{
cursor: pointer;
color: #1CA17A;
}
.link_text:hover span{
border-bottom: solid 1px;
}
.title_div{
display: inline-block;
margin-right: 10px;
line-height: 29px;
}
.table {
box-shadow: 1px 2px 10px 3px rgb(232, 232, 232);
}
.table tbody {
background-color: #FFF;
}
.table-thin th {
line-height: 32px !important;
}
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
background-color: #F4F8FB;
}
.table-hover .first_td {
border-left: solid 3px rgba(255, 255, 255, 0);
cursor: pointer;
}
.table-hover > tbody > tr:hover > .first_td {
border-left: solid 3px #45AC8E;
}
</style>
</head>
<body style="padding:20px; background-color: rgb(248, 248, 248);">
<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" style="line-height: 24px;">
<label class="awsui-checkbox-label">资产库</label>
<select id="wsId" style="width:180px;" class="awsui-select"><#wsOptions></select>
</div>
<div class="title_div">
<label class="awsui-checkbox-label">关键字</label>
<input id="keyword" class="awsui-textbox" type="text" placeholder="模型名称/对象名称" style="height: 22px;">
<input class="awsui-checkbox" checked id="model" name="keyType" value="model" type="checkbox" title="模型名称包含关键字" />
<label class="awsui-checkbox-label" for="model">模型</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" style="display: none;">
<input class="awsui-radio" name="versionType" id="isuse" value="isuse" type="radio" />
<label class="awsui-radio-label" for="used">建模版本</label>
<input class="awsui-radio" checked="checked" 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>
<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($){
$("#searchBtn").off("click").on("click", function(){
search();
});
$(window).trigger('resize');
//初始化文件类型combobox
initFileTypeCombobox();
});
$(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>