场外管道管理

This commit is contained in:
Timer
2026-03-01 23:20:13 +08:00
parent 356ac5764a
commit 1fc6272098
4 changed files with 705 additions and 0 deletions

View File

@ -0,0 +1,159 @@
<%@ page language="java" pageEncoding="UTF-8"%>
<style type="text/css">
.select2-container . select2-selection--single {
height: 34px;
line-height: 34px;
}
.select2-selection__arrow {
margin-top: 3px;
}
</style>
<script type="text/javascript">
function dosave() {
$("#subForm").bootstrapValidator('validate');
if ($("#subForm").data('bootstrapValidator').isValid()) {
$.post(ext.contextPath + "/pipeline/pipelineData/save.do", $("#subForm").serialize(), function(data) {
if (data.res == 1) {
closeModal('subModal');
$("#table").bootstrapTable('refresh');
showAlert('s', '保存成功', 'mainAlertdiv');
} else if (data.res == 0) {
showAlert('d', '保存失败', 'alertDiv');
} else {
showAlert('d', data.res, 'alertDiv');
}
}, 'json');
}
}
$("#subForm").bootstrapValidator({
live: 'disabled',
fields: {
pipelineName: {
validators: {
notEmpty: {
message: '管道名称不能为空'
}
}
},
diameterMm: {
validators: {
numeric: {
message: '请输入有效数字'
}
}
},
lengthM: {
validators: {
numeric: {
message: '请输入有效数字'
}
}
},
startBurialDepthM: {
validators: {
numeric: {
message: '请输入有效数字'
}
}
},
endBurialDepthM: {
validators: {
numeric: {
message: '请输入有效数字'
}
}
},
startGroundElevationM: {
validators: {
numeric: {
message: '请输入有效数字'
}
}
},
endGroundElevationM: {
validators: {
numeric: {
message: '请输入有效数字'
}
}
},
pipelineInvertElevationM: {
validators: {
numeric: {
message: '请输入有效数字'
}
}
}
}
});
</script>
<div class="modal fade" id="subModal">
<div class="modal-dialog" style="width: 700px;">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
<h4 class="modal-title">新增管道数据</h4>
</div>
<div class="modal-body">
<form class="form-horizontal" id="subForm">
<div id="alertDiv"></div>
<div class="form-group">
<label class="col-sm-3 control-label">*管道名称</label>
<div class="col-sm-8">
<input type="text" class="form-control" id="pipelineName" name="pipelineName" placeholder="请输入管道名称">
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">直径(mm)</label>
<div class="col-sm-8">
<input type="text" class="form-control" id="diameterMm" name="diameterMm" placeholder="请输入管道直径">
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">长度(m)</label>
<div class="col-sm-8">
<input type="text" class="form-control" id="lengthM" name="lengthM" placeholder="请输入管道长度">
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">起点埋深(m)</label>
<div class="col-sm-8">
<input type="text" class="form-control" id="startBurialDepthM" name="startBurialDepthM" placeholder="请输入起点埋深">
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">终点埋深(m)</label>
<div class="col-sm-8">
<input type="text" class="form-control" id="endBurialDepthM" name="endBurialDepthM" placeholder="请输入终点埋深">
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">起点地面高程(m)</label>
<div class="col-sm-8">
<input type="text" class="form-control" id="startGroundElevationM" name="startGroundElevationM" placeholder="请输入起点地面高程">
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">终点地面高程(m)</label>
<div class="col-sm-8">
<input type="text" class="form-control" id="endGroundElevationM" name="endGroundElevationM" placeholder="请输入终点地面高程">
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">管道底部标高(m)</label>
<div class="col-sm-8">
<input type="text" class="form-control" id="pipelineInvertElevationM" name="pipelineInvertElevationM" placeholder="请输入管道底部标高">
</div>
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
<button type="button" class="btn btn-primary" onclick="dosave()" id="btn_save">保存</button>
</div>
</div>
</div>
</div>

View File

