diff --git a/apps/web/src/app/styles/console.css b/apps/web/src/app/styles/console.css index ee15611..8173115 100644 --- a/apps/web/src/app/styles/console.css +++ b/apps/web/src/app/styles/console.css @@ -564,8 +564,19 @@ .g-ex .msg { flex: 1; min-width: 0; font-size: 10.5px; line-height: 1.55; letter-spacing: 0; text-transform: none; color: #3a4452; } .g-exboard-empty { padding: 16px 18px; font-family: var(--sh-mono); font-size: 10px; line-height: 1.9; color: var(--sh-muted); } -/* 节点属性卡:与流程图同宽(格栅右列);内部小卡等高,超高的内容自己滚 */ -.g-nodecard { min-height: 0; margin-top: 2px; } -.g-nodecard .g-props { grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); align-items: stretch; } -.g-nodecard .g-prop { height: 250px; display: flex; flex-direction: column; overflow: hidden; } +/* 异常板高度随内容走,不被右侧属性卡拉高 —— 三条异常配 900px 空板才是脏 */ +.g-exboard { align-self: start; } + +/* 节点属性卡:图纸卡(外壳复用 g-vercard),与流程图同宽;题头右侧是状态字 + 保存芯片 */ +.g-nodecard { min-height: 0; } +.g-nodecard .g-vercard-h { height: auto; padding: 13px 18px 10px; } +.g-nodecard .g-vercard-h .n { margin-left: auto; } +.g-nodecard .g-vercard-h .g-ver-new { margin-left: 10px; } +/* 内部三段(提示/节点条/属性格)统一 12px 呼吸 —— 从前是裸兄弟,三处贴死 */ +.g-nodecard-b { display: flex; flex-direction: column; gap: 12px; padding: 14px 18px 16px; } +/* 小卡与节点条也入图纸语言:方角细线;等高 250,超高的内容自己滚 */ +.g-nodecard .g-pick { border-radius: 0; border-color: var(--sh-line); } +.g-nodecard .g-props { grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); align-items: stretch; gap: 12px; } +.g-nodecard .g-prop { height: 250px; display: flex; flex-direction: column; overflow: hidden; border: 1px solid var(--sh-line); border-radius: 0; box-shadow: none; } +.g-nodecard .g-prop-h { font-family: var(--sh-mono); font-size: 9.5px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--sh-steel); border-bottom: 1px solid var(--sh-line); } .g-nodecard .g-prop-b { flex: 1; min-height: 0; overflow-y: auto; } diff --git a/apps/web/src/features/gov-process/internal/panel.tsx b/apps/web/src/features/gov-process/internal/panel.tsx index e988da3..60ac5c4 100644 --- a/apps/web/src/features/gov-process/internal/panel.tsx +++ b/apps/web/src/features/gov-process/internal/panel.tsx @@ -761,13 +761,28 @@ function FlowLab({
点一条异常,定位到它的节点属性;清零后才可激活。
- {/* 右下:节点属性卡 —— 与流程图同宽;闭环(岗位/判据/映射)在这里决定 */} -
- + {/* 右下:节点属性(图纸卡,与流程图同宽)—— 闭环(岗位/判据/映射)在这里决定 */} +
+
+ 节点 · 属性 + {dirty ? '有改动待保存' : '点节点就地填写'} + +
+
+ {saveErr !== undefined && ( + + 保存失败: + {saveErr} + + )}
{nodes .filter((n) => n.kind !== 'start' && n.kind !== 'end' && n.kind !== 'end-bad') @@ -968,30 +983,9 @@ function FlowLab({ )}
- { - if (graph !== null) save.mutate({ graph, idMap: {} }); - }, - }, - ]} - /> - {saveErr !== undefined && ( - - 保存失败: - {saveErr} - - )} )} - +