From 1fc6272098a6427484da69aacd27921f78c15f54 Mon Sep 17 00:00:00 2001
From: Timer <@>
Date: Sun, 1 Mar 2026 23:20:13 +0800
Subject: [PATCH] =?UTF-8?q?=E5=9C=BA=E5=A4=96=E7=AE=A1=E9=81=93=E7=AE=A1?=
 =?UTF-8?q?=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../webapp/jsp/pipeline/pipelineDataAdd.jsp   | 159 ++++++++++
 .../webapp/jsp/pipeline/pipelineDataEdit.jsp  | 169 ++++++++++
 .../webapp/jsp/pipeline/pipelineDataList.jsp  | 293 ++++++++++++++++++
 .../webapp/jsp/pipeline/pipelineDataView.jsp  |  84 +++++
 4 files changed, 705 insertions(+)
 create mode 100644 src/main/webapp/jsp/pipeline/pipelineDataAdd.jsp
 create mode 100644 src/main/webapp/jsp/pipeline/pipelineDataEdit.jsp
 create mode 100644 src/main/webapp/jsp/pipeline/pipelineDataList.jsp
 create mode 100644 src/main/webapp/jsp/pipeline/pipelineDataView.jsp

diff --git a/src/main/webapp/jsp/pipeline/pipelineDataAdd.jsp b/src/main/webapp/jsp/pipeline/pipelineDataAdd.jsp
new file mode 100644
index 00000000..3f711622
--- /dev/null
+++ b/src/main/webapp/jsp/pipeline/pipelineDataAdd.jsp
@@ -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>
diff --git a/src/main/webapp/jsp/pipeline/pipelineDataEdit.jsp b/src/main/webapp/jsp/pipeline/pipelineDataEdit.jsp
new file mode 100644
index 00000000..54884e8d
--- /dev/null
+++ b/src/main/webapp/jsp/pipeline/pipelineDataEdit.jsp
@@ -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>
diff --git a/src/main/webapp/jsp/pipeline/pipelineDataList.jsp b/src/main/webapp/jsp/pipeline/pipelineDataList.jsp
new file mode 100644
index 00000000..9293090e
--- /dev/null
+++ b/src/main/webapp/jsp/pipeline/pipelineDataList.jsp
@@ -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>
diff --git a/src/main/webapp/jsp/pipeline/pipelineDataView.jsp b/src/main/webapp/jsp/pipeline/pipelineDataView.jsp
new file mode 100644
index 00000000..5d42b5b3
--- /dev/null
+++ b/src/main/webapp/jsp/pipeline/pipelineDataView.jsp
@@ -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>