@ -0,0 +1,169 @@
<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<style type="text/css">
.select2-container .select2-selection--single {
height: 34px;
line-height: 34px;
}
.select2-selection__arrow {
margin-top: 3px;
}
</style>
<script type="text/javascript">
function doupdate() {
$("#subForm").bootstrapValidator('validate');
if ($("#subForm").data('bootstrapValidator').isValid()) {
$.post(ext.contextPath + "/pipeline/pipelineData/update.do", $("#subForm").serialize(), function(data) {
if (data.res == 1) {
closeModal('subModal');
$("#table").bootstrapTable('refresh');
showAlert('s', '更新成功', 'mainAlertdiv');
} else if (data.res == 0) {
showAlert('d', '更新失败', 'alertDiv');
} else {
showAlert('d', data.res, 'alertDiv');
}
}, 'json');
}
}
$("#subForm").bootstrapValidator({
live: 'disabled',
fields: {
pipelineName: {
validators: {
notEmpty: {
message: '管道名称不能为空'
}
}
},
diameterMm: {
validators: {
numeric: {
message: '请输入有效数字'
}
}
},
lengthM: {
validators: {
numeric: {
message: '请输入有效数字'
}
}
},
startBurialDepthM: {
validators: {
numeric: {
message: '请输入有效数字'
}
}
},
endBurialDepthM: {
validators: {
numeric: {
message: '请输入有效数字'
}
}
},
startGroundElevationM: {
validators: {
numeric: {
message: '请输入有效数字'
}
}
},
endGroundElevationM: {
validators: {
numeric: {
message: '请输入有效数字'
}
}
},
pipelineInvertElevationM: {
validators: {
numeric: {
message: '请输入有效数字'
}
}
}
}
});
</script>
<div class="modal fade" id="subModal">
<div class="modal-dialog" style="width: 700px;">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
<h4 class="modal-title">编辑管道数据</h4>
</div>
<div class="modal-body">
<form class="form-horizontal" id="subForm">
<input type="hidden" id="id" name="id" value="${pipelineData.id}">
<div id="alertDiv"></div>
<div class="form-group">
<label class="col-sm-3 control-label">*管道名称</label>
<div class="col-sm-8">
<input type="text" class="form-control" id="pipelineName" name="pipelineName"
value="${pipelineData.pipelineName}" placeholder="请输入管道名称">
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">直径(mm)</label>
<div class="col-sm-8">
<input type="text" class="form-control" id="diameterMm" name="diameterMm"
value="${pipelineData.diameterMm}" placeholder="请输入管道直径">
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">长度(m)</label>
<div class="col-sm-8">
<input type="text" class="form-control" id="lengthM" name="lengthM"
value="${pipelineData.lengthM}" placeholder="请输入管道长度">
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">起点埋深(m)</label>
<div class="col-sm-8">
<input type="text" class="form-control" id="startBurialDepthM" name="startBurialDepthM"
value="${pipelineData.startBurialDepthM}" placeholder="请输入起点埋深">
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">终点埋深(m)</label>
<div class="col-sm-8">
<input type="text" class="form-control" id="endBurialDepthM" name="endBurialDepthM"
value="${pipelineData.endBurialDepthM}" placeholder="请输入终点埋深">
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">起点地面高程(m)</label>
<div class="col-sm-8">
<input type="text" class="form-control" id="startGroundElevationM" name="startGroundElevationM"
value="${pipelineData.startGroundElevationM}" placeholder="请输入起点地面高程">
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">终点地面高程(m)</label>
<div class="col-sm-8">
<input type="text" class="form-control" id="endGroundElevationM" name="endGroundElevationM"
value="${pipelineData.endGroundElevationM}" placeholder="请输入终点地面高程">
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">管道底部标高(m)</label>
<div class="col-sm-8">
<input type="text" class="form-control" id="pipelineInvertElevationM" name="pipelineInvertElevationM"
value="${pipelineData.pipelineInvertElevationM}" placeholder="请输入管道底部标高">
</div>
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
<button type="button" class="btn btn-primary" onclick="doupdate()" id="btn_update">保存</button>
</div>
</div>
</div>
</div>

View File

