ClientApps/CN_Tool_client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor(steady): 重构稳态校验功能的合同验证逻辑

Browse Source 
- 优化测量点对话框路径解析格式化
- 添加稳态校验重启API端点验证功能
- 更新创建参数类型定义支持可选lineId和lineIds数组
- 修复任务表格组件模板缩进格式问题
- 扩展任务表格列配置验证数组格式
- 添加任务表格仅对失败行显示重启操作功能
- 集成共享台账树组件发送选中叶节点监测点功能
- 添加多监测点创建参数构建支持
- 实现指标选择为空时全指标校验功能
- 添加预期项目数量计算功能
- 优化创建对话框指标选择标签防止输入框重置
- 添加任务表格树形选择滚动下拉菜单样式
- 实现页面创建流程调用创建API并轮询任务状态
- 添加创建结果面板加载状态和进度显示
- 实现页面重启流程确认调用重启API功能
- 优化汇总表格异常字段持久化支持
- 添加汇总表格监测点名称显示功能
- 优化详情面板按需加载项目详情
- 更新接口类型支持分页字段定义
- 优化ICD路径检查对话框标准映射参数传递
- 添加ICD记录导出SQL和JSON功能
- 扩展ICD路径API端点和类型定义
- 添加ICD路径参考选项和映射详情功能
- 重构ICD表格列显示移除激活和创建时间列
- 添加ICD映射详情对话框三个标签页功能
- 优化ICD映射详情JSON树形视图显示
- 更新ICD类型选项覆盖手动和上游标准状态
This commit is contained in:
yexb
2026-06-18 16:35:06 +08:00
parent e7519e5524
commit 92b7d3cd73
38 changed files with 3486 additions and 758 deletions
Download Patch File Download Diff File Expand all files Collapse all files

151
frontend/src/views/steady/checksquare/components/ChecksquareCreateResultPanel.vue
View File

@@ -6,56 +6,66 @@
</div>
</div>
<el-empty v-if="!task" class="empty-result" description="新增后在此查看任务摘要" />
<div v-if="loading" class="create-loading">
<el-icon class="create-loading__icon"><Loading /></el-icon>
<span class="create-loading__title">正在创建校验任务</span>
<span class="create-loading__desc">任务提交后将在此显示摘要</span>
</div>
<el-empty v-else-if="!task" class="empty-result" description="新增后在此查看任务摘要" />
<template v-else>
<div class="result-body">
<div class="result-overview">
<div class="task-card">
<div class="task-title">
<span>{{ task.taskNo || task.taskId || '-' }}</span>
<el-tag :type="resolveChecksquareTaskStatusType(task.taskStatus)" effect="plain">
{{ formatChecksquareTaskStatus(task.taskStatus) }}
</el-tag>
<div class="result-scroll">
<div class="result-body">
<div class="result-overview">
<div class="task-card">
<div class="task-title">
<span>{{ task.taskNo || task.taskId || '-' }}</span>
<el-tag :type="resolveChecksquareTaskStatusType(task.taskStatus)" effect="plain">
{{ formatChecksquareTaskStatus(task.taskStatus) }}
</el-tag>
</div>
<div class="task-meta">
<span>{{ task.lineName || task.lineId || '-' }}</span>
<span>{{ task.timeStart || '-' }} 至 {{ task.timeEnd || '-' }}</span>
</div>
</div>
<div class="task-meta">
<span>{{ task.lineName || task.lineId || '-' }}</span>
<span>{{ task.timeStart || '-' }} 至 {{ task.timeEnd || '-' }}</span>
<div class="result-metrics">
<div class="metric-item">
<span class="metric-label">进线/监测点</span>
<span class="metric-value">{{ task.lineName || task.lineId || '-' }}</span>
</div>
<div class="metric-item">
<span class="metric-label">检测项</span>
<span class="metric-value">{{ displayItemCount }}</span>
</div>
<div class="metric-item">
<span class="metric-label">异常项</span>
<span class="metric-value is-danger">{{ task.abnormalItemCount ?? '-' }}</span>
</div>
<div class="metric-item">
<span class="metric-label">最低完整率</span>
<span class="metric-value">
{{ formatChecksquareIntegrity(task.minDataIntegrity) }}
</span>
</div>
<div class="metric-item">
<span class="metric-label">统计间隔</span>
<span class="metric-value">{{ task.intervalMinutes ?? '-' }}</span>
</div>
</div>
</div>
<div class="result-metrics">
<div class="metric-item">
<span class="metric-label">进线/监测点</span>
<span class="metric-value">{{ task.lineName || task.lineId || '-' }}</span>
<div class="result-detail-grid">
<div class="detail-block">
<span class="detail-label">校验时间</span>
<span class="detail-value">{{ task.timeStart || '-' }} 至 {{ task.timeEnd || '-' }}</span>
</div>
<div class="metric-item">
<span class="metric-label">检测项</span>
<span class="metric-value">{{ task.itemCount ?? '-' }}</span>
<div class="detail-block">
<span class="detail-label">创建时间</span>
<span class="detail-value">{{ task.createTime || '-' }}</span>
</div>
<div class="metric-item">
<span class="metric-label">异常项</span>
<span class="metric-value is-danger">{{ task.abnormalItemCount ?? '-' }}</span>
</div>
<div class="metric-item">
<span class="metric-label">最低完整率</span>
<span class="metric-value">{{ formatChecksquareIntegrity(task.minDataIntegrity) }}</span>
</div>
<div class="metric-item">
<span class="metric-label">统计间隔</span>
<span class="metric-value">{{ task.intervalMinutes ?? '-' }}</span>
</div>
</div>
</div>
<div class="result-detail-grid">
<div class="detail-block">
<span class="detail-label">校验时间</span>
<span class="detail-value">{{ task.timeStart || '-' }} 至 {{ task.timeEnd || '-' }}</span>
</div>
<div class="detail-block">
<span class="detail-label">创建时间</span>
<span class="detail-value">{{ task.createTime || '-' }}</span>
</div>
</div>
</div>
@@ -64,6 +74,8 @@
</template>
<script setup lang="ts">
import { computed } from 'vue'
import { Loading } from '@element-plus/icons-vue'
import type { SteadyDataView } from '@/api/steady/steadyDataView/interface'
import {
formatChecksquareIntegrity,
@@ -75,9 +87,18 @@ defineOptions({
name: 'ChecksquareCreateResultPanel'
})
defineProps<{
const props = defineProps<{
task: SteadyDataView.SteadyChecksquareTask | null
expectedItemCount: number
loading?: boolean
}>()
const displayItemCount = computed(() => {
if (Number(props.task?.itemCount || 0) > 0) return props.task?.itemCount
if (props.expectedItemCount > 0) return props.expectedItemCount
return props.task?.itemCount ?? '-'
})
</script>
<style scoped lang="scss">
@@ -99,6 +120,43 @@ defineProps<{
flex: 1;
}
.create-loading {
display: flex;
flex: 1;
min-height: 0;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 8px;
color: var(--el-text-color-secondary);
}
.create-loading__icon {
color: var(--el-color-primary);
font-size: 28px;
animation: rotate-loading 1s linear infinite;
}
.create-loading__title {
color: var(--el-text-color-primary);
font-size: 14px;
font-weight: 600;
}
.create-loading__desc {
font-size: 13px;
}
@keyframes rotate-loading {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.result-body {
display: flex;
flex: 1;
@@ -107,6 +165,13 @@ defineProps<{
gap: 12px;
}
.result-scroll {
flex: 1;
min-height: 0;
overflow-y: auto;
padding-right: 4px;
}
.result-overview {
display: grid;
flex: none;