java110
2022-09-18 83b638b03cf154a0ffcb19ab273485c8da798769
java110-doc/src/main/resources/static/doc-ui.html
@@ -3,71 +3,200 @@
<head>
    <meta charset="UTF-8">
    <title>api document ui</title>
    <link href='/css/vc.css'  rel='stylesheet' type='text/css'/>
    <link href='/css/doc-ui.css'  rel='stylesheet' type='text/css'/>
    <script src='/js/doc-ui.js' type='text/javascript'></script>
    <link href='css/bootstrap.min.css'  rel='stylesheet' type='text/css'/>
    <link href='css/vc.css'  rel='stylesheet' type='text/css'/>
    <link href='css/doc-ui.css'  rel='stylesheet' type='text/css'/>
    <script src="js/jquery-3.3.1.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src='js/vue.min.js' type='text/javascript'></script>
    <script src='js/vue-resource.min.js' type='text/javascript'></script>
</head>
<body>
<div>
    <div class="flex justify-start">
    <div class="flex justify-start" id="component">
        <div class="line-y left white-bg border-radius padding">
            <ul class="nav metismenu" id="side-menu">
                <li class="" style="color: #444;padding: 10px 20px;font-size: 20px;">
                    <div class="dropdown profile-element">
                        <span class="block m-t-xs font-bold">HC小区管理系统文档</span>
                        <span class="block m-t-xs font-bold">{{docInfo.title}}</span>
                    </div>
                </li>
                <li class="flex justify-around" style="color: #999;padding: 0px 10px;font-size: 14px;">
                    <div class="dropdown profile-element">
                        <span class="block m-t-xs font-bold">作者:</span>
                        <span class="block m-t-xs font-bold">吴学文</span>
                <li class="flex justify-around" style="color: #999;padding: 0px 10px;font-size: 14px;width:100%">
                    <div class="">
                        <span class="">作者:</span>
                        <span class="">{{docInfo.company}}</span>
                    </div>
                    <div class="dropdown profile-element">
                        <span class="block m-t-xs font-bold">版本:</span>
                        <span class="block m-t-xs font-bold">v1.40</span>
                    <div class="">
                        <span class="">版本:</span>
                        <span class="">{{docInfo.version}}</span>
                    </div>
                </li>
                <li class="" style="color: #999;padding: 10px 10px;font-size: 14px;">
                    <div class="dropdown profile-element">
                        <span class="block m-t-xs font-bold">hc系统描述水电费水电费水电费</span>
                        <span class="block m-t-xs font-bold">{{docInfo.description}}</span>
                    </div>
                </li>
                <li  class="active" >
                    <a  href="javascript:void(0)" onclick="switchMenu(123)">
                        <span class="nav-label" style="color: #777;">计算中心</span>
                <li  style="width:100%" :class="{ active: item.active }" v-for="(item,index) in menus" :key="item.name">
                    <a  href="javascript:void(0)" @click="switchMenu(item)">
                        <span class="nav-label" style="color: #777;">{{item.name}}</span>
                    </a>
                    <ul class="nav nav-second-level collapse" class="in">
                        <li><a onclick="_gotoPage(123)" style="color: #999;" href="javascript:void(0)">我的菜单</a></li>
                        <li><a onclick="_gotoPage(123)" style="color: #999;" href="javascript:void(0)">我的菜单</a></li>
                        <li><a onclick="_gotoPage(123)" style="color: #999;" href="javascript:void(0)">我的菜单</a></li>
                        <li><a onclick="_gotoPage(123)" style="color: #999;" href="javascript:void(0)">我的菜单</a></li>
                    <ul class="nav nav-second-level collapse" :class="{in: item.active}">
                        <li v-for="subMenu in pages" v-if="item.active">
                            <a @click="_gotoPage(subMenu)" style="color: #999;" href="javascript:void(0)">{{subMenu.title}}</a>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
        <div class="margin-left right white-bg border-radius padding">
            <div>登录接口</div>
            <div>请求头信息</div>
            <div>
                <table>
                    <tr>
                        <th>上级</th>
                        <th>名称</th>
                        <th>名称</th>
                    </tr>
                </table>
        <div class="margin-left right white-bg border-radius doc-interface">
            <h3 class="">登录接口</h3>
            <div class="doc-margin-top" >
                <div class="doc-title">1、请求地址:</div>
                <div >http://127.0.0.1:8008/app/login.userPcLogin</div>
            </div>
            <div class="doc-margin-top" >
                <div class="doc-title">2、请求方式:</div>
                <div >POST</div>
            </div>
            <div class="doc-margin-top" >
                <div class="doc-title">3、请求头信息:</div>
                <div>
                        <table class="table table-bordered">
                            <thead>
                            <tr>
                                <th scope="col">名称</th>
                                <th scope="col">默认值</th>
                                <th scope="col">描述</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <th>1</th>
                                <td>Mark</td>
                                <td>Otto</td>
                            </tr>
                            <tr>
                                <th>2</th>
                                <td>Jacob</td>
                                <td>Thornton</td>
                            </tr>
                            <tr>
                                <th>3</th>
                                <td>Larry</td>
                                <td>the Bird</td>
                            </tr>
                            </tbody>
                        </table>
                </div>
            </div>
            <div class="doc-margin-top" >
                <div class="doc-title">4、请求信息:</div>
                <div>
                    <table class="table table-bordered">
                        <thead>
                        <tr>
                            <th scope="col">上级</th>
                            <th scope="col">名称</th>
                            <th scope="col">类型</th>
                            <th scope="col">长度</th>
                            <th scope="col">默认值</th>
                            <th scope="col">描述</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <th>1</th>
                            <td>Mark</td>
                            <td>Otto</td>
                            <td>Otto</td>
                            <td>Otto</td>
                            <td>Otto</td>
                        </tr>
                        <tr>
                            <th>2</th>
                            <td>Jacob</td>
                            <td>Thornton</td>
                            <td>Otto</td>
                            <td>Otto</td>
                            <td>Otto</td>
                        </tr>
                        <tr>
                            <th>3</th>
                            <td>Larry</td>
                            <td>the Bird</td>
                            <td>Otto</td>
                            <td>Otto</td>
                            <td>Otto</td>
                        </tr>
                        </tbody>
                    </table>
                </div>
                <div class="highlight">
                    <div>请求报文:</div>
                    <div>{"111":"BB"}</div>
                </div>
            </div>
            <div class="doc-margin-top" >
                <div class="doc-title">5、返回信息:</div>
                <div>
                    <table class="table table-bordered">
                        <thead>
                        <tr>
                            <th scope="col">上级</th>
                            <th scope="col">名称</th>
                            <th scope="col">类型</th>
                            <th scope="col">长度</th>
                            <th scope="col">默认值</th>
                            <th scope="col">描述</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <th>1</th>
                            <td>Mark</td>
                            <td>Otto</td>
                            <td>Otto</td>
                            <td>Otto</td>
                            <td>Otto</td>
                        </tr>
                        <tr>
                            <th>2</th>
                            <td>Jacob</td>
                            <td>Thornton</td>
                            <td>Otto</td>
                            <td>Otto</td>
                            <td>Otto</td>
                        </tr>
                        <tr>
                            <th>3</th>
                            <td>Larry</td>
                            <td>the Bird</td>
                            <td>Otto</td>
                            <td>Otto</td>
                            <td>Otto</td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="highlight">
                <div>请求报文:</div>
                <div>{"111":"BB"}</div>
            </div>
        </div>
    </div>
</div>
<!--<script src="js/vcFramework.js"></script>-->
<script src='js/doc-ui.js' ></script>
</body>
</html>