.vscode
bin
doc
running
ruoyi-admin
ruoyi-common
ruoyi-custom
ruoyi-framework
ruoyi-generator
ruoyi-quartz
ruoyi-system
ruoyi-ui
bin
build
public
src
api
assets
components
directive
layout
router
store
utils
views
components
custom
commision
contract
index.vue
order
dashboard
error
monitor
system
tool
index.vue
login.vue
redirect.vue
App.vue
main.js
permission.js
settings.js
.editorconfig
.env.development
.env.production
.env.staging
.eslintignore
.eslintrc.js
.gitignore
README.md
babel.config.js
package.json
vue.config.js
sql
.DS_Store
.gitignore
LICENSE
README.md
pom.xml
ry.sh
108 lines
2.7 KiB
Vue
108 lines
2.7 KiB
Vue
<template>
|
|
<div class="dashboard-editor-container">
|
|
|
|
<panel-group @handleSetLineChartData="handleSetLineChartData"/>
|
|
|
|
<el-row style="background:#fff;padding:16px 16px 0;margin-bottom:32px;">
|
|
<line-chart :chart-data="lineChartData"/>
|
|
</el-row>
|
|
|
|
<!-- <el-row :gutter="32">-->
|
|
<!-- <el-col :xs="24" :sm="24" :lg="8">-->
|
|
<!-- <div class="chart-wrapper">-->
|
|
<!-- <raddar-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>-->
|
|
|
|
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import PanelGroup from '@/views/dashboard/PanelGroup'
|
|
import LineChart from '@/views/dashboard/LineChart'
|
|
import RaddarChart from '@/views/dashboard/RaddarChart'
|
|
import PieChart from '@/views/dashboard/PieChart'
|
|
import BarChart from '@/views/dashboard/BarChart'
|
|
import Base64 from 'base-64';
|
|
import {searchToParams} from "../../../utils/ruoyi";
|
|
|
|
const lineChartData = {
|
|
newVisitis: {
|
|
expectedData: [100, 120, 161, 134, 105, 160, 165],
|
|
actualData: [120, 82, 91, 154, 162, 140, 145]
|
|
},
|
|
messages: {
|
|
expectedData: [200, 192, 120, 144, 160, 130, 140],
|
|
actualData: [180, 160, 151, 106, 145, 150, 130]
|
|
},
|
|
purchases: {
|
|
expectedData: [80, 100, 121, 104, 105, 90, 100],
|
|
actualData: [120, 90, 100, 138, 142, 130, 130]
|
|
},
|
|
shoppings: {
|
|
expectedData: [130, 140, 141, 142, 145, 150, 160],
|
|
actualData: [120, 82, 91, 154, 162, 140, 130]
|
|
}
|
|
}
|
|
|
|
let params = window.location.search.substring(1);
|
|
if(params){
|
|
params = Base64.decode( window.location.search.substring(1))
|
|
params = searchToParams((params));
|
|
}
|
|
console.log(params)
|
|
|
|
export default {
|
|
name: 'Index',
|
|
components: {
|
|
PanelGroup,
|
|
LineChart,
|
|
RaddarChart,
|
|
PieChart,
|
|
BarChart
|
|
},
|
|
data() {
|
|
return {
|
|
lineChartData: lineChartData.newVisitis
|
|
}
|
|
},
|
|
methods: {
|
|
handleSetLineChartData(type) {
|
|
this.lineChartData = lineChartData[type]
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.dashboard-editor-container {
|
|
padding: 32px;
|
|
background-color: rgb(240, 242, 245);
|
|
position: relative;
|
|
|
|
.chart-wrapper {
|
|
background: #fff;
|
|
padding: 16px 16px 0;
|
|
margin-bottom: 32px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 1024px) {
|
|
.chart-wrapper {
|
|
padding: 8px;
|
|
}
|
|
}
|
|
</style>
|