From 783774d3f3d01572f0949106f51cb36e48d3841b Mon Sep 17 00:00:00 2001
From: fengxiangdebaozi <10845145+fengxiangdebaozi@user.noreply.gitee.com>
Date: Tue, 21 Jul 2026 19:30:55 +0800
Subject: [PATCH] fix(position-roundtable): align header controls

---
 .../pages/PositionRoundtablePage.tsx          | 28 ++++++++-----------
 1 file changed, 12 insertions(+), 16 deletions(-)

diff --git a/frontend-web/src/position-roundtable/pages/PositionRoundtablePage.tsx b/frontend-web/src/position-roundtable/pages/PositionRoundtablePage.tsx
index c0911b62..beb32ddc 100644
--- a/frontend-web/src/position-roundtable/pages/PositionRoundtablePage.tsx
+++ b/frontend-web/src/position-roundtable/pages/PositionRoundtablePage.tsx
@@ -448,8 +448,8 @@ export default function PositionRoundtablePage() {
         isDark && "roundtable-planning--dark",
       )}
     >
-      <header className="z-10 flex h-16 shrink-0 items-center justify-between gap-4 border-b border-slate-200 bg-white px-5 shadow-sm dark:border-[#2b8ffe]/45 dark:bg-[#032650]/85">
-        <div className="flex min-w-0 items-center gap-3">
+      <header className="z-10 flex h-16 shrink-0 items-center justify-between gap-3 border-b border-slate-200 bg-white px-5 shadow-sm dark:border-[#2b8ffe]/45 dark:bg-[#032650]/85">
+        <div className="flex min-w-0 flex-1 items-center gap-3">
           <span className="flex size-9 shrink-0 items-center justify-center rounded-xl bg-primary/10 text-primary">
             <UserRoundCog className="size-5" />
           </span>
@@ -477,11 +477,14 @@ export default function PositionRoundtablePage() {
           )}
         </div>
 
-        <div className="flex items-center gap-2">
-          <div className="hidden items-center gap-2 lg:flex">
-            <span className="text-xs font-medium text-muted-foreground">模拟任务</span>
+        <div className="flex shrink-0 items-center gap-2">
+          <div className="hidden shrink-0 items-center gap-2 lg:flex">
+            <span className="shrink-0 whitespace-nowrap text-xs font-medium text-muted-foreground">
+              模拟任务
+            </span>
             <TSelect
               className="w-[240px]"
+              style={{ width: 240, minWidth: 240, flex: "0 0 240px" }}
               value={task.id}
               options={MOCK_POSITION_TASKS.map((mockTask) => ({
                 label: mockTask.title,
@@ -493,6 +496,7 @@ export default function PositionRoundtablePage() {
           <TButton
             size="small"
             variant="outline"
+            className="shrink-0 whitespace-nowrap"
             icon={<Plus className="size-3.5" />}
             onClick={handleCreateNewSession}
           >
@@ -502,17 +506,19 @@ export default function PositionRoundtablePage() {
             <TButton
               size="small"
               variant="outline"
+              className="shrink-0 whitespace-nowrap"
               icon={<Archive className="size-3.5" />}
               onClick={handleArchiveSession}
             >
               归档
             </TButton>
           )}
-          <span className="hidden text-xs font-medium text-muted-foreground sm:inline">
+          <span className="hidden shrink-0 whitespace-nowrap text-xs font-medium text-muted-foreground sm:inline">
             当前岗位
           </span>
           <TSelect
             className="w-[210px]"
+            style={{ width: 210, minWidth: 210, flex: "0 0 210px" }}
             value={positionId}
             options={POSITIONS.map((position) => ({
               label: position.name,
@@ -726,11 +732,6 @@ function TaskInformationCard({ task }: { task: PositionTask }) {
         <h2 className="text-sm font-semibold tracking-wide text-slate-900 dark:text-[#e8edf5]">
           任务信息
         </h2>
-        {task.source === "mock" && (
-          <span className="ml-auto rounded-full bg-violet-500/10 px-2 py-0.5 text-[10px] font-semibold text-violet-700 dark:text-violet-300">
-            模拟数据
-          </span>
-        )}
       </div>
       <div className="space-y-3">
         <div>
@@ -757,11 +758,6 @@ function TaskInformationCard({ task }: { task: PositionTask }) {
             {desensitize(task.direction)}
           </span>
         </div>
-        {task.id && (
-          <p className="truncate border-t border-slate-100 pt-2 text-[10px] text-slate-400 dark:border-[#2b8ffe]/20 dark:text-[#7595be]">
-            #{task.id}
-          </p>
-        )}
       </div>
     </section>
   );