|
@@ -7,13 +7,13 @@
|
|
|
<div class="title">基本信息</div>
|
|
<div class="title">基本信息</div>
|
|
|
<div class="btns">
|
|
<div class="btns">
|
|
|
<div class="btn" @click="openActionRemark">调试说明</div>
|
|
<div class="btn" @click="openActionRemark">调试说明</div>
|
|
|
- <div class="btn" @click="openActionMock">在线调试</div>
|
|
|
|
|
|
|
+ <div id="interfaceShow" class="btn" @click="openActionMock">在线调试</div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="item-body">
|
|
<div class="item-body">
|
|
|
<div class="des" v-for="(item, index) of baseData" :key="index">
|
|
<div class="des" v-for="(item, index) of baseData" :key="index">
|
|
|
<div class="des-label">{{ item.label }}:</div>
|
|
<div class="des-label">{{ item.label }}:</div>
|
|
|
- <div v-if="item.label!=='接口描述'">{{ item.value }}</div>
|
|
|
|
|
|
|
+ <div v-if="item.label !== '接口描述'">{{ item.value }}</div>
|
|
|
<div v-else v-html="item.value"></div>
|
|
<div v-else v-html="item.value"></div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
@@ -51,7 +51,7 @@
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
- <a-modal v-model:visible="visible" centered title="调用说明" width="700px" :footer="null">
|
|
|
|
|
|
|
+ <a-modal v-model:visible="visible" centered title="调用说明" width="700px" :footer="null">
|
|
|
<div class="content" style="padding: 20px 10px 10px;font-size: 16px;">
|
|
<div class="content" style="padding: 20px 10px 10px;font-size: 16px;">
|
|
|
<p>· 使用需鉴权的接口要在网络请求头(Http Headers)中添加参数(Authorization)项,设置已授权的令牌(JWT:JSON Web Tokens)</p>
|
|
<p>· 使用需鉴权的接口要在网络请求头(Http Headers)中添加参数(Authorization)项,设置已授权的令牌(JWT:JSON Web Tokens)</p>
|
|
|
<p>· 获取授权的JWT如下:</p>
|
|
<p>· 获取授权的JWT如下:</p>
|
|
@@ -62,7 +62,7 @@
|
|
|
<p>5). 注意:access_token有效期为:30分钟,过期需重新获取</p>
|
|
<p>5). 注意:access_token有效期为:30分钟,过期需重新获取</p>
|
|
|
</div>
|
|
</div>
|
|
|
</a-modal>
|
|
</a-modal>
|
|
|
- <ActionMock v-if="showActionMock" @closeModal="showActionMock = false" :action="actionData"/>
|
|
|
|
|
|
|
+ <ActionMock v-if="showActionMock" @closeModal="showActionMock = false" :action="actionData" />
|
|
|
</template>
|
|
</template>
|
|
|
|
|
|
|
|
<script>
|
|
<script>
|
|
@@ -79,7 +79,7 @@ const props = {
|
|
|
|
|
|
|
|
export default defineComponent({
|
|
export default defineComponent({
|
|
|
name: 'assemblyDetail',
|
|
name: 'assemblyDetail',
|
|
|
- components: {ActionMock},
|
|
|
|
|
|
|
+ components: { ActionMock },
|
|
|
props,
|
|
props,
|
|
|
setup(props) {
|
|
setup(props) {
|
|
|
//action数据,初始化时使用这个数据去组装需要的数据
|
|
//action数据,初始化时使用这个数据去组装需要的数据
|
|
@@ -205,11 +205,11 @@ export default defineComponent({
|
|
|
]
|
|
]
|
|
|
reqData.value = actionData.value.queryParams
|
|
reqData.value = actionData.value.queryParams
|
|
|
reqData.value.unshift({
|
|
reqData.value.unshift({
|
|
|
- description:'令牌',
|
|
|
|
|
- in:'header',
|
|
|
|
|
- name:'Authorization',
|
|
|
|
|
- required:false,
|
|
|
|
|
- type:'string'
|
|
|
|
|
|
|
+ description: '令牌',
|
|
|
|
|
+ in: 'header',
|
|
|
|
|
+ name: 'Authorization',
|
|
|
|
|
+ required: false,
|
|
|
|
|
+ type: 'string'
|
|
|
})
|
|
})
|
|
|
reqData.value.forEach((item, index) => {
|
|
reqData.value.forEach((item, index) => {
|
|
|
item.key = index
|
|
item.key = index
|
|
@@ -225,7 +225,7 @@ export default defineComponent({
|
|
|
const openActionRemark = () => {
|
|
const openActionRemark = () => {
|
|
|
visible.value = true;
|
|
visible.value = true;
|
|
|
}
|
|
}
|
|
|
- const openActionMock = ()=>{
|
|
|
|
|
|
|
+ const openActionMock = () => {
|
|
|
showActionMock.value = true
|
|
showActionMock.value = true
|
|
|
}
|
|
}
|
|
|
return {
|
|
return {
|
|
@@ -249,6 +249,10 @@ export default defineComponent({
|
|
|
</script>
|
|
</script>
|
|
|
|
|
|
|
|
<style lang="less" scoped>
|
|
<style lang="less" scoped>
|
|
|
|
|
+#interfaceShow {
|
|
|
|
|
+ display: none;
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
.assembly-detail {
|
|
.assembly-detail {
|
|
|
.detail-item {
|
|
.detail-item {
|
|
|
margin-top: 10px;
|
|
margin-top: 10px;
|