Quellcode durchsuchen

ext的body和header使用对象类型

kagg886 vor 2 Monaten
Ursprung
Commit
a03ac177b9

+ 5 - 4
src/components/gFlow/propertySetting/CommonProperty.vue

@@ -109,10 +109,10 @@
 					</el-select>
 				</el-form-item>
 				<!-- 请求头 - 所有方法都显示 -->
-				<!--				<el-form-item label="请求头">-->
-				<!--					<WebHookParams ref="headersRef" v-model="formData.webhook.headers" title="请求头参数" @setParams="setWebHookHeaders" />-->
-				<!--				</el-form-item>-->
-
+				<el-form-item label="请求头">
+					<webhook-params v-model="formData.webhook.headers" title="请求头参数" />
+				</el-form-item>
+				<!---->
 				<!--				&lt;!&ndash; 请求参数 - 所有方法都显示 &ndash;&gt;-->
 				<!--				<el-form-item label="请求参数">-->
 				<!--					<WebHookParams ref="paramsRef" v-model="formData.webhook.params" title="URL参数" @setParams="setWebHookParams" />-->
@@ -299,6 +299,7 @@ const state = reactive({
 			method: 'POST',
 			bodyType: 'json',
 			body: undefined,
+			headers: undefined,
 		},
 	},
 })

+ 6 - 6
src/components/gFlow/propertySetting/webhookParams.vue

@@ -83,7 +83,7 @@ const {
 
 // 定义组件的 Props
 interface Props {
-	modelValue: string
+	modelValue: { [key: string]: string }
 	title?: string
 	readonly?: boolean
 }
@@ -103,15 +103,15 @@ const props = withDefaults(defineProps<Props>(), {
 })
 const emit = defineEmits<{
 	// eslint-disable-next-line no-unused-vars
-	(e: 'update:modelValue', value: string): void
+	(e: 'update:modelValue', value: { [key: string]: string }): void
 }>()
 
 const origin = computed<{ [key: string]: string }>({
 	get() {
-		return JSON.parse(props.modelValue ?? '{}')
+		return props.modelValue ?? '{}'
 	},
 	set(value) {
-		emit('update:modelValue', JSON.stringify(value ?? {}))
+		emit('update:modelValue', value)
 	},
 })
 
@@ -232,8 +232,8 @@ const flowForms = asyncComputed<{ label: string; value: string; meta?: FlowField
 	return [...flow_model_cate.value, ...form]
 })
 
-watch(currentSelectCate, (newListSelectCate) => {
-	if (newListSelectCate === undefined) return
+watch(currentSelectCate, (newListSelectCate: string) => {
+	if (newListSelectCate === undefined || newListSelectCate === '') return
 	selectCate(100, newListSelectCate)
 })