123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252 |
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
- <html>
- <head>
- <title>API 列表</title>
- <meta http-equiv="content-type" content="text/html; charset=UTF-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge" />
- <link rel="stylesheet" href="../../commons/css/safe.css" type="text/css" />
- <script type="text/javascript" src="../../commons/js/business-all.js"></script>
- <script type="text/javascript" src="./js/apiList.js"></script>
- </head>
- <body onload="$('#loading-mask').fadeOut('slow');">
- <div id="loading-mask"
- style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: #D2E0F2; z-index: 20000">
- <div id="pageloading"
- style="position: absolute; top: 50%; left: 50%; margin: -120px 0px 0px -120px; text-align: center; width:200px; border:1px solid #a6bccb; background-color:#fff;padding: 10px; background: #fff; color: #555;">
- <img src="../../commons/images/loading.gif" align="absmiddle" />
- 正在加载中,请稍候...
- </div>
- </div>
- <input id='pname' type="hidden" />
- <input id='apis' type="hidden" />
- <div class="container-wrap">
- <div class="main-header hidden">
- <div class="fl ml20 mt15 f14 c-222">测试Demo</div>
- </div>
- <div class="scroll-pane jspScrollable">
- <div class="container">
- <div class="section">
- <div class="section-con clearfix">
- <div class="section jiekou-left1" style="overflow-x: true">
- <div class="section-header">应用导航</div>
- <div class="section-con section-con-wrap p20">
- <div class="relative resel-box clearfix">
- <ul id="treeUL" class="treeUL" style="padding-top:0px;padding-left: 30px;">
- </ul>
- </div>
- </div>
- </div>
- <div class="section jiekou1-data">
- <div class="section-header" id="divApiModuleTitle">API 文档</div>
- <div class="section-con section-con-wrap">
- <!--<div style="width: 910px; height: 302px;" class="jspContainer"></div>-->
- <div id="divApiModuleDetail">
- <table class="tb" style="padding:0px;margin:auto;width: 90%;" >
- <tbody id="tbdApiList">
- </tbody>
- </table>
- </div>
-
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <!--/main content-->
- </div>
- <div id="divApiDetail" style="width: 650px;overflow-y: scroll;overflow-x:hidden;display: none;height: 450px;">
- <div >
- <div style="text-align: left;margin-top:10px;margin-bottom: 10px;" id="divApiName">Api文档-></div>
- <div style="border: 1px solid #DBDBDB;background-color: #F8F7F7;padding: 15px 0px 15px 15px;font: 12px/1.5 Helvetica,Arial,sans-serif;">
- <label>API名称:</label><label id="labApi"></label><br>
- <label>描述:</label><label id="labDesc"></label><br>
- <label>返回值数据格式:</label><label id="labRetDataType"></label><br>
- <label>创建时间:</label><label id="labCreateTime"></label><br>
- </div>
-
- <div style="background-color: #FEF1DF;line-height: 35px;height: 35px;padding: 0px 0px 0px 15px;margin-top: 10px;">
- 调用说明
- </div>
- <div style="padding: 15px 0px 15px 15px;font: 12px/1.5 Helvetica,Arial,sans-serif;">
- 暂无
- </div>
- <div style="background-color: #FEF1DF;line-height: 35px;height: 35px;padding: 0px 0px 0px 15px;margin-top: 10px;">
- 请求参数
- </div>
- <div style="padding: 15px 0px 15px 15px;font: 12px/1.5 Helvetica,Arial,sans-serif;">
- <ul>
- <li>
- <h4><span>必选参数</span></h4>
- <table border="1" cellpadding="0" cellspacing="0" width="100%" style="font: 12px/1.5 Helvetica,Arial,sans-serif;">
-
- <tr >
- <th width="18%">名称</th>
- <th width="12%"> 类型</th>
- <th width="28%">说明</th>
- <th width="42%">备注</th>
- </tr>
- <tbody id="trInParamNeed">
- </tbody>
- </table>
- </li>
- <li>
- <h4><span>可选参数</span></h4>
- <table class="parameters" border="1" cellpadding="0" cellspacing="0" width="100%" style="font: 12px/1.5 Helvetica,Arial,sans-serif;">
-
- <tr>
- <th width="18%">名称</th>
- <th width="12%">类型</th>
- <th width="28%">说明</th>
- <th width="42%">备注</th>
- </tr>
- <tbody id="trInParamNoNeed"></tbody>
- </table>
- </li>
- </ul>
- </div>
- <div style="background-color: #FEF1DF;line-height: 35px;height: 35px;padding: 0px 0px 0px 15px;margin-top: 10px;">
- 返回结果
- </div>
- <div style="padding: 15px 0px 15px 15px;font: 12px/1.5 Helvetica,Arial,sans-serif;">
- <ul>
- <li>
- <h4><span>固定字段</span></h4>
- <table border="1" cellpadding="0" cellspacing="0" width="100%" style="font: 12px/1.5 Helvetica,Arial,sans-serif;">
-
- <tr >
- <th width="18%">名称</th>
- <th width="12%"> 类型</th>
- <th width="28%">说明</th>
- <th width="42%">备注</th>
- </tr>
- <tbody id="trOutParam"></tbody>
- </table>
- </li>
- </ul>
- </div>
- </div>
- </div>
- <div id="ParamManage" style="display:none;overflow-y: scroll;height:300px;">
- <input id="api" type="hidden" />
- <input id="isValid" type="hidden" />
- <table class="tb" width="99.8%">
- <tr>
- <td colspan='6'><ul class="i-btn-list"><li><a href = 'javascript:void(0);' onclick="showUpdateParamDialog('');" class="i-btn"><i class="i-add"></i>新增参数</a></li></ul></td>
- </tr>
- <tr >
- <th width="15%">名称</th>
- <th width="8%"> 类型</th>
- <th width="15%">说明</th>
- <th width="12%">是否必填</th>
- <th width="20%">备注</th>
- <th width="30%">操作</th>
- </tr>
- <tbody id="trParam">
- </tbody>
- </table>
- </div>
- <div class="UpdateParam" id="UpdateParam" style="display:none">
- <table class="table-form" style="font: 12px/1.5 Helvetica,Arial,sans-serif;">
- <tr>
- <td class="t">
- <sub>∗</sub> 参数名称
- </td>
- <td>
- <input type="text" class="text w250" id="paramName"/>
- </td>
- </tr>
- <tr>
- <td class="t">
- 参数类型
- </td>
- <td>
- <select name="" id="paramType" class="select w150">
- <option value="String" selected="selected">String</option>
- <option value="Int">Int</option>
- <option value="Long">Long</option>
- <option value="Double">Double</option>
- <option value="Boolean">Boolean</option>
- <option value="Object">Object</option>
- <option value="String_Json">String_Json</option>
- </select>
- </td>
- </tr>
- <tr>
- <td class="t">
- 是否必填
- </td>
- <td>
- <select name="" id="isNeed" class="select w150">
- <option value="1" selected="selected">是</option>
- <option value="0">否</option>
- </select>
- </td>
- </tr>
- <tr>
- <td class="t">
- 参数含义
- </td>
- <td>
- <input type="text" class="text w250" id="paramMeaning"/>
- </td>
- </tr>
- <tr>
- <td class="t">
- 备注
- </td>
- <td>
- <textarea rows="10" cols="50" id="remark" name="remark"></textarea>
- </td>
- </tr>
- </table>
- </div>
- <script type="text/javascript">
- $(function(){
- function joggleListScroll(){
- $(".section-con-wrap").height($(window).height()-162).jScrollPane({"autoReinitialise": true,"overflow":true});
- }
- joggleListScroll();
-
- $(window).resize(function(){
- Throttle(joggleListScroll(),50,30);
- });
-
- $('#layer').click(function(){
- var artBox=art.dialog({
- lock: true,
- icon:'question',
- opacity:0.4,
- width: 250,
- title:'提示',
- content: '页面模板会覆盖编辑区域已有组件,是否继续?',
- ok: function () {
-
- },
- cancel: true
- });
- });
- //接口信息容器高度设置
- /*$('.jiekou-left .section-con').css({height:$(window).height()-202}).on('mousewheel',function(event){
- event.stopPropagation()
- });*/
- //接口信息
- (function(){
- $('.sub-1 li:has(".sub-2")').live("click",function(){
- $(this).siblings().find('.sub-2').hide();
- $(this).find('.sub-2').stop().fadeIn();
- return false;
- });
- $('.sub-2 li:has(".sub")').live("click",function(){
- $(this).siblings().find('.sub').hide();
- $(this).children('.sub').stop().fadeIn();
- // console.info($('.resel-box').outerHeight(true));
- return false;
- });
- })();
- })
- </script>
- </body>
- </html>
|