forked from drone/command-center-dashboard

罗广辉
2025-03-31 1f87fb419f4ad6521e230d5404165a3cc0dbdba6
src/views/Home/components/HomeLeft/InspectionRaskDetails.vue
@@ -9,7 +9,7 @@
  <div class="inspection-rask-details">
    <div class="inspection-num">
      <div class="total">
        <div class="value">88</div>
        <div class="value">{{total}}</div>
        <div class="name">总任务数</div>
      </div>
      <div class="status">
@@ -29,6 +29,7 @@
import { pxToRem } from '@/utils/rem';
import CommonTitle from '@/components/CommonTitle.vue';
import CommonDateTime from '@/components/CommonDateTime.vue';
import { getJobStatistics, getTotalJobNum } from '@/api/home';
const list = ref([
  { name: '计划执行', value: 89, color: '#FFFFFF' },
@@ -37,15 +38,6 @@
  { name: '已执行', value: 10, color: '#8EFFAC' },
  { name: '执行失败', value: 10, color: '#FF8E8E' },
]);
const detailsFun = () => {
  console.log('details');
};
const chartRef = ref(null);
onMounted(() => {
  const chart = echarts.init(chartRef.value);
  const option = {
    grid: {
      top: '15%',
@@ -147,8 +139,21 @@
    ],
  };
  chart.setOption(option);
const detailsFun = () => {
  console.log('details');
};
const chartRef = ref(null);
const total = ref(0);
onMounted(() => {
  getTotalJobNum().then(res => {
    total.value = res.data?.data || 0
  })
  getJobStatistics().then(res => {
  })
  const chart = echarts.init(chartRef.value);
  chart.setOption(option);
  // 监听窗口大小变化
  window.addEventListener('resize', () => {
    chart.resize();
@@ -182,6 +187,7 @@
      font-weight: 500;
      font-size: 14px;
      color: #ffffff;
      text-align: center;
      font-family: Source Han Sans CN, Source Han Sans CN;
      line-height: 19px;
      .value {