feat: 商业核算+个人库存+认证优化 #23
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user