From a1d7e81859f554f3a53680cc35f0f49bf1f77098 Mon Sep 17 00:00:00 2001
From: wwf <1971391498@qq.com>
Date: 星期四, 14 五月 2026 14:37:02 +0800
Subject: [PATCH] 导入项目
---
src/components/SimpleProcessDesignerV2/src/nodes-config/components/HttpRequestSetting.vue | 129 +++++++++++++++++++++++++++++++++++++++++++
1 files changed, 129 insertions(+), 0 deletions(-)
diff --git a/src/components/SimpleProcessDesignerV2/src/nodes-config/components/HttpRequestSetting.vue b/src/components/SimpleProcessDesignerV2/src/nodes-config/components/HttpRequestSetting.vue
new file mode 100644
index 0000000..b522275
--- /dev/null
+++ b/src/components/SimpleProcessDesignerV2/src/nodes-config/components/HttpRequestSetting.vue
@@ -0,0 +1,129 @@
+<template>
+ <el-form-item>
+ <el-alert
+ title="浠呮敮鎸� POST 璇锋眰锛屼互璇锋眰浣撴柟寮忔帴鏀跺弬鏁�"
+ type="warning"
+ show-icon
+ :closable="false"
+ />
+ </el-form-item>
+ <!-- 璇锋眰鍦板潃-->
+ <el-form-item
+ label-position="top"
+ label="璇锋眰鍦板潃"
+ :prop="`${formItemPrefix}.url`"
+ :rules="{
+ required: true,
+ message: '璇锋眰鍦板潃涓嶈兘涓虹┖',
+ trigger: 'blur'
+ }"
+ >
+ <el-input v-model="setting.url" />
+ </el-form-item>
+ <!-- 璇锋眰澶达紝璇锋眰浣撹缃�-->
+ <HttpRequestParamSetting :header="setting.header" :body="setting.body" :bind="formItemPrefix" />
+ <!-- 杩斿洖鍊艰缃�-->
+ <div v-if="responseEnable">
+ <el-form-item label="杩斿洖鍊�" label-position="top">
+ <el-alert
+ title="閫氳繃璇锋眰杩斿洖鍊�, 鍙互淇敼娴佺▼琛ㄥ崟鐨勫��"
+ type="warning"
+ show-icon
+ :closable="false"
+ />
+ </el-form-item>
+ <el-form-item>
+ <div class="flex pt-4" v-for="(item, index) in setting.response" :key="index">
+ <div class="mr-2">
+ <el-form-item
+ :prop="`${formItemPrefix}.response.${index}.key`"
+ :rules="{
+ required: true,
+ message: '琛ㄥ崟瀛楁涓嶈兘涓虹┖',
+ trigger: 'blur'
+ }"
+ >
+ <el-select class="w-160px!" v-model="item.key" placeholder="璇烽�夋嫨琛ㄥ崟瀛楁">
+ <el-option
+ v-for="(field, fIdx) in formFields"
+ :key="fIdx"
+ :label="field.title"
+ :value="field.field"
+ :disabled="!field.required"
+ />
+ </el-select>
+ </el-form-item>
+ </div>
+ <div class="mr-2">
+ <el-form-item
+ :prop="`${formItemPrefix}.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(setting.response!, index)"
+ />
+ </div>
+ </div>
+ </el-form-item>
+ <div class="pt-1">
+ <el-button type="primary" text @click="addHttpResponseSetting(setting.response!)">
+ <Icon icon="ep:plus" class="mr-5px" />娣诲姞涓�琛�
+ </el-button>
+ </div>
+ </div>
+</template>
+<script setup lang="ts">
+import HttpRequestParamSetting from './HttpRequestParamSetting.vue'
+import { useFormFields } from '../../node'
+
+const props = defineProps({
+ setting: {
+ type: Object,
+ required: true
+ },
+ responseEnable: {
+ type: Boolean,
+ required: true
+ },
+ formItemPrefix: {
+ type: String,
+ required: true
+ }
+})
+const { setting } = toRefs(props)
+const emits = defineEmits(['update:setting'])
+watch(
+ () => setting,
+ (val) => {
+ emits('update:setting', val)
+ }
+)
+
+/** 娴佺▼琛ㄥ崟瀛楁 */
+const formFields = useFormFields()
+
+/** 娣诲姞 HTTP 璇锋眰杩斿洖鍊艰缃」 */
+const addHttpResponseSetting = (responseSetting: Record<string, string>[]) => {
+ responseSetting.push({
+ key: '',
+ value: ''
+ })
+}
+
+/** 鍒犻櫎 HTTP 璇锋眰杩斿洖鍊艰缃」 */
+const deleteHttpResponseSetting = (responseSetting: Record<string, string>[], index: number) => {
+ responseSetting.splice(index, 1)
+}
+</script>
+
+<style lang="scss" scoped></style>
--
Gitblit v1.8.0