Commit 6d217452 authored by xj's avatar xj

.

parent d5fd6361
...@@ -24,3 +24,19 @@ export function deleteProduct(params) { ...@@ -24,3 +24,19 @@ export function deleteProduct(params) {
//-------------xj: -------------------- //-------------xj: --------------------
// 产品接口
export function getInterfaceList(params) {
return http.post(`${baseURL}/zwfw/product/interface/list`, params);
}
// 新增编辑产品接口
export function getInterfaceSave(params) {
return http.post(`${baseURL}/zwfw/product/interface/save`, params);
}
// 查看产品接口
export function getInterfaceInfo(params) {
return http.get(`${baseURL}/zwfw/product/interface/info`, params);
}
// 删除产品接口
export function getInterfaceDelete(params) {
return http.get(`${baseURL}/zwfw/product/interface/delete`, params);
}
\ No newline at end of file
...@@ -2,14 +2,14 @@ ...@@ -2,14 +2,14 @@
<div class="PoliticsShow-Container"> <div class="PoliticsShow-Container">
<div class="header_box"> <div class="header_box">
<div> <div>
<button class="add_btn"> <button class="add_btn" @click="openDetails('新增',{})">
<span>新增</span> <span>新增</span>
</button> </button>
</div> </div>
<span> <span>
<a-input <a-input
allowClear allowClear
v-model="searchName" v-model="query.interfaceName"
placeholder="请输入接口名称查询" placeholder="请输入接口名称查询"
> >
<a-icon slot="prefix" type="search" /> <a-icon slot="prefix" type="search" />
...@@ -67,14 +67,14 @@ ...@@ -67,14 +67,14 @@
:dataSource="tableSourceData" :dataSource="tableSourceData"
> >
<template slot="operation" slot-scope="text, record, index"> <template slot="operation" slot-scope="text, record, index">
<a-button type="link" @click="openDetails" <a-button type="link" @click="openDetails('详情',record)"
>详情{{ index + 1 }}</a-button >详情</a-button
> >
<a-button type="link" @click="openDetails" <a-button type="link" @click="openDetails('编辑',record)"
>编辑{{ index + 1 }}</a-button >编辑</a-button
> >
<a-button type="link" style="color: #ff4420" <a-button type="link" style="color: #ff4420"
>删除{{ index + 1 }}</a-button >删除</a-button
> >
</template> </template>
</a-table> </a-table>
...@@ -86,6 +86,7 @@ ...@@ -86,6 +86,7 @@
<script> <script>
import table from "@/mixins/table"; import table from "@/mixins/table";
import Details from "./components/Details.vue"; import Details from "./components/Details.vue";
import {getInterfaceList} from '@/api/thePlatformIsSet.js'
export default { export default {
mixins: [table], mixins: [table],
name: "PortalAdminVueAlerting", name: "PortalAdminVueAlerting",
...@@ -103,42 +104,47 @@ export default { ...@@ -103,42 +104,47 @@ export default {
{ {
title: "API名称", title: "API名称",
align: "center", align: "center",
dataIndex: "API名称", dataIndex: "interfaceName",
}, },
{ {
title: "请求类型", title: "请求类型",
align: "center", align: "center",
dataIndex: "请求类型", dataIndex: "requestType",
customRender: (text, record, index) => `${record.requestType == 1 ? 'POST' : 'GET'}`,
}, },
{ {
title: "标签", title: "标签",
align: "center", align: "center",
dataIndex: "标签", dataIndex: "interfaceTag",
}, },
{ {
title: "请求协议", title: "请求协议",
align: "center", align: "center",
dataIndex: "请求协议", dataIndex: "requestProtocol",
customRender: (text, record, index) => `${record.requestProtocol == 1 ? 'HTTP' : 'HTTPS'}`,
}, },
{ {
title: "版本", title: "版本",
align: "center", align: "center",
dataIndex: "版本", dataIndex: "versionNumber",
}, },
{ {
title: "来源", title: "来源",
align: "center", align: "center",
dataIndex: "来源", dataIndex: "interfaceSource",
customRender: (text, record, index) => `${record.interfaceSource == 1 ? '自有' : '非自有'}`,
}, },
{ {
title: "策略", title: "策略",
align: "center", align: "center",
dataIndex: "策略", dataIndex: "limitStrategy",
customRender: (text, record, index) => `${record.limitStrategy == 1 ? '分钟' : '小时'}`,
}, },
{ {
title: "访问网络", title: "访问网络",
align: "center", align: "center",
dataIndex: "访问网络", dataIndex: "network",
customRender: (text, record, index) => `${record.network == 1 ? '互联网' : '政务网'}`,
}, },
{ {
...@@ -151,29 +157,26 @@ export default { ...@@ -151,29 +157,26 @@ export default {
}, },
}, },
], ],
searchName: undefined, query:{
interfaceName: undefined,
page:1,
size:10,
},
total:0
}; };
}, },
components: { components: {
Details, Details,
}, },
mounted() { mounted() {
this.setMoment(); this.getList();
for (let key = 0; key < 20; key++) {
this.tableSourceData.push({
id: `00${key + 1}`,
API名称: `排队信息查询接口${key + 1}`,
请求类型: `POST${key + 1}`,
标签: `政务外网${key + 1}`,
请求协议: `HTTP${key + 1}`,
版本: `v1.0${key + 1}`,
来源: `自有${key + 1}`,
策略: `--${key + 1}`,
访问网络: `互联网${key + 1}`,
});
}
}, },
methods: { methods: {
getList() {
getInterfaceList(this.query).then(res=>{
this.tableSourceData = res.data.data
})
},
QueueState(type) { QueueState(type) {
switch (type) { switch (type) {
case 0: case 0:
...@@ -185,8 +188,8 @@ export default { ...@@ -185,8 +188,8 @@ export default {
return "type0"; return "type0";
} }
}, },
openDetails() { openDetails(type) {
this.$refs.Details.modalInfo.title = "新增接口"; this.$refs.Details.modalInfo.title = type;
this.$refs.Details.modalInfo.visible = true; this.$refs.Details.modalInfo.visible = true;
this.$refs.Details.modalInfo.width = "55%"; this.$refs.Details.modalInfo.width = "55%";
}, },
......
<template> <template>
<a-drawer <a-drawer :destroyOnClose="true" :title="modalInfo.title" :width="modalInfo.width" :visible="modalInfo.visible"
:destroyOnClose="true" @close="modalClose">
:title="modalInfo.title" <a-form-model ref="ruleForm" :model="detailsForm" :rules="detailsRules" :label-col="{ span: 4 }"
:width="modalInfo.width" :wrapper-col="{ span: 20 }">
:visible="modalInfo.visible"
@close="modalClose"
>
<a-form-model
ref="ruleForm"
:model="detailsForm"
:rules="detailsRules"
:label-col="{ span: 4 }"
:wrapper-col="{ span: 20 }"
>
<a-row :gutter="16"> <a-row :gutter="16">
<a-col :span="12"> <a-col :span="12">
<a-form-model-item label="接口名称" prop="接口名称"> <a-form-model-item label="接口名称" prop="interfaceName">
<a-input <a-input v-model="detailsForm.interfaceName" placeholder="请输入" allowClear />
v-model="detailsForm.接口名称"
placeholder="请输入"
allowClear
/>
</a-form-model-item> </a-form-model-item>
</a-col> </a-col>
<a-col :span="12"> <a-col :span="12">
<a-form-model-item label="版本号" prop="版本号"> <a-form-model-item label="版本号" prop="versionNumber">
<a-input <a-input v-model="detailsForm.versionNumber" placeholder="请输入" allowClear />
v-model="detailsForm.版本号"
placeholder="请输入"
allowClear
/>
</a-form-model-item> </a-form-model-item>
</a-col> </a-col>
<a-col :span="12"> <a-col :span="12">
<a-form-model-item label="请求类型" prop="请求类型"> <a-form-model-item label="请求类型" prop="requestType">
<a-select <a-select v-model="detailsForm.requestType" placeholder="请选择" allowClear>
v-model="detailsForm.请求类型" <a-select-option value="1"> POST </a-select-option>
placeholder="请选择" <a-select-option value="2"> GET </a-select-option>
allowClear
>
<a-select-option value="001"> 选项001 </a-select-option>
</a-select> </a-select>
</a-form-model-item> </a-form-model-item>
</a-col> </a-col>
<a-col :span="12"> <a-col :span="12">
<a-form-model-item label="请求协议" prop="请求协议"> <a-form-model-item label="请求协议" prop="requestProtocol">
<a-select <a-select v-model="detailsForm.requestProtocol" placeholder="请选择" allowClear>
v-model="detailsForm.请求协议" <a-select-option value="1"> HTTP </a-select-option>
placeholder="请选择" <a-select-option value="2"> HTTPS </a-select-option>
allowClear
>
<a-select-option value="001"> 选项001 </a-select-option>
</a-select> </a-select>
</a-form-model-item> </a-form-model-item>
</a-col> </a-col>
<a-col :span="12"> <a-col :span="12">
<a-form-model-item label="请求路径" prop="请求路径"> <a-form-model-item label="请求路径" prop="requestUrl">
<a-input <a-input v-model="detailsForm.requestUrl" placeholder="请输入" allowClear />
v-model="detailsForm.请求路径"
placeholder="请输入"
allowClear
/>
</a-form-model-item> </a-form-model-item>
</a-col> </a-col>
<a-col :span="12"> <a-col :span="12">
<a-form-model-item label="超时时长" prop="超时时长"> <a-form-model-item label="超时时长" prop="requestUrl">
<a-input <a-input v-model="detailsForm.requestUrl" placeholder="请输入" allowClear>
v-model="detailsForm.超时时长"
placeholder="请输入"
allowClear
>
<template slot="suffix"></template> <template slot="suffix"></template>
</a-input> </a-input>
</a-form-model-item> </a-form-model-item>
</a-col> </a-col>
<a-col :span="12"> <a-col :span="12">
<a-form-model-item label="限流策略" prop="限流策略"> <a-form-model-item label="限流策略" prop="limitStrategy">
<a-select <a-select v-model="detailsForm.limitStrategy" placeholder="请选择" allowClear>
v-model="detailsForm.限流策略" <a-select-option value="1"> 分钟 </a-select-option>
placeholder="请选择" <a-select-option value="2"> 小时 </a-select-option>
allowClear
>
<a-select-option value="001"> 选项001 </a-select-option>
</a-select> </a-select>
</a-form-model-item> </a-form-model-item>
</a-col> </a-col>
<a-col :span="12"> <a-col :span="12">
<a-form-model-item label="访问网络" prop="访问网络"> <a-form-model-item label="访问网络" prop="network">
<a-checkbox-group <a-checkbox-group v-model="detailsForm.network" :options="options" />
v-model="detailsForm.访问网络"
:options="options"
/>
</a-form-model-item> </a-form-model-item>
</a-col> </a-col>
<a-col :span="12"> <a-col :span="12">
<a-form-model-item label="描述" prop="描述"> <a-form-model-item label="描述" prop="description">
<a-textarea <a-textarea v-model="detailsForm.description" placeholder="请输入" :rows="4" />
v-model="detailsForm.描述"
placeholder="请输入"
:rows="4"
/>
</a-form-model-item> </a-form-model-item>
</a-col> </a-col>
<a-col :span="12"> <a-col :span="12">
<a-form-model-item label="流控信息" prop="流控信息"> <a-form-model-item label="流控信息" prop="flowControl">
<a-textarea <a-textarea v-model="detailsForm.flowControl" placeholder="请输入" :rows="4" />
v-model="detailsForm.流控信息"
placeholder="请输入"
:rows="4"
/>
</a-form-model-item> </a-form-model-item>
</a-col> </a-col>
<a-col :span="12"> <a-col :span="12">
<a-form-model-item label="授权信息" prop="授权信息"> <a-form-model-item label="授权信息" prop="authorizeInfo">
<a-textarea <a-textarea v-model="detailsForm.authorizeInfo" placeholder="请输入" :rows="4" />
v-model="detailsForm.授权信息"
placeholder="请输入"
:rows="4"
/>
</a-form-model-item> </a-form-model-item>
</a-col> </a-col>
</a-row> </a-row>
<h1 class="title_">请求参数</h1> <h1 class="title_">请求参数</h1>
<a-radio-group default-value="a" button-style="solid"> <a-radio-group v-model="type" button-style="solid">
<a-radio-button value="a"> 路径参数 </a-radio-button> <a-radio-button value="路径参数"> 路径参数 </a-radio-button>
<a-radio-button value="b"> headers </a-radio-button> <a-radio-button value="headers"> headers </a-radio-button>
<a-radio-button value="c"> query </a-radio-button> <a-radio-button value="query"> query </a-radio-button>
<a-radio-button value="d"> body </a-radio-button> <a-radio-button value="body"> body </a-radio-button>
</a-radio-group> </a-radio-group>
<a-table <a-table size="middle" bordered :row-key="(record) => record.id" :pagination="false"
size="middle" :columns="table_columns" :dataSource="requestParameters[type]">
bordered
:row-key="(record) => record.id"
:pagination="false"
:columns="请求参数_columns"
:dataSource="请求参数_dataSource"
>
<template slot="参数名" slot-scope="text, record, index"> <template slot="参数名" slot-scope="text, record, index">
<a-input v-model="record.参数名" placeholder="请输入" allowClear /> <a-input v-model="record.name" placeholder="请输入" allowClear />
</template> </template>
<template slot="关联参数" slot-scope="text, record, index"> <template slot="关联参数" slot-scope="text, record, index">
<a-select v-model="record.关联参数" placeholder="请选择" allowClear> <a-select v-model="record.association" placeholder="请选择" allowClear>
<a-select-option value="001"> 选项001 </a-select-option> <a-select-option value="001"> 选项001 </a-select-option>
</a-select> </a-select>
</template> </template>
<template slot="参数值类型" slot-scope="text, record, index"> <template slot="参数值类型" slot-scope="text, record, index">
<a-select v-model="record.参数值类型" placeholder="请选择" allowClear> <a-select v-model="record.type" placeholder="请选择" allowClear>
<a-select-option value="001"> 选项001 </a-select-option> <a-select-option value="String"> String </a-select-option>
</a-select> </a-select>
</template> </template>
<template slot="jsonPath" slot-scope="text, record, index"> <template slot="jsonPath" slot-scope="text, record, index">
<a-input v-model="record.jsonPath" placeholder="请输入" allowClear /> <a-input v-model="record.jsonPath" placeholder="请输入" allowClear />
</template> </template>
<template slot="默认值" slot-scope="text, record, index"> <template slot="默认值" slot-scope="text, record, index">
<a-input v-model="record.默认值" placeholder="请输入" allowClear /> <a-input v-model="record.default" placeholder="请输入" allowClear />
</template> </template>
<template slot="是否必填" slot-scope="text, record, index"> <template slot="是否必填" slot-scope="text, record, index">
<a-select v-model="record.是否必填" placeholder="请选择" allowClear> <a-select v-model="record.isMust" placeholder="请选择" allowClear>
<a-select-option value="001"> 选项001 </a-select-option> <a-select-option value="1"></a-select-option>
<a-select-option value="0"></a-select-option>
</a-select> </a-select>
</template> </template>
<template slot="描述" slot-scope="text, record, index"> <template slot="描述" slot-scope="text, record, index">
<a-input v-model="record.描述" placeholder="请输入" allowClear /> <a-input v-model="record.describe" placeholder="请输入" allowClear />
</template> </template>
<template slot="operation" slot-scope="text, record, index"> <template slot="operation" slot-scope="text, record, index">
<a-button type="link" style="color: #ff4420" <a-button type="link" style="color: #ff4420">删除</a-button>
>删除{{ index + 1 }}</a-button
>
</template> </template>
</a-table> </a-table>
<div class="table_footer"> <div class="table_footer">
...@@ -178,54 +121,86 @@ ...@@ -178,54 +121,86 @@
<h1 class="title_">响应数据</h1> <h1 class="title_">响应数据</h1>
<a-table <a-table size="middle" bordered :row-key="(record) => record.id" :pagination="false"
size="middle" :columns="table_columns" :dataSource="responseParameters">
bordered
:row-key="(record) => record.id"
:pagination="false"
:columns="请求参数_columns"
:dataSource="请求参数_dataSource"
>
<template slot="参数名" slot-scope="text, record, index"> <template slot="参数名" slot-scope="text, record, index">
<a-input v-model="record.参数名" placeholder="请输入" allowClear /> <a-input v-model="record.name" placeholder="请输入" allowClear />
</template> </template>
<template slot="关联参数" slot-scope="text, record, index"> <template slot="关联参数" slot-scope="text, record, index">
<a-select v-model="record.关联参数" placeholder="请选择" allowClear> <a-select v-model="record.association" placeholder="请选择" allowClear>
<a-select-option value="001"> 选项001 </a-select-option> <a-select-option value="001"> 选项001 </a-select-option>
</a-select> </a-select>
</template> </template>
<template slot="参数值类型" slot-scope="text, record, index"> <template slot="参数值类型" slot-scope="text, record, index">
<a-select v-model="record.参数值类型" placeholder="请选择" allowClear> <a-select v-model="record.type" placeholder="请选择" allowClear>
<a-select-option value="001"> 选项001 </a-select-option> <a-select-option value="String"> String </a-select-option>
</a-select> </a-select>
</template> </template>
<template slot="jsonPath" slot-scope="text, record, index"> <template slot="jsonPath" slot-scope="text, record, index">
<a-input v-model="record.jsonPath" placeholder="请输入" allowClear /> <a-input v-model="record.jsonPath" placeholder="请输入" allowClear />
</template> </template>
<template slot="默认值" slot-scope="text, record, index"> <template slot="默认值" slot-scope="text, record, index">
<a-input v-model="record.默认值" placeholder="请输入" allowClear /> <a-input v-model="record.default" placeholder="请输入" allowClear />
</template> </template>
<template slot="是否必填" slot-scope="text, record, index"> <template slot="是否必填" slot-scope="text, record, index">
<a-select v-model="record.是否必填" placeholder="请选择" allowClear> <a-select v-model="record.isMust" placeholder="请选择" allowClear>
<a-select-option value="001"> 选项001 </a-select-option> <a-select-option value="1"></a-select-option>
<a-select-option value="0"></a-select-option>
</a-select> </a-select>
</template> </template>
<template slot="描述" slot-scope="text, record, index"> <template slot="描述" slot-scope="text, record, index">
<a-input v-model="record.描述" placeholder="请输入" allowClear /> <a-input v-model="record.describe" placeholder="请输入" allowClear />
</template> </template>
<template slot="operation" slot-scope="text, record, index"> <template slot="operation" slot-scope="text, record, index">
<a-button type="link" style="color: #ff4420" <a-button type="link" style="color: #ff4420">删除</a-button>
>删除{{ index + 1 }}</a-button </template>
> </a-table>
<div class="table_footer">
<a-button type="primary" class="addclass" @click="ceshidayin"> 添加参数 </a-button>
</div>
<!-- <h1 class="title_">错误码</h1>
<a-table size="middle" bordered :row-key="(record) => record.id" :pagination="false"
:columns="errorCode_columns" :dataSource="errorCode">
<template slot="Http Code" slot-scope="text, record, index">
<a-input v-model="record.httpCode" placeholder="请输入" allowClear />
</template>
<template slot="Error Code" slot-scope="text, record, index">
<a-input v-model="record.errorCode" placeholder="请输入" allowClear />
</template>
<template slot="错误信息" slot-scope="text, record, index">
<a-input v-model="record.errorMessage" placeholder="请输入" allowClear />
</template>
<template slot="operation" slot-scope="text, record, index">
<a-button type="link" style="color: #ff4420">删除</a-button>
</template> </template>
</a-table> </a-table>
<div class="table_footer"> <div class="table_footer">
<a-button type="primary" class="addclass" @click="ceshidayin"> 添加参数 </a-button> <a-button type="primary" class="addclass" @click="ceshidayin"> 添加参数 </a-button>
</div> </div>
<h1 class="title_">变更历史</h1>
<a-table size="middle" bordered :row-key="(record) => record.id" :pagination="false"
:columns="changeHistory_columns" :dataSource="changeHistory">
<template slot="变更时间" slot-scope="text, record, index">
<a-input v-model="record.time" placeholder="请输入" allowClear />
</template>
<template slot="变更内容概要" slot-scope="text, record, index">
<a-input v-model="record.content" placeholder="请输入" allowClear />
</template>
<template slot="operation" slot-scope="text, record, index">
<a-button type="link" style="color: #ff4420">删除</a-button>
</template>
</a-table>
<div class="table_footer">
<a-button type="primary" class="addclass" @click="ceshidayin"> 添加参数 </a-button>
</div> -->
<div class="drawer_footer"> <div class="drawer_footer">
<a-button type="primary" class="addclass" @click="modalClose"> 保存 </a-button> <a-button type="primary" class="addclass" @click="modalSubmit"> 保存 </a-button>
<a-button @click="modalClose"> 取消 </a-button> <a-button @click="modalClose"> 取消 </a-button>
</div> </div>
</a-form-model> </a-form-model>
...@@ -233,92 +208,79 @@ ...@@ -233,92 +208,79 @@
</template> </template>
<script> <script>
import modal from "../mixins/modal"; import modal from "../mixins/modal";
export default { import {
getInterfaceSave
} from '@/api/thePlatformIsSet.js'
export default {
mixins: [modal], mixins: [modal],
name: "PortalAdminVuePicWorks", name: "PortalAdminVuePicWorks",
data() { data() {
return { return {
detailsForm: { detailsForm: {
接口名称: undefined, interfaceName: undefined,
版本号: undefined, versionNumber: undefined,
请求类型: undefined, requestType: undefined,
请求协议: undefined, requestProtocol: undefined,
请求路径: undefined, requestUrl: undefined,
超时时长: undefined, timeoutValue: undefined,
限流策略: undefined, timeoutValue: undefined,
访问网络: undefined, network: undefined,
描述: undefined, description: undefined,
流控信息: undefined, flowControl: undefined,
授权信息: undefined, authorizeInfo: undefined,
}, },
detailsRules: { detailsRules: {
接口名称: [ interfaceName: [{
{
required: true, required: true,
message: "请输入", message: "请输入",
trigger: "blur", trigger: "blur",
}, }, ],
], versionNumber: [{
版本号: [
{
required: true, required: true,
message: "请输入", message: "请输入",
trigger: "blur", trigger: "blur",
}, }, ],
], requestType: [{
请求类型: [
{
required: true, required: true,
message: "请输入", message: "请输入",
trigger: "change", trigger: "change",
}, }, ],
], requestProtocol: [{
请求协议: [
{
required: true, required: true,
message: "请输入", message: "请输入",
trigger: "change", trigger: "change",
}, }, ],
], requestUrl: [{
请求路径: [
{
required: true, required: true,
message: "请输入", message: "请输入",
trigger: "blur", trigger: "blur",
}, }, ],
], timeoutValue: [{
超时时长: [
{
required: true, required: true,
message: "请输入", message: "请输入",
trigger: "blur", trigger: "blur",
}, }, ],
], network: [{
访问网络: [
{
required: true, required: true,
message: "请输入", message: "请输入",
trigger: "change", trigger: "change",
}, ],
}, },
], options: [{
},
options: [
{
label: "互联网", label: "互联网",
value: "001", value: "1",
}, },
{ {
label: "政务网", label: "政务网",
value: "002", value: "2",
}, },
], ],
请求参数_columns: [ table_columns: [{
{
title: "参数名", title: "参数名",
align: "center", align: "center",
dataIndex: "参数名", dataIndex: "name",
scopedSlots: { scopedSlots: {
customRender: "参数名", customRender: "参数名",
}, },
...@@ -326,7 +288,7 @@ export default { ...@@ -326,7 +288,7 @@ export default {
{ {
title: "关联参数", title: "关联参数",
align: "center", align: "center",
dataIndex: "关联参数", dataIndex: "association",
scopedSlots: { scopedSlots: {
customRender: "关联参数", customRender: "关联参数",
}, },
...@@ -334,7 +296,7 @@ export default { ...@@ -334,7 +296,7 @@ export default {
{ {
title: "参数值类型", title: "参数值类型",
align: "center", align: "center",
dataIndex: "参数值类型", dataIndex: "type",
scopedSlots: { scopedSlots: {
customRender: "参数值类型", customRender: "参数值类型",
}, },
...@@ -350,7 +312,7 @@ export default { ...@@ -350,7 +312,7 @@ export default {
{ {
title: "默认值", title: "默认值",
align: "center", align: "center",
dataIndex: "默认值", dataIndex: "default",
scopedSlots: { scopedSlots: {
customRender: "默认值", customRender: "默认值",
}, },
...@@ -358,7 +320,7 @@ export default { ...@@ -358,7 +320,7 @@ export default {
{ {
title: "是否必填", title: "是否必填",
align: "center", align: "center",
dataIndex: "是否必填", dataIndex: "isMust",
scopedSlots: { scopedSlots: {
customRender: "是否必填", customRender: "是否必填",
}, },
...@@ -366,7 +328,7 @@ export default { ...@@ -366,7 +328,7 @@ export default {
{ {
title: "描述", title: "描述",
align: "center", align: "center",
dataIndex: "描述", dataIndex: "describe",
scopedSlots: { scopedSlots: {
customRender: "描述", customRender: "描述",
}, },
...@@ -382,36 +344,142 @@ export default { ...@@ -382,36 +344,142 @@ export default {
}, },
}, },
], ],
请求参数_dataSource: [ type: '路径参数',
requestParameters: {
'路径参数': [{
name: ``,
association: undefined,
type: undefined,
jsonPath: ``,
default: ``,
isMust: undefined,
describe: ``,
}],
'headers': [{
name: ``,
association: undefined,
type: undefined,
jsonPath: ``,
default: ``,
isMust: undefined,
describe: ``,
}],
'query': [{
name: ``,
association: undefined,
type: undefined,
jsonPath: ``,
default: ``,
isMust: undefined,
describe: ``,
}],
'body': [{
name: ``,
association: undefined,
type: undefined,
jsonPath: ``,
default: ``,
isMust: undefined,
describe: ``,
}]
},
responseParameters: [{
name: ``,
association: undefined,
type: undefined,
jsonPath: ``,
default: ``,
isMust: undefined,
describe: ``,
}],
errorCode_columns: [{
title: "Http Code",
align: "center",
dataIndex: "httpCode",
scopedSlots: {
customRender: "Http Code",
}
},
{
title: "Error Code",
align: "center",
dataIndex: "errorCode",
scopedSlots: {
customRender: "Error Code",
},
},
{ {
id: `001`, title: "错误信息",
参数名: `参数名`, align: "center",
关联参数: `关联参数`, dataIndex: "errorMessage",
参数值类型: `参数值类型`, scopedSlots: {
jsonPath: `jsonPath`, customRender: "错误信息",
默认值: `默认值`,
是否必填: `是否必填`,
描述: `描述`,
}, },
},
{
title: "操作",
align: "center",
width: "60px",
dataIndex: "operation",
scopedSlots: {
customRender: "operation",
},
}
], ],
errorCode: [{
httpCode: ``,
errorCode: ``,
errorMessage: ``
}],
changeHistory_columns: [{
title: "变更时间",
align: "center",
dataIndex: "time",
scopedSlots: {
customRender: "变更时间",
}
},
{
title: "变更内容概要",
align: "center",
dataIndex: "content",
scopedSlots: {
customRender: "变更内容概要",
},
}
],
changeHistory: [{
time: '',
content: ''
}]
}; };
}, },
mounted() {}, mounted() {},
methods: { methods: {
modalSubmit() {
this.$refs.ruleForm.validate(valid => {
if (valid) {
alert('submit!');
} else {
return false;
}
});
},
ceshidayin() { ceshidayin() {
console.log(this.请求参数_dataSource); console.log(this.请求参数_dataSource);
}, },
}, },
}; };
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
/deep/.ant-drawer-content { /deep/.ant-drawer-content {
overflow-x: hidden !important; overflow-x: hidden !important;
} }
.drawer_footer {
.drawer_footer {
z-index: 1; z-index: 1;
text-align: left; text-align: left;
background: #fff; background: #fff;
...@@ -421,23 +489,25 @@ export default { ...@@ -421,23 +489,25 @@ export default {
bottom: 0; bottom: 0;
right: 0; right: 0;
position: absolute; position: absolute;
} }
.title_ {
.title_ {
font-size: 16px; font-size: 16px;
font-weight: bold; font-weight: bold;
color: #333; color: #333;
margin-bottom: 10px; margin-bottom: 10px;
} }
.table_footer {
.table_footer {
text-align: center; text-align: center;
padding-top: 10px; padding-top: 10px;
} }
/deep/.ant-drawer-body {
/deep/.ant-drawer-body {
margin-bottom: 100px; margin-bottom: 100px;
} }
/deep/.ant-radio-group {
/deep/.ant-radio-group {
margin-bottom: 10px !important; margin-bottom: 10px !important;
} }
</style> </style>
\ No newline at end of file
This source diff could not be displayed because it is too large. You can view the blob instead.
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