Skip to content

A
api-gateway
Commit 16c84699 by 无尘
Options

feat: 增加组件

parent bb8c9529
Showing with 816 additions and 31 deletions
src/components/api/api-version-show.vue
......@@ -30,36 +30,51 @@ import apiVersionShow from '@/components/api/api-version-show.vue';
</div>
</div>
<div class="base-info-wrap info-wrap" id="base">
<div class="commont-info-title">基础信息</div>
<div class="commont-info-title font-14 color-303133">基础信息</div>
<base-info-show :apiData="apiData"></base-info-show>
</div>
<div class="frontend-set-wrap info-wrap" id="frontend">
<div class="commont-info-title">前端配置</div>
<div class="commont-info-title font-14 color-303133 m-t-47">前端配置</div>
<frontend-info-show></frontend-info-show
><!-- :apiData="apiData" -->
</div>
<div class="backend-set-wrap info-wrap" id="backend">
<div class="commont-info-title">后端配置</div>
<div class="commont-info-title font-14 color-303133 m-t-47">后端配置</div>
<backend-info-show></backend-info-show
><!-- :apiData="apiData" -->
</div>
<div class="back-result-wrap info-wrap" id="result">
<div class="commont-info-title">返回结果</div>
<div class="commont-info-title font-14 color-303133 m-t-47">返回结果</div>
<back-info-show :apiData="apiData"></back-info-show>
</div>
</div>
</div>
</template>
<script>
import baseInfoShow from '@/components/api/base-info-show.vue';
import frontendInfoShow from '@/components/api/frontend-info-show.vue';
import backendInfoShow from '@/components/api/backend-info-show.vue';
import backInfoShow from '@/components/api/back-info-show.vue';
import { getRequest } from '@/api/api';
// import { _debounce } from '@/assets/js/public';
// import showMsg from '@/assets/js/showmsg';
import errMsg from '@/assets/js/error';
export default {
name: 'api-version-show',
components: {},
components: {
baseInfoShow,
frontendInfoShow,
backendInfoShow,
backInfoShow
},
data() {
return {
apiData: {
interfaceId: 'nisi exercitation ipsum et dolore',
interfaceName: 'deserunt Duis commodo velit et',
interfaceGroupId: 'ut ea',
interfaceName: '查询',
interfaceGroupId: '1',
interfaceUrl: 'ex laborum Excepteur aliquip labore',
interfaceDescribe: 'incididu',
interfaceDescribe: 'test',
projectId: 'irure ',
optType: 'exercitation',
sucReturn: 'ex Excepteur',
......@@ -68,10 +83,10 @@ export default {
frontParams: 'id labore',
endParams: 'deserunt Ut',
target: 78473123.86374778,
requestType: 'nos',
protocol: 'Duis',
requestType: 'POST',
protocol: 'http',
version: 'elit',
interfaceType: -46539935,
interfaceType: 'HTTP',
dubboMethod: 'in ess',
dubboInterface: 'ad',
httpPath: 'commodo minim ex sunt',
......@@ -182,6 +197,13 @@ export default {
}
}
}
.m-t-47 {
margin-top: 47px;
}
.commont-info-title {
font-weight: 600;
margin-bottom: 20px;
}
.base-info-wrap {
height: 250px;
}
......
src/components/api/back-info-show.vue 0 → 100644
<!--
<back-info-show></back-info-show>
import backInfoShow from '@/components/api/back-info-show.vue';
-->
<template>
<div class="back-info-show border-box"></div>
</template>
<script>
export default {
name: 'back-info-show',
props: {
apiData: {
type: [Object, Array],
default() {
return {};
}
}
},
data() {
return {
apiInfoData: {}
};
},
watch: {
apiData: function(newData, oldData) {
const that = this;
that.apiInfoData = newData;
}
},
mounted() {
const that = this;
that.apiInfoData = that.apiData;
}
};
</script>
<style lang="less" scoped>
.w-320 {
width: 320px;
}
.m-t-14 {
margin-top: 14px;
}
</style>
src/components/api/back-table-right.vue 0 → 100644
<!--
<back-table-right></back-table-right>
import backTableRight from '@/components/api/back-table-right.vue';
-->
<template>
<div>
<template v-for="(itemValue, itemName, index) in itemData">
<table cellspacing="0" cellpadding="0" border="0" class="el-table__body" style="width: 100%;table-layout: fixed;" :key="index + itemName + 121">
<tbody>
<tr class="el-table__row">
<td rowspan="1" colspan="1" class="el-table_1_column_1" style="width: 36px;">
<div v-if="itemValue.type == 'object' || itemValue.type == 'array'" class="cell"><i class="el-icon-minus"></i></div>
</td>
<td rowspan="1" colspan="1" class="el-table_1_column_1">
<div class="cell">{{ itemName }}</div>
</td>
<td rowspan="1" colspan="1" class="el-table_1_column_2">
<div class="cell">{{ itemValue.httpPath }}</div>
</td>
<td rowspan="1" colspan="1" class="el-table_1_column_2">
<div class="cell">{{ itemValue.type }}</div>
</td>
</tr>
</tbody>
</table>
<back-table-row class="el-table__row" style="padding-left: 10px;" v-if="itemValue.type == 'array'" :itemData="itemValue.items.properties" :key="index + '122' + itemName"> </back-table-row>
<back-table-row class="el-table__row" style="padding-left: 10px;" v-if="itemValue.type == 'object'" :itemData="itemValue.properties" :key="index + '122' + itemName"> </back-table-row>
</template>
</div>
</template>
<script>
export default {
name: 'back-table-row',
props: {
itemData: {
type: [Object, Array],
default() {
return {};
}
}
},
data() {
return {
trData: {}
};
},
watch: {
itemData: function(newData, oldData) {
const that = this;
console.log(newData);
that.trData = newData;
}
},
mounted() {
const that = this;
console.log(that.itemData);
that.trData = that.itemData;
}
};
</script>
<style lang="less" scoped>
.w-320 {
width: 320px;
}
.m-t-14 {
margin-top: 14px;
}
</style>
src/components/api/back-table-tr.vue 0 → 100644
<!--
<back-table-tr></back-table-tr>
import backTableTr from '@/components/api/back-table-tr.vue';
-->
<template>
<div>
<template v-for="(itemValue, itemName, index) in itemData">
<table cellspacing="0" cellpadding="0" border="0" class="el-table__body" style="width: 100%;table-layout: fixed;" :key="index + itemName + 121">
<tbody>
<tr class="el-table__row">
<td rowspan="1" colspan="1" class="el-table_1_column_1" style="width: 36px;">
<div v-if="itemValue.type == 'object' || itemValue.type == 'array'" class="cell"><i class="el-icon-minus"></i></div>
</td>
<td rowspan="1" colspan="1" class="el-table_1_column_1">
<div class="cell">{{ itemName }}</div>
</td>
<td rowspan="1" colspan="1" class="el-table_1_column_2">
<div class="cell">{{ itemValue.httpPath }}</div>
</td>
<td rowspan="1" colspan="1" class="el-table_1_column_2">
<div class="cell">{{ itemValue.type }}</div>
</td>
</tr>
</tbody>
</table>
<back-table-row class="el-table__row" style="padding-left: 10px;" v-if="itemValue.type == 'array'" :itemData="itemValue.items.properties" :key="index + '122' + itemName"> </back-table-row>
<back-table-row class="el-table__row" style="padding-left: 10px;" v-if="itemValue.type == 'object'" :itemData="itemValue.properties" :key="index + '122' + itemName"> </back-table-row>
</template>
</div>
</template>
<script>
export default {
name: 'back-table-row',
props: {
itemData: {
type: [Object, Array],
default() {
return {};
}
}
},
data() {
return {
trData: {}
};
},
watch: {
itemData: function(newData, oldData) {
const that = this;
console.log(newData);
that.trData = newData;
}
},
mounted() {
const that = this;
console.log(that.itemData);
that.trData = that.itemData;
}
};
</script>
<style lang="less" scoped>
.w-320 {
width: 320px;
}
.m-t-14 {
margin-top: 14px;
}
</style>
src/components/api/backend-info-show.vue 0 → 100644
<!--
<backend-info-show></backend-info-show>
import backendInfoShow from '@/components/api/backend-info-show.vue';
-->
<template>
<div class="backend-info-show border-box">
<el-form label-width="85px" :model="apiInfoData">
<el-form-item label="后端服务:">
{{ apiInfoData.protocol }}
</el-form-item>
<el-form-item label="环境:">
{{ apiInfoData.protocol }}
</el-form-item>
<el-form-item label="API版本号:">
{{ apiInfoData.protocol }}
</el-form-item>
<el-form-item label="请求路径:">
{{ apiInfoData.httpPath }}
</el-form-item>
<el-form-item label="超时时长:">
{{ apiInfoData.timeout }}
</el-form-item>
<el-form-item label="参数映射:">
<div class="table-wrap-body font-0">
<div class="el-table el-table--fit el-table--enable-row-hover el-table--enable-row-transition inline-block vertical-top" style="width: 395px; table-layout: fixed;">
<div class="el-table__header-wrapper">
<table cellspacing="0" cellpadding="0" border="0" class="el-table__header" style="width: 395px; table-layout: fixed;">
<thead class="has-gutter">
<tr class="">
<th colspan="1" rowspan="1" class="el-table_1_column_1 is-leaf" style="width: 36px;">
<div class="cell"></div>
</th>
<th colspan="1" rowspan="1" class="el-table_1_column_1 is-leaf">
<div class="cell">参数名</div>
</th>
<th colspan="1" rowspan="1" class="el-table_1_column_2 is-leaf">
<div class="cell">参数位置</div>
</th>
<th colspan="1" rowspan="1" class="el-table_1_column_3 is-leaf">
<div class="cell">参数类型</div>
</th>
</tr>
</thead>
</table>
</div>
<div class="el-table__body-wrapper is-scrolling-none">
<div class="table-content">
<back-table-tr :itemData="apiInfoData.endParams.properties"></back-table-tr>
</div>
</div>
</div>
<div class="el-table el-table--fit el-table--enable-row-hover el-table--enable-row-transition inline-block vertical-top" style="width: 683px; table-layout: fixed;">
<div class="el-table__header-wrapper">
<table cellspacing="0" cellpadding="0" border="0" class="el-table__header" style="width: 683px; table-layout: fixed;">
<thead class="has-gutter">
<tr class="">
<th colspan="1" rowspan="1" class="el-table_1_column_1 is-leaf" style="width: 36px;">
<div class="cell"></div>
</th>
<th colspan="1" rowspan="1" class="el-table_1_column_1 is-leaf">
<div class="cell">参数名映射</div>
</th>
<th colspan="1" rowspan="1" class="el-table_1_column_2 is-leaf">
<div class="cell">参数类型映射</div>
</th>
<th colspan="1" rowspan="1" class="el-table_1_column_3 is-leaf">
<div class="cell">包名</div>
</th>
<th colspan="1" rowspan="1" class="el-table_1_column_4 is-leaf">
<div class="cell">参数值</div>
</th>
</tr>
</thead>
</table>
</div>
<div class="el-table__body-wrapper is-scrolling-none">
<div class="table-content">
<back-table-right :itemData="apiInfoData.endParams.properties"></back-table-right>
</div>
</div>
</div>
</div>
</el-form-item>
</el-form>
</div>
</template>
<script>
import backTableTr from '@/components/api/back-table-tr.vue';
import backTableRight from '@/components/api/back-table-right.vue';
export default {
name: 'backend-info-show',
components: {
backTableTr,
backTableRight
},
props: {
apiData: {
type: [Object, Array],
default() {
return {};
}
}
},
data() {
return {
apiInfoData: {
protocol: 'http',
interfaceUrl: '/',
requestType: 'post',
endParams: {
type: 'object', //object，array,string,number,boolean,
properties: {
name: {
originType: 'query', //来源类型 query,body,header
type: 'object',
isBackendField: 0, //是否后端字段
defaultVal: 'val', //默认值
isRootKey: 0, //是否是后端参数字段
rootKey: '', //后端参数字段
objectClass: '', //如果是object 并且是dubbo
description: '描述',
check: true,
required: [],
properties: {
nameId: {
originType: 'query', //来源类型 query,body,header
type: 'object',
isBackendField: 0, //是否后端字段
defaultVal: 'val', //默认值
isRootKey: 0, //是否是后端参数字段
rootKey: '', //后端参数字段
objectClass: '', //如果是object 并且是dubbo
description: '描述',
check: true,
properties: {
age: {
originType: 'query', //来源类型 query,body,header
type: 'string',
isBackendField: 0, //是否后端字段
defaultVal: 'val', //默认值
isRootKey: 0, //是否是后端参数字段
rootKey: '', //后端参数字段
objectClass: '', //如果是object 并且是dubbo
description: '描述',
check: true
},
email: {
originType: 'query', //来源类型 query,body,header
type: 'string',
isBackendField: 0, //是否后端字段
defaultVal: 'val', //默认值
isRootKey: 0, //是否是后端参数字段
rootKey: '', //后端参数字段
objectClass: '', //如果是object 并且是dubbo
description: '描述',
check: true
}
}
}
}
},
id: {
originType: 'query', //来源类型 query,body,header
type: 'string',
isBackendField: 0, //是否后端字段
defaultVal: 'val', //默认值
isRootKey: 0, //是否是后端参数字段
rootKey: '', //后端参数字段
objectClass: '', //如果是object 并且是dubbo
description: '描述',
check: true
}
},
required: []
}
}
};
},
watch: {
apiData: function(newData, oldData) {
const that = this;
that.apiInfoData = newData;
}
},
mounted() {
const that = this;
that.apiInfoData = that.apiData;
}
};
</script>
<style lang="less" scoped>
.w-320 {
width: 320px;
}
.m-t-14 {
margin-top: 14px;
}
.vertical-top {
vertical-align: top;
}
.table-wrap-body .el-table th {
padding: 7px 0;
}
.table-content {
font-size: 14px;
}
</style>
src/components/api/base-info-show.vue 0 → 100644
<!--
<base-info-show></base-info-show>
import baseInfoShow from '@/components/api/base-info-show.vue';
-->
<template>
<div class="base-info-show border-box">
<el-form label-width="85px" :model="apiInfoData">
<el-form-item label="API名称:">
{{ apiInfoData.interfaceName }}
</el-form-item>
<el-form-item label="API类型:">
{{ apiInfoData.interfaceType }}
</el-form-item>
<el-form-item label="访问类型:">
{{ apiInfoData.requestType }}
</el-form-item>
<el-form-item label="描述:">
{{ apiInfoData.interfaceDescribe }}
</el-form-item>
</el-form>
</div>
</template>
<script>
export default {
name: 'base-info-show',
props: {
apiData: {
type: [Object, Array],
default() {
return {};
}
}
},
data() {
return {
apiInfoData: {
interfaceName: '1',
interfaceType: 'http',
requestType: 'GET',
interfaceDescribe: 'test'
}
};
},
watch: {
apiData: function(newData, oldData) {
const that = this;
that.apiInfoData = newData;
}
},
mounted() {
const that = this;
that.apiInfoData = that.apiData;
}
};
</script>
<style lang="less" scoped>
.w-320 {
width: 320px;
}
.m-t-14 {
margin-top: 14px;
}
.base-info-show {
width: 100%;
.el-form {
/deep/ .el-form-item__label {
color: #606266;
}
/deep/ .el-form-item__content {
color: #303133;
}
}
}
</style>
src/components/api/frontend-info-show.vue 0 → 100644
<!--
<frontend-info-show></frontend-info-show>
import frontInfoShow from '@/components/api/frontend-info-show.vue';
-->
<template>
<div class="frontend-info-show border-box">
<el-form label-width="85px" :model="apiInfoData">
<el-form-item label="协议:">
{{ apiInfoData.protocol }}
</el-form-item>
<el-form-item label="请求路径:">
{{ apiInfoData.interfaceUrl }}
</el-form-item>
<el-form-item label="请求方法:">
{{ apiInfoData.requestType }}
</el-form-item>
<el-form-item label="参数配置:">
<div class="el-table el-table--fit el-table--enable-row-hover el-table--enable-row-transition" style="width: 100%; table-layout: fixed;">
<div class="el-table__header-wrapper">
<table cellspacing="0" cellpadding="0" border="0" class="el-table__header" style="width: 100%;">
<thead class="has-gutter">
<tr class="">
<th colspan="1" rowspan="1" class="el-table_1_column_1 is-leaf" style="width: 36px;">
<div class="cell"></div>
</th>
<th colspan="1" rowspan="1" class="el-table_1_column_1 is-leaf">
<div class="cell">参数名</div>
</th>
<th colspan="1" rowspan="1" class="el-table_1_column_2 is-leaf">
<div class="cell">参数类型</div>
</th>
<th colspan="1" rowspan="1" class="el-table_1_column_3 is-leaf">
<div class="cell">必选</div>
</th>
<th colspan="1" rowspan="1" class="el-table_1_column_4 is-leaf">
<div class="cell">示例</div>
</th>
<th colspan="1" rowspan="1" class="el-table_1_column_5 is-leaf">
<div class="cell">描述</div>
</th>
</tr>
</thead>
</table>
</div>
<div class="el-table__body-wrapper is-scrolling-none">
<div class="table-content">
<table-tr :itemData="apiInfoData.frontParams.properties"></table-tr>
</div>
</div>
</div>
</el-form-item>
</el-form>
</div>
</template>
<script>
import tableTr from '@/components/api/table-tr.vue';
export default {
name: 'frontend-info-show',
components: {
tableTr
},
props: {
apiData: {
type: [Object, Array],
default() {
return {};
}
}
},
data() {
return {
apiInfoData: {
protocol: 'http',
interfaceUrl: '/',
requestType: 'post',
frontParams: {
type: 'object', //object，array,string,number,boolean,
properties: {
name: {
originType: 'query', //来源类型 query,body,header
type: 'object',
isBackendField: 0, //是否后端字段
defaultVal: 'val', //默认值
isRootKey: 0, //是否是后端参数字段
rootKey: '', //后端参数字段
objectClass: '', //如果是object 并且是dubbo
description: '描述',
check: true,
required: [],
properties: {
nameId: {
originType: 'query', //来源类型 query,body,header
type: 'object',
isBackendField: 0, //是否后端字段
defaultVal: 'val', //默认值
isRootKey: 0, //是否是后端参数字段
rootKey: '', //后端参数字段
objectClass: '', //如果是object 并且是dubbo
description: '描述',
check: true,
properties: {
age: {
originType: 'query', //来源类型 query,body,header
type: 'string',
isBackendField: 0, //是否后端字段
defaultVal: 'val', //默认值
isRootKey: 0, //是否是后端参数字段
rootKey: '', //后端参数字段
objectClass: '', //如果是object 并且是dubbo
description: '描述',
check: true
},
email: {
originType: 'query', //来源类型 query,body,header
type: 'string',
isBackendField: 0, //是否后端字段
defaultVal: 'val', //默认值
isRootKey: 0, //是否是后端参数字段
rootKey: '', //后端参数字段
objectClass: '', //如果是object 并且是dubbo
description: '描述',
check: true
}
}
}
}
},
id: {
originType: 'query', //来源类型 query,body,header
type: 'string',
isBackendField: 0, //是否后端字段
defaultVal: 'val', //默认值
isRootKey: 0, //是否是后端参数字段
rootKey: '', //后端参数字段
objectClass: '', //如果是object 并且是dubbo
description: '描述',
check: true
}
},
required: []
}
}
};
},
watch: {
apiData: function(newData, oldData) {
const that = this;
that.apiInfoData = newData;
}
},
mounted() {
const that = this;
that.apiInfoData = that.apiData;
}
};
</script>
<style lang="less" scoped>
.w-320 {
width: 320px;
}
.m-t-14 {
margin-top: 14px;
}
.el-table th {
padding: 7px 0;
}
</style>
src/components/api/publish-list.vue
......@@ -11,7 +11,7 @@
</div> -->
<div class="table-wrap">
<el-table :data="tableData" style="width: 100%">
<el-table-column prop="publishName" label="发布版本" show-overflow-tooltip> </el-table-column>
<el-table-column prop="version" label="发布版本" show-overflow-tooltip> </el-table-column>
<el-table-column label="版本号" show-overflow-tooltip>
<template slot-scope="scope">
{{ scope.row.publishVersion }}
......@@ -19,12 +19,12 @@
</el-table-column>
<el-table-column label="环境" show-overflow-tooltip>
<template slot-scope="scope">
{{ scope.row.env }}
{{ scope.row.sceneName }}
</template>
</el-table-column>
<el-table-column label="发布备注" show-overflow-tooltip>
<template slot-scope="scope">
{{ scope.row.describe }}
{{ scope.row.remark }}
</template>
</el-table-column>
<el-table-column label="发布时间" show-overflow-tooltip>
......@@ -63,11 +63,14 @@ export default {
searchValue: '',
tableData: [
{
publishId: '1',
publishName: '测试',
publishVersion: 'V1.0.1',
env: '测试',
describe: '描述内容',
interfaceVersionId: '',
version: '123',
status: '', // 0 删除 1更新修改 2发布 3 历史发布版本
proxyType: '',
defaultFlag: false,
sceneCode: '',
sceneName: '测试',
remark: 'test',
createTime: 1564455643252
}
],
......@@ -109,7 +112,7 @@ export default {
*/
handleShow(index, row) {
const that = this;
that.$router.push('/');
that.$router.push('/apiListManageShow');
},
/**
* 获取数据
......@@ -117,11 +120,13 @@ export default {
getData() {
const that = this;
let para = {
project: that.repProjectName,
router: that.pathName,
requestProject: that.repProjectName
pageNum: that.currentPage,
pageSize: that.pageSize,
version: that.formData.version,
sceneCode: that.formData.sceneCode,
interfaceId: that.formData.interfaceId
};
getRequest('/haoban-manage-web/menu-detail', para)
getRequest('/gateway-manage/page-api-publish-record', para)
.then(res => {
let resData = res.data;
if (resData.errorCode == 1) {
......
src/components/api/record-list.vue
......@@ -12,10 +12,10 @@ import recordList from '@/components/api/record-list.vue'
<el-dialog class="edit-dialog" title="发布记录" :visible.sync="customDialog" width="600px" :before-close="handleClose">
<div class="edit-dialog-body">
<el-table :data="tableData" style="width: 100%">
<el-table-column prop="publishName" label="发布版本" show-overflow-tooltip> </el-table-column>
<el-table-column prop="version" label="发布版本" show-overflow-tooltip> </el-table-column>
<el-table-column label="发布备注" show-overflow-tooltip>
<template slot-scope="scope">
{{ scope.row.describe }}
{{ scope.row.remark }}
</template>
</el-table-column>
<el-table-column label="发布时间" show-overflow-tooltip>
......@@ -81,11 +81,9 @@ export default {
rules: {},
tableData: [
{
publishId: '1',
publishName: '测试',
publishVersion: 'V1.0.1',
env: '测试',
describe: '描述内容',
interfaceVersionId: '1',
version: '测试',
remark: '描述内容',
createTime: 1564455643252
}
],
......
src/components/api/table-tr.vue 0 → 100644
<!--
<table-tr></table-tr>
import tableTr from '@/components/api/table-tr.vue';
-->
<template>
<div>
<template v-for="(itemValue, itemName, index) in itemData">
<table cellspacing="0" cellpadding="0" border="0" class="el-table__body" style="width: 100%;table-layout: fixed;" :key="index + itemName + 121">
<tbody>
<tr class="el-table__row">
<td rowspan="1" colspan="1" class="el-table_1_column_1" style="width: 36px;">
<div v-if="itemValue.type == 'object' || itemValue.type == 'array'" class="cell"><i class="el-icon-minus"></i></div>
</td>
<td rowspan="1" colspan="1" class="el-table_1_column_1">
<div class="cell">{{ itemName }}</div>
</td>
<td rowspan="1" colspan="1" class="el-table_1_column_2">
<div class="cell">{{ itemValue.type }}</div>
</td>
<td rowspan="1" colspan="1" class="el-table_1_column_3">
<div class="cell"><el-checkbox disabled="true" v-model="itemValue.check"></el-checkbox></div>
</td>
<td rowspan="1" colspan="1" class="el-table_1_column_3">
<div class="cell">{{ itemValue.defaultVal }}</div>
</td>
<td rowspan="1" colspan="1" class="el-table_1_column_3">
<div class="cell">{{ itemValue.description }}</div>
</td>
</tr>
</tbody>
</table>
<table-row class="el-table__row" style="padding-left: 10px;" v-if="itemValue.type == 'array'" :itemData="itemValue.items.properties" :key="index + '122' + itemName"> </table-row>
<table-row class="el-table__row" style="padding-left: 10px;" v-if="itemValue.type == 'object'" :itemData="itemValue.properties" :key="index + '122' + itemName"> </table-row>
</template>
</div>
</template>
<script>
export default {
name: 'table-row',
props: {
itemData: {
type: [Object, Array],
default() {
return {};
}
}
},
data() {
return {
trData: {
protocol: 'http',
interfaceUrl: '/',
requestType: 'post',
frontParams: {
type: 'object', //object，array,string,number,boolean,
properties: {
name: {
originType: 'query', //来源类型 query,body,header
type: 'object',
isBackendField: 0, //是否后端字段
defaultVal: 'val', //默认值
isRootKey: 0, //是否是后端参数字段
rootKey: '', //后端参数字段
objectClass: '', //如果是object 并且是dubbo
description: '描述',
check: true,
required: [],
properties: {
nameId: {
originType: 'query', //来源类型 query,body,header
type: 'object',
isBackendField: 0, //是否后端字段
defaultVal: 'val', //默认值
isRootKey: 0, //是否是后端参数字段
rootKey: '', //后端参数字段
objectClass: '', //如果是object 并且是dubbo
description: '描述',
check: true
}
}
},
id: {
originType: 'query', //来源类型 query,body,header
type: 'string',
isBackendField: 0, //是否后端字段
defaultVal: 'val', //默认值
isRootKey: 0, //是否是后端参数字段
rootKey: '', //后端参数字段
objectClass: '', //如果是object 并且是dubbo
description: '描述',
check: true
}
},
required: []
}
}
};
},
watch: {
itemData: function(newData, oldData) {
const that = this;
that.trData = newData;
}
},
mounted() {
const that = this;
that.trData = that.itemData;
}
};
</script>
<style lang="less" scoped>
.w-320 {
width: 320px;
}
.m-t-14 {
margin-top: 14px;
}
</style>
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