278 lines
8.0 KiB
HTML
278 lines
8.0 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||
<title></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">
|
||
<link rel="stylesheet" href="../apps/com.actionsoft.apps.coe.pal.publisher/css/publish.client.sso1.css">
|
||
|
||
<style>
|
||
.model_div {
|
||
display: inline-block;
|
||
padding: 20px 2% 0 2%;
|
||
width: 45%;
|
||
}
|
||
.div_title {
|
||
font-size: 16px;
|
||
}
|
||
.show_more {
|
||
float: right;
|
||
cursor: pointer;
|
||
color: rgb(151, 183, 201);
|
||
}
|
||
.table-thin {
|
||
box-shadow: 0 0 15px rgb(221, 221, 221);
|
||
}
|
||
.table-hover > tbody > tr:hover > td,
|
||
.table-hover > tbody > tr:hover > th {
|
||
background-color: #F8F9F1;
|
||
}
|
||
.table thead {
|
||
background-color: rgb(245, 245, 245);
|
||
}
|
||
.first_td {
|
||
border-left: solid 3px #FFF;
|
||
}
|
||
.table-hover > tbody > tr:hover > td.first_td {
|
||
border-left: solid 3px #EAC25C;
|
||
}
|
||
</style>
|
||
|
||
</head>
|
||
<body>
|
||
<div id="tile" style="">
|
||
<div id="process" class="model_div">
|
||
<div style="padding: 10px;"><span class="div_title">流程体系</span><span class="show_more" onclick="showMore('process')">更多</span></div>
|
||
<div>
|
||
<table id="processTable" class="table table-thin table-hover">
|
||
<thead>
|
||
<tr>
|
||
<th style="width:70%;">文件名称</th>
|
||
<th style="width:29%;">发布时间</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody></tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
<div id="management" class="model_div">
|
||
<div style="padding: 10px;"><span class="div_title">管理标准</span><span class="show_more" onclick="showMore('management')">更多</span></div>
|
||
<div>
|
||
<table id="managementTable" class="table table-thin table-hover">
|
||
<thead>
|
||
<tr>
|
||
<th style="width:70%;">文件名称</th>
|
||
<th style="width:29%;">发布时间</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody></tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
<div id="technical" class="model_div">
|
||
<div style="padding: 10px;"><span class="div_title">技术标准</span><span class="show_more" onclick="showMore('technical')">更多</span></div>
|
||
<div>
|
||
<table id="technicalTable" class="table table-thin table-hover">
|
||
<thead>
|
||
<tr>
|
||
<th style="width:70%;">文件名称</th>
|
||
<th style="width:29%;">发布时间</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody></tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
<div id="work" class="model_div">
|
||
<div style="padding: 10px;"><span class="div_title">工作标准</span><span class="show_more" onclick="showMore('work')">更多</span></div>
|
||
<div>
|
||
<table id="workTable" class="table table-thin table-hover">
|
||
<thead>
|
||
<tr>
|
||
<th style="width:70%;">文件名称</th>
|
||
<th style="width:29%;">发布时间</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody></tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="moreDiv" modelType="" style="padding: 10px 30px; display: none;">
|
||
<div style="display: inline-block; padding-top: 10px;">
|
||
<button type="button" class="button" onclick="showTile();">返回</button>
|
||
</div>
|
||
<div style="padding: 20px 10px 5px 10px; float: right; display: inline-block;">
|
||
<input type="text" style="width:150px;" id="searchInput" class="txt" placeholder="请输入文件名称">
|
||
</div>
|
||
<table id="moreTable" class="table table-thin table-hover">
|
||
<thead>
|
||
<tr>
|
||
<th style="width:70%;">文件名称</th>
|
||
<th style="width:29%;">发布时间</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody></tbody>
|
||
</table>
|
||
</div>
|
||
|
||
<input type="hidden" name="sid" id="sid" value="<#sid>" />
|
||
</body>
|
||
|
||
<script type="text/javascript">
|
||
var processList;
|
||
var managementList;
|
||
var technicalList;
|
||
var workList;
|
||
var modelIds = parent.parent.modelIds;
|
||
|
||
$(function($){
|
||
refreshData();
|
||
|
||
$("#searchInput").buttonedit({
|
||
onClick: searchMore
|
||
});
|
||
|
||
$("#searchInput").on("keypress", function(e){
|
||
if(e.keyCode == "13") {
|
||
searchMore();
|
||
}
|
||
})
|
||
})
|
||
|
||
function refreshData() {
|
||
if (parent.orgTree == undefined || parent.orgTree == null) {
|
||
return false;
|
||
}
|
||
$.simpleAlert("正在查询", "loading");
|
||
var orgModelId = parent.orgTree.getSelectedNode() == undefined ? "" : parent.orgTree.getSelectedNode().id;
|
||
awsui.ajax.request({
|
||
url : "./jd",
|
||
method : "POST",
|
||
data : {
|
||
sid: $("#sid").val(),
|
||
cmd: "com.actionsoft.apps.coe.pal.publisher_client_sso_org_relation_data",
|
||
orgModelId: orgModelId,
|
||
modelIds: modelIds
|
||
},
|
||
ok : function(r) {
|
||
$.simpleAlert("close");
|
||
var data = r.data.data;
|
||
processList = data.processList;
|
||
$("#processTable tbody").empty().html(writeTable(processList));
|
||
managementList = data.managementList;
|
||
$("#managementTable tbody").empty().html(writeTable(managementList));
|
||
technicalList = data.technicalList;
|
||
$("#technicalTable tbody").empty().html(writeTable(technicalList));
|
||
workList = data.workList;
|
||
$("#workTable tbody").empty().html(writeTable(workList));
|
||
$("#searchInput").val("");
|
||
searchMore();
|
||
}
|
||
});
|
||
}
|
||
|
||
function writeTable(list) {
|
||
var html = "";
|
||
if (list == undefined) {
|
||
list = new Array();
|
||
}
|
||
var maxLine = list.length > 6 ? 6 : list.length;
|
||
for (var i = 0; i < maxLine; i++) {
|
||
html += '<tr>'
|
||
+ ' <td class="first_td" style="cursor: pointer;" onclick="clickModel(\'' + list[i].id + '\', \'' + list[i].name + '\', \'\')">' + list[i].name + '</td>'
|
||
+ ' <td style="text-align: center;">' + list[i].publishDate + '</td>'
|
||
+ '</tr>';
|
||
}
|
||
if (list.length < 6) {
|
||
for (var j = list.length; j < 6; j++) {
|
||
html += "<tr>"
|
||
+ " <td class='first_td' style='height: 18px;'></td>"
|
||
+ " <td></td>"
|
||
+ "</tr>";
|
||
}
|
||
}
|
||
return html;
|
||
}
|
||
|
||
//打开tab，显示模型
|
||
function clickModel(id, name, processDefId) {
|
||
var obj = {
|
||
id: id,
|
||
title: name,
|
||
processDefId: processDefId
|
||
}
|
||
parent.parent.openTab(obj);
|
||
}
|
||
|
||
function showMore(type) {
|
||
var list = [];
|
||
if(type == "process") {
|
||
list = processList;
|
||
} else if (type == "management") {
|
||
list = managementList;
|
||
} else if (type == "technical") {
|
||
list = technicalList;
|
||
} else if (type == "work") {
|
||
list = workList;
|
||
}
|
||
|
||
if (list == undefined) {
|
||
list = new Array();
|
||
}
|
||
var html = writeMoreTable(list);
|
||
$("#moreTable tbody").empty().html(html);
|
||
|
||
$("#tile").hide();
|
||
$("#moreDiv").attr("modelType", type).show();
|
||
}
|
||
|
||
function writeMoreTable(list) {
|
||
var html = "";
|
||
for (var i = 0; i < list.length; i++) {
|
||
html += '<tr>'
|
||
+ ' <td class="first_td" style="cursor: pointer;" onclick="clickModel(\'' + list[i].id + '\', \'' + list[i].name + '\', \'\')">' + list[i].name + '</td>'
|
||
+ ' <td style="text-align: center;">' + list[i].publishDate + '</td>'
|
||
+ '</tr>';
|
||
}
|
||
return html;
|
||
}
|
||
|
||
function searchMore() {
|
||
var name = $("#searchInput").val();
|
||
var list = [];
|
||
var type = $("#moreDiv").attr("modelType");
|
||
if(type == "process") {
|
||
list = processList;
|
||
} else if (type == "management") {
|
||
list = managementList;
|
||
} else if (type == "technical") {
|
||
list = technicalList;
|
||
} else if (type == "work") {
|
||
list = workList;
|
||
}
|
||
var data = [];
|
||
if (name == "") {
|
||
data = list;
|
||
} else {
|
||
for (var i = 0; i < list.length; i++) {
|
||
if (list[i].name.indexOf(name) > -1) {
|
||
data.push(list[i]);
|
||
}
|
||
}
|
||
}
|
||
var html = writeMoreTable(data);
|
||
$("#moreTable tbody").empty().html(html);
|
||
}
|
||
|
||
function showTile() {
|
||
$("#moreDiv").hide();
|
||
$("#tile").show();
|
||
}
|
||
</script>
|
||
</html> |