mirror of
https://gitee.com/myxzgzs/boyue-ui-admin-vue3
synced 2025-08-08 16:32:43 +08:00
【功能新增】 新增异步Http 请求触发器
This commit is contained in:
jason
parent
bfe43369ef
commit
163fc682df
@ -754,7 +754,11 @@ export enum TriggerTypeEnum {
|
|||||||
/**
|
/**
|
||||||
* 表单数据删除触发器
|
* 表单数据删除触发器
|
||||||
*/
|
*/
|
||||||
FORM_DELETE = 3
|
FORM_DELETE = 3,
|
||||||
|
/**
|
||||||
|
* 发起异步 HTTP 请求
|
||||||
|
*/
|
||||||
|
ASYNC_HTTP_REQUEST = 4
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
@ -789,6 +793,7 @@ export type FormTriggerSetting = {
|
|||||||
|
|
||||||
export const TRIGGER_TYPES: DictDataVO[] = [
|
export const TRIGGER_TYPES: DictDataVO[] = [
|
||||||
{ label: 'HTTP 请求', value: TriggerTypeEnum.HTTP_REQUEST },
|
{ label: 'HTTP 请求', value: TriggerTypeEnum.HTTP_REQUEST },
|
||||||
|
{ label: '异步 HTTP 请求', value: TriggerTypeEnum.ASYNC_HTTP_REQUEST },
|
||||||
{ label: '修改表单数据', value: TriggerTypeEnum.FORM_UPDATE },
|
{ label: '修改表单数据', value: TriggerTypeEnum.FORM_UPDATE },
|
||||||
{ label: '删除表单数据', value: TriggerTypeEnum.FORM_DELETE }
|
{ label: '删除表单数据', value: TriggerTypeEnum.FORM_DELETE }
|
||||||
]
|
]
|
||||||
|
|||||||
@ -37,7 +37,11 @@
|
|||||||
</el-form-item>
|
</el-form-item>
|
||||||
<!-- HTTP 请求触发器 -->
|
<!-- HTTP 请求触发器 -->
|
||||||
<div
|
<div
|
||||||
v-if="configForm.type === TriggerTypeEnum.HTTP_REQUEST && configForm.httpRequestSetting"
|
v-if="
|
||||||
|
(configForm.type === TriggerTypeEnum.HTTP_REQUEST ||
|
||||||
|
configForm.type === TriggerTypeEnum.ASYNC_HTTP_REQUEST) &&
|
||||||
|
configForm.httpRequestSetting
|
||||||
|
"
|
||||||
>
|
>
|
||||||
<el-form-item>
|
<el-form-item>
|
||||||
<el-alert
|
<el-alert
|
||||||
@ -58,68 +62,72 @@
|
|||||||
:bind="'httpRequestSetting'"
|
:bind="'httpRequestSetting'"
|
||||||
/>
|
/>
|
||||||
<!-- 返回值设置-->
|
<!-- 返回值设置-->
|
||||||
<el-form-item label="返回值">
|
<div v-if="configForm.type === TriggerTypeEnum.HTTP_REQUEST">
|
||||||
<el-alert
|
<el-form-item label="返回值">
|
||||||
title="通过请求返回值, 可以修改流程表单的值"
|
<el-alert
|
||||||
type="warning"
|
title="通过请求返回值, 可以修改流程表单的值"
|
||||||
show-icon
|
type="warning"
|
||||||
:closable="false"
|
show-icon
|
||||||
/>
|
:closable="false"
|
||||||
</el-form-item>
|
/>
|
||||||
<el-form-item>
|
</el-form-item>
|
||||||
<div
|
<el-form-item>
|
||||||
class="flex pt-2"
|
<div
|
||||||
v-for="(item, index) in configForm.httpRequestSetting.response"
|
class="flex pt-2"
|
||||||
:key="index"
|
v-for="(item, index) in configForm.httpRequestSetting.response"
|
||||||
>
|
:key="index"
|
||||||
<div class="mr-2">
|
>
|
||||||
<el-form-item
|
<div class="mr-2">
|
||||||
:prop="`httpRequestSetting.response.${index}.key`"
|
<el-form-item
|
||||||
:rules="{
|
:prop="`httpRequestSetting.response.${index}.key`"
|
||||||
required: true,
|
:rules="{
|
||||||
message: '表单字段不能为空',
|
required: true,
|
||||||
trigger: 'blur'
|
message: '表单字段不能为空',
|
||||||
}"
|
trigger: 'blur'
|
||||||
>
|
}"
|
||||||
<el-select class="w-160px!" v-model="item.key" placeholder="请选择表单字段">
|
>
|
||||||
<el-option
|
<el-select class="w-160px!" v-model="item.key" placeholder="请选择表单字段">
|
||||||
v-for="(field, fIdx) in formFields"
|
<el-option
|
||||||
:key="fIdx"
|
v-for="(field, fIdx) in formFields"
|
||||||
:label="field.title"
|
:key="fIdx"
|
||||||
:value="field.field"
|
:label="field.title"
|
||||||
:disabled="!field.required"
|
:value="field.field"
|
||||||
/>
|
:disabled="!field.required"
|
||||||
</el-select>
|
/>
|
||||||
</el-form-item>
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</div>
|
||||||
|
<div class="mr-2">
|
||||||
|
<el-form-item
|
||||||
|
:prop="`httpRequestSetting.response.${index}.value`"
|
||||||
|
:rules="{
|
||||||
|
required: true,
|
||||||
|
message: '请求返回字段不能为空',
|
||||||
|
trigger: 'blur'
|
||||||
|
}"
|
||||||
|
>
|
||||||
|
<el-input class="w-160px" v-model="item.value" placeholder="请求返回字段" />
|
||||||
|
</el-form-item>
|
||||||
|
</div>
|
||||||
|
<div class="mr-1 pt-1 cursor-pointer">
|
||||||
|
<Icon
|
||||||
|
icon="ep:delete"
|
||||||
|
:size="18"
|
||||||
|
@click="
|
||||||
|
deleteHttpResponseSetting(configForm.httpRequestSetting.response!, index)
|
||||||
|
"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="mr-2">
|
<el-button
|
||||||
<el-form-item
|
type="primary"
|
||||||
:prop="`httpRequestSetting.response.${index}.value`"
|
text
|
||||||
:rules="{
|
@click="addHttpResponseSetting(configForm.httpRequestSetting.response!)"
|
||||||
required: true,
|
>
|
||||||
message: '请求返回字段不能为空',
|
<Icon icon="ep:plus" class="mr-5px" />添加一行
|
||||||
trigger: 'blur'
|
</el-button>
|
||||||
}"
|
</el-form-item>
|
||||||
>
|
</div>
|
||||||
<el-input class="w-160px" v-model="item.value" placeholder="请求返回字段" />
|
|
||||||
</el-form-item>
|
|
||||||
</div>
|
|
||||||
<div class="mr-1 pt-1 cursor-pointer">
|
|
||||||
<Icon
|
|
||||||
icon="ep:delete"
|
|
||||||
:size="18"
|
|
||||||
@click="deleteHttpResponseSetting(configForm.httpRequestSetting.response!, index)"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<el-button
|
|
||||||
type="primary"
|
|
||||||
text
|
|
||||||
@click="addHttpResponseSetting(configForm.httpRequestSetting.response!)"
|
|
||||||
>
|
|
||||||
<Icon icon="ep:plus" class="mr-5px" />添加一行
|
|
||||||
</el-button>
|
|
||||||
</el-form-item>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- 表单数据修改触发器 -->
|
<!-- 表单数据修改触发器 -->
|
||||||
@ -385,14 +393,28 @@ let originalSetting: TriggerSetting | undefined
|
|||||||
/** 触发器类型改变了 */
|
/** 触发器类型改变了 */
|
||||||
const changeTriggerType = () => {
|
const changeTriggerType = () => {
|
||||||
if (configForm.value.type === TriggerTypeEnum.HTTP_REQUEST) {
|
if (configForm.value.type === TriggerTypeEnum.HTTP_REQUEST) {
|
||||||
configForm.value.httpRequestSetting = originalSetting?.httpRequestSetting || {
|
configForm.value.httpRequestSetting =
|
||||||
url: '',
|
originalSetting?.type === TriggerTypeEnum.HTTP_REQUEST && originalSetting.httpRequestSetting
|
||||||
header: [],
|
? originalSetting.httpRequestSetting
|
||||||
body: [],
|
: {
|
||||||
response: []
|
url: '',
|
||||||
}
|
header: [],
|
||||||
|
body: [],
|
||||||
|
response: []
|
||||||
|
}
|
||||||
configForm.value.formSettings = undefined
|
configForm.value.formSettings = undefined
|
||||||
} else if (configForm.value.type === TriggerTypeEnum.FORM_UPDATE) {
|
} else if (configForm.value.type === TriggerTypeEnum.ASYNC_HTTP_REQUEST) {
|
||||||
|
configForm.value.httpRequestSetting =
|
||||||
|
originalSetting?.type === TriggerTypeEnum.ASYNC_HTTP_REQUEST && originalSetting.httpRequestSetting
|
||||||
|
? originalSetting.httpRequestSetting
|
||||||
|
: {
|
||||||
|
url: '',
|
||||||
|
header: [],
|
||||||
|
body: [],
|
||||||
|
response: []
|
||||||
|
}
|
||||||
|
configForm.value.formSettings = undefined
|
||||||
|
}else if (configForm.value.type === TriggerTypeEnum.FORM_UPDATE) {
|
||||||
configForm.value.formSettings =
|
configForm.value.formSettings =
|
||||||
originalSetting?.type === TriggerTypeEnum.FORM_UPDATE && originalSetting.formSettings
|
originalSetting?.type === TriggerTypeEnum.FORM_UPDATE && originalSetting.formSettings
|
||||||
? originalSetting.formSettings
|
? originalSetting.formSettings
|
||||||
@ -405,7 +427,6 @@ const changeTriggerType = () => {
|
|||||||
]
|
]
|
||||||
configForm.value.httpRequestSetting = undefined
|
configForm.value.httpRequestSetting = undefined
|
||||||
} else if (configForm.value.type === TriggerTypeEnum.FORM_DELETE) {
|
} else if (configForm.value.type === TriggerTypeEnum.FORM_DELETE) {
|
||||||
console.log('originalSetting?.type', originalSetting?.type)
|
|
||||||
configForm.value.formSettings =
|
configForm.value.formSettings =
|
||||||
originalSetting?.type === TriggerTypeEnum.FORM_DELETE && originalSetting.formSettings
|
originalSetting?.type === TriggerTypeEnum.FORM_DELETE && originalSetting.formSettings
|
||||||
? originalSetting.formSettings
|
? originalSetting.formSettings
|
||||||
@ -531,7 +552,10 @@ const saveConfig = async () => {
|
|||||||
/** 获取节点展示内容 */
|
/** 获取节点展示内容 */
|
||||||
const getShowText = (): string => {
|
const getShowText = (): string => {
|
||||||
let showText = ''
|
let showText = ''
|
||||||
if (configForm.value.type === TriggerTypeEnum.HTTP_REQUEST) {
|
if (
|
||||||
|
configForm.value.type === TriggerTypeEnum.HTTP_REQUEST ||
|
||||||
|
configForm.value.type === TriggerTypeEnum.ASYNC_HTTP_REQUEST
|
||||||
|
) {
|
||||||
showText = `${configForm.value.httpRequestSetting?.url}`
|
showText = `${configForm.value.httpRequestSetting?.url}`
|
||||||
} else if (configForm.value.type === TriggerTypeEnum.FORM_UPDATE) {
|
} else if (configForm.value.type === TriggerTypeEnum.FORM_UPDATE) {
|
||||||
for (const [index, setting] of configForm.value.formSettings!.entries()) {
|
for (const [index, setting] of configForm.value.formSettings!.entries()) {
|
||||||
@ -556,7 +580,7 @@ const getShowText = (): string => {
|
|||||||
/** 显示触发器节点配置， 由父组件传过来 */
|
/** 显示触发器节点配置， 由父组件传过来 */
|
||||||
const showTriggerNodeConfig = (node: SimpleFlowNode) => {
|
const showTriggerNodeConfig = (node: SimpleFlowNode) => {
|
||||||
nodeName.value = node.name
|
nodeName.value = node.name
|
||||||
originalSetting = node.triggerSetting
|
originalSetting = node.triggerSetting ? JSON.parse(JSON.stringify(node.triggerSetting)) : {}
|
||||||
if (node.triggerSetting) {
|
if (node.triggerSetting) {
|
||||||
configForm.value = {
|
configForm.value = {
|
||||||
type: node.triggerSetting.type,
|
type: node.triggerSetting.type,
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user