From 307990d7b62854c15fb713f5a7bff3dab9e791e5 Mon Sep 17 00:00:00 2001
From: 666ghj <670939375@qq.com>
Date: Fri, 12 Dec 2025 18:51:08 +0800
Subject: [PATCH] Update profile display logic in Step2EnvSetup and modal
 components for consistency

- Changed profile display from 'realname' to 'username' and 'name' for better clarity and consistency across the application.
- Enhanced CSS for header alignment in multiple views, ensuring a centered layout for improved visual appeal.
---
 frontend/src/components/Step2EnvSetup.vue | 10 +++++-----
 frontend/src/views/MainView.vue           |  7 +++++++
 frontend/src/views/Process.vue            |  3 +++
 frontend/src/views/SimulationRunView.vue  |  8 ++++++++
 frontend/src/views/SimulationView.vue     |  7 +++++++
 5 files changed, 30 insertions(+), 5 deletions(-)

diff --git a/frontend/src/components/Step2EnvSetup.vue b/frontend/src/components/Step2EnvSetup.vue
index d49d419..659a0e6 100644
--- a/frontend/src/components/Step2EnvSetup.vue
+++ b/frontend/src/components/Step2EnvSetup.vue
@@ -90,8 +90,8 @@
                 @click="selectProfile(profile)"
               >
                 <div class="profile-header">
-                  <span class="profile-realname">{{ profile.realname || 'Unknown' }}</span>
-                  <span class="profile-username">@{{ profile.username || `agent_${idx}` }}</span>
+                  <span class="profile-realname">{{ profile.username || 'Unknown' }}</span>
+                  <span class="profile-username">@{{ profile.name || `agent_${idx}` }}</span>
                 </div>
                 <div class="profile-meta">
                   <span class="profile-profession">{{ profile.profession || '未知职业' }}</span>
@@ -535,8 +535,8 @@
           <div class="modal-header">
           <div class="modal-header-info">
             <div class="modal-name-row">
-              <span class="modal-realname">{{ selectedProfile.realname }}</span>
-              <span class="modal-username">@{{ selectedProfile.username }}</span>
+              <span class="modal-realname">{{ selectedProfile.username }}</span>
+              <span class="modal-username">@{{ selectedProfile.name }}</span>
             </div>
             <span class="modal-profession">{{ selectedProfile.profession }}</span>
           </div>
@@ -929,7 +929,7 @@ const fetchProfilesRealtime = async () => {
         lastLoggedProfileCount = currentCount
         const total = expectedTotal.value || '?'
         const latestProfile = profiles.value[currentCount - 1]
-        const profileName = latestProfile?.realname || latestProfile?.username || `Agent_${currentCount}`
+        const profileName = latestProfile?.name || latestProfile?.username || `Agent_${currentCount}`
         if (currentCount === 1) {
           addLog(`开始生成Agent人设...`)
         }
diff --git a/frontend/src/views/MainView.vue b/frontend/src/views/MainView.vue
index 2a152d9..46a2b16 100644
--- a/frontend/src/views/MainView.vue
+++ b/frontend/src/views/MainView.vue
@@ -424,6 +424,13 @@ onUnmounted(() => {
   padding: 0 24px;
   background: #FFF;
   z-index: 100;
+  position: relative;
+}
+
+.header-center {
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
 }
 
 .brand {
diff --git a/frontend/src/views/Process.vue b/frontend/src/views/Process.vue
index 952451a..5d1862e 100644
--- a/frontend/src/views/Process.vue
+++ b/frontend/src/views/Process.vue
@@ -1137,6 +1137,9 @@ onUnmounted(() => {
   display: flex;
   align-items: center;
   gap: 12px;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
 }
 
 .step-badge {
diff --git a/frontend/src/views/SimulationRunView.vue b/frontend/src/views/SimulationRunView.vue
index 1ea4083..a707220 100644
--- a/frontend/src/views/SimulationRunView.vue
+++ b/frontend/src/views/SimulationRunView.vue
@@ -330,6 +330,13 @@ onUnmounted(() => {
   padding: 0 24px;
   background: #FFF;
   z-index: 100;
+  position: relative;
+}
+
+.header-center {
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
 }
 
 .brand {
@@ -437,3 +444,4 @@ onUnmounted(() => {
   border-right: 1px solid #EAEAEA;
 }
 </style>
+
diff --git a/frontend/src/views/SimulationView.vue b/frontend/src/views/SimulationView.vue
index 1e218d6..752e55e 100644
--- a/frontend/src/views/SimulationView.vue
+++ b/frontend/src/views/SimulationView.vue
@@ -317,6 +317,7 @@ onMounted(async () => {
   padding: 0 24px;
   background: #FFF;
   z-index: 100;
+  position: relative;
 }
 
 .brand {
@@ -327,6 +328,12 @@ onMounted(async () => {
   cursor: pointer;
 }
 
+.header-center {
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+}
+
 .view-switcher {
   display: flex;
   background: #F5F5F5;