update 混料

src/App.vue

@@ -5,30 +5,48 @@
 </template>
 
 <style>
-  .el-table th.gutter{
+.el-table th.gutter {
-    display: table-cell!important;
+	display: table-cell !important;
-  }
+}
 </style>
 <script>
-import Cookies from 'js-cookie'
+import Cookies from "js-cookie";
-import { messages } from '@/i18n'
+import { messages } from "@/i18n";
 export default {
 	watch: {
-    '$i18n.locale': 'i18nHandle'
+		"$i18n.locale": "i18nHandle",
 	},
-  created () {
+	created() {
-    this.i18nHandle(this.$i18n.locale)
+		this.i18nHandle(this.$i18n.locale);
 	},
 	methods: {
-    i18nHandle (val, oldVal) {
+		i18nHandle(val, oldVal) {
-      Cookies.set('language', val)
+			Cookies.set("language", val);
-      document.querySelector('html').setAttribute('lang', val)
+			document.querySelector("html").setAttribute("lang", val);
-      document.title = messages[val].brand.lg
+			document.title = messages[val].brand.lg;
 			// 非登录页面，切换语言刷新页面
-      if (this.$route.name !== 'login' && oldVal) {
+			if (this.$route.name !== "login" && oldVal) {
-        window.location.reload()
+				window.location.reload();
 			}
-    }
+		},
-  }
+	},
-}
+};
 </script>
+
+<style>
+::-webkit-scrollbar {
+	width: 12px !important;
+}
+
+::-webkit-scrollbar-track {
+	/* width: 100%; */
+}
+
+::-webkit-scrollbar-thumb {
+  background: rgb(188, 188, 188);
+}
+
+::-webkit-scrollbar-button {
+  display: none;
+}
+</style>

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,9 +149,11 @@ 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();
 				this.dataForm.id = id || null;
@@ -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',
               {

src/views/atomViews/ListViewWithHead.vue

@@ -235,6 +235,6 @@ export default {
 	min-height: inherit;
 	border-radius: 6px;
 	padding: 16px;
-	box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.125);
+	box-shadow: 0 0 1.125px .125px rgba(0, 0, 0, 0.125);
 }
 </style>

src/views/modules/pms/blenderStep/config.js

@@ -107,7 +107,7 @@ export default function () {
     },
 
     subDialog: {
-      extraParams: 'stepId',
+      extraParam: 'stepId',
       rows: [
         [
           { input: true, label: '步骤', prop: 'sort', rules: { required: true, message: 'not empty', trigger: 'blur' }, elparams: { placeholder: '请输入步骤' } },