cas_cloud_web/src/views/admin/research/index.vue

<script setup>
import StatisticsPanel from "@/views/components/StatisticsPanel.vue";
import { ref } from "vue";
import { getResearchStatistic } from "@/api/admin/research/home";

const statisticsList = ref([
  {
    label: "专利数量",
    value: 32,
    unit: "项",
  },
  {
    label: "成果数量",
    value: 13,
    unit: "个",
  },
  {
    label: "专家数量",
    value: 1,
    unit: "位",
  },
  {
    label: "实验室数量",
    value: 6,
    unit: "家",
  },
]);

const loadResearchStatisticsData = () => {
  getResearchStatistic().then((resp) => {
    console.log(resp);
  });
};

loadResearchStatisticsData();
</script>

<template>
  <div class="app-container">
    <statistics-panel :list="statisticsList" />
  </div>
</template>

<style lang="scss" scoped></style>