@ -0,0 +1,293 @@
<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ page import="com.sipai.entity.base.ServerObject"%>
<%@ taglib uri="http://www.springsecurity.org/jsp" prefix="security"%>
<!DOCTYPE html>
<head>
<title><%= ServerObject.atttable.get("TOPTITLE")%></title>
<jsp:include page="/jsp/inc.jsp"></jsp:include>
<style type="text/css">
.select2-container .select2-selection--single {
height: 30px;
line-height: 30px;
}
.select2-selection__arrow {
margin-top: 3px;
}
.table-hover>tbody>tr:hover {
cursor: pointer;
}
.fixed-table-toolbar .bs-bars, .fixed-table-toolbar .columns {
margin-top: 0px;
margin-bottom: 0px;
line-height: 20px;
}
</style>
<script type="text/javascript">
var addFun = function() {
$.post(ext.contextPath + '/pipeline/pipelineData/add.do', function(data) {
$("#subDiv").html(data);
openModal('subModal');
});
};
var editFun = function(id) {
stopBubbleDefaultEvent();
$.post(ext.contextPath + '/pipeline/pipelineData/edit.do', {id: id}, function(data) {
$("#subDiv").html(data);
openModal('subModal');
});
};
var viewFun = function(id) {
stopBubbleDefaultEvent();
$.post(ext.contextPath + '/pipeline/pipelineData/view.do', {id: id}, function(data) {
$("#subDiv").html(data);
openModal('subModal');
});
};
var deleteFun = function(id) {
stopBubbleDefaultEvent();
swal({
text: "您确定要删除此记录?",
dangerMode: true,
buttons: {
cancel: {
text: "取消",
value: null,
visible: true,
className: "btn btn-default btn-sm",
closeModal: true,
},
confirm: {
text: "确定",
value: true,
visible: true,
className: "btn btn-danger btn-sm",
closeModal: true
}
}
}).then(function(willDelete) {
if (willDelete) {
$.post(ext.contextPath + '/pipeline/pipelineData/delete.do', {id: id}, function(data) {
if (data == 1) {
$("#table").bootstrapTable('refresh');
showAlert('s', '删除成功', 'mainAlertdiv');
} else {
showAlert('d', '删除失败', 'mainAlertdiv');
}
});
}
});
};
var deletesFun = function() {
var checkedItems = $("#table").bootstrapTable('getSelections');
var datas = "";
$.each(checkedItems, function(index, item) {
datas += item.id + ",";
});
if (datas == "") {
showAlert('d', '请先选择记录', 'mainAlertdiv');
} else {
swal({
text: "您确定要删除选中记录?",
dangerMode: true,
buttons: {
cancel: {
text: "取消",
value: null,
visible: true,
className: "btn btn-default btn-sm",
closeModal: true,
},
confirm: {
text: "确定",
value: true,
visible: true,
className: "btn btn-danger btn-sm",
closeModal: true
}
}
}).then(function(willDelete) {
if (willDelete) {
$.post(ext.contextPath + '/pipeline/pipelineData/deletes.do', {ids: datas}, function(data) {
if (data > 0) {
$("#table").bootstrapTable('refresh');
showAlert('s', '删除成功', 'mainAlertdiv');
} else {
showAlert('d', '删除失败', 'mainAlertdiv');
}
});
}
});
}
};
var dosearch = function() {
$("#table").bootstrapTable('refresh');
};
function queryParamsFun(params) {
return {
rows: params.limit,
page: params.offset / params.limit + 1,
sort: params.sort,
order: params.order,
search_name: $('#search_name').val()
};
}
var initFun = function() {
$("#table").bootstrapTable({
url: ext.contextPath + '/pipeline/pipelineData/getList.do',
cache: false,
striped: true,
pagination: true,
pageList: [10, 20, 50],
pageSize: 20,
pageNumber: 1,
sidePagination: 'server',
queryParams: queryParamsFun,
sortName: 'id',
sortOrder: 'desc',
onClickRow: function(row) {
viewFun(row.id);
},
columns: [
{
checkbox: true,
}, {
field: 'pipelineName',
title: '管道名称',
align: 'center',
valign: 'middle',
width: '15%',
formatter: function(value, row, index) {
return '<span onclick="viewFun(\'' + row.id + '\');" style="color:#004B97;cursor:pointer;">' + row.pipelineName + '</span>';
}
}, {
field: 'diameterMm',
title: '直径(mm)',
align: 'center',
valign: 'middle',
width: '10%'
}, {
field: 'lengthM',
title: '长度(m)',
align: 'center',
valign: 'middle',
width: '10%'
}, {
field: 'startBurialDepthM',
title: '起点埋深(m)',
align: 'center',
valign: 'middle',
width: '12%'
}, {
field: 'endBurialDepthM',
title: '终点埋深(m)',
align: 'center',
valign: 'middle',
width: '12%'
}, {
field: 'startGroundElevationM',
title: '起点地面高程(m)',
align: 'center',
valign: 'middle',
width: '13%'
}, {
field: 'endGroundElevationM',
title: '终点地面高程(m)',
align: 'center',
valign: 'middle',
width: '13%'
}, {
field: 'pipelineInvertElevationM',
title: '管道底部标高(m)',
align: 'center',
valign: 'middle',
width: '13%'
}, {
title: "操作",
align: 'center',
valign: 'middle',
width: '12%',
formatter: function(value, row, index) {
var buts = "";
buts += '<security:authorize buttonUrl="pipeline/pipelineData/edit.do">';
buts += '<button class="btn btn-default btn-sm" title="编辑" onclick="editFun(\'' + row.id + '\')"><i class="fa fa-edit"></i><span class="hidden-md hidden-lg"> 编辑</span></button>';
buts += '</security:authorize>';
buts += '<security:authorize buttonUrl="pipeline/pipelineData/delete.do">';
buts += '<button class="btn btn-default btn-sm" title="删除" onclick="deleteFun(\'' + row.id + '\')"><i class="fa fa fa-trash-o"></i><span class="hidden-md hidden-lg">删除</span></button>';
buts += '</security:authorize>';
buts = '<div class="btn-group" >' + buts + '</div>';
return buts;
}
}
],
onLoadSuccess: function() {
adjustBootstrapTableView("table");
},
onLoadError: function() {
console.info("加载数据失败");
}
});
};
$(function() {
initFun();
});
</script>
</head>
<body onload="initMenu()" class="hold-transition ${cu.themeclass} sidebar-mini">
<div class="wrapper">
<div class="content-wrapper">
<section class="content-header">
<h1 id="head_title"></h1>
<ol class="breadcrumb">
<li><a id='head_firstlevel' href="#"><i class="fa fa-dashboard"></i> </a></li>
</ol>
</section>
<section class="content container-fluid">
<div id="mainAlertdiv"></div>
<div id="subDiv"></div>
<form id="searchForm">
<div>
<div class="form-group" style="padding:0;">
<div class="btn-group" style="width: 100%;">
<security:authorize buttonUrl="pipeline/pipelineData/add.do">
<button type="button" class="btn btn-default btn-sm" onclick="addFun();">
<i class="fa fa-plus"></i> 新增
</button>
</security:authorize>
<security:authorize buttonUrl="pipeline/pipelineData/delete.do">
<button type="button" class="btn btn-default btn-sm" onclick="deletesFun();">
<i class="fa fa-trash-o"></i> 删除
</button>
</security:authorize>
<div class="form-group pull-right form-inline">
<div class="input-group input-group-sm" style="width: 250px;">
<input type="text" id="search_name" name="search_name" class="form-control pull-right" placeholder="管道名称">
<div class="input-group-btn">
<button type="button" class="btn btn-default" onclick="dosearch();">
<i class="fa fa-search"></i>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</form>
<table id="table"></table>
</section>
</div>
</div>
</body>
</html>

