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
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:
@@ -7,9 +7,11 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Project List -->
|
<!-- Project List -->
|
||||||
<div class="toolbar">
|
<div class="toolbar-sticky">
|
||||||
<h3 class="page-title">📊 服务项目成本利润分析</h3>
|
<div class="toolbar-inner">
|
||||||
<button class="btn-primary btn-sm" @click="handleCreateProject">+ 新增项目</button>
|
<h3 class="page-title">📊 服务项目成本利润分析</h3>
|
||||||
|
<button class="btn-primary btn-sm" @click="handleCreateProject">+ 新增项目</button>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div v-if="!selectedProject" class="project-list">
|
<div v-if="!selectedProject" class="project-list">
|
||||||
@@ -108,13 +110,6 @@
|
|||||||
<span class="total-price">{{ oils.fmtPrice(materialCost) }}</span>
|
<span class="total-price">{{ oils.fmtPrice(materialCost) }}</span>
|
||||||
</div>
|
</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>
|
</div>
|
||||||
|
|
||||||
<!-- Pricing Section -->
|
<!-- Pricing Section -->
|
||||||
@@ -511,11 +506,20 @@ function formatDate(d) {
|
|||||||
font-size: 10px; background: #fff3e0; color: #e65100; padding: 2px 8px; border-radius: 8px;
|
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;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
margin-bottom: 16px;
|
padding: 12px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.page-title {
|
.page-title {
|
||||||
|
|||||||
Reference in New Issue
Block a user