| | |
| | | v-for="item in statItems" |
| | | :key="item.name" |
| | | class="stat-card" |
| | | @click="handleClick(item)" |
| | | > |
| | | <img src="@/assets/BI/icon@2x.png" alt="图标" class="card-icon" /> |
| | | <div class="card-content"> |
| | |
| | | |
| | | <script setup> |
| | | import { ref, onMounted } from 'vue' |
| | | import { useRouter } from 'vue-router' |
| | | import { orderCount } from '@/api/viewIndex.js' |
| | | |
| | | const router = useRouter() |
| | | |
| | | |
| | | const statItems = ref([]) |
| | | |
| | |
| | | console.error('获取订单数量统计失败:', err) |
| | | }) |
| | | } |
| | | const handleClick = (item) => { |
| | | // 点击跳转页面 |
| | | console.log('点击了', item) |
| | | router.push({ |
| | | path: '/productionManagement/productionOrder', |
| | | query: { |
| | | name: item.name, |
| | | } |
| | | }) |
| | | } |
| | | |
| | | onMounted(() => { |
| | | fetchData() |
| | |
| | | } |
| | | |
| | | .stat-card { |
| | | cursor: pointer; |
| | | flex: 1; |
| | | display: flex; |
| | | align-items: center; |