<!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" /> 
 | 
</head> 
 | 
<body class="white-bg"> 
 | 
    <div class="wrapper wrapper-content animated fadeInRight ibox-content"> 
 | 
        <form class="form-horizontal m" id="form-hole-edit" th:object="${hole}"> 
 | 
            <input name="ids" th:field="*{ids}" type="hidden"> 
 | 
            <div class="form-group">     
 | 
                <label class="col-sm-3 control-label">钻孔编号:</label> 
 | 
                <div class="col-sm-8"> 
 | 
                    <input name="code" th:field="*{code}" class="form-control" type="text"  disabled="disabled" required> 
 | 
                </div> 
 | 
            </div> 
 | 
            <div class="form-group"> 
 | 
                <label class="col-sm-3 control-label">钻孔类型:</label> 
 | 
                <div class="col-sm-8"> 
 | 
                    <select name="type" class="form-control m-b" th:with="type=${@dict.getType('hole_type')}"> 
 | 
                        <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}" th:field="*{type}"></option> 
 | 
                    </select> 
 | 
                </div> 
 | 
            </div> 
 | 
  
 | 
  
 | 
            <div class="form-group">     
 | 
                <label class="col-sm-3 control-label">孔口高程(m):</label> 
 | 
                <div class="col-sm-8"> 
 | 
                    <input name="elevation" th:field="*{elevation}" class="form-control" type="text"> 
 | 
                </div> 
 | 
            </div> 
 | 
            <div class="form-group">     
 | 
                <label class="col-sm-3 control-label">设计孔深(m):</label> 
 | 
                <div class="col-sm-8"> 
 | 
                    <input name="depth" th:field="*{depth}" class="form-control" type="text" > 
 | 
                </div> 
 | 
            </div> 
 | 
            <div class="form-group">     
 | 
                <label class="col-sm-3 control-label">钻孔经度:</label> 
 | 
                <div class="col-sm-8"> 
 | 
                    <input name="longitude" th:field="*{longitude}" class="form-control" type="text"  > 
 | 
                </div> 
 | 
            </div> 
 | 
            <div class="form-group">     
 | 
                <label class="col-sm-3 control-label">钻孔纬度:</label> 
 | 
                <div class="col-sm-8"> 
 | 
                    <input name="latitude" th:field="*{latitude}" class="form-control" type="text" > 
 | 
                </div> 
 | 
            </div> 
 | 
            <div class="form-group"> 
 | 
                <label class="col-sm-3 control-label">钻孔状态:</label> 
 | 
                <div class="col-sm-8"> 
 | 
                    <input name="status" th:field="*{status}" class="form-control" type="text" > 
 | 
                </div> 
 | 
            </div> 
 | 
            <div class="form-group"> 
 | 
                <label class="col-sm-3 control-label">总进尺(m):</label> 
 | 
                <div class="col-sm-8"> 
 | 
                    <input name="footage" th:field="*{footage}" class="form-control" type="text" placeholder="请输入总进尺,单位(m)" required> 
 | 
                </div> 
 | 
            </div> 
 | 
            <div class="form-group"> 
 | 
                <label class="col-sm-3 control-label">已完成进尺(m):</label> 
 | 
                <div class="col-sm-8"> 
 | 
                    <input name="footageCpl" th:field="*{footageCpl}" class="form-control" type="text" placeholder="请输入已完成进尺,单位(m)"> 
 | 
                </div> 
 | 
            </div> 
 | 
        </form> 
 | 
    </div> 
 | 
    <th:block th:include="include :: footer" /> 
 | 
    <th:block th:include="include :: datetimepicker-js" /> 
 | 
    <script type="text/javascript"> 
 | 
        var prefix = ctx + "geo/hole"; 
 | 
        $("#form-hole-edit").validate({ 
 | 
            focusCleanup: true 
 | 
        }); 
 | 
  
 | 
        function submitHandler() { 
 | 
            if ($.validate.form()) { 
 | 
                $.operate.save(prefix + "/edit", $('#form-hole-edit').serialize()); 
 | 
            } 
 | 
        } 
 | 
  
 | 
        $("input[name='mapTime']").datetimepicker({ 
 | 
            format: "yyyy-mm-dd", 
 | 
            minView: "month", 
 | 
            autoclose: true 
 | 
        }); 
 | 
  
 | 
        $("input[name='locateTime']").datetimepicker({ 
 | 
            format: "yyyy-mm-dd", 
 | 
            minView: "month", 
 | 
            autoclose: true 
 | 
        }); 
 | 
    </script> 
 | 
</body> 
 | 
</html> 
 |