【<template>
<div> <el-row :gutter="10"> <el-col :xs="24" :sm="24" :md="24" :lg="24" class="row-spacing"> <el-card> <pane-head :route="route" /> </el-card> </el-col> <el-col :xs="24" :sm="24" :md="24" :lg="16" class="row-spacing"> <el-card style="padding: 20px"> <div class="title">{{ route.meta.title }}</div> <div style="height: 600px; width: 100%"> <div ref="chart" style="height: 100%; width: 100%"></div> </div> </el-card> </el-col> <el-col :xs="24" :sm="24" :md="24" :lg="8" class="row-spacing"> <el-card style="padding: 20px"> <div class="title">{{ route.meta.title }}</div> <div style="height: 600px; width: 100%; overflow-y: auto"> <TableFiveData :data="items" /> </div> </el-card> </el-col> </el-row> </div> </template> <script setup> import { onMounted, ref, nextTick } from "vue" import * as echart