<!DOCTYPE html>
|
<html lang="zh" xmlns:th="http://www.thymeleaf.org" >
|
<head>
|
<th:block th:include="include :: header('基本信息')" />
|
<th:block th:include="include :: datetimepicker-css" />
|
<style type="text/css">
|
* {
|
padding: 0px;
|
margin: 0px;
|
box-sizing: border-box;
|
user-select: none;
|
}
|
|
html,
|
body {
|
height: 100%;
|
}
|
|
#container {
|
height: 100%;
|
padding: 20px;
|
}
|
|
.basic-info {
|
border-collapse: collapse;
|
width: 100%;
|
|
}
|
|
.basic-info td {
|
border: 1px solid #8080807a;
|
padding: 8px 0px 8px 5px;
|
}
|
|
.project-name{
|
font-size: 16px;
|
}
|
|
.map-model{
|
margin-top: 10px;
|
text-align: right;
|
}
|
|
.map-model button{
|
background-color: rgb(66,139,202);
|
height: 30px;
|
line-height: 30px;
|
color: white;
|
padding: 0px 10px;
|
border-width: 0px;
|
border-radius: 3px;
|
}
|
</style>
|
</head>
|
<body class="white-bg">
|
<div id="container">
|
|
<div class="row">
|
<p class="project-name">
|
<h3>场地信息</h3>
|
<!-- <span class="name-label">场地名称：</span>-->
|
<!-- <span class="name-val" th:text="${project.fullName}"></span>-->
|
</p>
|
<table class="basic-info">
|
<tr>
|
<td>建设单位：</td>
|
<td colspan="3" th:text="${project.companyName}"></td>
|
<td>劳务单位：</td>
|
<td colspan="3" th:text="${project.laborUnit}"></td>
|
</tr>
|
<tr>
|
<td>建设地点：</td>
|
<td colspan="7" th:text="${project.address}"></td>
|
</tr>
|
<tr>
|
<td>场地名称：</td>
|
<td colspan="5" th:text="${project.fullName}"></td>
|
<td>场地编号：</td>
|
<td th:text="${project.code}"></td>
|
</tr>
|
<tr>
|
<td>钻孔个数：</td>
|
<td th:text="${project.holeNum}"></td>
|
<td>开始时间：</td>
|
<td th:text="${#dates.format(project.createTime,'yyyy-MM-dd')}"></td>
|
<td>终止时间：</td>
|
<td th:text="${#dates.format(project.endTime,'yyyy-MM-dd')}"></td>
|
<td>负责人：</td>
|
<td th:text="${project.leaderName}"></td>
|
</tr>
|
</table>
|
<!-- <div class="map-model">-->
|
<!-- <button onclick="map()" type="button">地图模式</button>-->
|
<!-- </div>-->
|
</div>
|
|
<div class="row" style="margin-top: 30px;">
|
<h3>场地钻孔列表</h3>
|
</div>
|
<div class="row">
|
<div class="col-sm-12 select-table table-striped">
|
<table id="bootstrap-table"></table>
|
</div>
|
</div>
|
</div>
|
<th:block th:include="include :: footer" />
|
<th:block th:include="include :: datetimepicker-js" />
|
|
<script th:inline="javascript">
|
var project =[[${project}]];
|
var projectId=[[${projectId}]];
|
var statusDatas = [[${@dict.getType('hole_status')}]];
|
var prefix = ctx + "geo/hole";
|
|
$(function() {
|
var options = {
|
url: prefix + "/list?projectId=" + projectId,
|
modalName: "钻孔",
|
columns: [
|
{
|
field : 'code',
|
title : '钻孔编号'
|
},
|
{
|
field : 'elevation',
|
title : '孔口高程（m）'
|
},
|
{
|
field : 'depth',
|
title : '设计孔深（m）'
|
},
|
{
|
field : 'longitude',
|
title : '钻孔经度',
|
visible: false
|
},
|
{
|
field : 'latitude',
|
title : '钻孔纬度',
|
visible: false
|
},
|
{
|
field : 'status',
|
title : '钻孔状态',
|
formatter: function(value, row, index) {
|
return $.table.selectDictLabel(statusDatas, value);
|
}
|
},
|
{
|
field : 'footage',
|
title : '总进尺（m）',
|
},
|
{
|
field : 'footageCpl',
|
title : '已完成进尺（m）',
|
},
|
{
|
field : 'rate',
|
title : '完成进度(%)',
|
formatter: function(value, row, index) {
|
if (row.rate !=null){
|
return (row.rate*100).toFixed(2) + "%";
|
}else{
|
return "0%";
|
}
|
}
|
}
|
]
|
};
|
$.table.init(options);
|
});
|
//
|
// function map(){
|
// parent.$.modal.openTab("项目地图",ctx+"/geo/projectwork/map?id=" + project.ids);
|
// }
|
</script>
|
</body>
|
</html>
|
