dashBoard.jsp 5.93 KB
<%@page language="java" contentType="text/html;charset=utf-8" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://"
            + request.getServerName() + ":" + request.getServerPort()
            + path + "/";
%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <link rel="stylesheet" href="<%=basePath %>css/bootstrap.min.css"/>
    <link rel="stylesheet" href="<%=basePath %>css/unicorn.main.css"/>
    <link rel="stylesheet" href="<%=basePath %>css/unicorn.grey.css"/>
    <script src="<%=basePath %>js/excanvas.min.js" charset="UTF-8" type="text/javascript"></script>
    <script src="<%=basePath %>js/jquery-1.12.0.min.js" charset="UTF-8" type="text/javascript"></script>
    <script src="<%=basePath %>js/jquery-ui.custom.js" charset="UTF-8" type="text/javascript"></script>
    <script src="<%=basePath %>/js/bootstrap.min.js"></script>
    <script src="<%=basePath %>/js/unicorn.js"></script>
    <script src="<%=basePath %>js/bootstrap-plugin/datetimepicker/moment-with-locales.js" charset="UTF-8"
            type="text/javascript"></script>
    <script src="<%=basePath %>js/bootstrap-plugin/datetimepicker/bootstrap-datetimepicker.js" charset="UTF-8"
            type="text/javascript"></script>
    <script src="<%=basePath %>js/global.js" charset="UTF-8" type="text/javascript"></script>
    <script src="<%=basePath %>js/bootstrap-plugin/bootstrap.pagination.js" charset="UTF-8"
            type="text/javascript"></script>
    <script src="<%=basePath %>js/bootstrap-plugin/bootstrap.table.js" charset="UTF-8" type="text/javascript"></script>
    <script src="<%=basePath %>js/bootstrap-plugin/bootstrap.dialog.js" charset="UTF-8" type="text/javascript"></script>
    <script src="<%=basePath %>js/bootstrap-plugin/bootstrap.form.js" charset="UTF-8" type="text/javascript"></script>
    <script src="<%=basePath %>js/bootstrap-plugin/bootstrap.panel.js" charset="UTF-8" type="text/javascript"></script>
    <script src="<%=basePath %>js/bootstrap-plugin/bootstrap.alerts.js" charset="UTF-8" type="text/javascript"></script>
    <script src="<%=basePath %>js/bootstrap-plugin/bootstrap.accordion.js" charset="UTF-8"
            type="text/javascript"></script>
    <script src="<%=basePath %>js/bootstrap-plugin/bootstrap.breadcrumb.js" charset="UTF-8"
            type="text/javascript"></script>
    <script src="<%=basePath %>js/bootstrap-plugin/bootstrap.validate.js" charset="UTF-8"
            type="text/javascript"></script>
    <script src="<%=basePath %>js/bootstrap-plugin/bootstrap.form.js" charset="UTF-8" type="text/javascript"></script>
    <script src="<%=basePath %>js/layer/layer.js" charset="UTF-8" type="text/javascript"></script>
    <script src="<%=basePath %>js/bootstrap-plugin/bootstrap.select.js" charset="UTF-8" type="text/javascript"></script>
    <script src="<%=basePath %>js/jstree/jstree.min.js"></script>
    <script src="<%=basePath %>js/jquery.toaster.js"></script>
    <link rel="stylesheet" href="<%=basePath%>css/font-awesome.min.css">

    <title>YOHO!运维</title>
</head>
<body>

<!-- 头部 -->
<div id="head">

</div>

<!-- 右侧具体内容 -->
<div id="content">

    <div id="breadcrumb">
        <a href="#" title="Go to Home" class="tip-bottom"><i
                class="icon-home"></i> Home</a> <a href="#" class="current">常用链接</a>
    </div>
    <!-- 内容 -->
    <div class="container-fluid">


        <div class="widget-box">

            <div class="row">
                <c:forEach items="${portalMap}" var="m"  varStatus="mq">
                    <div class="col-sm-12 col-md-6 col-lg-4 ">
                        <div class="thumbnail" style="">
                            <div style="width:90%;height:150px;
                            <c:if test="${mq.index == 0}">background-color: rebeccapurple;</c:if>
                            <c:if test="${mq.index == 1}">background-color: #0C5F61;</c:if>
                            <c:if test="${mq.index == 2}">background-color: #82BD4A;</c:if>
                            margin:0 auto;" class="jumbotron">
                                <h2 style="color:white">${m.key}</h2>
                            </div>
                            <div class="caption">
                                <c:forEach items="${m.value}" var="portalSecondMap">
                                    <h3>
                                        ${portalSecondMap.key}
                                    </h3>
                                    <c:forEach items="${portalSecondMap.value}" var="portal">
                                        <p>
                                            <c:if test="${portal.text!=null && portal.text !=''}">

                                                <span>
                                                       <c:if test="${portal.text=='运营平台'}"><strong></c:if>
                                                           ${portal.text}
                                                        <c:if test="${portal.text=='运营平台'}"></strong></c:if>
                                                </span>
                                            </c:if>

                                            <a href="${portal.link}"  target="_blank"><c:if test="${portal.text=='运营平台'}"><strong></c:if>${portal.link}<c:if test="${portal.text=='运营平台'}"></strong></c:if></a></p>
                                    </c:forEach>

                                </c:forEach>
                            </div>
                        </div>
                    </div>
                </c:forEach>

            </div>


        </div>
    </div>
</div>
</body>
<script src="<%=basePath %>script/common/genarate_left_panel.js?v=20171219"></script>
<script type="text/javascript">
    $("#li_dashboard").addClass("active");
</script>