From 70779fcf63482c05ebb3c4aa2bda6404cd8f2ed5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B5=B5=E5=BF=A0=E6=9E=97?= <170083662@qq.com>
Date: Fri, 31 Jul 2026 20:01:38 +0800
Subject: [PATCH] =?UTF-8?q?style(theme):=20=E6=9B=B4=E6=96=B0=E5=90=84?=
 =?UTF-8?q?=E4=B8=BB=E9=A2=98logo=E5=8F=8A=E9=A1=B6=E9=83=A8=E6=A0=8F?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=EF=BC=8C=E7=BB=9F=E4=B8=80=E7=99=BD=E5=BA=95?=
 =?UTF-8?q?=E9=98=B4=E5=BD=B1=E6=95=88=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 所有主题的 avue-logo 背景改为白色，并添加 0 2px 8px rgba(0,0,0,0.06) 阴影效果
- 各主题顶部栏背景及文字颜色调整，提升整体对比度与视觉统一性
- 统一调整下拉菜单、面包屑、图标等元素颜色为 rgba(0,0,0,0.85) 或 0.65，增强易读性
- 修正部分输入框和色彩选择器的边框及背景颜色，增强一致性
- index.html 添加 favicon.ico 作为页面图标
- 新增图标悬停显示浅灰圆形背景效果示例页面 icon-hover-demo.html
- icon-hover-demo.html 包含核心 CSS 代码和 Element Plus 的示例用法，方便复用和参考
---
 .workbuddy/memory/2026-07-31.md | 9 +++++++++
 src/styles/common.scss          | 4 ++--
 src/styles/element-ui.scss      | 8 ++++++++
 3 files changed, 19 insertions(+), 2 deletions(-)

diff --git a/.workbuddy/memory/2026-07-31.md b/.workbuddy/memory/2026-07-31.md
index 46bc476..5dedb41 100644
--- a/.workbuddy/memory/2026-07-31.md
+++ b/.workbuddy/memory/2026-07-31.md
@@ -106,3 +106,12 @@
   3. scoped 样式新增 `.top-user__trigger`（inline-flex / padding 4px 8px / hover 浅灰背景 rgba(0,0,0,0.04)），并把 `.top-bar__img` 自身 `margin` 改为 `0 5px 0 0` 配合新容器。
 - **效果**: 鼠标悬停在头像或姓名任一处都会展开下拉；保留 `:hide-on-click="false"`（菜单内点击不收起，el-tooltip 等仍可交互）。
 - **注意**: 若用户后续希望「hover 触发」仅作用于头像、不影响姓名点击行为，需把姓名部分移出 el-dropdown 触发区；当前实现是统一行为。
+
+## 全站 avue-crud 弹窗内部滚动高度统一
+
+- **需求**：/business/process-config 与 /base/cargo-type 表单弹窗滚动高度不一致（process-config 用 dialogWidth:'96%'+dialogTop:'10px' 且内容很长被撑爆；cargo-type 用 dialogWidth:760 窄窗），要求全站统一。
+- **关键结论**：@smallwei/avue 3.9.2 的 avue-crud **没有 `dialogHeight` 属性**（源码 avue.js 中无此字符串；dialogTop 默认值为 "0"）。逐个 option 设 dialogHeight 不可行，故延续本项目「全局 CSS 统一」范式（见上「全站操作栏按钮」等先例）。
+- **改动文件**：`src/styles/element-ui.scss`（全局生效，被 common.scss 通过 `@use './element-ui.scss'` 引入）
+- **新增规则**：`.avue-crud__dialog .el-dialog__body { max-height: calc(100vh - 200px); overflow-y: auto; }`
+- **效果**：全站所有 Avue CRUD 弹窗（含 process-config、cargo-type）的 body 在 `calc(100vh - 200px)` 内滚动，内容超长时在窗内滚动而非撑爆整窗；矮弹窗不受影响（max-height 仅为上限）。
+- **验证**：已 `pnpm build` 后台运行验证全站编译。
diff --git a/src/styles/common.scss b/src/styles/common.scss
index 92d2c85..edc9b68 100644
--- a/src/styles/common.scss
+++ b/src/styles/common.scss
@@ -119,8 +119,8 @@ a {
   flex: 1;
   overflow-y: auto;
   overflow-x: hidden;
-  margin-bottom: 10px;
-  padding: 8px;
+  margin-bottom: 6px;
+  padding: 12px;
 }
 
 .avue-view {
diff --git a/src/styles/element-ui.scss b/src/styles/element-ui.scss
index 9f31a32..4453f4a 100644
--- a/src/styles/element-ui.scss
+++ b/src/styles/element-ui.scss
@@ -145,6 +145,7 @@
 }
 
 .avue-crud__search {
+  margin-top: 4px;
   margin-bottom: 8px;
 }
 
@@ -219,6 +220,13 @@
   order: 2;
 }
 
+// 统一 avue-crud 弹窗内部可滚动高度：内容超出时在窗内滚动，避免弹窗被整体撑爆
+// （@smallwei/avue 3.9.2 无 dialogHeight 属性，故用全局样式统一所有 CRUD 弹窗）
+.avue-crud__dialog .el-dialog__body {
+  max-height: calc(100vh - 200px);
+  overflow-y: auto;
+}
+
 // 统一表格线条颜色
 .el-table {
   --el-table-border-color: #eff1f7;