fix: #3334

src/components/flow/components/conditionalBranch/attributeJudgment/Config.vue

@@ -39,6 +39,10 @@ function addRule() {
 function removeRule(index: number) {
   form.rules.splice(index, 1)
 }
+
+function getAttr(attrId: string) {
+  return userAttrList.value.find(item => item.id === attrId)
+}
 </script>
 
 <template>
@@ -53,10 +57,13 @@ function removeRule(index: number) {
             v-for="item in getOperatorList(rule.attr_type)"
             :key="item.value"
             :value="item.value"
-            :label="item.label"
-          ></el-option>
+            :label="item.label"></el-option>
         </el-select>
-        <el-input v-model="rule.value" placeholder="请输入属性值" style="width: 180px"></el-input>
+        <el-input
+          v-model="rule.value"
+          placeholder="请输入属性值"
+          :maxlength="getAttr(rule.attr_id)?.format"
+          style="width: 180px"></el-input>
         <el-icon style="margin-left: 10px" size="20" color="#cf5b78" @click="removeRule(index)" v-if="index !== 0">
           <RemoveFilled />
         </el-icon>
@@ -65,8 +72,7 @@ function removeRule(index: number) {
           size="20"
           color="#cf5b78"
           @click="addRule"
-          v-if="index === form.rules.length - 1"
-        >
+          v-if="index === form.rules.length - 1">
           <CirclePlusFilled />
         </el-icon>
       </el-row>

src/components/flow/components/conditionalBranch/attributeJudgment/ConfigView.vue

@@ -22,7 +22,10 @@ function getOperatorList(type: string) {
   <ConfigViewTemplate :node="node">
     <div>
       <el-form-item :label="role === 'student' ? '我的答案' : '学生答案'" style="margin-bottom: 0"></el-form-item>
-      <el-form-item v-for="item in node.data.student?.rules" style="margin-left: 30px; margin-bottom: 0px">
+      <el-form-item
+        v-for="(item, index) in node.data.student?.rules"
+        :key="index"
+        style="margin-left: 30px; margin-bottom: 0px">
         {{ userAttrList.find(c => c.id === item?.attr_id)?.name }}
         {{ getOperatorList(item.attr_type).find(c => c.value === item.operate)?.label }}
         {{ item.value }}
@@ -30,7 +33,10 @@ function getOperatorList(type: string) {
     </div>
     <div>
       <el-form-item label="正确答案" style="margin-bottom: 0"></el-form-item>
-      <el-form-item v-for="item in node.data.teacher?.rules" style="margin-left: 30px; margin-bottom: 0px">
+      <el-form-item
+        v-for="(item, index) in node.data.teacher?.rules"
+        :key="index"
+        style="margin-left: 30px; margin-bottom: 0px">
         {{ userAttrList.find(c => c.id === item?.attr_id)?.name }}
         {{ getOperatorList(item.attr_type).find(c => c.value === item.operate)?.label }}
         {{ item.value }}

src/components/flow/components/marketingAction/changeProps/Config.vue

@@ -23,6 +23,10 @@ function addRule() {
 function removeRule(index: number) {
   form.rules.splice(index, 1)
 }
+
+function getAttr(attrId: string) {
+  return userAttrList.value.find(item => item.id === attrId)
+}
 </script>
 
 <template>
@@ -33,7 +37,11 @@ function removeRule(index: number) {
           <el-option :key="item.id" v-for="item in userAttrList" :value="item.id" :label="item.name"></el-option>
         </el-select>
         <el-button style="margin: 0 10px">=</el-button>
-        <el-input v-model="rule.value" placeholder="请输入" style="width: 200px"></el-input>
+        <el-input
+          v-model="rule.value"
+          placeholder="请输入"
+          :maxlength="getAttr(rule.attr_id)?.format"
+          style="width: 200px"></el-input>
         <el-icon style="margin-left: 10px" size="20" color="#cf5b78" @click="removeRule(index)" v-if="index !== 0">
           <RemoveFilled />
         </el-icon>

src/components/flow/components/marketingAction/changeProps/ConfigView.vue

@@ -13,7 +13,7 @@ const { userAttrList } = useUserAttr()
   <ConfigViewTemplate :node="node">
     <div>
       <el-form-item :label="role === 'student' ? '我的答案' : '学生答案'" style="margin-bottom: 0"></el-form-item>
-      <el-form-item v-for="item in node.data.student?.rules" style="margin-left: 30px">
+      <el-form-item v-for="(item, index) in node.data.student?.rules" :key="index" style="margin-left: 30px">
         {{ userAttrList.find(c => c.id === item.attr_id)?.name }}
         =
         {{ item.value }}
@@ -21,7 +21,7 @@ const { userAttrList } = useUserAttr()
     </div>
     <div>
       <el-form-item label="正确答案" style="margin-bottom: 0"></el-form-item>
-      <el-form-item v-for="item in node.data.teacher?.rules" style="margin-left: 30px">
+      <el-form-item v-for="(item, index) in node.data.teacher?.rules" :key="index" style="margin-left: 30px">
         {{ userAttrList.find(c => c.id === item.attr_id)?.name }}
         =
         {{ item.value }}

src/components/flow/components/triggeringConditions/changeProps/Config.vue

@@ -35,6 +35,10 @@ function onAttrChange() {
   form.operate = ''
   form.value = ''
 }
+
+function getAttr(attrId: string) {
+  return userAttrList.value.find(item => item.id === attrId)
+}
 </script>
 
 <template>
@@ -50,10 +54,13 @@ function onAttrChange() {
               v-for="item in operatorList"
               :key="item.value"
               :value="item.value"
-              :label="item.label"
-            ></el-option>
+              :label="item.label"></el-option>
           </el-select>
-          <el-input v-model="form.value" placeholder="请输入" style="width: 200px"></el-input>
+          <el-input
+            v-model="form.value"
+            placeholder="请输入"
+            :maxlength="getAttr(form.attr_id)?.format"
+            style="width: 200px"></el-input>
         </div>
         <p style="font-size: 12px; text-align: right; color: #ccc">所选择属性满足该条件的用户，将会触发该旅程</p>
       </div>