fix: 修复表单收集列表中的默认值显示问题

--bug=1049462 --user=刘瑞斌 【表单收集】- 单选项、多选项、选项卡的默认值显示的不是标签 https://www.tapd.cn/57709429/s/1623556

Author: liuruibin

ui/src/workflow/nodes/base-node/component/UserInputFieldTable.vue

@@ -49,7 +49,7 @@
 
     <el-table-column prop="default_value" label="默认值">
       <template #default="{ row }">
-        <span :title="row.default_value" class="ellipsis-1">{{ row.default_value }}</span>
+        <span :title="row.default_value" class="ellipsis-1">{{ getDefaultValue(row) }}</span>
       </template>
     </el-table-column>
     <el-table-column label="必填">
@@ -126,6 +126,18 @@ function refreshFieldList(data: any, index: any) {
   props.nodeModel.graphModel.eventCenter.emit('refreshFieldList')
 }
 
+const getDefaultValue = (row: any) => {
+  if (row.default_value) {
+    const default_value = row.option_list?.filter((v: any) => row.default_value.indexOf(v.value) > -1)
+      .map((v: any) => v.label).join(',')
+    if (default_value) {
+      return default_value
+    }
+    return row.default_value
+  }
+}
+
+
 onMounted(() => {
   if (!props.nodeModel.properties.user_input_field_list) {
     if (props.nodeModel.properties.input_field_list) {

ui/src/workflow/nodes/form-node/index.vue

@@ -84,7 +84,7 @@
 
             <el-table-column prop="default_value" label="默认值">
               <template #default="{ row }">
-                <span :title="row.default_value" class="ellipsis-1">{{ row.default_value }}</span>
+                <span :title="row.default_value" class="ellipsis-1">{{ getDefaultValue(row) }}</span>
               </template>
             </el-table-column>
             <el-table-column label="必填">
@@ -196,6 +196,18 @@ const form_data = computed({
     set(props.nodeModel.properties, 'node_data', value)
   }
 })
+
+const getDefaultValue = (row: any) => {
+  if (row.default_value) {
+    const default_value = row.option_list?.filter((v: any) => row.default_value.indexOf(v.value) > -1)
+      .map((v: any) => v.label).join(',')
+    if (default_value) {
+      return default_value
+    }
+    return row.default_value
+  }
+}
+
 const validate = () => {
   return formNodeFormRef.value?.validate()
 }