vue cli3 改造完成

This commit is contained in:
dqjdda
2019-11-20 21:12:47 +08:00
parent 2e7cce299c
commit e096447c2e
267 changed files with 3678 additions and 3130 deletions

View File

@@ -1,10 +1,30 @@
<template>
<div class="dashboard-container">
<div class="dashboard-editor-container">
<panel-group/>
<panel-group />
<el-row style="background:#fff;padding:16px 16px 0;margin-bottom:32px;">
<line-chart/>
<line-chart />
</el-row>
<el-row :gutter="32">
<el-col :xs="24" :sm="24" :lg="8">
<div class="chart-wrapper">
<radar-chart />
</div>
</el-col>
<el-col :xs="24" :sm="24" :lg="8">
<div class="chart-wrapper">
<pie-chart />
</div>
</el-col>
<el-col :xs="24" :sm="24" :lg="8">
<div class="chart-wrapper">
<bar-chart />
</div>
</el-col>
</el-row>
<!-- <el-row style="background:#fff;padding:16px 16px 0;margin-bottom:32px;">-->
<!-- <heat-map/>-->
<!-- </el-row>-->
<!-- <el-row :gutter="32">-->
<!-- <el-col :xs="24" :sm="24" :lg="8">-->
<!-- <div class="chart-wrapper">-->
@@ -13,35 +33,15 @@
<!-- </el-col>-->
<!-- <el-col :xs="24" :sm="24" :lg="8">-->
<!-- <div class="chart-wrapper">-->
<!-- <pie-chart/>-->
<!-- <sunburst/>-->
<!-- </div>-->
<!-- </el-col>-->
<!-- <el-col :xs="24" :sm="24" :lg="8">-->
<!-- <div class="chart-wrapper">-->
<!-- <bar-chart/>-->
<!-- <gauge/>-->
<!-- </div>-->
<!-- </el-col>-->
<!-- </el-row>-->
<!-- <el-row style="background:#fff;padding:16px 16px 0;margin-bottom:32px;">-->
<!-- <heat-map/>-->
<!-- </el-row>-->
<el-row :gutter="32">
<el-col :xs="24" :sm="24" :lg="8">
<div class="chart-wrapper">
<radar-chart/>
</div>
</el-col>
<el-col :xs="24" :sm="24" :lg="8">
<div class="chart-wrapper">
<sunburst/>
</div>
</el-col>
<el-col :xs="24" :sm="24" :lg="8">
<div class="chart-wrapper">
<gauge/>
</div>
</el-col>
</el-row>
<!-- <el-row :gutter="12">-->
<!-- <el-col :span="12">-->
<!-- <div class="chart-wrapper">-->
@@ -96,22 +96,22 @@
import { mapGetters } from 'vuex'
import PanelGroup from './dashboard/PanelGroup'
import LineChart from './dashboard/LineChart'
import RadarChart from './dashboard/RadarChart'
import PieChart from './dashboard/PieChart'
import BarChart from './dashboard/BarChart'
import RadarChart from '@/components/Echarts/RadarChart'
import PieChart from '@/components/Echarts/PieChart'
import BarChart from '@/components/Echarts/BarChart'
import { count } from '@/api/visits'
import HeatMap from './dashboard/HeatMap'
import Funnel from './dashboard/Funnel'
import Gauge from './dashboard/Gauge'
import Rich from './dashboard/Rich'
import ThemeRiver from './dashboard/ThemeRiver'
import Sunburst from './dashboard/Sunburst'
import Graph from './dashboard/Graph'
import Sankey from './dashboard/Sankey'
import Scatter from './dashboard/Scatter'
import Line3D from './dashboard/Line3D'
import Category from './dashboard/Category'
import Point from './dashboard/Point'
// import HeatMap from './dashboard/HeatMap'
// import Funnel from './dashboard/Funnel'
// import Gauge from './dashboard/Gauge'
// import Rich from './dashboard/Rich'
// import ThemeRiver from './dashboard/ThemeRiver'
// import Sunburst from './dashboard/Sunburst'
// import Graph from './dashboard/Graph'
// import Sankey from './dashboard/Sankey'
// import Scatter from './dashboard/Scatter'
// import Line3D from './dashboard/Line3D'
// import Category from './dashboard/Category'
// import Point from './dashboard/Point'
/**
* 记录访问,只有页面刷新或者第一次加载才会记录
@@ -122,22 +122,22 @@ count().then(res => {
export default {
name: 'Dashboard',
components: {
Point,
Category,
Graph,
HeatMap,
// Point,
// Category,
// Graph,
// HeatMap,
PanelGroup,
LineChart,
RadarChart,
PieChart,
Funnel,
Sunburst,
Gauge,
Rich,
ThemeRiver,
Sankey,
Line3D,
Scatter,
// Funnel,
// Sunburst,
// Gauge,
// Rich,
// ThemeRiver,
// Sankey,
// Line3D,
// Scatter,
BarChart
},
computed: {