[dev] 利用id:内容的方式将other选项传递到后端

twj666 · twj666 · commit 1a276977b07a · 2025-08-26T01:10:14.000+08:00
diff --git a/prompto-lab-app/src/main/java/io/github/timemachinelab/core/session/infrastructure/web/dto/UnifiedAnswerRequest.java b/prompto-lab-app/src/main/java/io/github/timemachinelab/core/session/infrastructure/web/dto/UnifiedAnswerRequest.java
@@ -7,6 +7,8 @@
 import lombok.AllArgsConstructor;
 
 import javax.validation.constraints.NotBlank;
+import java.util.ArrayList;
+import java.util.HashMap;
 import java.util.List;
 import java.util.Map;
 
@@ -136,7 +138,12 @@ public String getAnswerString() {
         
         switch (questionType.toLowerCase()) {
             case "single":
+                // 单选直接返回字符串（已经是id:content格式）
+                String singleChoice = getInputAnswer();
+                return singleChoice != null ? singleChoice : "";
+                
             case "multi":
+                // 多选返回逗号分隔的字符串（每个都是id:content格式）
                 List<String> choices = getChoiceAnswer();
                 return choices != null && !choices.isEmpty() ? String.join(", ", choices) : "";
                 
@@ -175,6 +182,12 @@ public String toReadableText() {
         
         switch (questionType.toLowerCase()) {
             case "single":
+                String singleChoice = getInputAnswer();
+                if (singleChoice != null) {
+                    sb.append("选择了：").append(singleChoice);
+                }
+                break;
+                
             case "multi":
                 List<String> choices = getChoiceAnswer();
                 if (choices != null && !choices.isEmpty()) {
@@ -203,4 +216,79 @@ public String toReadableText() {
         
         return sb.toString();
     }
+
+    /**
+     * 解析选项字符串，提取ID和内容
+     * @param optionString 格式为"id:content"的字符串
+     * @return 包含id和content的Map
+     */
+    public static Map<String, String> parseOptionString(String optionString) {
+        Map<String, String> result = new HashMap<>();
+        if (optionString != null && optionString.contains(":")) {
+            String[] parts = optionString.split(":", 2);
+            result.put("id", parts[0]);
+            result.put("content", parts[1]);
+        }
+        return result;
+    }
+
+    /**
+     * 获取选择题的所有选项ID
+     * @return 选项ID列表
+     */
+    public List<String> getChoiceIds() {
+        List<String> ids = new ArrayList<>();
+        
+        if ("single".equals(questionType)) {
+            String singleChoice = getInputAnswer();
+            if (singleChoice != null) {
+                Map<String, String> parsed = parseOptionString(singleChoice);
+                if (!parsed.isEmpty()) {
+                    ids.add(parsed.get("id"));
+                }
+            }
+        } else if ("multi".equals(questionType)) {
+            List<String> choices = getChoiceAnswer();
+            if (choices != null) {
+                for (String choice : choices) {
+                    Map<String, String> parsed = parseOptionString(choice);
+                    if (!parsed.isEmpty()) {
+                        ids.add(parsed.get("id"));
+                    }
+                }
+            }
+        }
+        
+        return ids;
+    }
+
+    /**
+     * 获取选择题的所有选项内容
+     * @return 选项内容列表
+     */
+    public List<String> getChoiceContents() {
+        List<String> contents = new ArrayList<>();
+        
+        if ("single".equals(questionType)) {
+            String singleChoice = getInputAnswer();
+            if (singleChoice != null) {
+                Map<String, String> parsed = parseOptionString(singleChoice);
+                if (!parsed.isEmpty()) {
+                    contents.add(parsed.get("content"));
+                }
+            }
+        } else if ("multi".equals(questionType)) {
+            List<String> choices = getChoiceAnswer();
+            if (choices != null) {
+                for (String choice : choices) {
+                    Map<String, String> parsed = parseOptionString(choice);
+                    if (!parsed.isEmpty()) {
+                        contents.add(parsed.get("content"));
+                    }
+                }
+            }
+        }
+        
+        return contents;
+    }
 }
diff --git a/prompto-lab-ui/src/components/Chat/MultipleChoiceOptions.vue b/prompto-lab-ui/src/components/Chat/MultipleChoiceOptions.vue
@@ -8,7 +8,7 @@
         @click="toggleOption(option.id)"
         class="option-item"
         :class="{ 
-          selected: selectedValues.includes(option.id),
+          selected: selectedValues.some(value => value.startsWith(`${option.id}:`)),
           disabled: disabled
         }"
       >
@@ -28,7 +28,7 @@
         @click="toggleOption(customOption.id)"
         class="option-item custom-option"
         :class="{ 
-          selected: selectedValues.includes(customOption.id),
+          selected: selectedValues.some(value => value.startsWith(`${customOption.id}:`)),
           disabled: disabled
         }"
       >
@@ -127,8 +127,9 @@ const customOptionCounter = ref(1)
 const toggleOption = (optionId: string) => {
   if (props.disabled) return
   
+  const allOptions = [...props.options, ...customOptions.value]
   const currentValues = [...props.selectedValues]
-  const index = currentValues.indexOf(optionId)
+  const index = currentValues.findIndex(value => value.startsWith(`${optionId}:`))
   
   if (index > -1) {
     // 取消选择
@@ -138,7 +139,13 @@ const toggleOption = (optionId: string) => {
     if (props.maxSelections && currentValues.length >= props.maxSelections) {
       return // 达到最大选择数量
     }
-    currentValues.push(optionId)
+    
+    const selectedOption = allOptions.find(option => option.id === optionId)
+    if (selectedOption) {
+      // 格式化为 "id:content" 字符串
+      const formattedValue = `${selectedOption.id}:${selectedOption.label}`
+      currentValues.push(formattedValue)
+    }
   }
   
   emit('update:selectedValues', currentValues)
diff --git a/prompto-lab-ui/src/components/Chat/SingleChoiceOptions.vue b/prompto-lab-ui/src/components/Chat/SingleChoiceOptions.vue
@@ -125,8 +125,16 @@ const customOptionCounter = ref(1)
 const selectOption = (optionId: string) => {
   if (props.disabled) return
   
-  emit('update:selectedValue', optionId)
-  emit('change', optionId)
+  // 查找选中的选项
+  const allOptions = [...props.options, ...customOptions.value]
+  const selectedOption = allOptions.find(option => option.id === optionId)
+  
+  if (selectedOption) {
+    // 格式化为 "id:content" 字符串
+    const formattedValue = `${selectedOption.id}:${selectedOption.label}`
+    emit('update:selectedValue', formattedValue)
+    emit('change', formattedValue)
+  }
 }
 
 const startAddOption = () => {
diff --git a/prompto-lab-ui/src/services/userInteractionApi.ts b/prompto-lab-ui/src/services/userInteractionApi.ts
@@ -221,7 +221,7 @@ export const createAnswerRequest = {
     nodeId,
     userId,
     questionType: 'single',
-    answer: [selectedOption]
+    answer: selectedOption // 直接传递格式化后的字符串
   }),
   
   /**
@@ -232,7 +232,7 @@ export const createAnswerRequest = {
     nodeId,
     userId,
     questionType: 'multi',
-    answer: selectedOptions
+    answer: selectedOptions // 直接传递格式化后的字符串数组
   }),
   
   /**
