update 混料

src/components/DialogWithMenu.vue

@@ -7,7 +7,9 @@
 	>
 		<!-- title  -->
 		<div slot="title" class="dialog-title">
-			<h1 class="">编辑</h1>
+			<h1 class="">
+				{{ detailMode ? "查看详情" : dataForm.id ? "编辑" : "新增" }}
+			</h1>
 		</div>
 		<!-- menu  -->
 		<el-tabs v-model="activeMenu" type="card" @tab-click="handleTabClick">
@@ -201,6 +203,10 @@ export default {
 
 		/** init **/
 		init(id, detailMode) {
+			if (this.$refs.dataForm && this.$refs.dataForm.length) {
+				// 当不是首次渲染dialog的时候，一开始就清空验证信息，本组件的循环里只有一个 dataForm 所以只用取 [0] 即可
+				this.$refs.dataForm[0].clearValidate()
+			}
 			console.log("[dialog] DialogWithHead init():", id, detailMode);
 
 			this.detailMode = detailMode ?? false;
@@ -254,13 +260,13 @@ export default {
 								// 	});
 								// }
 							}
+							this.selfVisible = true;
 						});
 				} else {
 					// 如果不是编辑
+					this.selfVisible = true;
 				}
 			});
-
-			this.selfVisible = true;
 		},
 
 		/** handlers */

src/components/SmallDialog.vue

@@ -149,8 +149,10 @@ export default {
 		},
 
 		init(id, isdetail = false) {
-			this.detailMode = isdetail;
 			console.log("[small dialog] init", id, isdetail);
+			
+			this.detailMode = isdetail;
+			if (this.$refs.dataForm) this.$refs.dataForm.clearValidate()
 
 			this.$nextTick(() => {
 				// this.$refs['dataForm'].resetFields();
@@ -168,13 +170,13 @@ export default {
 								const dataFormKeys = Object.keys(this.dataForm);
 								this.dataForm = __pick(res.data, dataFormKeys);
 							}
+							this.visible = true;
 						});
 				} else {
 					// 如果不是编辑
+					this.visible = true
 				}
 			});
-
-			this.visible = true;
 		},
 
 		handleSelectChange(col, event) {},
@@ -190,13 +192,14 @@ export default {
 						break;
 					case "add":
 					case "update": {
+						console.log('update extraParam: ', this.configs.extraParam)
 						const method = payload.name === "add" ? "POST" : "PUT";
 						this.$http({
 							url: this.urls.subase,
 							method,
 							data: {
 								...this.dataForm,
-								[this.configs.extraParams]: this.relatedId,
+								[this.configs.extraParam]: this.relatedId,  // this.configs.extraParam 只能是字符串
 							},
 						}).then(({ data: res }) => {
 							console.log("[add&update] res is: ", res);

src/components/noTemplateComponents/operationComponent.js

@@ -67,7 +67,7 @@ export default {
         // 可能需要验证权限，如 opt.permission 选项
         // 注意：为空字符串或null/undefined都会不验证权限
         if (!opt.permission || (opt.permission && this.$hasPermission(opt.permission))) {
-          console.log('[operation component]: ', opt.permission, this.$hasPermission(opt.permission))
+          // console.log('[operation component]: ', opt.permission, this.$hasPermission(opt.permission))
           btns.push(
             h('el-button',
               {