feat(regulatoryPlatForm): 添加我的待办统计功能

- 新增taskUnionPageStatistic API接口用于获取待办统计数据
- 更新监管平台首页界面,将原有静态数据显示替换为动态数据绑定
- 修改卡片显示内容:经营异常改为我的待办,严重违法改为经营异常(列入)
- 将联合惩戒改为严重违法失信,撤销登记改为信用修复,市场除名改为数据勘误
- 实现数据获取逻辑,从API获取各类统计数据并展示在对应卡片上
- 添加错误处理机制确保数据加载失败时的用户体验
This commit is contained in:
chenxf 2026-01-22 15:33:31 +08:00
parent 56fc9f45d5
commit bff4c0f4db
2 changed files with 51 additions and 12 deletions

View File

@ -23,3 +23,12 @@ export function abnormal(params) {
})
}
// 我的待办统计
export function taskUnionPageStatistic(data) {
return request({
url: '/aiccs-api/task/taskUnionPageStatistic',
method: 'post',
data
})
}

View File

@ -16,18 +16,17 @@
<svg-icon icon-class="d1" />
</div>
<div class="info">
<div class="card-icon">经营异常</div>
<div class="card-num">12</div>
<div class="card-icon">我的待办</div>
<div class="card-num">{{ cardData.myTodo }}</div>
</div>
</div>
<div class="stat-card">
<div class="icon">
<svg-icon icon-class="d2" />
</div>
<div class="info">
<div class="card-icon">严重违法</div>
<div class="card-num">0</div>
<div class="card-icon">经营异常(列入)</div>
<div class="card-num">{{ cardData.abnormal }}</div>
</div>
</div>
<div class="stat-card">
@ -35,8 +34,8 @@
<svg-icon icon-class="d3" />
</div>
<div class="info">
<div class="card-icon">联合惩戒</div>
<div class="card-num">12</div>
<div class="card-icon">严重违法失信</div>
<div class="card-num">{{ cardData.illegal }}</div>
</div>
</div>
<div class="stat-card">
@ -44,8 +43,8 @@
<svg-icon icon-class="d1" />
</div>
<div class="info">
<div class="card-icon">撤销登记</div>
<div class="card-num">12</div>
<div class="card-icon">信用修复</div>
<div class="card-num">{{ cardData.creditRepair }}</div>
</div>
</div>
<div class="stat-card">
@ -53,8 +52,8 @@
<svg-icon icon-class="d2" />
</div>
<div class="info">
<div class="card-icon">市场除名</div>
<div class="card-num">0</div>
<div class="card-icon">数据勘误</div>
<div class="card-num">{{ cardData.dataCorrection }}</div>
</div>
</div>
</div>
@ -78,18 +77,27 @@
<script>
import * as echarts from 'echarts'
import { taskUnionPageStatistic } from '@/api/regulatoryPlatForm'
export default {
name: 'BusinessAbnormalDashboard',
data() {
return {
barChart: null,
pieChart: null
pieChart: null,
cardData: {
myTodo: 0,
abnormal: 0,
illegal: 0,
creditRepair: 0,
dataCorrection: 0
}
}
},
mounted() {
this.initBarChart()
this.initPieChart()
this.getCardData()
//
window.addEventListener('resize', () => {
this.barChart.resize()
@ -206,6 +214,28 @@ export default {
]
}
this.pieChart.setOption(option)
},
//
async getCardData() {
try {
const userId = this.$store.state.user.keys
const res = await taskUnionPageStatistic({
customParamMap: {
userId: userId,
type: '',
currentNodeOrBizStatus: ''
}
})
if (res && res.data) {
this.cardData.myTodo = res.data.allnum || 0
this.cardData.abnormal = res.data.abnormalnum || 0
this.cardData.illegal = res.data.illegalnum || 0
this.cardData.creditRepair = res.data.repairnum || 0
this.cardData.dataCorrection = res.data.correctnum || 0
}
} catch (error) {
console.error('获取待办数据失败:', error)
}
}
}
}