| | |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="top-middle2"> |
| | | <div class="data-card consumables"> |
| | | <div class="data-title">耗材数据</div> |
| | | <div class="data-num"> |
| | | <div> |
| | | <div class="data-desc">当前耗材总量/件</div> |
| | | <div class="data-value">{{ businessInfo.consumablesQuantityTotal || 0 }}</div> |
| | | </div> |
| | | <div> |
| | | <div class="data-desc">今日耗材入库/件</div> |
| | | <div class="data-value">{{ businessInfo.consumablesTodayNum || 0 }}</div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="top-right"> |
| | | <div class="todo-panel"> |
| | | <div class="section-title">待办事项</div> |
| | |
| | | |
| | | const businessInfo = ref({ |
| | | inventoryNum: 0, |
| | | consumablesQuantityTotal: 0, |
| | | monthPurchaseHaveMoney: 0, |
| | | monthPurchaseMoney: 0, |
| | | monthSaleHaveMoney: 0, |
| | | monthSaleMoney: 0, |
| | | todayInventoryNum: 0, |
| | | consumablesTodayNum: 0, |
| | | }) |
| | | const qualityStatisticsObject = ref({ |
| | | supplierNum: 0, |
| | |
| | | background-repeat: no-repeat; |
| | | } |
| | | |
| | | .data-card.consumables { |
| | | background: linear-gradient(135deg, #f59e0b 0%, #f97316 100%); |
| | | } |
| | | |
| | | .data-desc { |
| | | font-weight: 500; |
| | | font-size: 16px; |
| | |
| | | |
| | | .top-left, |
| | | .top-middle, |
| | | .top-middle2, |
| | | .top-right { |
| | | flex: 1; |
| | | display: flex; |
| | | min-width: 0; |
| | | } |
| | | |
| | | .dashboard-top { |
| | | gap: 12px; |
| | | } |
| | | |
| | | .todo-panel { |