| | |
|---|
| | | <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> |
|---|
