apiList.html 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2. <html>
  3. <head>
  4. <title>API 列表</title>
  5. <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  7. <link rel="stylesheet" href="../../commons/css/safe.css" type="text/css" />
  8. <script type="text/javascript" src="../../commons/js/business-all.js"></script>
  9. <script type="text/javascript" src="./js/apiList.js"></script>
  10. </head>
  11. <body onload="$('#loading-mask').fadeOut('slow');">
  12. <div id="loading-mask"
  13. style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: #D2E0F2; z-index: 20000">
  14. <div id="pageloading"
  15. 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;">
  16. <img src="../../commons/images/loading.gif" align="absmiddle" />
  17. 正在加载中,请稍候...
  18. </div>
  19. </div>
  20. <input id='pname' type="hidden" />
  21. <input id='apis' type="hidden" />
  22. <div class="container-wrap">
  23. <div class="main-header hidden">
  24. <div class="fl ml20 mt15 f14 c-222">测试Demo</div>
  25. </div>
  26. <div class="scroll-pane jspScrollable">
  27. <div class="container">
  28. <div class="section">
  29. <div class="section-con clearfix">
  30. <div class="section jiekou-left1" style="overflow-x: true">
  31. <div class="section-header">应用导航</div>
  32. <div class="section-con section-con-wrap p20">
  33. <div class="relative resel-box clearfix">
  34. <ul id="treeUL" class="treeUL" style="padding-top:0px;padding-left: 30px;">
  35. </ul>
  36. </div>
  37. </div>
  38. </div>
  39. <div class="section jiekou1-data">
  40. <div class="section-header" id="divApiModuleTitle">API 文档</div>
  41. <div class="section-con section-con-wrap">
  42. <!--<div style="width: 910px; height: 302px;" class="jspContainer"></div>-->
  43. <div id="divApiModuleDetail">
  44. <table class="tb" style="padding:0px;margin:auto;width: 90%;" >
  45. <tbody id="tbdApiList">
  46. </tbody>
  47. </table>
  48. </div>
  49. </div>
  50. </div>
  51. </div>
  52. </div>
  53. </div>
  54. </div>
  55. <!--/main content-->
  56. </div>
  57. <div id="divApiDetail" style="width: 650px;overflow-y: scroll;overflow-x:hidden;display: none;height: 450px;">
  58. <div >
  59. <div style="text-align: left;margin-top:10px;margin-bottom: 10px;" id="divApiName">Api文档-></div>
  60. <div style="border: 1px solid #DBDBDB;background-color: #F8F7F7;padding: 15px 0px 15px 15px;font: 12px/1.5 Helvetica,Arial,sans-serif;">
  61. <label>API名称:</label><label id="labApi"></label><br>
  62. <label>描述:</label><label id="labDesc"></label><br>
  63. <label>返回值数据格式:</label><label id="labRetDataType"></label><br>
  64. <label>创建时间:</label><label id="labCreateTime"></label><br>
  65. </div>
  66. <div style="background-color: #FEF1DF;line-height: 35px;height: 35px;padding: 0px 0px 0px 15px;margin-top: 10px;">
  67. 调用说明
  68. </div>
  69. <div style="padding: 15px 0px 15px 15px;font: 12px/1.5 Helvetica,Arial,sans-serif;">
  70. 暂无
  71. </div>
  72. <div style="background-color: #FEF1DF;line-height: 35px;height: 35px;padding: 0px 0px 0px 15px;margin-top: 10px;">
  73. 请求参数
  74. </div>
  75. <div style="padding: 15px 0px 15px 15px;font: 12px/1.5 Helvetica,Arial,sans-serif;">
  76. <ul>
  77. <li>
  78. <h4><span>必选参数</span></h4>
  79. <table border="1" cellpadding="0" cellspacing="0" width="100%" style="font: 12px/1.5 Helvetica,Arial,sans-serif;">
  80. <tr >
  81. <th width="18%">名称</th>
  82. <th width="12%"> 类型</th>
  83. <th width="28%">说明</th>
  84. <th width="42%">备注</th>
  85. </tr>
  86. <tbody id="trInParamNeed">
  87. </tbody>
  88. </table>
  89. </li>
  90. <li>
  91. <h4><span>可选参数</span></h4>
  92. <table class="parameters" border="1" cellpadding="0" cellspacing="0" width="100%" style="font: 12px/1.5 Helvetica,Arial,sans-serif;">
  93. <tr>
  94. <th width="18%">名称</th>
  95. <th width="12%">类型</th>
  96. <th width="28%">说明</th>
  97. <th width="42%">备注</th>
  98. </tr>
  99. <tbody id="trInParamNoNeed"></tbody>
  100. </table>
  101. </li>
  102. </ul>
  103. </div>
  104. <div style="background-color: #FEF1DF;line-height: 35px;height: 35px;padding: 0px 0px 0px 15px;margin-top: 10px;">
  105. 返回结果
  106. </div>
  107. <div style="padding: 15px 0px 15px 15px;font: 12px/1.5 Helvetica,Arial,sans-serif;">
  108. <ul>
  109. <li>
  110. <h4><span>固定字段</span></h4>
  111. <table border="1" cellpadding="0" cellspacing="0" width="100%" style="font: 12px/1.5 Helvetica,Arial,sans-serif;">
  112. <tr >
  113. <th width="18%">名称</th>
  114. <th width="12%"> 类型</th>
  115. <th width="28%">说明</th>
  116. <th width="42%">备注</th>
  117. </tr>
  118. <tbody id="trOutParam"></tbody>
  119. </table>
  120. </li>
  121. </ul>
  122. </div>
  123. </div>
  124. </div>
  125. <div id="ParamManage" style="display:none;overflow-y: scroll;height:300px;">
  126. <input id="api" type="hidden" />
  127. <input id="isValid" type="hidden" />
  128. <table class="tb" width="99.8%">
  129. <tr>
  130. <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>
  131. </tr>
  132. <tr >
  133. <th width="15%">名称</th>
  134. <th width="8%"> 类型</th>
  135. <th width="15%">说明</th>
  136. <th width="12%">是否必填</th>
  137. <th width="20%">备注</th>
  138. <th width="30%">操作</th>
  139. </tr>
  140. <tbody id="trParam">
  141. </tbody>
  142. </table>
  143. </div>
  144. <div class="UpdateParam" id="UpdateParam" style="display:none">
  145. <table class="table-form" style="font: 12px/1.5 Helvetica,Arial,sans-serif;">
  146. <tr>
  147. <td class="t">
  148. <sub>&lowast;</sub> 参数名称
  149. </td>
  150. <td>
  151. <input type="text" class="text w250" id="paramName"/>
  152. </td>
  153. </tr>
  154. <tr>
  155. <td class="t">
  156. &nbsp;&nbsp;&nbsp;参数类型
  157. </td>
  158. <td>
  159. <select name="" id="paramType" class="select w150">
  160. <option value="String" selected="selected">String</option>
  161. <option value="Int">Int</option>
  162. <option value="Long">Long</option>
  163. <option value="Double">Double</option>
  164. <option value="Boolean">Boolean</option>
  165. <option value="Object">Object</option>
  166. <option value="String_Json">String_Json</option>
  167. </select>
  168. </td>
  169. </tr>
  170. <tr>
  171. <td class="t">
  172. &nbsp;&nbsp;&nbsp;是否必填
  173. </td>
  174. <td>
  175. <select name="" id="isNeed" class="select w150">
  176. <option value="1" selected="selected">是</option>
  177. <option value="0">否</option>
  178. </select>
  179. </td>
  180. </tr>
  181. <tr>
  182. <td class="t">
  183. &nbsp; &nbsp;&nbsp;参数含义
  184. </td>
  185. <td>
  186. <input type="text" class="text w250" id="paramMeaning"/>
  187. </td>
  188. </tr>
  189. <tr>
  190. <td class="t">
  191. &nbsp; &nbsp;&nbsp;备注
  192. </td>
  193. <td>
  194. <textarea rows="10" cols="50" id="remark" name="remark"></textarea>
  195. </td>
  196. </tr>
  197. </table>
  198. </div>
  199. <script type="text/javascript">
  200. $(function(){
  201. function joggleListScroll(){
  202. $(".section-con-wrap").height($(window).height()-162).jScrollPane({"autoReinitialise": true,"overflow":true});
  203. }
  204. joggleListScroll();
  205. $(window).resize(function(){
  206. Throttle(joggleListScroll(),50,30);
  207. });
  208. $('#layer').click(function(){
  209. var artBox=art.dialog({
  210. lock: true,
  211. icon:'question',
  212. opacity:0.4,
  213. width: 250,
  214. title:'提示',
  215. content: '页面模板会覆盖编辑区域已有组件,是否继续?',
  216. ok: function () {
  217. },
  218. cancel: true
  219. });
  220. });
  221. //接口信息容器高度设置
  222. /*$('.jiekou-left .section-con').css({height:$(window).height()-202}).on('mousewheel',function(event){
  223. event.stopPropagation()
  224. });*/
  225. //接口信息
  226. (function(){
  227. $('.sub-1 li:has(".sub-2")').live("click",function(){
  228. $(this).siblings().find('.sub-2').hide();
  229. $(this).find('.sub-2').stop().fadeIn();
  230. return false;
  231. });
  232. $('.sub-2 li:has(".sub")').live("click",function(){
  233. $(this).siblings().find('.sub').hide();
  234. $(this).children('.sub').stop().fadeIn();
  235. // console.info($('.resel-box').outerHeight(true));
  236. return false;
  237. });
  238. })();
  239. })
  240. </script>
  241. </body>
  242. </html>