UI: 去掉定价框+工具栏醒目+冻结
Some checks failed
PR Preview / teardown-preview (pull_request) Has been skipped
Test / unit-test (push) Successful in 5s
Test / build-check (push) Successful in 4s
PR Preview / test (pull_request) Successful in 5s
PR Preview / deploy-preview (pull_request) Successful in 16s
Test / e2e-test (push) Has been cancelled

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

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-04-11 09:48:46 +00:00
parent d041c8ed6f
commit b7315219c7

View File

@@ -7,10 +7,12 @@
</div>
<!-- Project List -->
<div class="toolbar">
<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">
<!-- Demo project (first one, or fallback) -->
@@ -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 {