<!DOCTYPE html> 
 | 
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro"> 
 | 
<head> 
 | 
    <th:block th:include="include :: header('项目导航')" /> 
 | 
    <th:block th:include="include :: layout-latest-css" /> 
 | 
    <th:block th:include="include :: ztree-css" /> 
 | 
<style> 
 | 
.active { 
 | 
    background: #1894F6; 
 | 
} 
 | 
  
 | 
.active a { 
 | 
    color: white; 
 | 
} 
 | 
.afont{ 
 | 
    color: #4D4D4D; 
 | 
    font-size:14px; 
 | 
} 
 | 
</style> 
 | 
</head> 
 | 
<body class="gray-bg"> 
 | 
    <div class="ui-layout-west"> 
 | 
        <div class="box box-main"> 
 | 
  
 | 
            <div class="box-header active"> 
 | 
                <div class="box-title"> 
 | 
                    <i class="fa fa-desktop"></i> <a class="afont" th:href="@{/geo/project/info(id=${project.ids})}" target="mainFrame" onclick="selected(this)">场地详情</a> 
 | 
                </div>  
 | 
            </div> 
 | 
            <div class="box-header "> 
 | 
                <div class="box-title"> 
 | 
                    <i class="glyphicon glyphicon-map-marker"></i> <a class="afont" th:href="@{/geo/hole(id=${project.ids})}" target="mainFrame" onclick="selected(this)">钻孔</a> 
 | 
                </div> 
 | 
            </div> 
 | 
            <div class="box-header "> 
 | 
                <div class="box-title"> 
 | 
                    <i class="glyphicon glyphicon-list-alt"></i> <a class="afont" th:href="@{/geo/holeLog(id=${project.ids})}" target="mainFrame" onclick="selected(this)">钻孔进度日志</a> 
 | 
                </div> 
 | 
            </div> 
 | 
            <div class="box-header "> 
 | 
                <div class="box-title"> 
 | 
                    <i class="glyphicon glyphicon-user"></i> <a class="afont" th:href="@{/geo/projectPerson(id=${project.ids})}" target="mainFrame" onclick="selected(this)">人员管理</a> 
 | 
                </div> 
 | 
            </div> 
 | 
            <div class="box-header "> 
 | 
                <div class="box-title"> 
 | 
                    <i class="glyphicon glyphicon-retweet"></i> <a class="afont" th:href="@{/geo/deviceLog(id=${project.ids})}" target="mainFrame" onclick="selected(this)">设备管理</a> 
 | 
                </div> 
 | 
            </div> 
 | 
            <div class="box-header "> 
 | 
                <div class="box-title"> 
 | 
                    <i class="glyphicon glyphicon-random"></i> <a class="afont" th:href="@{/geo/TubLog(id=${project.ids})}" target="mainFrame" onclick="selected(this)">材料管理</a> 
 | 
                </div> 
 | 
            </div> 
 | 
            <div class="box-header "> 
 | 
                <div class="box-title"> 
 | 
                    <i class="glyphicon glyphicon-object-align-horizontal"></i> <a class="afont" th:href="@{/geo/projectData(id=${project.ids},type='1')}" target="mainFrame" onclick="selected(this)">质量管理</a> 
 | 
                </div> 
 | 
            </div> 
 | 
            <div class="box-header "> 
 | 
                <div class="box-title"> 
 | 
                    <i class="glyphicon glyphicon-lock"></i> <a class="afont" th:href="@{/geo/projectData(id=${project.ids},type='2')}" target="mainFrame" onclick="selected(this)">安全管理</a> 
 | 
                </div> 
 | 
            </div> 
 | 
            <div class="box-header "> 
 | 
                <div class="box-title"> 
 | 
                    <i class="glyphicon glyphicon-th-list"></i> <a class="afont" th:href="@{/geo/projectData/2(id=${project.ids},type='3')}" target="mainFrame" onclick="selected(this)">施工现场管理</a> 
 | 
                </div> 
 | 
            </div> 
 | 
            <div class="box-header "> 
 | 
                <div class="box-title"> 
 | 
                    <i class="glyphicon glyphicon-facetime-video"></i> <a class="afont" th:href="@{/geo/projectCamera(id=${project.ids})}" target="mainFrame" onclick="selected(this)">现场监控设备</a> 
 | 
                </div> 
 | 
            </div> 
 | 
        </div> 
 | 
    </div> 
 | 
     
 | 
    <div class="ui-layout-center" id="frame"> 
 | 
        <iframe id="mainFrame" name="mainFrame" class="ui-layout-content p0" 
 | 
        th:src="@{/geo/project/info(id=${project.ids})}"></iframe> 
 | 
    </div> 
 | 
  
 | 
  
 | 
    <th:block th:include="include :: footer" /> 
 | 
    <th:block th:include="include :: layout-latest-js" /> 
 | 
    <th:block th:include="include :: ztree-js" /> 
 | 
    <script th:inline="javascript"> 
 | 
  
 | 
        $(function() { 
 | 
            var panehHidden = false; 
 | 
            if ($(this).width() < 769) { 
 | 
                panehHidden = true; 
 | 
            } 
 | 
            $('body').layout({ initClosed: panehHidden, west__size: 185 }); 
 | 
         
 | 
        }); 
 | 
         
 | 
        function selected(_this){ 
 | 
            $(".box").find(".box-header").removeClass("active"); 
 | 
            $(_this).parent().parent().addClass("active"); 
 | 
        } 
 | 
  
 | 
    </script> 
 | 
</body> 
 | 
  
 | 
</html> 
 |