tzjy-code
/
DataRoom
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: http数据集新增表单的选择分组添加必填校验

Browse Source
main
wu.jian2 2 years ago
parent aaac5c8df9
commit 0c44876514
1 changed files with 52 additions and 36 deletions
Show Stats Download Patch File Download Diff File

46
data-room-ui/packages/DataSetManagement/src/HttpEditForm.vue
Unescape Escape View File

@ -63,6 +63,7 @@
<el-col :span="12">
<el-form-item
label="分组"
prop="typeId"
>
<el-select
ref="selectParentName"
@ -395,7 +396,9 @@
clearable
/>
<div class="bs-codemirror-bottom-text">
<strong>请求体设置规则： 请在脚本中直接输入请求体内容，如涉及变量，请按照${XX}格式进行设置<br> 例如：<span style="color: red;">{"name":${name}}</span>
<strong>请求体设置规则： 请在脚本中直接输入请求体内容，如涉及变量，请按照${XX}格式进行设置<br> 例如：<span
style="color: red;"
>{"name":${name}}</span>
</strong>
</div>
</el-form-item>
@ -414,14 +417,20 @@
:options="codemirrorOption"
class="code"
/>
<div
class="bs-codemirror-bottom-text"
>
<div class="bs-codemirror-bottom-text">
<strong>请求脚本设置规则： 请求脚本已经内置参数req，可参考下面的示例进行配置:
<br> 如修改请求地址中对应参数&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: red;">req.url.age=17</span>
<br> 如修改请求头中对应参数&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: red;">req.headers.name='tom'</span>
<br> 如修改请求参数中对应参数&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: red;">req.params.age=17</span>
<br> 如修改请求体中对应参数&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: red;">req.data='{"name":"223"}'</span>
<br> 如修改请求地址中对应参数&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span
style="color: red;"
>req.url.age=17</span>
<br> 如修改请求头中对应参数&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span
style="color: red;"
>req.headers.name='tom'</span>
<br> 如修改请求参数中对应参数&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span
style="color: red;"
>req.params.age=17</span>
<br> 如修改请求体中对应参数&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span
style="color: red;"
>req.data='{"name":"223"}'</span>
</strong>
</div>
</el-form-item>
@ -444,7 +453,8 @@
v-if="dataForm.config.requestType === 'frontend'"
class="bs-codemirror-bottom-text"
>
<strong>响应脚本设置规则： 接口返回数据已经内置到参数resp中，可直接使用，但是必须要返回设置后的数据。<br> 例如：<span style="color: red;">return resp.data</span>
<strong>响应脚本设置规则： 接口返回数据已经内置到参数resp中，可直接使用，但是必须要返回设置后的数据。<br> 例如：<span style="color: red;">return
resp.data</span>
</strong>
</div>
<div
@ -530,9 +540,7 @@
配置
</el-button>
</div>
<div
class="field-wrap bs-field-wrap bs-scrollbar"
>
<div class="field-wrap bs-field-wrap bs-scrollbar">
<div
v-for="(field, key) in outputFieldList"
:key="key"
@ -597,9 +605,7 @@
v-if="!isEdit"
class="dataPreView"
>
<el-tabs
v-model="activeName"
>
<el-tabs v-model="activeName">
<el-tab-pane
v-loading="tableLoading"
label="数据预览"
@ -804,6 +810,9 @@ export default {
{ required: true, message: '请输入数据集名称', trigger: 'blur' },
{ validator: validateName, trigger: 'blur' }
],
typeId: [
{ required: true, message: '请选择分组', trigger: 'blur' }
],
'config.requestType': [
{ required: true, message: '请选择调用方式', trigger: 'change' }
],
@ -1384,26 +1393,32 @@ export default {
.tree-box {
padding: 0;
}
.tabs-box {
margin-left: 45px;
}
.add-btn {
width: 100%;
text-align: center;
border: 1px dashed #696A6E;
color: #fff;
&:hover {
cursor: pointer;
border: 1px dashed var(--bs-el-color-primary);
color: var(--bs-el-color-primary);
}
}
.delete-btn {
color: rgb(228, 116, 112);
&:hover {
cursor: pointer;
}
}
.preview-table {
max-height: 300px !important;
}
@ -1414,6 +1429,7 @@ export default {
border-radius: 4px;
height: 4px;
}
::v-deep ::-webkit-scrollbar-thumb {
background: #fff !important;
border-radius: 10px;

Write Preview
Loading…
Cancel
Save