You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
92 lines
2.3 KiB
92 lines
2.3 KiB
<template>
|
|
<el-row :gutter="40" class="panel-group">
|
|
<el-col v-for="i in list" :key="i.id" :xs="12" :sm="12" :lg="6">
|
|
<panel-group-item v-bind="i" @click.native="jump(i)"/>
|
|
</el-col>
|
|
</el-row>
|
|
</template>
|
|
|
|
<script>
|
|
import PanelGroupItem from './PanelGroupItem'
|
|
import variables from '@/asset/style/variables.scss'
|
|
import {getFourBlock} from '@/api/statistic'
|
|
import {isEmpty} from "@/util"
|
|
import {auth} from "@/util/auth"
|
|
|
|
export default {
|
|
name: 'panelGroup',
|
|
|
|
components: {PanelGroupItem},
|
|
|
|
data() {
|
|
return {
|
|
loading: false,
|
|
list: [
|
|
{
|
|
id: 'online',
|
|
path: '/system/user',
|
|
icon: 'svg-user',
|
|
color: variables.info,
|
|
value: 0,
|
|
text: '在线用户'
|
|
},
|
|
{
|
|
id: 'purchase',
|
|
path: '/doc/purchase/order',
|
|
icon: 'svg-shopping',
|
|
color: variables.primary,
|
|
value: 0,
|
|
text: '今日采购额'
|
|
},
|
|
{
|
|
id: 'sell',
|
|
path: '/doc/sell/order',
|
|
icon: 'svg-sell',
|
|
color: variables.warning,
|
|
value: 0,
|
|
text: '今日销售额'
|
|
},
|
|
{
|
|
id: 'profit',
|
|
icon: 'svg-money',
|
|
color: variables.success,
|
|
value: 0,
|
|
text: '今日毛利润'
|
|
},
|
|
]
|
|
}
|
|
},
|
|
|
|
methods: {
|
|
init() {
|
|
if (this.loading) return
|
|
this.loading = true
|
|
getFourBlock()
|
|
.then(data => {
|
|
this.list.forEach(i => {
|
|
if (i.id in data) i.value = data[i.id]
|
|
})
|
|
})
|
|
.finally(() => this.loading = false)
|
|
},
|
|
|
|
jump({path}) {
|
|
if (!isEmpty(path) && auth(path)) this.$router.push(path)
|
|
}
|
|
},
|
|
|
|
mounted() {
|
|
this.init()
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
.panel-group {
|
|
padding-top: 17px;
|
|
|
|
> .el-col {
|
|
margin-bottom: 32px;
|
|
}
|
|
}
|
|
</style>
|
|
|