| | |
| | | </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, |
| | |
| | | // 最近活动 |
| | | const recentActivities = ref([ |
| | | { |
| | | time: '2024-12-01 18:30', |
| | | time: '2025-12-01 18:30', |
| | | content: '新增采购订单 PO20241201004', |
| | | type: 'primary' |
| | | }, |
| | | { |
| | | time: '2024-12-01 17:45', |
| | | time: '2025-12-01 17:45', |
| | | content: '完成质检单 QI20241201002', |
| | | type: 'success' |
| | | }, |
| | | { |
| | | time: '2024-12-01 16:20', |
| | | time: '2025-12-01 16:20', |
| | | content: '到货单 AR20241201003 已收货', |
| | | type: 'success' |
| | | }, |
| | | { |
| | | time: '2024-12-01 15:15', |
| | | time: '2025-12-01 15:15', |
| | | content: '价格调整:商品B 从 ¥80 调整为 ¥75', |
| | | type: 'warning' |
| | | }, |
| | | { |
| | | time: '2024-12-01 14:30', |
| | | time: '2025-12-01 14:30', |
| | | content: '退货单 RT20241201003 已审核', |
| | | type: 'info' |
| | | } |