feat(regulatoryPlatForm): 添加我的待办统计功能
- 新增taskUnionPageStatistic API接口用于获取待办统计数据 - 更新监管平台首页界面,将原有静态数据显示替换为动态数据绑定 - 修改卡片显示内容:经营异常改为我的待办,严重违法改为经营异常(列入) - 将联合惩戒改为严重违法失信,撤销登记改为信用修复,市场除名改为数据勘误 - 实现数据获取逻辑,从API获取各类统计数据并展示在对应卡片上 - 添加错误处理机制确保数据加载失败时的用户体验
This commit is contained in:
parent
56fc9f45d5
commit
bff4c0f4db
|
|
@ -23,3 +23,12 @@ export function abnormal(params) {
|
|||
})
|
||||
}
|
||||
|
||||
// 我的待办统计
|
||||
export function taskUnionPageStatistic(data) {
|
||||
return request({
|
||||
url: '/aiccs-api/task/taskUnionPageStatistic',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -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)
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue