|  |  | 
 |  |  |     <meta charset="UTF-8"> | 
 |  |  |     <title>API开放平台</title> | 
 |  |  |     <link rel="stylesheet" href="../static/css/element.css"> | 
 |  |  |     <link rel="stylesheet" href="../static/css/common.css"> | 
 |  |  |     <script type="text/javascript" src="../static/js/jquery/jquery-3.3.1.min.js"></script> | 
 |  |  |     <script type="text/javascript" src="../static/js/vue.min.js"></script> | 
 |  |  |     <script type="text/javascript" src="../static/js/showdown.min.js"></script> | 
 |  |  |     <script type="text/javascript" src="../static/js/common.js"></script> | 
 |  |  |     <script type="text/javascript" src="../static/js/element.js"></script> | 
 |  |  |     <style> | 
 |  |  |         #content { | 
 |  |  |             width: 80%; | 
 |  |  |             margin-left: 10%; | 
 |  |  |         } | 
 |  |  |  | 
 |  |  |         #content table { | 
 |  |  |             background: #fff; | 
 |  |  |             border: solid 1px #ddd; | 
 |  |  |             margin-bottom: 1.25rem; | 
 |  |  |             table-layout: auto | 
 |  |  |         } | 
 |  |  |  | 
 |  |  |         #content table caption { | 
 |  |  |             background: transparent; | 
 |  |  |             color: #222; | 
 |  |  |             font-size: 1rem; | 
 |  |  |             font-weight: bold | 
 |  |  |         } | 
 |  |  |  | 
 |  |  |         #content table thead { | 
 |  |  |             background: #F5F5F5 | 
 |  |  |         } | 
 |  |  |  | 
 |  |  |         #content table thead tr th,#content table thead tr td { | 
 |  |  |             color: #222; | 
 |  |  |             font-size: 0.875rem; | 
 |  |  |             font-weight: bold; | 
 |  |  |             padding: 0.5rem 0.625rem 0.625rem | 
 |  |  |         } | 
 |  |  |  | 
 |  |  |         #content table tfoot { | 
 |  |  |             background: #F5F5F5 | 
 |  |  |         } | 
 |  |  |  | 
 |  |  |         #content table tfoot tr th,#content table tfoot tr td { | 
 |  |  |             color: #222; | 
 |  |  |             font-size: 0.875rem; | 
 |  |  |             font-weight: bold; | 
 |  |  |             padding: 0.5rem 0.625rem 0.625rem | 
 |  |  |         } | 
 |  |  |  | 
 |  |  |         #content table tr th,#content table tr td { | 
 |  |  |             color: #222; | 
 |  |  |             font-size: 0.875rem; | 
 |  |  |             padding: 0.5625rem 0.625rem; | 
 |  |  |             text-align: left | 
 |  |  |         } | 
 |  |  |  | 
 |  |  |         #content table tr.even,#content table tr.alt,#content table tr:nth-of-type(even) { | 
 |  |  |             background: #F9F9F9 | 
 |  |  |         } | 
 |  |  |  | 
 |  |  |         #content table thead tr th,#content table tfoot tr th,#content table tfoot tr td,#content table tbody tr th,#content table tbody tr td,#content table tr td { | 
 |  |  |             display: table-cell; | 
 |  |  |             line-height: 1.125rem | 
 |  |  |         } | 
 |  |  |  | 
 |  |  |         #content pre { | 
 |  |  |             white-space: pre-wrap;       /* css-3 */ | 
 |  |  |             white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */ | 
 |  |  |             white-space: -o-pre-wrap;    /* Opera 7 */ | 
 |  |  |             word-wrap: break-word;       /* Internet Explorer 5.5+ */ | 
 |  |  |             background-color: #f8f8f8; | 
 |  |  |             border: 1px solid #dfdfdf; | 
 |  |  |             margin-top: 1.5em; | 
 |  |  |             margin-bottom: 1.5em; | 
 |  |  |             padding: 0.125rem 0.3125rem 0.0625rem; | 
 |  |  |         } | 
 |  |  |  | 
 |  |  |         #content pre code { | 
 |  |  |             background-color: transparent; | 
 |  |  |             border: 0; | 
 |  |  |             padding: 0; | 
 |  |  |         } | 
 |  |  |  | 
 |  |  |         .el-dropdown-link { | 
 |  |  |             cursor: pointer; | 
 |  |  |             color: #409EFF; | 
 |  |  |         } | 
 |  |  |         .el-icon-arrow-down { | 
 |  |  |             font-size: 12px; | 
 |  |  |         } | 
 |  |  |     </style> | 
 |  |  | </head> | 
 |  |  | <body> | 
 |  |  |     <div id="app"> | 
 |  |  |         <div id="content"></div> | 
 |  |  |         <div style="position: fixed;top: 20px;right: 20px;width: 100px;"> | 
 |  |  |             <el-menu default-active="1"> | 
 |  |  |                 <el-menu-item index="1"> | 
 |  |  |                     <span slot="title" @click="introduceClick()">规范说明</span> | 
 |  |  |                 </el-menu-item> | 
 |  |  |                 <el-menu-item index="2"> | 
 |  |  |                     <span slot="title" @click="keyList()">密钥管理</span> | 
 |  |  |                 </el-menu-item> | 
 |  |  |             </el-menu> | 
 |  |  |         <div class="slider"> | 
 |  |  |             <div><el-button type="text" @click="switchPage('index.html')">规范说明</el-button></div> | 
 |  |  |             <el-divider></el-divider> | 
 |  |  |             <div><el-button type="text" @click="switchPage('reportCompleted.html')">任务完成上报</el-button></div> | 
 |  |  |             <div><el-button type="text" @click="switchPage('reportCompleted.html')">任务取消上报</el-button></div> | 
 |  |  |             <div><el-button type="text" @click="switchPage('reportCompleted.html')">库存上报</el-button></div> | 
 |  |  |             <div><el-button type="text" @click="switchPage('reportApiManage.html')">上报API管理</el-button></div> | 
 |  |  |             <el-divider></el-divider> | 
 |  |  |             <div><el-button type="text" @click="switchPage('generatePakIn.html')">生成入库订单</el-button></div> | 
 |  |  |             <el-divider></el-divider> | 
 |  |  |             <div><el-button type="text" @click="keyList()">密钥管理</el-button></div> | 
 |  |  |         </div> | 
 |  |  |  | 
 |  |  |         <el-dialog title="密钥管理" :visible.sync="keyTableVisible"> | 
 |  |  | 
 |  |  |             data: { | 
 |  |  |                 keyTableVisible: false, | 
 |  |  |                 keyTableData: [], | 
 |  |  |                 loading: true | 
 |  |  |                 loading: true, | 
 |  |  |             }, | 
 |  |  |             created() { | 
 |  |  |                 this.init() | 
 |  |  | 
 |  |  |                             } | 
 |  |  |                         } | 
 |  |  |                     }); | 
 |  |  |                 } | 
 |  |  |                 }, | 
 |  |  |                 switchPage(url) { | 
 |  |  |                     location.href = url | 
 |  |  |                 }, | 
 |  |  |             } | 
 |  |  |         }) | 
 |  |  |     </script> |