From ae79d5157b05075d2d9e294a0d6c457ef63ea43d Mon Sep 17 00:00:00 2001 From: andyesfly <35127884@qq.com> Date: Sat, 19 Sep 2026 16:12:41 +0800 Subject: [PATCH] =?UTF-8?q?refactor(client):=20=E4=BC=98=E5=8C=96=E9=A1=B5?= =?UTF-8?q?=E9=9D=A2=E5=A4=9A=E5=A4=84=E7=BB=86=E8=8A=82=E4=B8=8E=E6=A0=B7?= =?UTF-8?q?=E5=BC=8F=E5=85=BC=E5=AE=B9=E6=80=A7?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 1. 调整全局滚动条样式仅适配Firefox浏览器,修复Chrome下表头错位问题 2. 替换站点logo为Ant Design风格图标并优化样式 3. 重构客户拜访列表操作栏:合并详情按钮到下拉菜单,缩小操作列宽度 4. 优化操作按钮文本与主键判断逻辑,使用key替代文本匹配 --- client/public/favicon.svg | 5 ++--- client/src/assets/styles/global.less | 12 +++++++---- client/src/layouts/index.vue | 8 +++++--- client/src/views/customer/visit/index.vue | 25 +++++++++++++---------- 4 files changed, 29 insertions(+), 21 deletions(-) diff --git a/client/public/favicon.svg b/client/public/favicon.svg index c04c3c1..0961ef4 100644 --- a/client/public/favicon.svg +++ b/client/public/favicon.svg @@ -1,4 +1,3 @@ - - - + + diff --git a/client/src/assets/styles/global.less b/client/src/assets/styles/global.less index b5ec855..2946344 100644 --- a/client/src/assets/styles/global.less +++ b/client/src/assets/styles/global.less @@ -296,10 +296,14 @@ ol { background: rgba(255, 255, 255, 0.4); } -// Firefox -* { - scrollbar-width: thin; - scrollbar-color: rgba(0, 0, 0, 0.2) transparent; +// Firefox 专用(Chrome/Edge 不支持 -moz-appearance,会忽略整块) +// 注意:Chrome 121+ 一旦设置 scrollbar-width,就会覆盖上面的 ::-webkit-scrollbar, +// 导致滚动条实际 10px 而 ::-webkit-scrollbar 仍报 4px,antd 据此计算固定列偏移会让表头与表体错位 6px +@supports (-moz-appearance: none) { + * { + scrollbar-width: thin; + scrollbar-color: rgba(0, 0, 0, 0.2) transparent; + } } // Firefox 深色变体 diff --git a/client/src/layouts/index.vue b/client/src/layouts/index.vue index 54f73bc..359148d 100644 --- a/client/src/layouts/index.vue +++ b/client/src/layouts/index.vue @@ -6,7 +6,7 @@
@@ -114,6 +114,7 @@ import { DownOutlined, LogoutOutlined, LockOutlined, + ThunderboltOutlined, } from '@ant-design/icons-vue' import { usePermissionStore, type MenuNode } from '@/stores/permission' @@ -331,8 +332,9 @@ function handleUserMenuClick({ key }: { key: string }) { } .logo-img { - width: 32px; - height: 32px; + font-size: 32px; + color: #1890ff; + filter: drop-shadow(0 2px 4px rgba(24, 144, 255, 0.3)); flex-shrink: 0; } diff --git a/client/src/views/customer/visit/index.vue b/client/src/views/customer/visit/index.vue index 1358d96..da5957f 100644 --- a/client/src/views/customer/visit/index.vue +++ b/client/src/views/customer/visit/index.vue @@ -233,11 +233,11 @@ size="small" @click="handlePrimary(record)" >{{ primaryAction(record)!.label }} - 查看详情 更多