地质所 沉降监测网建设项目
chenhuan
2024-05-16 0fdd42e318f51f9e3c6581473416af1cca69877f
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
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
<!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">
         *{
            margin: 0px;
            padding: 0px;
            box-sizing: border-box;
            user-select: none;
        }
        html,body,#container{
            height: 100%;
        }
        #container{
            padding-left: 200px;
            padding-top: 110px;
        }
        .item-title{
            font-weight: 500;
        }
        .item-content input,
        .item-content select {
            width: 60px;
        }
 
        .item-content input{
            text-indent: 4px;
        }
 
        .item-content input:focus,
        .item-content select:focus {
            outline: none;
        }
 
        #submit {
            background-color: rgb(31, 148, 207);
            border-width: 0px;
            color: white;
            padding: 5px 10px;
            border-radius: 3px;
            cursor: pointer;
        }
        .item-container{
            margin: 20px 0px;
        }
        .item-title{
            margin: 10px 0px;
        }
        .item-content p{
            margin: 10px 0px;
        }
    </style>
</head>
<body class="white-bg">
    <div id="container">
        <div class="item-container">
            <h3 class="item-title">位置异常参数设定:</h3>
            <div class="item-content">
                <input type="text" id="ids" style="display:none" />
                <p>距离基准点坐标大于<input type="text" id="addrDistance" />米</p>
                <p>且同一钻孔下的异常记录占比不超过<input type="text"  id="addrNum1" />%(轻微异常)</p>
                <p>且同一钻孔下的异常记录占比在20%~50%之间(一般异常)</p>
                <p>且同一钻孔下的异常记录占比超过<input type="text"  id="addrNum2" />%或最大偏移值大于<input type="text" id="addrMaxDistance" />米(严重异常)</p>
            </div>
        </div>
        <div class="item-container">
            <h3 class="item-title">时间异常参数设定:</h3>
            <div class="item-content">
                <p>钻孔速度大于<input type="text" id="timeSpead" />米/小时</p>
                <p>且同一钻孔下的异常记录占比不超过<input type="text" id="timeNum1" />%</p>
                <p>且同一钻孔下的异常记录占比在20%~50%之间(一般异常)</p>
                <p>且同一钻孔下的异常记录占比超过<input type="text" id="timeNum2" />%或最大钻进速度大于<input type="text" id="timeMaxSpead" />米(严重异常)</p>
            </div>
        </div>
        <div class="item-container">
            <h3 class="item-title">人员异常参数设定:</h3>
            <div class="item-content">
                <p>从业人员持证检查:
                    <select id="userCertifacate" >
                        <option value="Y">是</option>
                        <option VALUE="N">否</option>
                    </select>
                </p>
                <p>在<input type="text" id="userHours" />小时内同时出现在两个以上项目</p>
            </div>
        </div>
        <div class="item-container">
            <button type="button" id="submit" onclick="submitBut()">立即提交</button>
        </div>
    </div>
    <th:block th:include="include :: footer" />
    <th:block th:include="include :: datetimepicker-js" />
 
    <script th:inline="javascript">
 
        window.onload = function () {
            this.loladConfigInfo();
        }
 
        function submitBut () {
            $.ajax({
                type: 'POST',
                url: ctx + "/geo/config/add",
                data: {
                    "ids":"1",
                    "addrDistance": $('#addrDistance').val(),
                    "addrNum1": $('#addrNum1').val(),
                    "addrNum2": $('#addrNum2').val(),
                    "addrMaxDistance": $('#addrMaxDistance').val(),
                    "timeSpead": $('#timeSpead').val(),
                    "timeNum1": $('#timeNum1').val(),
                    "timeNum2": $('#timeNum2').val(),
                    "timeMaxSpead": $('#timeMaxSpead').val(),
                    "userCertifacate": $('#userCertifacate').val(),
                    "userHours":$('#userHours').val(),
                },
                success: function(res) {
                    loladConfigInfo();
                    $.modal.msgSuccess("保存成功");
                }
            })
        }
 
        function loladConfigInfo() {
            $.ajax({
                type: 'GET',
                url: ctx + "/geo/config/configInfo",
                success: function(res) {
                    let data = res.result;
                    $('#addrDistance').val(data.addrDistance);
                    $('#addrNum1').val(data.addrNum1);
                    $('#addrNum2').val(data.addrNum2);
                    $('#addrMaxDistance').val(data.addrMaxDistance);
                    $('#timeSpead').val(data.timeSpead);
                    $('#timeNum1').val(data.timeNum1);
                    $('#timeNum2').val(data.timeNum2);
                    $('#timeMaxSpead').val(data.timeMaxSpead);
                    $('#userCertifacate').val(data.userCertifacate);
                    $('#userHours').val(data.userHours);
                }
            })
        }
 
    </script>
</body>
</html>