multiStoreAdmin/src/views/workbench/delivery/index.vue

<!-- 业绩统计 -->
<!-- 业绩统计 -->
<!-- 业绩统计 -->
<!-- 业绩统计 -->
<!-- 业绩统计 -->
<template>
    <el-card>
        <template #header>
            配送订单统计
        </template>
        <v-charts style="height: 350px" :option="sendOption" :autoresize="true" />
    </el-card>

    <el-card>
        <template #header>
            配送订单统计
        </template>
        <sendData></sendData>
    </el-card>
</template>

<script lang="ts" setup>
import { ref, reactive } from "vue"
import vCharts from 'vue-echarts'
import sendData from "../components/sendData.vue"




const sendOption = reactive({
    tooltip: {
        trigger: 'axis'
    },
    xAxis: {
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    },
    yAxis: {
        type: 'value'
    },
    series: [
        {
            data: [820, 932, 901, 934, 1290, 1330, 1320],
            type: 'line',
            smooth: true
        },
        {
            data: [820, 932, 901, 934, 1290, 1330, 1320],
            type: 'line',
            smooth: true
        }
    ]

})


</script>