|
|
|
@ -22,15 +22,15 @@ |
|
|
|
<!-- 第一行:三列统计 --> |
|
|
|
<div class="stats-row three-col"> |
|
|
|
<div class="stat-item"> |
|
|
|
<div class="stat-value">89.5万</div> |
|
|
|
<div class="stat-value">443.9216万</div> |
|
|
|
<div class="stat-label">企业总数</div> |
|
|
|
</div> |
|
|
|
<div class="stat-item"> |
|
|
|
<div class="stat-value">3.75万次</div> |
|
|
|
<div class="stat-value">5190次</div> |
|
|
|
<div class="stat-label">单独执法</div> |
|
|
|
</div> |
|
|
|
<div class="stat-item"> |
|
|
|
<div class="stat-value">6,563次</div> |
|
|
|
<div class="stat-value">84次</div> |
|
|
|
<div class="stat-label">联合执法</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
@ -38,11 +38,11 @@ |
|
|
|
<!-- 第二行:两列统计 --> |
|
|
|
<div class="stats-row two-col"> |
|
|
|
<div class="stat-item"> |
|
|
|
<div class="stat-value">89.5万</div> |
|
|
|
<div class="stat-value">4634家</div> |
|
|
|
<div class="stat-label">被执法企业</div> |
|
|
|
</div> |
|
|
|
<div class="stat-item"> |
|
|
|
<div class="stat-value">89.5%</div> |
|
|
|
<div class="stat-value">6%</div> |
|
|
|
<div class="stat-label">入企压减率</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
@ -60,11 +60,11 @@ |
|
|
|
<!-- 执法力量 --> |
|
|
|
<div v-if="overviewTab === 0" class="tab-content-cards"> |
|
|
|
<div class="large-card"> |
|
|
|
<div class="large-card-value">100家</div> |
|
|
|
<div class="large-card-value">422家</div> |
|
|
|
<div class="large-card-label">执法单位数</div> |
|
|
|
</div> |
|
|
|
<div class="large-card"> |
|
|
|
<div class="large-card-value">5000名</div> |
|
|
|
<div class="large-card-value">19020人</div> |
|
|
|
<div class="large-card-label">执法人员数</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
@ -85,11 +85,11 @@ |
|
|
|
<!-- 执法频次 --> |
|
|
|
<div v-if="overviewTab === 2" class="tab-content-cards"> |
|
|
|
<div class="large-card"> |
|
|
|
<div class="large-card-value">3<span class="large-card-unit">次/天</span></div> |
|
|
|
<div class="large-card-value">3<span class="large-card-unit">次/周</span></div> |
|
|
|
<div class="large-card-label">涉企检查频次</div> |
|
|
|
</div> |
|
|
|
<div class="large-card"> |
|
|
|
<div class="large-card-value">68<span class="large-card-unit">%</span></div> |
|
|
|
<div class="large-card-value">2<span class="large-card-unit">%</span></div> |
|
|
|
<div class="large-card-label">重复检查率</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
@ -97,11 +97,11 @@ |
|
|
|
<!-- 执法效率 --> |
|
|
|
<div v-if="overviewTab === 3" class="tab-content-cards"> |
|
|
|
<div class="large-card"> |
|
|
|
<div class="large-card-value">10<span class="large-card-unit">小时</span></div> |
|
|
|
<div class="large-card-value">2<span class="large-card-unit">小时</span></div> |
|
|
|
<div class="large-card-label">涉企行政处罚案件平均办理时长</div> |
|
|
|
</div> |
|
|
|
<div class="large-card"> |
|
|
|
<div class="large-card-value">68<span class="large-card-unit">%</span></div> |
|
|
|
<div class="large-card-value">5<span class="large-card-unit">%</span></div> |
|
|
|
<div class="large-card-label">执法案件按时办结率</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
@ -109,11 +109,11 @@ |
|
|
|
<!-- 执法结果 --> |
|
|
|
<div v-if="overviewTab === 4" class="tab-content-cards"> |
|
|
|
<div class="large-card"> |
|
|
|
<div class="large-card-value">10<span class="large-card-unit">小时</span></div> |
|
|
|
<div class="large-card-value">4<span class="large-card-unit">小时</span></div> |
|
|
|
<div class="large-card-label">行政处罚撤销率</div> |
|
|
|
</div> |
|
|
|
<div class="large-card"> |
|
|
|
<div class="large-card-value">68<span class="large-card-unit">%</span></div> |
|
|
|
<div class="large-card-value">5<span class="large-card-unit">%</span></div> |
|
|
|
<div class="large-card-label">行政处罚变更率</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
@ -157,11 +157,11 @@ |
|
|
|
<!-- 第一行:两列统计 --> |
|
|
|
<div class="warning-grid"> |
|
|
|
<div class="warning-item"> |
|
|
|
<div class="sv-value">89<span class="sv-unit">条</span></div> |
|
|
|
<div class="sv-value">45<span class="sv-unit">条</span></div> |
|
|
|
<div class="sv-label">风险信用预警</div> |
|
|
|
</div> |
|
|
|
<div class="warning-item"> |
|
|
|
<div class="sv-value">95<span class="sv-unit">条</span></div> |
|
|
|
<div class="sv-value">65<span class="sv-unit">条</span></div> |
|
|
|
<div class="sv-label">高额检查预警</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
@ -169,12 +169,12 @@ |
|
|
|
<!-- 第二行:两列 + 中间竖线分隔 --> |
|
|
|
<div class="warning-grid warning-grid-divider"> |
|
|
|
<div class="warning-item"> |
|
|
|
<div class="sv-value">87<span class="sv-unit">人</span></div> |
|
|
|
<div class="sv-value">23<span class="sv-unit">人</span></div> |
|
|
|
<div class="sv-label">异常人员</div> |
|
|
|
</div> |
|
|
|
<div class="warning-divider"></div> |
|
|
|
<div class="warning-item"> |
|
|
|
<div class="sv-value">68<span class="sv-unit">次</span></div> |
|
|
|
<div class="sv-value">10<span class="sv-unit">次</span></div> |
|
|
|
<div class="sv-label">异常行为数</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
@ -224,10 +224,10 @@ let forceChartInstance = null; |
|
|
|
|
|
|
|
// 执法力度图表数据 |
|
|
|
const forceChartData = [ |
|
|
|
{ name: '行政检查', value: 30, percent: 50, color: '#5b8ff9' }, |
|
|
|
{ name: '行政处罚', value: 9, percent: 15, color: '#5ad8a6' }, |
|
|
|
{ name: '行政强制', value: 9, percent: 15, color: '#5d7092' }, |
|
|
|
{ name: '其他', value: 6, percent: 10, color: '#f6bd16' }, |
|
|
|
{ name: '行政检查', value: 5068, percent: 96.09, color: '#5b8ff9' }, |
|
|
|
{ name: '行政处罚', value: 152, percent: 2.88, color: '#5ad8a6' }, |
|
|
|
{ name: '行政强制', value: 5, percent: 0.09, color: '#5d7092' }, |
|
|
|
{ name: '其他', value: 49, percent: 0.92, color: '#f6bd16' }, |
|
|
|
]; |
|
|
|
|
|
|
|
// 执法频次数据 |
|
|
|
@ -362,30 +362,30 @@ const warningTimeline = ref(['2025Q2', '2025Q3', '2025Q4', '2026Q1']); |
|
|
|
|
|
|
|
// 各区数据 |
|
|
|
const warningTableData = ref([ |
|
|
|
{ name: '福田区', statuses: ['一般', '良好', '优良', '优良'] }, |
|
|
|
{ name: '罗湖区', statuses: ['一般', '良好', '优良', '优良'] }, |
|
|
|
{ name: '盐田区', statuses: ['一般', '良好', '优良', '优良'] }, |
|
|
|
{ name: '南山区', statuses: ['一般', '良好', '优良', '优良'] }, |
|
|
|
{ name: '宝安区', statuses: ['一般', '良好', '优良', '优良'] }, |
|
|
|
{ name: '龙岗区', statuses: ['一般', '良好', '优良', '优良'] }, |
|
|
|
{ name: '龙华区', statuses: ['一般', '良好', '优良', '优良'] }, |
|
|
|
{ name: '坪山区', statuses: ['一般', '良好', '优良', '优良'] }, |
|
|
|
{ name: '光明区', statuses: ['一般', '良好', '优良', '优良'] }, |
|
|
|
{ name: '大鹏新区', statuses: ['一般', '良好', '优良', '优良'] }, |
|
|
|
{ name: '深汕特别合作区', statuses: ['一般', '良好', '优良', '优良'] }, |
|
|
|
{ name: '福田区', statuses: ['一般', '良好', '良好', '优良'] }, |
|
|
|
{ name: '罗湖区', statuses: ['优良', '良好', '优良', '良好'] }, |
|
|
|
{ name: '盐田区', statuses: ['一般', '优良', '优良', '良好'] }, |
|
|
|
{ name: '南山区', statuses: ['一般', '良好', '良好', '良好'] }, |
|
|
|
{ name: '宝安区', statuses: ['良好', '优良', '优良', '优良'] }, |
|
|
|
{ name: '龙岗区', statuses: ['一般', '优良', '良好', '优良'] }, |
|
|
|
{ name: '龙华区', statuses: ['优良', '良好', '优良', '优良'] }, |
|
|
|
{ name: '坪山区', statuses: ['优良', '优良', '优良', '良好'] }, |
|
|
|
{ name: '光明区', statuses: ['良好', '良好', '优良', '优良'] }, |
|
|
|
{ name: '大鹏新区', statuses: ['一般', '良好', '良好', '优良'] }, |
|
|
|
{ name: '深汕特别合作区', statuses: ['一般', '良好', '优良', '良好'] }, |
|
|
|
]); |
|
|
|
|
|
|
|
// 各领域数据 |
|
|
|
const fieldTableData = ref([ |
|
|
|
{ name: '应急管理局', statuses: ['一般', '良好', '优良', '优良'] }, |
|
|
|
{ name: '消防救援', statuses: ['一般', '良好', '优良', '优良'] }, |
|
|
|
{ name: '住建和建设局', statuses: ['一般', '良好', '优良', '优良'] }, |
|
|
|
{ name: '生态环境局', statuses: ['一般', '良好', '优良', '优良'] }, |
|
|
|
{ name: '卫生健康委员会', statuses: ['一般', '良好', '优良', '优良'] }, |
|
|
|
{ name: '交通运输委员会', statuses: ['一般', '良好', '优良', '优良'] }, |
|
|
|
{ name: '市场监督管理局', statuses: ['一般', '良好', '优良', '优良'] }, |
|
|
|
{ name: '城市管理和综合执法局', statuses: ['一般', '良好', '优良', '优良'] }, |
|
|
|
{ name: '消防救援支队', statuses: ['一般', '良好', '优良', '优良'] }, |
|
|
|
{ name: '应急管理局', statuses: ['一般', '优良', '优良', '优良'] }, |
|
|
|
{ name: '消防救援', statuses: ['一般', '良好', '优良', '良好'] }, |
|
|
|
{ name: '住建和建设局', statuses: ['一般', '良好', '良好', '优良'] }, |
|
|
|
{ name: '生态环境局', statuses: ['一般', '优良', '优良', '优良'] }, |
|
|
|
{ name: '卫生健康委员会', statuses: ['优良', '良好', '优良', '良好'] }, |
|
|
|
{ name: '交通运输委员会', statuses: ['一般', '优良', '良好', '优良'] }, |
|
|
|
{ name: '市场监督管理局', statuses: ['良好', '良好', '优良', '良好'] }, |
|
|
|
{ name: '城市管理和综合执法局', statuses: ['一般', '优良', '良好', '优良'] }, |
|
|
|
{ name: '消防救援支队', statuses: ['一般', '良好', '优良', '良好'] }, |
|
|
|
]); |
|
|
|
|
|
|
|
// 根据 Tab 切换数据源 |
|
|
|
|