ops / monitor-ui · Commits

Go to a project

Authored by jack.xue
Commit 5eaf03ed64e288fab54bef183cb9f28a2be97cab 1 parent bc9fc9af

fix mobjectInfo.jsp

Inline Side-by-side
Showing 4 changed files with 227 additions and 34 deletions
... ... @@ -7,8 +7,8 @@ import lombok.Data;
* Created by yoho on 2016/6/16.
*/
@Data
public class MObjectModel {
private int moId;
public class MObjectModel {
private int moId = 0;
private String moName;
... ...
... ... @@ -8,6 +8,24 @@ import lombok.Data;
@Data
public class MObjectInfoReq extends PageRequest {
private int moId = 0;
private String moName;
private String moHostIp;
private String moTypeName;
private String moStatus;
private int moHostId;
private int moTypeId;
private String moTags;
private String moUrl;
String typeIds = "0";
String hostIds = "0";
... ...
... ... @@ -3,8 +3,6 @@ package com.ui.ctrl;
import com.ui.http.HttpRestClient;
import com.ui.model.BaseResponse;
import com.ui.model.req.MObjectInfoReq;
import com.ui.model.req.PageRequest;
import org.apache.commons.lang.StringUtils;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.*;
... ... @@ -18,6 +16,7 @@ public class MObjectInfoCtrl {
@Autowired
HttpRestClient httpRestClient;
//前台提供currentpage,pagesize,isType,typeIds,hostIps
@RequestMapping(value = "/query", method = RequestMethod.POST)
public BaseResponse queryAllMObjectInfo(MObjectInfoReq request) {
... ... @@ -27,4 +26,32 @@ public class MObjectInfoCtrl {
}
//前台提供mo_id
@RequestMapping(value = "/delete", method = RequestMethod.POST)
public BaseResponse deleteMObjectInfo(MObjectInfoReq request) {
BaseResponse response = httpRestClient.defaultPost("/mobject/delete", request, BaseResponse.class);
return response;
}
//前台提供 mo_id,mo_name,mo_typeId,mo_hostIP,mo_tags,mo_url
@RequestMapping(value = "/update", method = RequestMethod.POST)
public BaseResponse updateMObjectInfo(MObjectInfoReq request) {
BaseResponse response = httpRestClient.defaultPost("/mobject/update", request, BaseResponse.class);
return response;
}
//前台提供 mo_name,mo_typeId,mo_hostIp,mo_tags,mo_url
@RequestMapping(value = "/add", method = RequestMethod.POST)
public BaseResponse addMObjectInfo(MObjectInfoReq request) {
BaseResponse response = httpRestClient.defaultPost("/mobject/add", request, BaseResponse.class);
return response;
}
}
... ...
... ... @@ -49,7 +49,9 @@
</div>
<button id="submit" class="btn btn-default">搜索</button>
</div>
<button id="addBtn" class="btn btn-primary" style="margin-top: 12px;margin-left: 500px;" data-target="#myModal" data-toggle="modal">新增</button>
<button id="addBtn" class="btn btn-primary" style="margin-top: 12px;margin-left: 500px;"
data-target="#addModal" data-toggle="modal">新增
</button>
</div>
</div>
<div id="table"></div>
... ... @@ -58,8 +60,7 @@
</div>
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal fade" id="addModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
... ... @@ -75,31 +76,31 @@
<div class="control-group">
<label class="control-label" style="float: left;">名称</label>
<div class="controls">
<input type="text" />
<input type="text" id="moName"/>
</div>
</div>
<div class="control-group">
<label class="control-label" style="float: left;">所属主机</label>
<div class="controls">
<input type="text" placeholder="请填写主机IP" />
<input type="text" placeholder="请填写主机IP" id="moHostIp"/>
</div>
</div>
<div class="control-group">
<label class="control-label" style="float: left;">类型</label>
<div class="controls">
<input type="text" value="" readonly="readonly" />
<input type="text" value="" readonly="readonly" id=""/>
</div>
</div>
<div class="control-group">
<label class="control-label" style="float: left;">标签</label>
<div class="controls">
<input type="text" />
<input type="text"/>
</div>
</div>
<div class="control-group">
<label class="control-label" style="float: left;">域名</label>
<div class="controls">
<input type="text" />
<input type="text"/>
</div>
</div>
</form>
... ... @@ -118,6 +119,103 @@
<!-- /.modal -->
</div>
</div>
<div class="modal fade" id="updateModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"
aria-hidden="true">&times;</button>
<h4 class="modal-title" id="myModalLabel">修改</h4>
</div>
<div class="modal-body">
<div class="row-fluid">
<div class="span12">
<div class="widget-content nopadding">
<form action="#" method="post" class="form-horizontal" id="updateForm">
<div class="control-group" typeof="hidden" id="moId">
</div>
<div class="control-group" typeof="hidden" id="moTypeId">
</div>
<div class="control-group">
<label class="control-label" style="float: left;">名称</label>
<div class="controls">
<input type="text" id="moName"/>
</div>
</div>
<div class="control-group">
<label class="control-label" style="float: left;">所属主机</label>
<div class="controls">
<input type="text" placeholder="请填写主机IP" id="moHostIp"/>
</div>
</div>
<div class="control-group">
<label class="control-label" style="float: left;">类型</label>
<div class="controls">
<input type="text" readonly="readonly" id="moTypeName"/>
</div>
</div>
<div class="control-group">
<label class="control-label" style="float: left;">标签</label>
<div class="controls">
<input type="text" id="moTags"/>
</div>
</div>
<div class="control-group">
<label class="control-label" style="float: left;">域名</label>
<div class="controls">
<input type="text" id="moUrl"/>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭
</button>
<button type="submit" class="btn btn-primary" value="Validate" id="updateSubmit">提交</button>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal -->
</div>
</div>
<div class="modal fade" id="deleteModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"
aria-hidden="true">&times;</button>
<h4 class="modal-title" id="myModalLabel">确定删除？</h4>
</div>
<div class="modal-body">
<div class="row-fluid">
<div class="span12">
<div class="widget-content nopadding">
<form action="#" method="post" class="form-horizontal" id="deleteForm">
<div class="control-group" typeof="hidden" id="moId">
</div>
</form>
</div>
</div>
</div>
<button type="button" class="btn btn-default" style="margin-right: auto" data-dismiss="modal">取消
</button>
<button type="submit" class="btn btn-primary" style="margin-left: auto" id="deleteSubmit">确认</button>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal -->
</div>
</div>
<script>
$(function () {
$("#table").table({
... ... @@ -145,22 +243,30 @@
title: "标签",
field: "moTags"
}, {
title: "操作",
title: "操作",
formatter: function (value, rowData, rowIndex) {
var div = $("<div>");
formatter: function (value, rowData, rowIndex) {
var div = $("<div>");
var editBtn = $("<button data-target='#myModal' data-toggle='modal'>").addClass("btn btn-inverse btn-mini").html("修改").appendTo(div);
//修改
editBtn.click(function () {
//修改
var editBtn = $("<button data-target='#updateModal' data-toggle='modal'>").addClass("btn btn-primary btn-mini").html("修改").appendTo(div);
editBtn.click( function () {
updateMObject(rowData);
});
div.append("&nbsp;");
var delBtn = $("<button>").addClass("btn btn-danger btn-mini").html("删除").appendTo(div);
delBtn.click(function () {
});
return div;
}
}],
div.append("&nbsp;");
div.append("&nbsp;");
div.append("&nbsp;");
//删除
var delBtn = $("<button data-target='#deleteModal' data-toggle='modal'>").addClass("btn btn-danger btn-mini").html("删除").appendTo(div);
delBtn.click( function() {
deleteMObject(rowData);
}
);
return div;
}
}],
/* data: data*/
});
... ... @@ -225,15 +331,57 @@
alert(2);
}
function deleteMObject(rowData) {
$("#deleteModal #moId").val(rowData.moId);
}
</script>
function updateMObject(rowData) {
$("#updateModal #moName").val(rowData.moName);
$("#updateModal #moHostIp").val(rowData.moHostIp);
$("#updateModal #moTypeName").val(rowData.moTypeName);
$("#updateModal #moTags").val(rowData.moTags);
$("#updateModal #moUrl").val(rowData.moUrl);
<script src="js/jquery.min.js"></script>
<script src="js/jquery.ui.custom.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.uniform.js"></script>
<script src="js/select2.min.js"></script>
<script src="js/jquery.validate.js"></script>
<script src="js/unicorn.js"></script>
<script src="js/unicorn.form_validation.js"></script>
$("#updateModal #moId").val(rowData.moId);
$("#updateModal #moTypeId").val(rowData.moTypeId);
}
$("#updateModal #updateSubmit").click(function () {
$.ajax({
url:contextPath + "/mobject/update",
type:"post",
dataType:"json",
data:{
moId: $("#updateModal #moId").val(),
moName: $("#updateModal #moName").val(),
moHostIp: $("#updateModal #moHostIp").val(),
moTypeId: $("#updateModal #moTypeId").val(),
moTypeName:$("#updateModal #moTypeName").val(),
moTags:$("#updateModal #moTags").val(),
moUrl:$("#updateModal #moUrl").val()
}
});
});
$("#deleteModal #deleteSubmit").click(function () {
$.ajax({
url:contextPath+"/mobject/delete",
type:"post",
dataType:"json",
data:{
moId: $("#deleteModal #moId").val()
}
});
});
function addMObject() {
}
</script>
 
\ No newline at end of file
... ...