|
|
<%@page language="java" contentType="text/html;charset=utf-8" %>
|
|
|
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
|
|
|
|
|
|
<%
|
|
|
String path = request.getContextPath();
|
|
|
String basePath = request.getScheme() + "://"
|
|
|
+ request.getServerName() + ":" + request.getServerPort()
|
|
|
+ path + "/";
|
|
|
%>
|
|
|
|
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
|
|
|
<html>
|
|
|
<head>
|
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
|
|
<link rel="stylesheet" href="<%=basePath %>css/bootstrap.min.css"/>
|
|
|
<link rel="stylesheet" href="<%=basePath %>css/bootstrap-datetimepicker.css"/>
|
|
|
<link href="<%=basePath %>js/bootstrap-plugin/css/bootstrap.table.css" rel="stylesheet" media="screen"/>
|
|
|
<link rel="stylesheet" href="<%=basePath %>css/bootstrap-responsive.min.css"/>
|
|
|
<link rel="stylesheet" href="<%=basePath %>css/fullcalendar.css"/>
|
|
|
<link rel="stylesheet" href="<%=basePath %>css/unicorn.main.css"/>
|
|
|
<link rel="stylesheet" href="<%=basePath %>css/unicorn.grey.css"/>
|
|
|
<link rel="stylesheet" href="<%=basePath %>css/jquery-ui.css"/>
|
|
|
<link rel="stylesheet" href="<%=basePath %>css/uniform.css"/>
|
|
|
<link rel="stylesheet" href="<%=basePath %>css/select2.css"/>
|
|
|
<link rel="stylesheet" href="<%=basePath %>js/jstree/themes/proton/style.css"/>
|
|
|
<link rel="stylesheet" href="<%=basePath %>css/select2.css"/>
|
|
|
<link rel="stylesheet" href="<%=basePath %>css/yoho.css"/>
|
|
|
<script src="<%=basePath %>js/excanvas.min.js" charset="UTF-8" type="text/javascript"></script>
|
|
|
<script src="<%=basePath %>js/jquery-1.12.0.min.js" charset="UTF-8" type="text/javascript"></script>
|
|
|
<script src="<%=basePath %>js/jquery-ui.custom.js" charset="UTF-8" type="text/javascript"></script>
|
|
|
<script src="<%=basePath %>/js/bootstrap.min.js"></script>
|
|
|
<script src="<%=basePath %>/js/unicorn.js"></script>
|
|
|
<script src="<%=basePath %>js/bootstrap-plugin/datetimepicker/moment-with-locales.js" charset="UTF-8"
|
|
|
type="text/javascript"></script>
|
|
|
<script src="<%=basePath %>js/bootstrap-plugin/datetimepicker/bootstrap-datetimepicker.js" charset="UTF-8"
|
|
|
type="text/javascript"></script>
|
|
|
<script src="<%=basePath %>js/global.js" charset="UTF-8" type="text/javascript"></script>
|
|
|
<script src="<%=basePath %>js/bootstrap-plugin/bootstrap.pagination.js" charset="UTF-8"
|
|
|
type="text/javascript"></script>
|
|
|
<script src="<%=basePath %>js/bootstrap-plugin/bootstrap.table.js" charset="UTF-8" type="text/javascript"></script>
|
|
|
<script src="<%=basePath %>js/bootstrap-plugin/bootstrap.dialog.js" charset="UTF-8" type="text/javascript"></script>
|
|
|
<script src="<%=basePath %>js/bootstrap-plugin/bootstrap.form.js" charset="UTF-8" type="text/javascript"></script>
|
|
|
<script src="<%=basePath %>js/bootstrap-plugin/bootstrap.panel.js" charset="UTF-8" type="text/javascript"></script>
|
|
|
<script src="<%=basePath %>js/bootstrap-plugin/bootstrap.alerts.js" charset="UTF-8" type="text/javascript"></script>
|
|
|
<script src="<%=basePath %>js/bootstrap-plugin/bootstrap.accordion.js" charset="UTF-8"
|
|
|
type="text/javascript"></script>
|
|
|
<script src="<%=basePath %>js/bootstrap-plugin/bootstrap.breadcrumb.js" charset="UTF-8"
|
|
|
type="text/javascript"></script>
|
|
|
<script src="<%=basePath %>js/bootstrap-plugin/bootstrap.validate.js" charset="UTF-8"
|
|
|
type="text/javascript"></script>
|
|
|
<script src="<%=basePath %>js/bootstrap-plugin/bootstrap.form.js" charset="UTF-8" type="text/javascript"></script>
|
|
|
<script src="<%=basePath %>js/layer/layer.js" charset="UTF-8" type="text/javascript"></script>
|
|
|
<script src="<%=basePath %>js/bootstrap-plugin/bootstrap.select.js" charset="UTF-8" type="text/javascript"></script>
|
|
|
<script src="<%=basePath %>js/jstree/jstree.min.js"></script>
|
|
|
<script src="<%=basePath %>js/jquery.toaster.js"></script>
|
|
|
<script>
|
|
|
var contextPath = '<%=basePath %>';
|
|
|
</script>
|
|
|
<title>YOHO!运维</title>
|
|
|
</head>
|
|
|
<body>
|
|
|
|
|
|
<!-- 头部 -->
|
|
|
<div id="head">
|
|
|
</div>
|
|
|
<!-- 右侧具体内容 -->
|
|
|
<div id="content">
|
|
|
|
|
|
<div id="breadcrumb">
|
|
|
<a href="#" title="Go to Home" class="tip-bottom"><i
|
|
|
class="icon-home"></i> Home</a> <a href="#" class="current">发布历史</a>
|
|
|
</div>
|
|
|
|
|
|
<div class="container-fluid">
|
|
|
|
|
|
|
|
|
<div class="widget-box">
|
|
|
<div class="widget-title">
|
|
|
<h5>发布历史查询</h5>
|
|
|
</div>
|
|
|
<div class="widget-content nopadding">
|
|
|
<div class="widget-title" style="height: 53px;">
|
|
|
<div>
|
|
|
<div class="form-inline" role="form" id="inBoxQueryDiv"
|
|
|
style=" margin-top: 12px;margin-left: 25px;float: left;">
|
|
|
<div class="input-group" style="float: left;">
|
|
|
<span class="input-group-addon">环境:</span>
|
|
|
<select id="environment" name="environment" class="form-control">
|
|
|
<option value="all" selected="selected"></option>
|
|
|
<c:forEach items="${environments }" var="envi">
|
|
|
<option value="${envi }">${envi }</option>
|
|
|
</c:forEach>
|
|
|
</select>
|
|
|
</div>
|
|
|
<div class="input-group" style="float: left;">
|
|
|
<span class="input-group-addon">项目:</span>
|
|
|
<select id="currentProject" name="currentProject" class="form-control">
|
|
|
<option value="all"></option>
|
|
|
<c:forEach items="${projects }" var="project">
|
|
|
<option value="${project.name }">${project.name }</option>
|
|
|
</c:forEach>
|
|
|
</select>
|
|
|
</div>
|
|
|
<button id="searchBtn" class="btn btn-primary" style="margin-left: 18px;">搜索</button>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div id="historyTable">
|
|
|
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<script src="<%=basePath %>script/common/genarate_left_panel.js"></script>
|
|
|
<script>
|
|
|
$("#li_project").addClass("active open");
|
|
|
$("#li_projectHistory").addClass("active");</script>
|
|
|
<script>
|
|
|
|
|
|
$(function () {
|
|
|
//加载表格
|
|
|
$("#historyTable").table({
|
|
|
columnAutoWidth: false,
|
|
|
url: "getHistory",
|
|
|
striped: true,
|
|
|
title: "发布历史列表",
|
|
|
dataType: "json",
|
|
|
pagination: true,
|
|
|
pageSize: 10,
|
|
|
loadFilter: function (data) {
|
|
|
return defaultLoadFilter(data);
|
|
|
},
|
|
|
columns: [{
|
|
|
title: "id",
|
|
|
field: "localid",
|
|
|
width: "5%"
|
|
|
}, {
|
|
|
title: "环境",
|
|
|
field: "environment",
|
|
|
width: "5%"
|
|
|
}, {
|
|
|
title: "操作",
|
|
|
field: "operate",
|
|
|
width: "5%"
|
|
|
}, {
|
|
|
title: "用户",
|
|
|
field: "user",
|
|
|
width: "5%"
|
|
|
}, {
|
|
|
title: "分支",
|
|
|
field: "branch",
|
|
|
width: "5%"
|
|
|
}, {
|
|
|
title: "当前项目",
|
|
|
field: "currentProject",
|
|
|
width: "10%"
|
|
|
}, {
|
|
|
title: "状态",
|
|
|
field: "status",
|
|
|
formatter : function(value, rowData, rowIndex) {
|
|
|
if(value == 1){
|
|
|
return '正在进行';
|
|
|
} else if(value == 2){
|
|
|
return '正常结束';
|
|
|
}else if(value == 3){
|
|
|
return '强制取消';
|
|
|
}else if(value == 4){
|
|
|
return '出错取消';
|
|
|
}else{
|
|
|
return '其他';
|
|
|
}
|
|
|
},
|
|
|
width: "10%"
|
|
|
}, {
|
|
|
title: "回滚文件",
|
|
|
field: "rollbackfile",
|
|
|
width: "10%"
|
|
|
},{
|
|
|
title: "执行顺序",
|
|
|
field: "projectOrder",
|
|
|
width: "30%"
|
|
|
},{
|
|
|
title: "时间",
|
|
|
field: "createTime",
|
|
|
width: "15%"
|
|
|
}]
|
|
|
});
|
|
|
|
|
|
});
|
|
|
|
|
|
//点击查询按钮
|
|
|
$("#searchBtn").click(function () {
|
|
|
var currentProject = $("#currentProject").val();
|
|
|
var environment = $("#environment").val();
|
|
|
$("#historyTable").table("load", {
|
|
|
'currentProject': currentProject,
|
|
|
'environment': environment
|
|
|
});
|
|
|
});
|
|
|
|
|
|
</script> |
|
|
|
|
|
\ No newline at end of file |
...
|
...
|
|