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

feat:http数据集修改脚本注释

Browse Source
main
liu.shiyi 2 years ago
parent fd708d0efb
commit d1efbc90af
1 changed files with 80 additions and 2 deletions
Show Stats Download Patch File Download Diff File

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

@ -223,6 +223,7 @@
>
<el-input
v-model="dataForm.config.headers[index].key"
class="bs-el-input"
placeholder="请输入键"
clearable
@blur="dataForm.config.headers[index].key = inputChange($event)"
@ -239,6 +240,7 @@
<el-input
v-model="dataForm.config.headers[index].value"
placeholder="请输入值"
class="bs-el-input"
clearable
@blur="dataForm.config.headers[index].value = inputChange($event)"
/>
@ -296,6 +298,7 @@
>
<el-input
v-model="dataForm.config.params[index].key"
class="bs-el-input"
placeholder="请输入键"
clearable
@blur="dataForm.config.params[index].key = inputChange($event)"
@ -312,6 +315,7 @@
<el-input
v-model="dataForm.config.params[index].value"
placeholder="请输入值"
class="bs-el-input"
clearable
@blur="dataForm.config.params[index].value = inputChange($event)"
/>
@ -384,9 +388,21 @@
v-if="dataForm.config.requestType === 'frontend'"
class="bs-codemirror-bottom-text"
>
<strong>请求脚本设置规则： 请求脚本已经内置参数req，可参考请求拦截的回调参数config直接使用(修改url中的参数例外),
<strong>请求脚本设置规则： 请求脚本已经内置参数req，可参考下面的示例进行配置:
<br> 如修改url中对应参数&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> 如修改url中对应参数&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: red;">req.urlKey.age=17</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.test='test'</span>
</strong>
</div>
<div
v-else
class="bs-codemirror-bottom-text"
>
<strong>请求脚本设置规则： 请求脚本已经内置参数:请求头：headers（对象类型），请求参数params（对象类型），请求体body（字符串类型），注意：如果body有修改，必须在脚本最后将字符串body返回，可参考下面的示例进行配置:
<br> 如修改请求头中对应参数&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: red;">headers.name='tom'</span>
<br> 如修改请求参数中对应参数&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: red;">params.age=17</span>
<br> 如修改请求体中对应参数&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: red;">body='XXXX'</span>
</strong>
</div>
</el-form-item>
@ -412,6 +428,14 @@
<strong>响应脚本设置规则： 接口返回数据已经内置到参数response中，可直接使用,但是必须要返回设置后的数据。<br> 例如：<span style="color: red;">let data =response.data; return data;</span>
</strong>
</div>
<div
v-else
class="bs-codemirror-bottom-text"
>
<strong>响应脚本设置规则： 接口返回数据已经内置到参数responseString(已转为字符串)中，,如果需要处理成JSON格式推荐使用JsoonSlurper类。
<br> 例如：<span style="color: red;"></span>
</strong>
</div>
</el-form-item>
</el-tab-pane>
</el-tabs>
@ -1340,4 +1364,58 @@ export default {
.preview-table{
max-height: 300px!important;
}
///* 修改表格的滚动条样式 */
///deep/.el-table__body-wrapper::-webkit-scrollbar {
// width: 4px; /* 设置滚动条宽度 */
//}
//
///deep/.el-table__body-wrapper::-webkit-scrollbar-thumb {
// background-color: #000; /* 设置滚动条滑块的背景颜色 */
//}
//
///deep/.el-table__body-wrapper::-webkit-scrollbar-thumb:hover {
// background-color: #555; /* 设置鼠标悬停在滚动条滑块上时的背景颜色 */
//}
//
///deep/.el-table__body-wrapper::-webkit-scrollbar-track {
// background-color: #000; /* 设置滚动条轨道的背景颜色 */
//}
// 滚动条的宽度
// .el-table__body-wrapper::-webkit-scrollbar {
// width: 6px!important; // 横向滚动条
// height: 6px!important; // 纵向滚动条 必写
//}
//// 滚动条的滑块
// .el-table__body-wrapper::-webkit-scrollbar-thumb {
// background-color: #ddd!important;
// border-radius: 3px!important;
//}
.el-table__body-wrapper::-webkit-scrollbar {
display: block;
width: 16px; /*滚动条宽度*/
height: 16px; /*滚动条高度*/
}
/*定义滚动条轨道 内阴影+圆角*/
//.el-table__body-wrapper::-webkit-scrollbar-track {
// box-shadow: 0px 1px 3px #292c34 inset; /*滚动条的背景区域的内阴影*/
// // border-radius: 10px; /*滚动条的背景区域的圆角*/
// background-color: #292c34; /*滚动条的背景颜色*/
//}
///*定义滑块 内阴影+圆角*/
//.el-table__body-wrapper::-webkit-scrollbar-thumb {
// box-shadow: 0px 1px 3px #494d5b inset; /*滚动条的内阴影*/
// border-radius: 10px; /*滚动条的圆角*/
// background-color: #494d5b; /*滚动条的背景颜色*/
// border: 5px solid #292c34;
//}
/*滚动条样式*/
::v-deep ::-webkit-scrollbar {
width: 4px;
border-radius: 4px;
height: 4px;
}
::v-deep ::-webkit-scrollbar-thumb {
background: #fff !important;
border-radius: 10px;
}
</style>

Write Preview
Loading…
Cancel
Save