View File

@ -0,0 +1,84 @@
<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<style type="text/css">
.select2-container .select2-selection--single {
height: 34px;
line-height: 34px;
}
.select2-selection__arrow {
margin-top: 3px;
}
.form-control-static {
min-height: 34px;
padding-top: 7px;
padding-bottom: 7px;
margin-bottom: 0;
}
</style>
<div class="modal fade" id="subModal">
<div class="modal-dialog" style="width: 700px;">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
<h4 class="modal-title">查看管道数据</h4>
</div>
<div class="modal-body">
<form class="form-horizontal" id="subForm">
<div class="form-group">
<label class="col-sm-3 control-label">管道名称</label>
<div class="col-sm-8">
<p class="form-control-static">${pipelineData.pipelineName}</p>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">直径(mm)</label>
<div class="col-sm-8">
<p class="form-control-static">${pipelineData.diameterMm}</p>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">长度(m)</label>
<div class="col-sm-8">
<p class="form-control-static">${pipelineData.lengthM}</p>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">起点埋深(m)</label>
<div class="col-sm-8">
<p class="form-control-static">${pipelineData.startBurialDepthM}</p>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">终点埋深(m)</label>
<div class="col-sm-8">
<p class="form-control-static">${pipelineData.endBurialDepthM}</p>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">起点地面高程(m)</label>
<div class="col-sm-8">
<p class="form-control-static">${pipelineData.startGroundElevationM}</p>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">终点地面高程(m)</label>
<div class="col-sm-8">
<p class="form-control-static">${pipelineData.endGroundElevationM}</p>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">管道底部标高(m)</label>
<div class="col-sm-8">
<p class="form-control-static">${pipelineData.pipelineInvertElevationM}</p>
</div>
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
</div>
</div>
</div>
</div>