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

176 lines
5.6 KiB
HTML
Executable File

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title></title>
<!-- JQuery -->
<script type="text/javascript" src="../commons/js/jquery/scripts/jquery.js"></script>
<!-- AWS UI -->
<link rel="stylesheet" type="text/css" href="../commons/css/awsui.css"/>
<script type="text/javascript" src="../commons/js/awsui.js"></script>
<script type="text/javascript" src="../commons/js/public.js"></script>
<script type="text/javascript" src="../apps/com.actionsoft.apps.workbench/js/com.actionsoft.apps.workbench.es.search.js"></script>
<script type="text/javascript" src="../commons/js/jquery/scripts/ui/awsui.pagination.js"></script>
<script type="text/javascript" src="../commons/js/jquery/scripts/ui/datepicker/aws.datepicker-zh-CN.js"></script>
<!--jscolor-->
<style type="text/css">
#fullsearchListOl {
padding-left: 20px;
padding-right: 20px;
}
.result-item {
padding: 5px 15px 5px 15px;
list-style: none;
border-bottom: 1px dashed #dadada;
min-height: 60px;
margin-top: -1px;
}
.result-title {
text-decoration: none;
font-size: 16px;
margin-bottom: 4px;
line-height: 30px;
color: #0d6aca;
}
.result-snippet {
color: #333333;
line-height: 22px;
font-size: 13px;
}
.result-dimension {
font-size: 12px;
color: #5ba110;
text-decoration: none;
line-height: 20px;
margin-right: 10px;
}
.result-timeauthor {
position: absolute;
top: 0;
right: 0;
color: #cccccc;
font-size: 12px;
}
.result-download {
position: absolute;
bottom: 0;
right: 0;
text-decoration: underline;
color: #0d6aca;
font-size: 12px;
cursor: pointer;
}
div.no-taskinstance {
display:none;
color: #aaaaaa;
text-align: center;
font-size: 14px !important;
width: 100%;
height: 200px;
line-height: 120px !important;
background: url(../apps/com.actionsoft.apps.kms/img/search-empty.png);
background-repeat: no-repeat;
background-position: center;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
-khtml-user-select: none;
cursor: default;
margin-top:50px;
}
div.no-taskinstance .title {
font-size: 16px;
line-height: 30px !important;
position: relative;
top: 55px;
}
div.no-taskinstance .content {
font-size: 13px;
line-height: 17px !important;
position: relative;
top: 55px;
}
/* 遮罩 */
#fullscreenWrap {
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.1);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5000000, endColorstr=#e5000000);
position: absolute;
left: 0px;
top: 0px;
z-index: 149;
text-align: center;
margin: 0 auto;
}
#previewpanel > iframe {
background: transparent;
}
.previewpanel {
width: 100%;
background-color: rgba(0, 0, 0, 0.8);
filter: enabled='true', progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5000000, endColorstr=#e5000000);
/* filter:alpha(opacity=10); */
position: absolute;
top: 0px;
bottom: 0;
z-index: 149;
display: block;
}
.previewfrm {
display: inline-block;
width: 100%;
height: 100%;
filter: enabled='true', progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5000000, endColorstr=#e5000000);
background-color: rgba(0, 0, 0, 0.5);
direction: ltr;
overflow: visible;
border: 0px solid transparent;
border-top: 0;
box-sizing: border-box;
background-clip: content-box;
border-bottom: 0;
}
</style>
<script type="text/javascript">
var sid = "<#sid>";
var searchWords = "<#searchWords>";
var isManagerUser = <#isManagerUser>;
</script>
</head>
<body>
<div id = "fullsearch-result" style='width:100%;margin: 0 auto;'>
<button id = "resetButton" type="button" onclick="resetIndes()" style='display:none;float:right;margin-top:10px;' class="button blue">重新初始化</button>
<table id = "result-list" style="border:0px solid red;width:98%;margin: 0 auto;" class="table table-thin table-hover">
<thead>
<tr>
<th style="width:30px;"></th>
<th class="left" style="">任务标题</th>
<th class="center" style="width:160px;">任务到达时间</th>
<th class="center" style="width:80px;">流程申请人</th>
<th class="left" style="max-width:400px;">部门</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
<div class="no-taskinstance"><br>
<div class="title">&nbsp;没有搜索到内容</div>
<div class="content">查询“<#searchWords>”没有结果,请尝试其他关键字</div>
</div>
<div style="height: 60px; width: 100%; /* position: absolute; bottom: 0; */text-align: center; display: table;">
<div id="pagination" style="vertical-align: middle; display: table-cell; padding-left: 2px; overflow: hidden;">
<img src="../apps/com.actionsoft.apps.kms/img/loading.gif" style="display: none;">
<span style="cursor: pointer; position: relative; top: 2px; display: inline;"></span>
<button type="button" class="button blue" onclick="fullsearch.doSearch(false)" style="display: none;">加载更多</button>
</div>
</div>
</div>
</body>
</html>