全局映入echarts

This commit is contained in:
仲么了
2024-01-12 09:55:55 +08:00
parent 2179999b04
commit d6d163150a
5 changed files with 9 additions and 7 deletions

View File

@@ -4,7 +4,9 @@
<script setup lang="ts"> <script setup lang="ts">
import { onBeforeUnmount, onMounted, ref, defineExpose, watch } from 'vue' import { onBeforeUnmount, onMounted, ref, defineExpose, watch } from 'vue'
import echarts from './echarts' // import echarts from './echarts'
import * as echarts from 'echarts'; // 全引入
import 'echarts/lib/component/dataZoom' import 'echarts/lib/component/dataZoom'
const chartRef = ref<HTMLDivElement>() const chartRef = ref<HTMLDivElement>()

View File

@@ -92,9 +92,9 @@ const init = async () => {
id: 1, id: 1,
pid: 3, pid: 3,
type: 'menu', type: 'menu',
title: '审计列表', title: '图表1',
name: 'comptroller/list', name: 'comptroller/list1',
path: 'comptroller/list', path: 'comptroller/list1',
icon: 'el-icon-List', icon: 'el-icon-List',
menu_type: 'tab', menu_type: 'tab',
url: '', url: '',

View File

@@ -27,7 +27,7 @@
<DatePicker ref='datePickerRef'></DatePicker> <DatePicker ref='datePickerRef'></DatePicker>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button type='primary' @click='search' icon='el-icon-search'>查询</el-button> <el-button type='primary' @click='search' icon='el-icon-Search'>查询</el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
<el-empty description='暂无数据' v-if='!echartsData' style='flex: 1'></el-empty> <el-empty description='暂无数据' v-if='!echartsData' style='flex: 1'></el-empty>

View File

@@ -44,7 +44,7 @@
<DatePicker ref="datePickerRef"></DatePicker> <DatePicker ref="datePickerRef"></DatePicker>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button type="primary" icon="el-icon-search" @click="handleClick">查询</el-button> <el-button type="primary" icon="el-icon-Search" @click="handleClick">查询</el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
<div style="overflow: auto" :style="{ height: tableHeight }" v-loading="tableLoading"> <div style="overflow: auto" :style="{ height: tableHeight }" v-loading="tableLoading">

View File

@@ -5,7 +5,7 @@
<DatePicker ref="datePickerRef" v-if="dialogVisible"></DatePicker> <DatePicker ref="datePickerRef" v-if="dialogVisible"></DatePicker>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button type="primary" icon="el-icon-search" @click="init">查询</el-button> <el-button type="primary" icon="el-icon-Search" @click="init">查询</el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
<MyEchart :options="echartsData" v-if="echartsData" style="flex: 1" /> <MyEchart :options="echartsData" v-if="echartsData" style="flex: 1" />