<!DOCTYPE html>
|
<html lang="en">
|
<head>
|
<meta charset="UTF-8">
|
<title>api document ui</title>
|
<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" 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">{{docInfo.title}}</span>
|
</div>
|
</li>
|
<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="">
|
<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">{{docInfo.description}}</span>
|
</div>
|
</li>
|
|
<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: 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 doc-interface">
|
<h3 class="">{{content.title}}</h3>
|
<div class="doc-margin-top" >
|
<div class="doc-title">1、请求地址：</div>
|
<div >{{content.url}}</div>
|
</div>
|
<div class="doc-margin-top" >
|
<div class="doc-title">2、请求方式：</div>
|
<div >{{content.method}}</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 v-for="(item,index) in content.headers">
|
<th>{{item.name}}</th>
|
<td>{{item.defaultValue}}</td>
|
<td>{{item.description}}</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 v-for="(item,index) in content.reqParam">
|
<th>{{item.parentNodeName}}</th>
|
<td>{{item.name}}</td>
|
<td>{{item.type}}</td>
|
<td>{{item.length}}</td>
|
<td>{{item.defaultValue}}</td>
|
<td>{{item.remark}}</td>
|
</tr>
|
</tbody>
|
</table>
|
</div>
|
<div class="highlight">
|
<div>请求报文：</div>
|
<div>{{content.reqBody}}</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 v-for="(item,index) in content.resParam">
|
<th>{{item.parentNodeName}}</th>
|
<td>{{item.name}}</td>
|
<td>{{item.type}}</td>
|
<td>{{item.length}}</td>
|
<td>{{item.defaultValue}}</td>
|
<td>{{item.remark}}</td>
|
</tr>
|
</tbody>
|
</table>
|
</div>
|
</div>
|
<div class="highlight">
|
<div>返回报文：</div>
|
<div>{{content.resBody}}</div>
|
</div>
|
|
</div>
|
|
</div>
|
|
|
</div>
|
<!--<script src="js/vcFramework.js"></script>-->
|
<script src='js/doc-ui.js' ></script>
|
</body>
|
</html>
|
