Skip to content

phsl / admin

Go to a project
Commit 5fa2a78e by Lesan
Options

feat: 添加监听器请求地址非空校验

parent 35a0e69c
Showing with 145 additions and 139 deletions
src/components/SimpleProcessDesignerV2/src/nodes-config/UserTaskNodeConfig.vue
...@@ -436,155 +436,161 @@ ...@@ -436,155 +436,161 @@
</div> </div>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="监听器" name="listener"> <el-tab-pane label="监听器" name="listener">
<div v-for="(listener, listenerIdx) in taskListener" :key="listenerIdx"> <el-form :model="configForm" label-position="top">
<el-form label-position="top"> <div v-for="(listener, listenerIdx) in taskListener" :key="listenerIdx">
<div> <el-divider content-position="left">
<el-divider content-position="left"> <el-text tag="b" size="large">{{ listener.name }}</el-text>
<el-text tag="b" size="large">{{ listener.name }}</el-text> </el-divider>
</el-divider> <el-form-item>
<el-switch
v-model="configForm[`task${listener.type}ListenerEnable`]"
active-text="开启"
inactive-text="关闭"
/>
</el-form-item>
<div v-if="configForm[`task${listener.type}ListenerEnable`]">
<el-form-item> <el-form-item>
<el-switch <el-alert
v-model="configForm[`task${listener.type}ListenerEnable`]" title="仅支持 POST 请求，以请求体方式接收参数"
active-text="开启" type="warning"
inactive-text="关闭" show-icon
:closable="false"
/> />
</el-form-item> </el-form-item>
<div v-if="configForm[`task${listener.type}ListenerEnable`]"> <el-form-item
<el-form-item> label="请求地址"
<el-alert :prop="`task${listener.type}ListenerPath`"
title="仅支持 POST 请求，以请求体方式接收参数" :rules="{
type="warning" required: true,
show-icon message: '请求地址不能为空',
:closable="false" trigger: 'blur'
/> }"
</el-form-item> >
<el-form-item label="请求地址"> <el-input v-model="configForm[`task${listener.type}ListenerPath`]" />
<el-input v-model="configForm[`task${listener.type}ListenerPath`]" /> </el-form-item>
</el-form-item> <el-form-item label="请求头">
<el-form-item label="请求头"> <div
<div class="flex pt-2"
class="flex pt-2" v-for="(item, index) in configForm[`task${listener.type}ListenerHeader`]"
v-for="(item, index) in configForm[`task${listener.type}ListenerHeader`]" :key="index"
:key="index" >
> <div class="mr-2">
<div class="mr-2"> <el-input class="w-160px" v-model="item.key" />
<el-input class="w-160px" v-model="item.key" /> </div>
</div> <div class="mr-2">
<div class="mr-2"> <el-select class="w-100px!" v-model="item.type">
<el-select class="w-100px!" v-model="item.type"> <el-option
<el-option v-for="types in LISTENER_MAP_TYPES"
v-for="types in LISTENER_MAP_TYPES" :key="types.value"
:key="types.value" :label="types.label"
:label="types.label" :value="types.value"
:value="types.value"
/>
</el-select>
</div>
<div class="mr-2">
<el-input
v-if="item.type === ListenerParamTypeEnum.FIXED_VALUE"
class="w-160px"
v-model="item.value"
/> />
<el-select </el-select>
v-if="item.type === ListenerParamTypeEnum.FROM_FORM" </div>
class="w-160px!" <div class="mr-2">
v-model="item.value" <el-input
> v-if="item.type === ListenerParamTypeEnum.FIXED_VALUE"
<el-option class="w-160px"
v-for="(field, fIdx) in formFieldOptions" v-model="item.value"
:key="fIdx" />
:label="field.title" <el-select
:value="field.field" v-if="item.type === ListenerParamTypeEnum.FROM_FORM"
:disabled="!field.required" class="w-160px!"
/> v-model="item.value"
</el-select> >
</div> <el-option
<div class="mr-1 flex items-center"> v-for="(field, fIdx) in formFieldOptions"
<Icon :key="fIdx"
icon="ep:delete" :label="field.title"
:size="18" :value="field.field"
@click=" :disabled="!field.required"
deleteTaskListenerParam(
configForm[`task${listener.type}ListenerHeader`],
index
)
"
/> />
</div> </el-select>
</div> </div>
<el-button <div class="mr-1 flex items-center">
type="primary" <Icon
text icon="ep:delete"
@click="addTaskListenerParam(configForm[`task${listener.type}ListenerHeader`])" :size="18"
> @click="
<Icon icon="ep:plus" class="mr-5px" />添加一行 deleteTaskListenerParam(
</el-button> configForm[`task${listener.type}ListenerHeader`],
</el-form-item> index
<el-form-item label="请求体"> )
<div "
class="flex pt-2" />
v-for="(item, index) in configForm[`task${listener.type}ListenerBody`]" </div>
:key="index" </div>
> <el-button
<div class="mr-2"> type="primary"
<el-input class="w-160px" v-model="item.key" /> text
</div> @click="addTaskListenerParam(configForm[`task${listener.type}ListenerHeader`])"
<div class="mr-2"> >
<el-select class="w-100px!" v-model="item.type"> <Icon icon="ep:plus" class="mr-5px" />添加一行
<el-option </el-button>
v-for="types in LISTENER_MAP_TYPES" </el-form-item>
:key="types.value" <el-form-item label="请求体">
:label="types.label" <div
:value="types.value" class="flex pt-2"
/> v-for="(item, index) in configForm[`task${listener.type}ListenerBody`]"
</el-select> :key="index"
</div> >
<div class="mr-2"> <div class="mr-2">
<el-input <el-input class="w-160px" v-model="item.key" />
v-if="item.type === ListenerParamTypeEnum.FIXED_VALUE" </div>
class="w-160px" <div class="mr-2">
v-model="item.value" <el-select class="w-100px!" v-model="item.type">
<el-option
v-for="types in LISTENER_MAP_TYPES"
:key="types.value"
:label="types.label"
:value="types.value"
/> />
<el-select </el-select>
v-if="item.type === ListenerParamTypeEnum.FROM_FORM" </div>
class="w-160px!" <div class="mr-2">
v-model="item.value" <el-input
> v-if="item.type === ListenerParamTypeEnum.FIXED_VALUE"
<el-option class="w-160px"
v-for="(field, fIdx) in formFieldOptions" v-model="item.value"
:key="fIdx" />
:label="field.title" <el-select
:value="field.field" v-if="item.type === ListenerParamTypeEnum.FROM_FORM"
:disabled="!field.required" class="w-160px!"
/> v-model="item.value"
</el-select> >
</div> <el-option
<div class="mr-1 flex items-center"> v-for="(field, fIdx) in formFieldOptions"
<Icon :key="fIdx"
icon="ep:delete" :label="field.title"
:size="18" :value="field.field"
@click=" :disabled="!field.required"
deleteTaskListenerParam(
configForm[`task${listener.type}ListenerBody`],
index
)
"
/> />
</div> </el-select>
</div> </div>
<el-button <div class="mr-1 flex items-center">
type="primary" <Icon
text icon="ep:delete"
@click="addTaskListenerParam(configForm[`task${listener.type}ListenerBody`])" :size="18"
> @click="
<Icon icon="ep:plus" class="mr-5px" />添加一行 deleteTaskListenerParam(
</el-button> configForm[`task${listener.type}ListenerBody`],
</el-form-item> index
</div> )
"
/>
</div>
</div>
<el-button
type="primary"
text
@click="addTaskListenerParam(configForm[`task${listener.type}ListenerBody`])"
>
<Icon icon="ep:plus" class="mr-5px" />添加一行
</el-button>
</el-form-item>
</div> </div>
</el-form> </div>
</div> </el-form>
</el-tab-pane> </el-tab-pane>
</el-tabs> </el-tabs>
<template #footer> <template #footer>
......
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 sign in to comment