| | |
| | | <div class="wms-dashboard"> |
| | | <!-- ç»è®¡å¡çåºå --> |
| | | <el-row :gutter="20" class="stats-card-row"> |
| | | <el-col :span="4"> |
| | | <el-col :span="3"> |
| | | <div class="stats-card"> |
| | | <div class="metric-icon"> |
| | | <el-icon :size="32"><Box /></el-icon> |
| | |
| | | <div class="card-value">{{ bigscreendata.unInBoundOrderCount }}</div> |
| | | </div> |
| | | </el-col> |
| | | <el-col :span="4"> |
| | | <el-col :span="3"> |
| | | <div class="stats-card"> |
| | | <div class="metric-icon"> |
| | | <el-icon :size="32"><Document /></el-icon> |
| | |
| | | <div class="card-value">{{ bigscreendata.unOutBoundOrderCount }}</div> |
| | | </div> |
| | | </el-col> |
| | | <el-col :span="4"> |
| | | <el-col :span="3"> |
| | | <div class="stats-card"> |
| | | <div class="metric-icon"> |
| | | <el-icon :size="32"><Download /></el-icon> |
| | |
| | | <div class="card-value">{{ bigscreendata.inboundCount }}</div> |
| | | </div> |
| | | </el-col> |
| | | <el-col :span="4"> |
| | | <el-col :span="3"> |
| | | <div class="stats-card"> |
| | | <div class="metric-icon"> |
| | | <el-icon :size="32"><Upload /></el-icon> |
| | |
| | | <div class="card-value">{{ bigscreendata.outboundCount }}</div> |
| | | </div> |
| | | </el-col> |
| | | <el-col :span="4"> |
| | | <el-col :span="3"> |
| | | <div class="stats-card"> |
| | | <div class="metric-icon"> |
| | | <el-icon :size="32"><Box /></el-icon> |
| | | <el-icon :size="32"><Goods /></el-icon> |
| | | </div> |
| | | <div class="card-title">æè´§æç®±</div> |
| | | <div class="card-value">{{ formatNumber(bigscreendata.inStockPallet) }}</div> |
| | | </div> |
| | | </el-col> |
| | | <el-col :span="4"> |
| | | <el-col :span="3"> |
| | | <div class="stats-card"> |
| | | <div class="metric-icon"> |
| | | <el-icon :size="32"><Box /></el-icon> |
| | | <el-icon :size="32"><Crop /></el-icon> |
| | | </div> |
| | | <div class="card-title">空箱æ°é</div> |
| | | <div class="card-value">{{ formatNumber(bigscreendata.freeStockPallet) }}</div> |
| | | </div> |
| | | </el-col> |
| | | <el-col :span="3"> |
| | | <div class="stats-card"> |
| | | <div class="metric-icon"> |
| | | <el-icon :size="32"><Grid /></el-icon> |
| | | </div> |
| | | <div class="card-title">æ»åºä½</div> |
| | | <div class="card-value">{{ bigscreendata.totalLocation }}</div> |
| | | </div> |
| | | </el-col> |
| | | <el-col :span="3"> |
| | | <div class="stats-card"> |
| | | <div class="metric-icon"> |
| | | <el-icon :size="32"><Warning /></el-icon> |
| | | </div> |
| | | <div class="card-title">ç¦ç¨åºä½</div> |
| | | <div class="card-value">{{ bigscreendata.disableLocation }}</div> |
| | | </div> |
| | | </el-col> |
| | | </el-row> |
| | | |
| | | <!-- å¾è¡¨åºåï¼ç¬¬ä¸è¡ï¼ --> |