|
@@ -23,18 +23,18 @@
|
|
|
<el-input placeholder="请输入应用名称" v-model.trim="form.name"></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="请求类型">
|
|
|
- <el-select v-model="form.id" placeholder="请求类型">
|
|
|
+ <el-select @change="typeChange" v-model="form.id" placeholder="请求类型">
|
|
|
<el-option label="get" :value="1"></el-option>
|
|
|
<el-option label="post" :value="2"></el-option>
|
|
|
</el-select>
|
|
|
<!-- <el-input placeholder="请输入APPID" v-model="form.id"></el-input> -->
|
|
|
</el-form-item>
|
|
|
<el-form-item prop="app" label="参数类型">
|
|
|
- <!-- <el-select v-model="form.app" placeholder="参数类型">
|
|
|
- <el-option label="header" value="1"></el-option>
|
|
|
- <el-option label="body" value="2"></el-option>
|
|
|
- </el-select> -->
|
|
|
- <el-input placeholder="请输入参数类型" v-model.trim="form.app"></el-input>
|
|
|
+ <el-select :disabled="typeFlag" v-model="form.app" placeholder="参数类型">
|
|
|
+ <el-option label="application/json" value="application/json"></el-option>
|
|
|
+ <el-option label="application/text" value="application/text"></el-option>
|
|
|
+ </el-select>
|
|
|
+ <!-- <el-input placeholder="请输入参数类型" v-model.trim="form.app"></el-input> -->
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
<el-form-item prop="url" class="url" label="应用地址">
|
|
@@ -45,7 +45,7 @@
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
<div class="addApp-form-title domain-title flex">
|
|
|
- <div class="title">参数管理</div>
|
|
|
+ <div class="title">入参管理</div>
|
|
|
<div class="btn">
|
|
|
<el-button @click="addDomain" type="primary">新增</el-button>
|
|
|
</div>
|
|
@@ -54,14 +54,22 @@
|
|
|
<el-form :model="dynamicValidateForm" ref="dynamicValidateForm" label-width="85px" class="demo-dynamic">
|
|
|
<div class="flex" v-for="(domain, index) in dynamicValidateForm.domains" :key="index">
|
|
|
<div class="flex-wrap">
|
|
|
- <el-form-item label="参数名称" :prop="'domains.' + index + '.name'">
|
|
|
+ <el-form-item label="入参名称" :prop="'domains.' + index + '.name'">
|
|
|
<el-input placeholder="请输入最大64位参数名称" maxlength="64" v-model.trim="domain.AppInputName"></el-input>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="参数类型" :prop="'domains.' + index + '.type'">
|
|
|
- <el-input placeholder="请输入最大8位参数类型" maxlength="8" v-model.trim="domain.AppInputType"></el-input>
|
|
|
+ <el-form-item label="入参类型" :prop="'domains.' + index + '.type'">
|
|
|
+ <el-select v-model="domain.AppInputType" :disabled="typeFlag" placeholder="参数类型">
|
|
|
+ <el-option label="string" value="string"></el-option>
|
|
|
+ <el-option label="int" value="int"></el-option>
|
|
|
+ </el-select>
|
|
|
+ <!-- <el-input placeholder="请输入最大8位参数类型" maxlength="8" v-model.trim="domain.AppInputType"></el-input> -->
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="参数位置" :prop="'domains.' + index + '.place'">
|
|
|
- <el-input placeholder="请输入最大8位参数位置" maxlength="8" v-model.trim="domain.AppInputSite"></el-input>
|
|
|
+ <el-form-item label="入参位置" :prop="'domains.' + index + '.place'">
|
|
|
+ <el-select v-model="domain.AppInputSite" placeholder="参数位置">
|
|
|
+ <el-option label="header" value="header"></el-option>
|
|
|
+ <el-option label="body" value="body"></el-option>
|
|
|
+ </el-select>
|
|
|
+ <!-- <el-input placeholder="请输入最大8位参数位置" maxlength="8" v-model.trim="domain.AppInputSite"></el-input> -->
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
<div>
|
|
@@ -129,6 +137,7 @@ export default {
|
|
|
AppInputSite: ''
|
|
|
}]
|
|
|
},
|
|
|
+ typeFlag: false
|
|
|
};
|
|
|
},
|
|
|
methods: {
|
|
@@ -182,11 +191,32 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
addDomain () {
|
|
|
- this.dynamicValidateForm.domains.push({
|
|
|
- AppInputName: '',
|
|
|
- AppInputType: '',
|
|
|
- AppInputSite: ''
|
|
|
- });
|
|
|
+ const { id } = this.form
|
|
|
+ if (id == 1) {
|
|
|
+ this.dynamicValidateForm.domains.push({
|
|
|
+ AppInputName: '',
|
|
|
+ AppInputType: 'string',
|
|
|
+ AppInputSite: ''
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ this.dynamicValidateForm.domains.push({
|
|
|
+ AppInputName: '',
|
|
|
+ AppInputType: '',
|
|
|
+ AppInputSite: ''
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+ typeChange (val) {
|
|
|
+ const datas = this.dynamicValidateForm.domains
|
|
|
+ if (val == 1) {
|
|
|
+ this.typeFlag = true;
|
|
|
+ this.form.app = '';
|
|
|
+ datas.forEach(item => {
|
|
|
+ item.AppInputType = 'string';
|
|
|
+ })
|
|
|
+ } else {
|
|
|
+ this.typeFlag = false;
|
|
|
+ }
|
|
|
}
|
|
|
},
|
|
|
};
|