From 8bd8fcc57abbaf0ffb2ed5badf33ba3b5959430e Mon Sep 17 00:00:00 2001 From: chenxing Date: Sat, 10 Oct 2026 17:39:30 +0800 Subject: [PATCH] =?UTF-8?q?fix(flow-embed):=20=E8=A7=86=E5=9B=BE=E5=88=87?= =?UTF-8?q?=E6=8D=A2=E5=99=A8=E5=AD=97=E9=87=8D=E5=AF=B9=E9=BD=90=E2=80=94?= =?UTF-8?q?=E2=80=94=E4=B8=8D=E5=86=8D=E7=BB=A7=E6=89=BF=20.embed-sec-h=20?= =?UTF-8?q?=E7=9A=84=E7=B2=97=E4=BD=93?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 根因：.embed-sec-h{font-size:14px;font-weight:600} 会被其内的 RadioGroup 继承， 「按节点/时间线/列表」呈粗体；而下方「按人员/按科室」在 .embed-mode-row 内为常规 ⇒ 两处 同为 iView small button group 却看着不一致。管理面同款控件早有此写法（InstanceDetail.vue:183、 TaskHandle.vue:307 的 .trace-mode{font-weight:normal}），嵌入页漏了这条覆盖 - 改法：.embed-view-seg 显式 font-weight:normal，按「按人员/按科室」那档统一 - 像素取证（用户截图 867x466 @DPR1.25）：两盒几何一致（「按节点」与「按人员」同宽 66.4 CSS、 高 30px），配色一致（活动态边框+文字 #0d9488、非活动文字 #515a6e、非活动边框 #dcdee2）； 唯一差异是文字像素密度 2.1~3.1 倍（按节点 249 : 按人员 79；时间线 245 : 按科室 117）⇒ 纯字重差异 --- src/views/flow/EmbedInstance.vue | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/src/views/flow/EmbedInstance.vue b/src/views/flow/EmbedInstance.vue index 16627bb..e96d663 100644 --- a/src/views/flow/EmbedInstance.vue +++ b/src/views/flow/EmbedInstance.vue @@ -433,7 +433,11 @@ onMounted(async () => { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 3px; height: 13px; border-radius: 2px; background: #2d8cf0; } -.embed-view-seg { margin-left: auto; } +/* 视图切换器与下方「按人员/按科室」同为 iView small button group，实测几何/配色全同 + （活动态 #0d9488、非活动 #515a6e/#dcdee2），唯一差异是字重：它落在 .embed-sec-h(600) 内 + 会继承粗体，而 .embed-mode-row 内是常规 ⇒ 视觉上「不一致」。显式回常规（管理面同款控件 + InstanceDetail/TaskHandle 的 .trace-mode 也是这个写法）。 */ +.embed-view-seg { margin-left: auto; font-weight: normal; } /* 基本信息：四列等宽（740 抽屉实测放得下时间戳，超出省略号 + title 兜底） */ .embed-meta { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border: 1px solid #f2f4f7; border-radius: 8px; overflow: hidden; }