feat: Simple设计器-监听器-表单使用选择器

src/components/SimpleProcessDesignerV2/src/consts.ts

@@ -249,6 +249,16 @@ export type ListenerMap = {
   type: number
   type: number
   value: string
   value: string
 }
 }
+export enum ListenerMapTypeEnum {
+  /**
+   * 固定值
+   */
+  FIXED_VALUE = 1,
+  /**
+   * 表单
+   */
+  FROM_FORM = 2
+}
 export const LISTENER_MAP_TYPES = [
 export const LISTENER_MAP_TYPES = [
   {
   {
     value: 1,
     value: 1,

src/components/SimpleProcessDesignerV2/src/nodes-config/UserTaskNodeConfig.vue

@@ -481,7 +481,24 @@
                       </el-select>
                       </el-select>
                     </div>
                     </div>
                     <div class="mr-2">
                     <div class="mr-2">
-                      <el-input class="w-160px" v-model="item.value" />
+                      <el-input
+                        v-if="item.type === ListenerMapTypeEnum.FIXED_VALUE"
+                        class="w-160px"
+                        v-model="item.value"
+                      />
+                      <el-select
+                        v-if="item.type === ListenerMapTypeEnum.FROM_FORM"
+                        class="w-160px!"
+                        v-model="item.value"
+                      >
+                        <el-option
+                          v-for="(field, fIdx) in formFieldOptions"
+                          :key="fIdx"
+                          :label="field.title"
+                          :value="field.field"
+                          :disabled="!field.required"
+                        />
+                      </el-select>
                     </div>
                     </div>
                     <div class="mr-1 flex items-center">
                     <div class="mr-1 flex items-center">
                       <Icon
                       <Icon
@@ -524,7 +541,24 @@
                       </el-select>
                       </el-select>
                     </div>
                     </div>
                     <div class="mr-2">
                     <div class="mr-2">
-                      <el-input class="w-160px" v-model="item.value" />
+                      <el-input
+                        v-if="item.type === ListenerMapTypeEnum.FIXED_VALUE"
+                        class="w-160px"
+                        v-model="item.value"
+                      />
+                      <el-select
+                        v-if="item.type === ListenerMapTypeEnum.FROM_FORM"
+                        class="w-160px!"
+                        v-model="item.value"
+                      >
+                        <el-option
+                          v-for="(field, fIdx) in formFieldOptions"
+                          :key="fIdx"
+                          :label="field.title"
+                          :value="field.field"
+                          :disabled="!field.required"
+                        />
+                      </el-select>
                     </div>
                     </div>
                     <div class="mr-1 flex items-center">
                     <div class="mr-1 flex items-center">
                       <Icon
                       <Icon
@@ -588,7 +622,8 @@ import {
   AssignEmptyHandlerType,
   AssignEmptyHandlerType,
   FieldPermissionType,
   FieldPermissionType,
   ProcessVariableEnum,
   ProcessVariableEnum,
-  LISTENER_MAP_TYPES
+  LISTENER_MAP_TYPES,
+  ListenerMapTypeEnum
 } from '../consts'
 } from '../consts'
 
 
 import {
 import {