| | |
| | | </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> |
| | |
| | | </el-radio-group> |
| | | </div> |
| | | <div class="quality-cards"> |
| | | <div class="quality-card one">原材料已检测数 <span>{{ qualityStatisticsObject.supplierNum }}件</span></div> |
| | | <div class="quality-card two">过程检验数量 <span>{{ qualityStatisticsObject.processNum }}件</span></div> |
| | | <div class="quality-card three">出厂已检数量 <span>{{ qualityStatisticsObject.factoryNum }}件</span></div> |
| | | <div class="quality-card one">入厂检测数 <span>{{ qualityStatisticsObject.supplierNum }}件</span></div> |
| | | <div class="quality-card two">车间检测数 <span>{{ qualityStatisticsObject.processNum }}件</span></div> |
| | | <div class="quality-card three">出厂检数 <span>{{ qualityStatisticsObject.factoryNum }}件</span></div> |
| | | </div> |
| | | <Echarts ref="chart" :chartStyle="chartStyle" :grid="grid" :legend="barLegend" :series="barSeries1" |
| | | :tooltip="tooltip" :xAxis="xAxis1" :yAxis="yAxis1" style="height: 260px"></Echarts> |
| | |
| | | |
| | | 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 { |