fix:工作流配置四页(字段/工作流/流转/状态)新增弹框未重置表单,先编辑再新增会残留上一条内容;默认值提为defaultForm常量供data与新增共用

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

src/views/wf/field.vue

@@ -117,6 +117,18 @@
 </template>
 
 <script>
+	const defaultForm = {
+		field_key: '',
+		field_name: '',
+		placeholder: '',
+		field_type: '',
+		sort: '',
+		label: 'name',
+		default_value: '',
+		field_template: '',
+		field_choice: [],
+		is_hidden: false,
+	};
 	export default {
 		name: "field",
 		data() {
@@ -130,18 +142,7 @@
 					show: '查看'
 				},
 				//表单数据
-				addForm: {
+				addForm: Object.assign({}, defaultForm, {field_choice: []}),
-					field_key: '',
-					field_name: '',
-					placeholder: '',
-					field_type: '',
-					sort: '',
-					label: 'name',
-					default_value: '',
-					field_template: '',
-					field_choice: [],
-					is_hidden: false,
-				},
 				//验证规则
 				rules: {
 					name: [
@@ -205,6 +206,8 @@
 			},
 			handleAdd() {
 				this.type = 'add';
+				this.addForm = Object.assign({}, defaultForm, {field_choice: []});
+				this.choiceOption = [{id: null, name: ""}];
 				this.dialogVisible = true;
 			},
 			submitHandle() {

src/views/wf/state.vue

@@ -391,6 +391,15 @@
 </template>
 
 <script>
+const defaultForm = {
+  name: "",
+  is_hidden: false,
+  sort: "",
+  type: "",
+  enable_retreat: false,
+  participant_type: 0,
+  distribute_type: 2, //分发类型
+};
 export default {
   name: "state",
   data() {
@@ -412,17 +421,10 @@ export default {
       stateChange: [],
       fieldList: [],
       //表单数据
-      addForm: {
+      addForm: Object.assign({}, defaultForm, {
-        name: "",
-        is_hidden: false,
-        sort: "",
-        type: "",
         participant_cc: [],
-        enable_retreat: false,
-        participant_type: 0,
-        distribute_type: 2, //分发类型
         state_fields: {}, //字段状态是否可写
-      },
+      }),
       //验证规则
       rules: {
         name: [{ required: true, message: "请输入工作流名称" }],
@@ -568,6 +570,11 @@ export default {
     handleAdd() {
       this.getField();
       this.type = "add";
+      this.addForm = Object.assign({}, defaultForm, {
+        participant_cc: [],
+        state_fields: {},
+      });
+      this.stateChange = [];
       this.dialogVisible = true;
       // if(this.dialogInitNum === 0){
       //   this.getUsers();

src/views/wf/transform.vue

@@ -142,6 +142,13 @@
 <script>
 	// import vueJsonEditor from 'vue-json-editor'
 	import JsonEditorVue from 'json-editor-vue3'
+	const defaultForm = {
+		name: '',
+		timer: 0,
+		source_state: '',
+		destination_state: '',
+		field_require_check: false,
+	};
 	export default {
 		name: "transform",
 		components: { JsonEditorVue },
@@ -165,14 +172,7 @@
 					value: 3,
 					label: '其他'
 				}],
-				addForm: {
+				addForm: Object.assign({}, defaultForm, {condition_expression: {}}),
-					name: '',
-					timer: 0,
-					source_state: '',
-					destination_state: '',
-					condition_expression: {},
-					field_require_check: false,
-				},
 				stateList: [],
 				dialogVisible: false,
 			}
@@ -200,6 +200,7 @@
 			handleAdd() {
 				this.getStateList();
 				this.type = 'add';
+				this.addForm = Object.assign({}, defaultForm, {condition_expression: {}});
 				this.dialogVisible = true;
 			},
 			handleEdit(row) {

src/views/wf/workflow.vue

@@ -207,6 +207,15 @@
 
 <script>
 import degraDialog from "./degraD3_2.vue";
+const defaultForm = {
+  name: "",
+  sn_prefix: "",
+  description: "",
+  view_permission_check: true,
+  display_form_str: [],
+  title_template: "",
+  content_template: "",
+};
 export default {
   name: "index",
   components: {
@@ -233,15 +242,7 @@ export default {
       },
       wfCateOptions: [],
       //表单数据
-      addForm: {
+      addForm: Object.assign({}, defaultForm, { display_form_str: [] }),
-        name: "",
-        sn_prefix: "",
-        description: "",
-        view_permission_check: true,
-        display_form_str: [],
-        title_template: "",
-        content_template: "",
-      },
       //验证规则
       rules: {
         name: [{ required: true, message: "请输入工作流名称" }],
@@ -264,6 +265,7 @@ export default {
     //添加工作流
     handleAdd() {
       this.type = "add";
+      this.addForm = Object.assign({}, defaultForm, { display_form_str: [] });
       this.limitedVisible = true;
     },