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