From b7315219c71078c0e27b49e683a470c12a66bc38 Mon Sep 17 00:00:00 2001
From: Hera Zhao <hera@euphon.net>
Date: Sat, 11 Apr 2026 09:48:46 +0000
Subject: [PATCH] =?UTF-8?q?UI:=20=E5=8E=BB=E6=8E=89=E5=AE=9A=E4=BB=B7?=
 =?UTF-8?q?=E6=A1=86+=E5=B7=A5=E5=85=B7=E6=A0=8F=E9=86=92=E7=9B=AE+?=
 =?UTF-8?q?=E5=86=BB=E7=BB=93?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 去掉重复的定价框（用下面的售价）
- 工具栏绿色背景+底边框，视觉独立
- 下拉时工具栏sticky冻结在顶部

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 frontend/src/views/Projects.vue | 28 ++++++++++++++++------------
 1 file changed, 16 insertions(+), 12 deletions(-)

diff --git a/frontend/src/views/Projects.vue b/frontend/src/views/Projects.vue
index af5c5e5..d57be61 100644
--- a/frontend/src/views/Projects.vue
+++ b/frontend/src/views/Projects.vue
@@ -7,9 +7,11 @@
     </div>
 
     <!-- Project List -->
-    <div class="toolbar">
-      <h3 class="page-title">📊 服务项目成本利润分析</h3>
-      <button class="btn-primary btn-sm" @click="handleCreateProject">+ 新增项目</button>
+    <div class="toolbar-sticky">
+      <div class="toolbar-inner">
+        <h3 class="page-title">📊 服务项目成本利润分析</h3>
+        <button class="btn-primary btn-sm" @click="handleCreateProject">+ 新增项目</button>
+      </div>
     </div>
 
     <div v-if="!selectedProject" class="project-list">
@@ -108,13 +110,6 @@
           <span class="total-price">{{ oils.fmtPrice(materialCost) }}</span>
         </div>
 
-        <!-- Pricing -->
-        <div class="pricing-inline">
-          <div class="price-field">
-            <label>定价 ¥</label>
-            <input v-model.number="selectedProject.selling_price" type="number" class="price-input" placeholder="/次" @change="saveProject" />
-          </div>
-        </div>
       </div>
 
       <!-- Pricing Section -->
@@ -511,11 +506,20 @@ function formatDate(d) {
   font-size: 10px; background: #fff3e0; color: #e65100; padding: 2px 8px; border-radius: 8px;
 }
 
-.toolbar {
+.toolbar-sticky {
+  position: sticky;
+  top: 0;
+  z-index: 20;
+  background: linear-gradient(135deg, #f0faf5 0%, #e8f0e8 100%);
+  margin: 0 -12px;
+  padding: 0 12px;
+  border-bottom: 1.5px solid #d4e8d4;
+}
+.toolbar-inner {
   display: flex;
   align-items: center;
   justify-content: space-between;
-  margin-bottom: 16px;
+  padding: 12px 0;
 }
 
 .page-title {