hera/oil-formula-calculator
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

UI: 消耗分析移到配方总成本下面
Some checks failed
PR Preview / teardown-preview (pull_request) Has been skipped
Details
Test / unit-test (push) Successful in 6s
Details
Test / build-check (push) Successful in 4s
Details
PR Preview / test (pull_request) Successful in 5s
Details
PR Preview / deploy-preview (pull_request) Successful in 14s
Details
Test / e2e-test (push) Has been cancelled
Details

Browse Source 
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Hera Zhao
2026-04-11 10:00:02 +00:00
parent d3e3b89701
commit 51e70e5bca
1 changed files with 20 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
frontend/src/views/Projects.vue
View File

@@ -110,6 +110,26 @@
<span class="total-price">{{ oils.fmtPrice(materialCost) }}</span> <span class="total-price">{{ oils.fmtPrice(materialCost) }}</span>
</div> </div>
<!-- Consumption Analysis -->
<div v-if="consumptionData.length" class="consumption-section" style="margin-top:12px">
<h4>🧪 消耗分析</h4>
<table class="consumption-table">
<thead>
<tr><th>精油</th><th>单次用量</th><th>瓶装容量</th><th>可做次数</th></tr>
</thead>
<tbody>
<tr v-for="c in consumptionData" :key="c.oil" :class="{ 'limit-oil': c.isLimit }">
<td>{{ c.oil }}</td>
<td>{{ c.drops }}滴</td>
<td>{{ c.bottleDrops }}滴</td>
<td>{{ c.sessions }}次</td>
</tr>
</tbody>
</table>
<div class="consumption-summary">
<span>⚠️ <strong>{{ limitingOil }}</strong> 最先消耗完，最多可做 <strong>{{ maxSessions }}</strong> 次</span>
</div>
</div>
</div> </div>
<!-- Pricing Section --> <!-- Pricing Section -->
@@ -186,27 +206,6 @@
</div> </div>
</div> </div>
<!-- Consumption Analysis -->
<div v-if="consumptionData.length" class="consumption-section">
<h4>🧪 消耗分析</h4>
<table class="consumption-table">
<thead>
<tr><th>精油</th><th>单次用量</th><th>瓶装容量</th><th>可做次数</th></tr>
</thead>
<tbody>
<tr v-for="c in consumptionData" :key="c.oil" :class="{ 'limit-oil': c.isLimit }">
<td>{{ c.oil }}</td>
<td>{{ c.drops }}滴</td>
<td>{{ c.bottleDrops }}滴</td>
<td>{{ c.sessions }}次</td>
</tr>
</tbody>
</table>
<div class="consumption-summary">
<span>⚠️ <strong>{{ limitingOil }}</strong> 最先消耗完，最多可做 <strong>{{ maxSessions }}</strong> 次</span>
</div>
</div>
<!-- Notes --> <!-- Notes -->
<div class="notes-section"> <div class="notes-section">
<h4>📝 备注</h4> <h4>📝 备注</h4>