feat: 重构首页布局并添加新功能模块

- 重构首页布局,移除旧图表组件,添加流程表格和迷你日历
- 新增常用应用组件,支持收藏和管理常用功能
- 新增流程表格组件,展示我的流程和待办任务
- 新增迷你日历组件,支持不同类型日期标记
- 优化统计卡片组件,拆分客户和供应商统计
- 调整部分表格列名显示更准确
This commit is contained in:
砂糖
2025-10-31 13:14:10 +08:00
parent cd040e57ea
commit c657dad4d3
7 changed files with 806 additions and 37 deletions

View File

@@ -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 {