fix: Invalid verification of dialogue user form (#2839)

ui/src/components/ai-chat/component/chat-input-operate/index.vue

@@ -271,7 +271,7 @@ const props = withDefaults(
     showUserInput?: boolean
     sendMessage: (question: string, other_params_data?: any, chat?: chatType) => void
     openChatId: () => Promise<string>
-    checkInputParam: () => boolean
+    validate: () => Promise<boolean | string>
   }>(),
   {
     applicationDetails: () => ({}),
@@ -649,15 +649,15 @@ const stopTimer = () => {
 }
 
 function autoSendMessage() {
+  props
+    .validate()
+    .then(() => {
       props.sendMessage(inputValue.value, {
         image_list: uploadImageList.value,
         document_list: uploadDocumentList.value,
         audio_list: uploadAudioList.value,
         video_list: uploadVideoList.value
       })
-  if (!props.checkInputParam()) {
-    return
-  } else {
       inputValue.value = ''
       uploadImageList.value = []
       uploadDocumentList.value = []
@@ -666,7 +666,10 @@ function autoSendMessage() {
       if (quickInputRef.value) {
         quickInputRef.value.textareaStyle.height = '45px'
       }
-  }
+    })
+    .catch(() => {
+      emit('update:showUserInput', true)
+    })
 }
 
 function sendChatHandle(event?: any) {

ui/src/components/ai-chat/component/user-form/index.vue

@@ -308,22 +308,18 @@ const getRouteQueryValue = (field: string) => {
   }
   return null
 }
-/**
+const validate = () => {
- * 校验参数
+  const promise_list = []
- */
+  if (dynamicsFormRef.value) {
-const checkInputParam = () => {
+    promise_list.push(dynamicsFormRef.value?.validate())
-  // 检查inputFieldList是否有未填写的字段
-  for (let i = 0; i < inputFieldList.value.length; i++) {
-    if (
-      inputFieldList.value[i].required &&
-      (form_data_context.value[inputFieldList.value[i].field] === null ||
-        form_data_context.value[inputFieldList.value[i].field] === undefined ||
-        form_data_context.value[inputFieldList.value[i].field] === '')
-    ) {
-      MsgWarning(t('chat.tip.requiredMessage'))
-      return false
   }
+  if (dynamicsFormRef2.value) {
+    promise_list.push(dynamicsFormRef2.value?.validate())
   }
+  promise_list.push(validate_query())
+  return Promise.all(promise_list)
+}
+const validate_query = () => {
   // 浏览器query参数找到接口传参
   let msg = []
   for (let f of apiInputFieldList.value) {
@@ -331,15 +327,15 @@ const checkInputParam = () => {
       msg.push(f.field)
     }
   }
-
   if (msg.length > 0) {
     MsgWarning(
       `${t('chat.tip.inputParamMessage1')} ${msg.join('、')}${t('chat.tip.inputParamMessage2')}`
     )
-    return false
+    return Promise.reject(false)
   }
-  return true
+  return Promise.resolve(false)
 }
+
 const initRouteQueryValue = () => {
   for (let f of apiInputFieldList.value) {
     if (!api_form_data_context.value[f.field]) {
@@ -356,6 +352,7 @@ const initRouteQueryValue = () => {
     }
   }
 }
+
 const decodeQuery = (query: string) => {
   try {
     return decodeURIComponent(query)
@@ -364,10 +361,10 @@ const decodeQuery = (query: string) => {
   }
 }
 const confirmHandle = () => {
-  if (checkInputParam()) {
+  validate().then((ok) => {
     localStorage.setItem(`${accessToken}userForm`, JSON.stringify(form_data_context.value))
     emit('confirm')
-  }
+  })
 }
 const cancelHandle = () => {
   emit('cancel')
@@ -383,7 +380,7 @@ const renderDebugAiChat = (data: any) => {
     dynamicsFormRef2.value?.render(apiInputFieldList.value, data)
   }
 }
-defineExpose({ checkInputParam, render, renderDebugAiChat })
+defineExpose({ validate, render, renderDebugAiChat })
 onMounted(() => {
   firstMounted.value = true
   handleInputFieldList()

ui/src/components/ai-chat/index.vue

@@ -63,7 +63,7 @@
         :type="type"
         :send-message="sendMessage"
         :open-chat-id="openChatId"
-        :check-input-param="checkInputParam"
+        :validate="validate"
         :chat-management="ChatManagement"
         v-model:chat-id="chartOpenId"
         v-model:loading="loading"
@@ -216,16 +216,16 @@ function UserFormCancel() {
   userFormRef.value?.render(form_data.value)
   showUserInput.value = false
 }
-const checkInputParam = () => {
+
-  return userFormRef.value?.checkInputParam() || false
+const validate = () => {
+  return userFormRef.value?.validate() || Promise.reject(false)
 }
 
 function sendMessage(val: string, other_params_data?: any, chat?: chatType) {
   if (isUserInput.value) {
-    if (!userFormRef.value?.checkInputParam()) {
+    userFormRef.value
-      showUserInput.value = true
+      ?.validate()
-      return
+      .then((ok) => {
-    } else {
         let userFormData = JSON.parse(localStorage.getItem(`${accessToken}userForm`) || '{}')
         const newData = Object.keys(form_data.value).reduce((result: any, key: string) => {
           result[key] = Object.prototype.hasOwnProperty.call(userFormData, key)
@@ -235,11 +235,15 @@ function sendMessage(val: string, other_params_data?: any, chat?: chatType) {
         }, {})
         localStorage.setItem(`${accessToken}userForm`, JSON.stringify(newData))
         showUserInput.value = false
-    }
-  }
         if (!loading.value && props.applicationDetails?.name) {
           handleDebounceClick(val, other_params_data, chat)
         }
+      })
+      .catch((e) => {
+        showUserInput.value = true
+        return
+      })
+  }
 }
 
 const handleDebounceClick = debounce((val, other_params_data?: any, chat?: chatType) => {
@@ -268,7 +272,6 @@ const openChatId: () => Promise<string> = () => {
       })
   } else {
     if (isWorkFlow(obj.type)) {
-      console.log(obj)
       const submitObj = {
         work_flow: obj.work_flow,
         user_id: obj.user