| | |
| | | </el-col> |
| | | |
| | | <el-col :span="8"> |
| | | <el-card class="module-card" shadow="hover" @click="navigateTo('/procurementManagement/procurementPlan')"> |
| | | <div class="card-content"> |
| | | <div class="card-icon"> |
| | | <el-icon size="48" color="#9C27B0"><Calendar /></el-icon> |
| | | </div> |
| | | <div class="card-info"> |
| | | <h3>采购计划</h3> |
| | | <p>智能采购计划配置,自动计算采购需求,考虑库存和安全库存</p> |
| | | <div class="card-stats"> |
| | | <span>活跃计划: {{ stats.activePlans }}</span> |
| | | <span>待计算: {{ stats.pendingCalculations }}</span> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </el-card> |
| | | </el-col> |
| | | </el-row> |
| | | |
| | | <el-row :gutter="20" class="module-cards"> |
| | | <el-col :span="8"> |
| | | <el-card class="module-card" shadow="hover" @click="navigateTo('/procurementManagement/procurementLedger')"> |
| | | <div class="card-content"> |
| | | <div class="card-icon"> |
| | |
| | | <div class="card-stats"> |
| | | <span>总订单: {{ stats.totalOrders }}</span> |
| | | <span>总金额: ¥{{ stats.totalAmount.toFixed(2) }}</span> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </el-card> |
| | | </el-col> |
| | | |
| | | <el-col :span="8"> |
| | | <el-card class="module-card" shadow="hover" @click="navigateTo('/procurementManagement/procurementReport')"> |
| | | <div class="card-content"> |
| | | <div class="card-icon"> |
| | | <el-icon size="48" color="#FF6B6B"><TrendCharts /></el-icon> |
| | | </div> |
| | | <div class="card-info"> |
| | | <h3>采购报表</h3> |
| | | <p>采购订单执行汇总、明细分析、业务统计、供应商供货汇总</p> |
| | | <div class="card-stats"> |
| | | <span>报表类型: 4种</span> |
| | | <span>数据更新: 实时</span> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | <script setup> |
| | | import { ref, onMounted } from 'vue' |
| | | import { useRouter } from 'vue-router' |
| | | import { Document, Box, Search, RefreshLeft, Money, List } from '@element-plus/icons-vue' |
| | | import { Document, Box, Search, RefreshLeft, Money, List, Calendar, TrendCharts } from '@element-plus/icons-vue' |
| | | |
| | | const router = useRouter() |
| | | |
| | |
| | | approvedReturns: 3, |
| | | activePrices: 45, |
| | | pendingPrices: 2, |
| | | activePlans: 8, |
| | | pendingCalculations: 3, |
| | | totalOrders: 30, |
| | | totalAmount: 125.8, |
| | | avgDeliveryTime: 7, |