feat: 重构首页布局并添加新功能模块
- 重构首页布局,移除旧图表组件,添加流程表格和迷你日历 - 新增常用应用组件,支持收藏和管理常用功能 - 新增流程表格组件,展示我的流程和待办任务 - 新增迷你日历组件,支持不同类型日期标记 - 优化统计卡片组件,拆分客户和供应商统计 - 调整部分表格列名显示更准确
This commit is contained in:
@@ -3,39 +3,24 @@
|
||||
|
||||
<statistic-group />
|
||||
|
||||
<el-row style="background:#fff;padding:16px 16px 0;margin-bottom:32px;">
|
||||
<line-chart :chart-data="lineChartData" />
|
||||
</el-row>
|
||||
<AllApplications />
|
||||
|
||||
<el-row :gutter="32">
|
||||
<el-col :xs="24" :sm="24" :lg="8">
|
||||
<div class="chart-wrapper">
|
||||
<raddar-chart />
|
||||
</div>
|
||||
<el-row :gutter="10">
|
||||
<el-col :span="18">
|
||||
<flow-table />
|
||||
</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 :span="6">
|
||||
<mini-calendar />
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
// import PanelGroup from './dashboard/PanelGroup'
|
||||
import LineChart from './dashboard/LineChart'
|
||||
import RaddarChart from './dashboard/RaddarChart'
|
||||
import PieChart from './dashboard/PieChart'
|
||||
import BarChart from './dashboard/BarChart'
|
||||
import StatisticGroup from '@/components/HomeModules/StatisticGroup.vue'
|
||||
import AllApplications from '@/components/HomeModules/AllApplications.vue'
|
||||
import FlowTable from '@/components/HomeModules/FlowTable.vue'
|
||||
import MiniCalendar from '@/components/HomeModules/MiniCalendar.vue'
|
||||
|
||||
const lineChartData = {
|
||||
newVisitis: {
|
||||
@@ -56,15 +41,14 @@ const lineChartData = {
|
||||
}
|
||||
}
|
||||
|
||||
export default {
|
||||
export default {
|
||||
name: 'Index',
|
||||
components: {
|
||||
// PanelGroup,
|
||||
StatisticGroup,
|
||||
LineChart,
|
||||
RaddarChart,
|
||||
PieChart,
|
||||
BarChart
|
||||
AllApplications,
|
||||
FlowTable,
|
||||
MiniCalendar,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
|
||||
Reference in New Issue
Block a user