Commit 46156897 authored by 彭松's avatar 彭松
parents 8e1fe334 6d217452
...@@ -18,7 +18,7 @@ module.exports = { ...@@ -18,7 +18,7 @@ module.exports = {
multiPage: true, //多页签模式,true:开启,false:不开启 multiPage: true, //多页签模式,true:开启,false:不开启
cachePage: true, //是否缓存页面数据,仅多页签模式下生效,true 缓存, false 不缓存 cachePage: true, //是否缓存页面数据,仅多页签模式下生效,true 缓存, false 不缓存
hideSetting: false, //隐藏设置抽屉,true:隐藏,false:不隐藏 hideSetting: false, //隐藏设置抽屉,true:隐藏,false:不隐藏
systemName: "智慧政务一体化综合管理平台", //系统名称 systemName: "基础设置平台", //系统名称
copyright: "2021 ICZER 信宏翔科技有限公司", //copyright copyright: "2021 ICZER 信宏翔科技有限公司", //copyright
asyncRoutes: false, //异步加载路由,true:开启,false:不开启 asyncRoutes: false, //异步加载路由,true:开启,false:不开启
showPageTitle: true, //是否显示页面标题(PageLayout 布局中的页面标题),true:显示,false:不显示 showPageTitle: true, //是否显示页面标题(PageLayout 布局中的页面标题),true:显示,false:不显示
......
...@@ -4,8 +4,8 @@ ...@@ -4,8 +4,8 @@
<a-layout-header class="header"> <a-layout-header class="header">
<div class="flex aic"> <div class="flex aic">
<router-link to="/" class="flex aic"> <router-link to="/" class="flex aic">
<!-- <img width="32" src="@/assets/img/logo.png" /> --> <img class="mr10" width="32" src="@/assets/img/logo.png" />
<h1>{{ systemName }}</h1> <h1 class="title">基础设置平台</h1>
</router-link> </router-link>
<HeaderSite class="ml20"></HeaderSite> <HeaderSite class="ml20"></HeaderSite>
</div> </div>
...@@ -72,11 +72,12 @@ export default { ...@@ -72,11 +72,12 @@ export default {
<style lang="less" scoped> <style lang="less" scoped>
.ant-layout-header { .ant-layout-header {
padding: 0px 24px; padding: 0px 24px;
background-color: #2681e8; // background-color: #2681e8;
font-size: 14px; font-size: 14px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
background: linear-gradient(90deg, #1845c6 0%, #2999ff 100%);
h1 { h1 {
color: #fff; color: #fff;
font-size: 16px; font-size: 16px;
...@@ -85,6 +86,10 @@ export default { ...@@ -85,6 +86,10 @@ export default {
a { a {
color: #fff; color: #fff;
} }
.title {
font-size: 20px;
font-weight: bold;
}
} }
.main { .main {
height: calc(100vh - 64px); height: calc(100vh - 64px);
......
...@@ -157,7 +157,7 @@ export default { ...@@ -157,7 +157,7 @@ export default {
<style lang="less" scoped> <style lang="less" scoped>
.ant-dropdown-link { .ant-dropdown-link {
padding: 0 20px; padding: 0 20px;
font-size: 14px; font-size: 16px;
min-width: 200px; min-width: 200px;
display: inline-block; display: inline-block;
color: #fff; color: #fff;
......
...@@ -57,3 +57,19 @@ export function deleteDocument(params) { ...@@ -57,3 +57,19 @@ export function deleteDocument(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" <a-row :gutter="16">
@close="modalClose" <a-col :span="12">
> <a-form-model-item label="接口名称" prop="interfaceName">
<a-form-model <a-input v-model="detailsForm.interfaceName" placeholder="请输入" allowClear />
ref="ruleForm" </a-form-model-item>
:model="detailsForm" </a-col>
:rules="detailsRules" <a-col :span="12">
:label-col="{ span: 4 }" <a-form-model-item label="版本号" prop="versionNumber">
:wrapper-col="{ span: 20 }" <a-input v-model="detailsForm.versionNumber" placeholder="请输入" allowClear />
> </a-form-model-item>
<a-row :gutter="16"> </a-col>
<a-col :span="12"> <a-col :span="12">
<a-form-model-item label="接口名称" prop="接口名称"> <a-form-model-item label="请求类型" prop="requestType">
<a-input <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>
/> </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="requestProtocol">
<a-form-model-item label="版本号" prop="版本号"> <a-select v-model="detailsForm.requestProtocol" placeholder="请选择" allowClear>
<a-input <a-select-option value="1"> HTTP </a-select-option>
v-model="detailsForm.版本号" <a-select-option value="2"> HTTPS </a-select-option>
placeholder="请输入" </a-select>
allowClear </a-form-model-item>
/> </a-col>
</a-form-model-item> <a-col :span="12">
</a-col> <a-form-model-item label="请求路径" prop="requestUrl">
<a-col :span="12"> <a-input v-model="detailsForm.requestUrl" placeholder="请输入" allowClear />
<a-form-model-item label="请求类型" prop="请求类型"> </a-form-model-item>
<a-select </a-col>
v-model="detailsForm.请求类型" <a-col :span="12">
placeholder="请选择" <a-form-model-item label="超时时长" prop="requestUrl">
allowClear <a-input v-model="detailsForm.requestUrl" placeholder="请输入" allowClear>
> <template slot="suffix"></template>
<a-select-option value="001"> 选项001 </a-select-option> </a-input>
</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="limitStrategy">
<a-form-model-item label="请求协议" prop="请求协议"> <a-select v-model="detailsForm.limitStrategy" placeholder="请选择" allowClear>
<a-select <a-select-option value="1"> 分钟 </a-select-option>
v-model="detailsForm.请求协议" <a-select-option value="2"> 小时 </a-select-option>
placeholder="请选择" </a-select>
allowClear </a-form-model-item>
> </a-col>
<a-select-option value="001"> 选项001 </a-select-option> <a-col :span="12">
</a-select> <a-form-model-item label="访问网络" prop="network">
</a-form-model-item> <a-checkbox-group v-model="detailsForm.network" :options="options" />
</a-col> </a-form-model-item>
<a-col :span="12"> </a-col>
<a-form-model-item label="请求路径" prop="请求路径"> <a-col :span="12">
<a-input <a-form-model-item label="描述" prop="description">
v-model="detailsForm.请求路径" <a-textarea v-model="detailsForm.description" placeholder="请输入" :rows="4" />
placeholder="请输入" </a-form-model-item>
allowClear </a-col>
/> <a-col :span="12">
</a-form-model-item> <a-form-model-item label="流控信息" prop="flowControl">
</a-col> <a-textarea v-model="detailsForm.flowControl" placeholder="请输入" :rows="4" />
<a-col :span="12"> </a-form-model-item>
<a-form-model-item label="超时时长" prop="超时时长"> </a-col>
<a-input <a-col :span="12">
v-model="detailsForm.超时时长" <a-form-model-item label="授权信息" prop="authorizeInfo">
placeholder="请输入" <a-textarea v-model="detailsForm.authorizeInfo" placeholder="请输入" :rows="4" />
allowClear </a-form-model-item>
> </a-col>
<template slot="suffix"></template> </a-row>
</a-input>
</a-form-model-item>
</a-col>
<a-col :span="12">
<a-form-model-item label="限流策略" prop="限流策略">
<a-select
v-model="detailsForm.限流策略"
placeholder="请选择"
allowClear
>
<a-select-option value="001"> 选项001 </a-select-option>
</a-select>
</a-form-model-item>
</a-col>
<a-col :span="12">
<a-form-model-item label="访问网络" prop="访问网络">
<a-checkbox-group
v-model="detailsForm.访问网络"
:options="options"
/>
</a-form-model-item>
</a-col>
<a-col :span="12">
<a-form-model-item label="描述" prop="描述">
<a-textarea
v-model="detailsForm.描述"
placeholder="请输入"
:rows="4"
/>
</a-form-model-item>
</a-col>
<a-col :span="12">
<a-form-model-item label="流控信息" prop="流控信息">
<a-textarea
v-model="detailsForm.流控信息"
placeholder="请输入"
:rows="4"
/>
</a-form-model-item>
</a-col>
<a-col :span="12">
<a-form-model-item label="授权信息" prop="授权信息">
<a-textarea
v-model="detailsForm.授权信息"
placeholder="请输入"
:rows="4"
/>
</a-form-model-item>
</a-col>
</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 <template slot="参数名" slot-scope="text, record, index">
:row-key="(record) => record.id" <a-input v-model="record.name" placeholder="请输入" allowClear />
:pagination="false" </template>
:columns="请求参数_columns" <template slot="关联参数" slot-scope="text, record, index">
:dataSource="请求参数_dataSource" <a-select v-model="record.association" placeholder="请选择" allowClear>
> <a-select-option value="001"> 选项001 </a-select-option>
<template slot="参数名" slot-scope="text, record, index"> </a-select>
<a-input v-model="record.参数名" placeholder="请输入" allowClear /> </template>
</template> <template slot="参数值类型" slot-scope="text, record, index">
<template slot="关联参数" slot-scope="text, record, index"> <a-select v-model="record.type" placeholder="请选择" allowClear>
<a-select v-model="record.关联参数" placeholder="请选择" allowClear> <a-select-option value="String"> String </a-select-option>
<a-select-option value="001"> 选项001 </a-select-option> </a-select>
</a-select> </template>
</template> <template slot="jsonPath" slot-scope="text, record, index">
<template slot="参数值类型" slot-scope="text, record, index"> <a-input v-model="record.jsonPath" placeholder="请输入" allowClear />
<a-select v-model="record.参数值类型" placeholder="请选择" allowClear> </template>
<a-select-option value="001"> 选项001 </a-select-option> <template slot="默认值" slot-scope="text, record, index">
</a-select> <a-input v-model="record.default" placeholder="请输入" allowClear />
</template> </template>
<template slot="jsonPath" slot-scope="text, record, index"> <template slot="是否必填" slot-scope="text, record, index">
<a-input v-model="record.jsonPath" placeholder="请输入" allowClear /> <a-select v-model="record.isMust" placeholder="请选择" allowClear>
</template> <a-select-option value="1"></a-select-option>
<template slot="默认值" slot-scope="text, record, index"> <a-select-option value="0"></a-select-option>
<a-input v-model="record.默认值" placeholder="请输入" allowClear /> </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-input v-model="record.describe" placeholder="请输入" allowClear />
<a-select-option value="001"> 选项001 </a-select-option> </template>
</a-select>
</template>
<template slot="描述" slot-scope="text, record, index">
<a-input v-model="record.描述" placeholder="请输入" allowClear />
</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>
</template> <div class="table_footer">
</a-table> <a-button type="primary" class="addclass" @click="ceshidayin"> 添加参数 </a-button>
<div class="table_footer"> </div>
<a-button type="primary" class="addclass" @click="ceshidayin"> 添加参数 </a-button>
</div>
<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 <template slot="参数名" slot-scope="text, record, index">
:row-key="(record) => record.id" <a-input v-model="record.name" placeholder="请输入" allowClear />
:pagination="false" </template>
:columns="请求参数_columns" <template slot="关联参数" slot-scope="text, record, index">
:dataSource="请求参数_dataSource" <a-select v-model="record.association" placeholder="请选择" allowClear>
> <a-select-option value="001"> 选项001 </a-select-option>
<template slot="参数名" slot-scope="text, record, index"> </a-select>
<a-input v-model="record.参数名" placeholder="请输入" allowClear /> </template>
</template> <template slot="参数值类型" slot-scope="text, record, index">
<template slot="关联参数" slot-scope="text, record, index"> <a-select v-model="record.type" placeholder="请选择" allowClear>
<a-select v-model="record.关联参数" placeholder="请选择" allowClear> <a-select-option value="String"> String </a-select-option>
<a-select-option value="001"> 选项001 </a-select-option> </a-select>
</a-select> </template>
</template> <template slot="jsonPath" slot-scope="text, record, index">
<template slot="参数值类型" slot-scope="text, record, index"> <a-input v-model="record.jsonPath" placeholder="请输入" allowClear />
<a-select v-model="record.参数值类型" placeholder="请选择" allowClear> </template>
<a-select-option value="001"> 选项001 </a-select-option> <template slot="默认值" slot-scope="text, record, index">
</a-select> <a-input v-model="record.default" placeholder="请输入" allowClear />
</template> </template>
<template slot="jsonPath" slot-scope="text, record, index"> <template slot="是否必填" slot-scope="text, record, index">
<a-input v-model="record.jsonPath" placeholder="请输入" allowClear /> <a-select v-model="record.isMust" placeholder="请选择" allowClear>
</template> <a-select-option value="1"></a-select-option>
<template slot="默认值" slot-scope="text, record, index"> <a-select-option value="0"></a-select-option>
<a-input v-model="record.默认值" placeholder="请输入" allowClear /> </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-input v-model="record.describe" placeholder="请输入" allowClear />
<a-select-option value="001"> 选项001 </a-select-option> </template>
</a-select>
</template>
<template slot="描述" slot-scope="text, record, index">
<a-input v-model="record.描述" placeholder="请输入" allowClear />
</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>
</template> <div class="table_footer">
</a-table> <a-button type="primary" class="addclass" @click="ceshidayin"> 添加参数 </a-button>
<div class="table_footer"> </div>
<a-button type="primary" class="addclass" @click="ceshidayin"> 添加参数 </a-button>
</div>
<div class="drawer_footer"> <!-- <h1 class="title_">错误码</h1>
<a-button type="primary" class="addclass" @click="modalClose"> 保存 </a-button>
<a-button @click="modalClose"> 取消 </a-button> <a-table size="middle" bordered :row-key="(record) => record.id" :pagination="false"
</div> :columns="errorCode_columns" :dataSource="errorCode">
</a-form-model> <template slot="Http Code" slot-scope="text, record, index">
</a-drawer> <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>
</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="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">
<a-button type="primary" class="addclass" @click="modalSubmit"> 保存 </a-button>
<a-button @click="modalClose"> 取消 </a-button>
</div>
</a-form-model>
</a-drawer>
</template> </template>
<script> <script>
import modal from "../mixins/modal"; import modal from "../mixins/modal";
export default { import {
mixins: [modal], getInterfaceSave
name: "PortalAdminVuePicWorks", } from '@/api/thePlatformIsSet.js'
export default {
mixins: [modal],
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,
版本号: [ message: "请输入",
{ trigger: "blur",
required: true, }, ],
message: "请输入", requestType: [{
trigger: "blur", required: true,
}, message: "请输入",
], trigger: "change",
请求类型: [ }, ],
{ requestProtocol: [{
required: true, required: true,
message: "请输入", message: "请输入",
trigger: "change", trigger: "change",
}, }, ],
], requestUrl: [{
请求协议: [ required: true,
{ message: "请输入",
required: true, trigger: "blur",
message: "请输入", }, ],
trigger: "change", timeoutValue: [{
}, required: true,
], message: "请输入",
请求路径: [ trigger: "blur",
{ }, ],
required: true, network: [{
message: "请输入", required: true,
trigger: "blur", message: "请输入",
}, trigger: "change",
], }, ],
超时时长: [ },
{ options: [{
required: true, label: "互联网",
message: "请输入", value: "1",
trigger: "blur", },
}, {
], label: "政务网",
访问网络: [ value: "2",
{ },
required: true, ],
message: "请输入", table_columns: [{
trigger: "change", title: "参数名",
}, align: "center",
], dataIndex: "name",
}, scopedSlots: {
options: [ customRender: "参数名",
{ },
label: "互联网", },
value: "001", {
}, title: "关联参数",
{ align: "center",
label: "政务网", dataIndex: "association",
value: "002", scopedSlots: {
}, customRender: "关联参数",
], },
请求参数_columns: [ },
{ {
title: "参数名", title: "参数值类型",
align: "center", align: "center",
dataIndex: "参数名", dataIndex: "type",
scopedSlots: { scopedSlots: {
customRender: "参数名", customRender: "参数值类型",
}, },
}, },
{ {
title: "关联参数", title: "jsonPath",
align: "center", align: "center",
dataIndex: "关联参数", dataIndex: "jsonPath",
scopedSlots: { scopedSlots: {
customRender: "关联参数", customRender: "jsonPath",
}, },
}, },
{ {
title: "参数值类型", title: "默认值",
align: "center", align: "center",
dataIndex: "参数值类型", dataIndex: "default",
scopedSlots: { scopedSlots: {
customRender: "参数值类型", customRender: "默认值",
}, },
}, },
{ {
title: "jsonPath", title: "是否必填",
align: "center", align: "center",
dataIndex: "jsonPath", dataIndex: "isMust",
scopedSlots: { scopedSlots: {
customRender: "jsonPath", customRender: "是否必填",
}, },
}, },
{ {
title: "默认值", title: "描述",
align: "center", align: "center",
dataIndex: "默认值", dataIndex: "describe",
scopedSlots: { scopedSlots: {
customRender: "默认值", customRender: "描述",
}, },
}, },
{
title: "是否必填",
align: "center",
dataIndex: "是否必填",
scopedSlots: {
customRender: "是否必填",
},
},
{
title: "描述",
align: "center",
dataIndex: "描述",
scopedSlots: {
customRender: "描述",
},
},
{ {
title: "操作", title: "操作",
align: "center", align: "center",
width: "60px", width: "60px",
dataIndex: "operation", dataIndex: "operation",
scopedSlots: { scopedSlots: {
customRender: "operation", customRender: "operation",
}, },
}, },
], ],
请求参数_dataSource: [ type: '路径参数',
{ requestParameters: {
id: `001`, '路径参数': [{
参数名: `参数名`, name: ``,
关联参数: `关联参数`, association: undefined,
参数值类型: `参数值类型`, type: undefined,
jsonPath: `jsonPath`, 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",
},
},
{
title: "错误信息",
align: "center",
dataIndex: "errorMessage",
scopedSlots: {
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: {
ceshidayin() { modalSubmit() {
console.log(this.请求参数_dataSource); this.$refs.ruleForm.validate(valid => {
}, if (valid) {
}, alert('submit!');
}; } else {
return false;
}
});
},
ceshidayin() {
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 {
z-index: 1; .drawer_footer {
text-align: left; z-index: 1;
background: #fff; text-align: left;
padding: 10px 16px; background: #fff;
border-top: 1px solid #e9e9e9; padding: 10px 16px;
width: 100%; border-top: 1px solid #e9e9e9;
bottom: 0; width: 100%;
right: 0; bottom: 0;
position: absolute; right: 0;
} position: absolute;
.title_ { }
font-size: 16px;
font-weight: bold; .title_ {
color: #333; font-size: 16px;
margin-bottom: 10px; font-weight: bold;
} color: #333;
.table_footer { margin-bottom: 10px;
text-align: center; }
padding-top: 10px;
} .table_footer {
/deep/.ant-drawer-body { text-align: center;
margin-bottom: 100px; padding-top: 10px;
} }
/deep/.ant-radio-group {
margin-bottom: 10px !important;
}
</style>
/deep/.ant-drawer-body {
margin-bottom: 100px;
}
/deep/.ant-radio-group {
margin-bottom: 10px !important;
}
</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