modal
class="mymodal"
v-model="visible"
centered
title="接口信息"
ok-text="确认"
cancel-text="取消"
@ok="handleSubmit"
@cancel="closeadd"
:destroyOnClose="true"
>
"form" @submit="handleSubmit">
联系选择组件
"formItemLayout" label="复制接口信息">
cascader
:options="options"
:load-data="loadData"
change-on-select
@change="onChange"
v-decorator="['api_id']" //表单必要对应字段
/>
"formItemLayout" label="接口名称">
input
v-decorator="[
'case_name',
{
rules: [
{ required: true, message: '请输入接口名称', trigger: 'blur' },
{
min: 2,
max: 20,
message: '字符范围在2-20个字',
trigger: 'blur',
},
],
},
]"
/>
"formItemLayout" label="请求方式">
"
margin-bottom: 16px; display: flex">
select
slot="addonBefore"
v-decorator="['methods', { initialValue: 'get' }]"
style="width: 70px"
>
select-option value="get"> get select-option>
select-option value="post"> post select-option>
select-option value="delete"> delete select-option>
select-option value="patch"> patch select-option>
select-option value="put"> put select-option>
select>
select
show-search
v-decorator="[
'st_host',
{
rules: [{ required: true, message: '输入对应的host' }],
},
]"
style="width: 100%"
>
select-option
:value="item.id"
v-for="item in hosts"
:key="item.id"
>
"title">
{{ item.host }}
{{
item.host.length > 30
? `${item.host.substr(0, 30)}...`
: item.host
}}
select-option>
select>
"formItemLayout" label="请求路径">
input
v-decorator="[
're_path',
{
rules: [
{ required: true, message: '请输入请求路径', trigger: 'blur' },
],
},
]"
/>
"formItemLayout" label="请求头">
input
type="textarea"
:auto-size="{ minRows: 6, maxRows: 6 }"
v-decorator="[
're_head',
{
rules: [
{ required: true, message: '请输入请求头', trigger: 'blur' },
],
},
]"
/>
"formItemLayout" label="请求体">
input
type="textarea"
:auto-size="{ minRows: 6, maxRows: 10 }"
v-decorator="['re_body']"
/>
"formItemLayout" label="提取返回值">
input
v-decorator="[
'need_value',
{
rules: [
{
min: 2,
max: 100,
message: '字符范围在2-100',
trigger: 'blur',
},
],
},
]"
/>
"formItemLayout" label="断言字段">
input
v-decorator="[
'asserts',
{
rules: [{ min: 2, max: 50, message: '字符范围在2-50个字' }],
},
]"
/>
"formItemLayout" label="返回状态码">
input
v-decorator="[
'st_code',
{
rules: [
{ required: true, message: '请输入状态码', trigger: 'blur' },
{
min: 2,
max: 12,
message: '字符范围在2-12个字',
trigger: 'blur',
},
],
},
]"
/>