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 {

View File

@@ -51,7 +51,7 @@
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="入场钢卷号" align="center" prop="enterCoilNo" />
<el-table-column label="当前钢卷号" align="center" prop="currentCoilNo" />
<el-table-column label="厂家原料卷号" align="center" prop="supplierCoilNo" />
<el-table-column label="厂家卷号" align="center" prop="supplierCoilNo" />
<el-table-column label="仓库" align="center" prop="warehouseName" />
<el-table-column label="物料类型" align="center" prop="itemType">
<template slot-scope="scope">
@@ -80,7 +80,7 @@
<el-table-column label="更新时间" align="center" prop="updateTime" />
<el-table-column label="二维码" v-if="qrcode">
<template slot-scope="scope">
<QRCode v-if="scope.row.dataType == 1" :content="scope.row.qrcodeRecordId" :size="50" />
<QRCode :content="scope.row.qrcodeRecordId" :size="50" />
</template>
</el-table-column>
<el-table-column label="班组" align="center" prop="team" />

View File

@@ -28,12 +28,12 @@
<KLPTable v-loading="loading" :data="stockList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="仓库" align="center" prop="warehouseName" />
<el-table-column label="物类型" align="center" prop="itemType">
<el-table-column label="物类型" align="center" prop="itemType">
<template slot-scope="scope">
<dict-tag :options="dict.type.stock_item_type" :value="scope.row.itemType" />
</template>
</el-table-column>
<el-table-column label="物品" align="center" prop="itemName">
<el-table-column label="产品类型" align="center" prop="itemName">
<template slot-scope="scope">
<ProductInfo v-if="scope.row.itemType == 'product' || scope.row.itemType == 'semi'" :productId="scope.row.itemId">
<template #default="{ product }">