Skip to content

O
open-platform
Commit e5d00b04 by 无尘
Options

fix: 修改文档中心

parent 968657d9
Showing with 270 additions and 72 deletions
dist/index.html
<!DOCTYPE html><html><head><meta charset=utf-8><link rel="shortcut icon" href=./favicon.ico><title>达摩开放平台</title><link href=./static/css/app.70985527784af3c07404e768ccc695a1.css rel=stylesheet></head><body class=damolish><div id=app></div><script src=//web-1251519181.file.myqcloud.com/lib/vue/2.6.6/vue.min.js></script><script src=//web-1251519181.file.myqcloud.com/lib/vue-router/3.0.2/vue-router.min.js></script><script src=//web-1251519181.file.myqcloud.com/lib/vuex/3.1.0/vuex.min.js></script><script src=//web-1251519181.file.myqcloud.com/components/img-preview.2.0.00.js></script><script>// Raven.config('https://3715a345910d4c768e7a1ec14619c2d5@sentry.io/1413672').install();</script><script type=text/javascript src=./static/js/manifest.bc6a12e54a4187c47e8e.js></script><script type=text/javascript src=./static/js/vendor.2b107cdd6cec563c6dab.js></script><script type=text/javascript src=./static/js/app.1129bfcdd6c254304c01.js></script></body></html>
\ No newline at end of file
<!DOCTYPE html><html><head><meta charset=utf-8><link rel="shortcut icon" href=./favicon.ico><title>达摩开放平台</title><link href=./static/css/app.cc2bc184d68d1ee4d6932c5a50710c98.css rel=stylesheet></head><body class=damolish><div id=app></div><script src=//web-1251519181.file.myqcloud.com/lib/vue/2.6.6/vue.min.js></script><script src=//web-1251519181.file.myqcloud.com/lib/vue-router/3.0.2/vue-router.min.js></script><script src=//web-1251519181.file.myqcloud.com/lib/vuex/3.1.0/vuex.min.js></script><script src=//web-1251519181.file.myqcloud.com/components/img-preview.2.0.00.js></script><script>// Raven.config('https://3715a345910d4c768e7a1ec14619c2d5@sentry.io/1413672').install();</script><script type=text/javascript src=./static/js/manifest.362580376b1deeb5f7ed.js></script><script type=text/javascript src=./static/js/vendor.0f5b275d4a227ad49647.js></script><script type=text/javascript src=./static/js/app.9c50334119061bcb2895.js></script></body></html>
\ No newline at end of file
dist/static/css/app.70985527784af3c07404e768ccc695a1.css deleted 100644 → 0
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/static/css/app.cc2bc184d68d1ee4d6932c5a50710c98.css 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/static/js/manifest.bc6a12e54a4187c47e8e.js → dist/static/js/manifest.362580376b1deeb5f7ed.js
!function(e){var n=window.webpackJsonp;window.webpackJsonp=function(r,a,c){for(var f,i,u,d=0,s=[];d<r.length;d++)i=r[d],t[i]&&s.push(t[i][0]),t[i]=0;for(f in a)Object.prototype.hasOwnProperty.call(a,f)&&(e[f]=a[f]);for(n&&n(r,a,c);s.length;)s.shift()();if(c)for(d=0;d<c.length;d++)u=o(o.s=c[d]);return u};var r={},t={13:0};function o(n){if(r[n])return r[n].exports;var t=r[n]={i:n,l:!1,exports:{}};return e[n].call(t.exports,t,t.exports,o),t.l=!0,t.exports}o.e=function(e){var n=t[e];if(0===n)return new Promise(function(e){e()});if(n)return n[2];var r=new Promise(function(r,o){n=t[e]=[r,o]});n[2]=r;var a=document.getElementsByTagName("head")[0],c=document.createElement("script");c.type="text/javascript",c.charset="utf-8",c.async=!0,c.timeout=12e4,o.nc&&c.setAttribute("nonce",o.nc),c.src=o.p+"static/js/"+e+"."+{0:"dc5820857959176b1da4",1:"0ebe3ead93207dc78a78",2:"78f59f0e37cbd9544576",3:"953747746c3caf71cd86",4:"2ff0ba051a42a51dbec4",5:"55627a5270057a1d7660",6:"4a571dddcc1a56031102",7:"3b027583d4af17e36af0",8:"5e787f5eb2f4bd7cfb7b",9:"9caad4c0ba5b8b4813ee",10:"63807a09986add449f8a"}[e]+".js";var f=setTimeout(i,12e4);function i(){c.onerror=c.onload=null,clearTimeout(f);var n=t[e];0!==n&&(n&&n[1](new Error("Loading chunk "+e+" failed.")),t[e]=void 0)}return c.onerror=c.onload=i,a.appendChild(c),r},o.m=e,o.c=r,o.d=function(e,n,r){o.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},o.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(n,"a",n),n},o.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},o.p="./",o.oe=function(e){throw console.error(e),e}}([]);
\ No newline at end of file
!function(e){var n=window.webpackJsonp;window.webpackJsonp=function(r,a,c){for(var f,d,i,u=0,s=[];u<r.length;u++)d=r[u],t[d]&&s.push(t[d][0]),t[d]=0;for(f in a)Object.prototype.hasOwnProperty.call(a,f)&&(e[f]=a[f]);for(n&&n(r,a,c);s.length;)s.shift()();if(c)for(u=0;u<c.length;u++)i=o(o.s=c[u]);return i};var r={},t={13:0};function o(n){if(r[n])return r[n].exports;var t=r[n]={i:n,l:!1,exports:{}};return e[n].call(t.exports,t,t.exports,o),t.l=!0,t.exports}o.e=function(e){var n=t[e];if(0===n)return new Promise(function(e){e()});if(n)return n[2];var r=new Promise(function(r,o){n=t[e]=[r,o]});n[2]=r;var a=document.getElementsByTagName("head")[0],c=document.createElement("script");c.type="text/javascript",c.charset="utf-8",c.async=!0,c.timeout=12e4,o.nc&&c.setAttribute("nonce",o.nc),c.src=o.p+"static/js/"+e+"."+{0:"dc5820857959176b1da4",1:"0ebe3ead93207dc78a78",2:"78f59f0e37cbd9544576",3:"953747746c3caf71cd86",4:"4548fd42b2f176f8de1d",5:"a86d1b66fe77d729cd77",6:"737da25334f9daa2d713",7:"3b027583d4af17e36af0",8:"5e787f5eb2f4bd7cfb7b",9:"9caad4c0ba5b8b4813ee",10:"63807a09986add449f8a"}[e]+".js";var f=setTimeout(d,12e4);function d(){c.onerror=c.onload=null,clearTimeout(f);var n=t[e];0!==n&&(n&&n[1](new Error("Loading chunk "+e+" failed.")),t[e]=void 0)}return c.onerror=c.onload=d,a.appendChild(c),r},o.m=e,o.c=r,o.d=function(e,n,r){o.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},o.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(n,"a",n),n},o.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},o.p="./",o.oe=function(e){throw console.error(e),e}}([]);
\ No newline at end of file
dist/static/js/vendor.0f5b275d4a227ad49647.js 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/static/js/vendor.2b107cdd6cec563c6dab.js deleted 100644 → 0
This source diff could not be displayed because it is too large. You can view the blob instead.
package.json
......@@ -14,7 +14,7 @@
},
"dependencies": {
"babel-polyfill": "^6.26.0",
"element-ui": "^2.6.3",
"element-ui": "^2.11.1",
"file-saver": "^1.3.8",
"html2canvas": "^1.0.0-alpha.12",
"js-md5": "^0.7.3",
......
src/assets/js/public.js
......@@ -95,3 +95,28 @@ export function isRepeat(arr) {
}
return false;
}
// json <---> jsonSchema
// 如果传入的是对象，处理对象，返回结果
export function processObject(object, output, nested) {
let arr = [];
for (let key in object.properties) {
let value = object.properties[key]; // 拿到相当于数组的一列数据
// 如果这一行数据的 type 是 object
if (value.type == 'object' && Object.keys(value.properties).length) {
value.children = [];
value.children = processObject(value);
arr.push(value);
continue;
}
// 如果这一行数据的 type 是 array
if (value.type == 'array' && Object.keys(value.items.properties).length) {
value.children = [];
value.children = processObject(value.items);
arr.push(value);
continue;
}
arr.push(value);
}
return arr;
}
src/components/api-detail.vue 0 → 100644
<!--
公共api详情
<api-detail :apiData="apiData" v-model=""></api-detail>
import apiDetail from '@/components/openPlatform/api-detail.vue'
components: {
apiDetail
},
-->
<template>
<div class="api-detail-wrap">
<div class="api-detail-h2">{{ menuItemData.interfaceName }}（v{{ menuItemData.version }}）</div>
<div class="api-detail-descripe">
<el-input disabled type="textarea" resize="none" :rows="3" placeholder="请输入内容" v-model="menuItemData.interfaceDescribe" @blur="changeValue"> </el-input>
</div>
<div class="api-url m-t-16">
<div class="api-detail-p">请求地址：{{ menuItemData.interfaceUrl }}</div>
</div>
<div class="api-method m-b-10 m-t-10">
<div class="api-detail-p">请求方法：{{ menuItemData.requestType }}</div>
</div>
<div class="api-request-param m-t-10">
<div class="api-detail-h3 m-b-10">请求参数：</div>
<div>
<el-table :data="menuItemData.frontParams" row-key="currentKey" style="width: 100%;margin-bottom: 20px;" border default-expand-all :tree-props="{ children: 'children', hasChildren: 'hasChildren' }">
<el-table-column prop="currentKey" label="名称"> </el-table-column>
<el-table-column prop="type" label="类型"> </el-table-column>
<el-table-column prop="example" label="示例值"> </el-table-column>
<el-table-column prop="description" label="描述"> </el-table-column>
</el-table>
</div>
</div>
<div class="api-response-param">
<div class="api-detail-h3 m-b-10 m-t-27">响应参数：</div>
<div>
<el-table :data="menuItemData.resultParams" row-key="currentKey" style="width: 100%;margin-bottom: 20px;" border default-expand-all :tree-props="{ children: 'children', hasChildren: 'hasChildren' }">
<el-table-column prop="currentKey" label="名称"> </el-table-column>
<el-table-column prop="type" label="类型"> </el-table-column>
<el-table-column prop="example" label="示例值"> </el-table-column>
<el-table-column prop="description" label="描述"> </el-table-column>
</el-table>
</div>
</div>
<div class="api-request-demo" v-if="false">
<div class="api-detail-h3 m-b-10 m-t-27">请求示例：</div>
<div class="api-demo-text">
<pre>{{ menuItemData }}</pre>
</div>
</div>
<div class="api-response-success">
<div class="api-detail-h3 m-b-10 m-t-27">成功响应示例：</div>
<div class="api-demo-text">
<pre>{{ menuItemData.sucReturn }}</pre>
</div>
</div>
<div class="api-response-error">
<div class="api-detail-h3 m-b-10 m-t-27">失败响应示例：</div>
<div class="api-demo-text">
<pre>{{ menuItemData.errReturn }}</pre>
</div>
</div>
</div>
</template>
<script>
export default {
props: {
value: {
type: String,
default() {
return '';
}
},
apiData: {
type: [Object, Array],
default() {
return {};
}
}
},
data() {
return {
menuItemData: this.apiData,
describeValue: this.value
};
},
methods: {
changeValue(e) {
const that = this;
that.$emit('input', that.describeValue);
}
},
watch: {
value(newData, oldDate) {
this.describeValue = newData;
/* eslint-disable */
console.log(this.apiData, this.value, newData);
},
apiData(newData, oldDate) {
this.menuItemData = newData;
/* eslint-disable */
console.log(this.apiData, this.menuItemData, newData);
}
},
mounted() {
const that = this;
that.$nextTick(() => {
that.menuItemData = that.apiData;
that.describeValue = that.value;
/* eslint-disable */
console.log(that.apiData, that.value);
});
}
};
</script>
<style lang="less" scoped>
.m-t-27 {
margin-top: 27px;
}
.m-t-16 {
margin-top: 16px;
}
.api-detail-wrap {
.api-detail-h2 {
height: 55px;
line-height: 55px;
font-size: 16px;
color: #303133;
font-weight: 600;
}
.api-detail-p {
font-size: 14px;
line-height: 14px;
color: #606266;
}
.api-detail-h3 {
font-size: 14px;
line-height: 14px;
color: #303133;
font-weight: 600;
}
.api-demo-text {
height: 142px;
padding: 10px 12px;
overflow-y: auto;
font-size: 14px;
color: #606266;
border: 1px solid #dcdfe6;
}
}
</style>
src/components/error-code-table.vue 0 → 100644
<!--
公共api详情
<error-code-table :errorCodeData="errorCodeData"></error-code-table>
import errorCodeTable from '@/components/error-code-table.vue'
components: {
errorCode
},
-->
<template>
<div class="error-code-wrap">
<el-table :data="errorCodeData" style="width: 100%">
<el-table-column prop="errorCode" label="错误码"> </el-table-column>
<el-table-column prop="errorInfo" label="错误信息" show-overflow-tooltip> </el-table-column>
</el-table>
</div>
</template>
<script>
export default {
props: {
errorCodeData: {
type: [Object, Array],
default() {
return {};
}
}
},
data() {
return {};
}
};
</script>
src/components/open-doc-header.vue
......@@ -9,7 +9,7 @@
<div class="open-header-right border-box">
<div class="open-header-right_wrap flex flex-space-between">
<ul class="flex">
<li v-for="(item, index) in openMenuData" :key="index + 'menu'" :class="['menu-li border-box', currentTab == item.menuId ? 'active-tab' : '']" @click.stop.prevent="toRedirect(item)">
<li v-for="(item, index) in openMenuData" :key="index + 'menu'" :class="['menu-li border-box', currentMenuTab == item.menuId ? 'active-tab' : '']" @click.stop.prevent="toRedirect(item)">
<span>{{ item.menuName }}</span>
</li>
</ul>
......@@ -35,6 +35,7 @@ export default {
},
data() {
return {
currentMenuTab: this.currentTab,
openMenuData: [
{
menuId: '2',
......@@ -68,12 +69,16 @@ export default {
},
// 深度观察监听
deep: true
},
currentTab(newData, oldData) {
const that = this;
that.currentMenuTab = newData;
}
},
/* 接收数据 */
mounted() {
var that = this;
that.pathName = that.$route.path;
const that = this;
that.currentMenuTab = that.$route.query.currentTab || '2';
}
};
</script>
......
src/components/open-doc-left.vue
......@@ -66,7 +66,7 @@ export default {
parentId: this.currentTab, // 1：解决方案，2：开发者接入
activeId: '',
menuData: [
{
/* {
level: 1,
memo: '嗷呜',
menuId: '44498258223366144',
......@@ -79,53 +79,8 @@ export default {
subType: 1,
updateFlag: 1,
expanded: false, // 新增展开
children: [
{
level: 2,
memo: '嗷呜',
menuId: '444982582233661446',
menuName: '第四个关联了api128',
operator: '10',
operatorName: '蘑菇',
parentId: '1',
relationData: '',
seq: 0,
subType: 1,
updateFlag: 1,
expanded: false, // 新增展开
children: [
{
level: 3,
memo: '嗷呜',
menuId: '4449825822336614646',
menuName: '第四个关联了api128',
operator: '10',
operatorName: '蘑菇',
parentId: '1',
relationData: '',
seq: 0,
subType: 1,
updateFlag: 1,
expanded: false // 新增展开
}
]
}
]
},
{
level: 1,
memo: '嗷呜',
menuId: '111825822336614646',
menuName: '第四个关联了api128',
operator: '10',
operatorName: '蘑菇',
parentId: '1',
relationData: '',
seq: 0,
subType: 1,
updateFlag: 1,
expanded: false // 新增展开
}
children: []
} */
]
};
},
......@@ -143,7 +98,7 @@ export default {
that.$emit('changeDoc', {});
} else {
// 没有子级先加载看看是否有子级
that.getMenuData(item.menuId, item);
that.$emit('changeDoc', item);
}
},
getMenuData(parentId, node) {
......@@ -158,10 +113,9 @@ export default {
if (!!resData.result && resData.result.length) {
resData.result.forEach(ele => {
ele.expanded = false;
ele.children = [];
});
}
if (node) {
/* if (node) {
node.children = resData.result || [];
that.$forceUpdate();
return false;
......@@ -170,7 +124,7 @@ export default {
if (node && !resData.result.length) {
that.$emit('changeDoc', node);
return false;
}
} */
that.menuData = resData.result || [];
return;
}
......@@ -192,7 +146,7 @@ export default {
},
mounted() {
const that = this;
that.parentId = that.currentTab;
that.parentId = that.$route.query.currentTab || '2';
that.getMenuData(that.parentId);
}
};
......
src/components/open-doc-right.vue
<template>
<div class="document-right">
<div class="document-right-body border-box"></div>
<div class="document-right-body border-box">
<!-- 内容 -->
<div class="article-contain" v-if="formData.content">
<div class="markdown-content" v-html="formData.content"></div>
</div>
<!-- api -->
<api-detail v-if="Object.keys(apiData).length" :apiData="apiData"></api-detail>
<!-- 错误码 -->
<error-code-table v-if="errorCodeData.length" :errorCodeData="errorCodeData"></error-code-table>
</div>
<open-doc-footer></open-doc-footer>
</div>
</template>
<script>
import openDocFooter from '@/components/open-doc-footer.vue';
import errorCodeTable from '@/components/error-code-table.vue';
import apiDetail from '@/components/api-detail.vue';
import { getArtical, getApi, getErrorCode } from '@/api/document';
import errMsg from '@/assets/js/error';
import { processObject } from '@/assets/js/public';
import marked from 'marked';
export default {
props: {
currentDoc: {
......@@ -18,7 +31,9 @@ export default {
}
},
components: {
openDocFooter
openDocFooter,
errorCodeTable,
apiDetail
},
data() {
return {
......@@ -37,7 +52,7 @@ export default {
let para = {};
getErrorCode(para)
.then(res => {
let resData = res;
let resData = res.data;
if (resData.code == '0000') {
that.errorCodeData = resData.result;
return;
......@@ -61,9 +76,15 @@ export default {
};
getApi(para)
.then(res => {
let resData = res;
let resData = res.data;
if (resData.code == '0000') {
that.apiData = resData.result;
let data = resData.result;
data.frontParams = JSON.parse(data.frontParams);
data.frontParams = processObject(data.frontParams);
data.resultParams = JSON.parse(data.resultParams);
data.resultParams = processObject(data.resultParams);
that.formData.memo = data.interfaceDescribe;
that.apiData = JSON.parse(JSON.stringify(data));
return false;
}
errMsg.errorMsg(resData);
......@@ -83,10 +104,11 @@ export default {
let para = {
articleId: articleId
};
getDocDetail(para)
getArtical(para)
.then(res => {
let resData = res;
let resData = res.data;
if (resData.code == '0000') {
resData.result.content = marked(resData.result.content);
that.formData = resData.result || {};
return;
}
......@@ -108,13 +130,21 @@ export default {
const subType = that.menuDetailData.subType;
if (!Object.keys(that.menuDetailData).length) {
that.formData = {};
that.apiData = {};
that.errorCodeData = [];
} else if (type == 1) {
window.location.href = that.menuDetailData.relationData;
window.open(that.menuDetailData.relationData);
} else if (type == 2) {
that.apiData = {};
that.errorCodeData = [];
that.getData(JSON.parse(that.menuDetailData.relationData)[1]);
} else if (type == 3 && subType == '0') {
that.getErrorCodeData();
that.apiData = {};
that.formData = {};
that.errorCodeData = JSON.parse(that.menuDetailData.relationData);
} else if (type == 3 && subType == '1') {
that.formData = {};
that.errorCodeData = [];
that.getApiDetailData(JSON.parse(that.menuDetailData.relationData)[2]);
}
}
......@@ -143,7 +173,7 @@ export default {
.document-right-body {
width: 900px;
margin: 0 auto;
padding: 45px 0 147px 0;
min-height: calc(100vh - 118px;);
}
}
......
src/main.js
......@@ -11,7 +11,7 @@ import store from './store/store';
/* eslint-disable */
import * as types from './store/types';
import '../static/css/index.less';
// import 'element-ui/lib/theme-chalk/index.css'
import 'element-ui/lib/theme-chalk/index.css'
import '../static/font/iconfont.css';
import '../theme/index.css';
import filters from './filters/index.js';
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment