地质所 沉降监测网建设项目
zmk
2024-05-17 5a7f1c8cab60652935a88b9c35037e7d7b80d1e5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
<!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">
        <p class="project-name">
            <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>
    <th:block th:include="include :: footer" />
    <th:block th:include="include :: datetimepicker-js" />
   
   <script th:inline="javascript">
        var project =[[${project}]];
 
        function map(){
           parent.$.modal.openTab("项目地图",ctx+"/geo/projectwork/map?id=" + project.ids);
       }
    </script>
</body>
</html>