ZN
10 天以前 5fc4e0f0cd2554eeaa911384ed87373aa4ee3c5f
src/views/reportAnalysis/productionAnalysis/components/center-top.vue
@@ -6,6 +6,7 @@
        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">
@@ -25,7 +26,11 @@
<script setup>
import { ref, onMounted } from 'vue'
import { salesPurchaseStorageProductCount } from '@/api/viewIndex.js'
import { useRouter } from 'vue-router'
import { orderCount } from '@/api/viewIndex.js'
const router = useRouter()
const statItems = ref([])
@@ -37,7 +42,7 @@
const compareClass = (val) => (val >= 0 ? 'compare-up' : 'compare-down')
const fetchData = () => {
  salesPurchaseStorageProductCount()
  orderCount()
    .then((res) => {
      if (res.code === 200 && Array.isArray(res.data)) {
        statItems.value = res.data.map((item) => ({
@@ -48,8 +53,18 @@
      }
    })
    .catch((err) => {
      console.error('获取销售/采购/储存产品数失败:', err)
      console.error('获取订单数量统计失败:', err)
    })
}
const handleClick = (item) => {
  // 点击跳转页面
  console.log('点击了', item)
  router.push({
    path: '/productionManagement/productionOrder',
    query: {
      name: item.name,
    }
  })
}
onMounted(() => {
@@ -64,6 +79,7 @@
}
.stat-card {
  cursor: pointer;
  flex: 1;
  display: flex;
  align-items: center;
@@ -97,7 +113,7 @@
.card-label {
  font-weight: 400;
  font-size: 19px;
  font-size: 16px;
  color: rgba(208, 231, 255, 0.7);
}