index.html 10.2 KB
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="edge" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="google" content="notranslate" />
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>任你停</title>
    <link rel="stylesheet" href="css/libCss/common.css">
    <link rel="stylesheet" href="css/libCss/bootstrap.min.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
</head>
<body>
<header>
        <div class="float-left java-logo">
            <!--<span></span>-->
            <span class="java-title"></span>
        </div>
        <div class="java-loginout float-right" id="login_out_btn">
            <!--<span class="java-loginout"></span>-->
        </div>
</header>
<div class="main-wrap">
    <nav class="float-left">
        <ul class="nav-ul">
            <li class="visitActive">
                任你停
            </li>
            <li onclick="window.location.href='pdalatform.html'">
                PDA
            </li>
            <li onclick="window.location.href='wechatlatform.html'">
                微信服务号
            </li>
            <li onclick="window.location.href='thirdparty.html'">
                第三方
            </li>
            <li onclick="window.open('http://120.26.116.79:8001/')">
               服务监控中心
            </li>
            <li onclick="window.open('http://120.26.116.79:18080/dubbo/')">
          dubbo
            </li>
            <li onclick="window.open('http://120.26.116.79:48088/toLogin?userName=admin&password=123456!@#')">
                    任务调度中心
            </li>
        </ul>
    </nav>
    <section class="float-left">
        <div class="section-wrap">
            <div class="link-div" id="link-div">
                <span class="linkActive">总体概况</span>
                <span>API  列表</span>
            </div>
            <div class="link-con" id="link-con">
                <div class="link-con-1">
                    <div class="link-con-left float-left">
                        <div class="link-con-left-wrap marginright32 boder-raduis5">
                            <div class="link-con-title border-bottom1">
                                <span>总接口数</span>
                            </div>
                            <div class="link-con-main-1 link-con-main">
                                <span id="total_api_no">0</span>
                                <span>总计(个)</span>
                                <div class="circle-animation"></div>
                            </div>
                        </div>
                        <div class="link-con-left-wrap boder-raduis5">
                            <div class="link-con-title border-bottom1">
                                <span>今日活跃接口数</span>
                            </div>
                            <div class="link-con-main-2 link-con-main">
                                <span id="total_api_hy__no">0</span>
                                <span>总计(个)</span>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                        <div class="link-con-bottom-wrap boder-raduis5">
                            <div class="link-con-title">
                                <span>接入接口统计</span>
                            </div>
                            <div class="echart-main" id="echart-main"></div>
                        </div>
                    </div>
                    <div class="link-con-right float-left boder-raduis5">
                        <div class="link-con-title border-bottom1">
                            <span>调用排行榜</span>
                        </div>
                        <ul class="ranking-list">
                        </ul>
                    </div>
                </div>


                <!--API别表-->
                <div class="link-con-1  display-none">
                    <div class="list-main-wrap" id="list-main-wrap">
                        <ul class="list-con-title">
                            <li class="float-left">名称</li>
                            <li class="float-left">描述</li>
                        </ul>
                        <ul class="list-con-wrap" id="list-con-wrap">
                        </ul>
                    </div>

                    <div class="list-detail-wrap display-none" id="list-detail-wrap">
                        <div class="list-detail-title">
                            名称名称名称名称名称名称名称(名称名称名称名称名称名称名称名称)
                        </div>
                        <div class="list-detail-des">
                            名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称
                        </div>
                        <div class="list-detail-title">
                            请求url
                        </div>
                        <ul class="list-detail-url">
                            <li class="float-left">环境</li>
                            <li class="float-left">HTTPS请求地址</li>
                        </ul>
                        <ul class="list-detail-url-wrap">
                            <li>
                                <div class="float-left">名称名称名称名称名称</div>
                                <div class="float-left">名称名称名称名称名称</div>
                            </li>
                        </ul>
                        <div class="list-detail-title">
                            请求参数
                        </div>
                        <ul class="list-detail-parameter">
                            <li class="float-left">参数名称</li>
                            <li class="float-left">必选</li>
                            <li class="float-left">类型</li>
                            <li class="float-left">说明</li>
                        </ul>
                        <ul class="list-detail-parameter-wrap">
                            <li>
                                <div class="float-left">名称名称名称名称名称</div>
                                <div class="float-left">名称名称名称名称名称</div>
                                <div class="float-left">名称名称名称名称名称</div>
                                <div class="float-left">名称名称名称名称名称</div>
                            </li>
                            <li>
                                <div class="float-left">名称名称名称名称名称</div>
                                <div class="float-left">名称名称名称名称名称</div>
                                <div class="float-left">名称名称名称名称名称</div>
                                <div class="float-left">名称名称名称名称名称</div>
                            </li>
                            <li>
                                <div class="float-left">名称名称名称名称名称</div>
                                <div class="float-left">名称名称名称名称名称</div>
                                <div class="float-left">名称名称名称名称名称</div>
                                <div class="float-left">名称名称名称名称名称</div>
                            </li>

                        </ul>

                        <div class="list-detail-title">
                            请求类型
                        </div>
                        <ul class="list-detail-type">
                            <li class="float-left">参数名称</li>
                            <li class="float-left">类型</li>
                            <li class="float-left">说明</li>
                        </ul>
                        <ul class="list-detail-type-wrap">
                            <li>
                                <div class="float-left">名称名称名称名称名称</div>
                                <div class="float-left">名称名称名称名称名称</div>
                                <div class="float-left">名称名称名称名称名称</div>
                                <div class="float-left">名称名称名称名称名称</div>
                            </li>
                            <li>
                                <div class="float-left">名称名称名称名称名称</div>
                                <div class="float-left">名称名称名称名称名称</div>
                                <div class="float-left">名称名称名称名称名称</div>
                                <div class="float-left">名称名称名称名称名称</div>
                            </li>
                            <li>
                                <div class="float-left">名称名称名称名称名称</div>
                                <div class="float-left">名称名称名称名称名称</div>
                                <div class="float-left">名称名称名称名称名称</div>
                                <div class="float-left">名称名称名称名称名称</div>
                            </li>

                        </ul>

                    </div>
                </div>
            </div>
        </div>
    </section>
</div>


<script type="text/javascript" src="js/libJs/jquery.min.js"></script>
<script type="text/javascript" src="js/libJs/bootstrap.min.js"></script>
<script src="https://cdn.bootcss.com/echarts/3.6.1/echarts.min.js"></script>
<script type="text/javascript" src="js/unit.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript">
    document.write("<s" + "cript type='text/javascript' src='js/index.js?ver" + Math.random() + "'></s" + "cript>");
</script>
</body>
</html>