refactor(project): 重构项目执行模块组件结构和数据管理

- 移除 execution-list-panel.vue 组件并将功能整合到执行区域
- 新增 execution-section.vue 组件替代原有的列表面板
- 将 task-workspace.vue 重命名为 task-workspace-comp.vue 并更新引用
- 引入 useTaskViewContext 组合式 API 进行任务视图上下文管理
- 添加跨执行任务状态统计接口调用和数据处理逻辑
- 重构执行状态筛选和任务创建权限判断逻辑
- 更新执行选择、搜索和重置功能的事件处理方式
- 调整页面布局结构,优化左右分栏的内容组织方式
- 完善执行详情获取和状态操作的业务流程
- 优化执行分配和状态变更的异步处理机制
This commit is contained in:
2026-05-23 14:22:58 +08:00
parent 13b74cfe97
commit e9214137c1
40 changed files with 4432 additions and 1419 deletions

View File

@@ -0,0 +1,81 @@
<script setup lang="ts">
import WorkbenchModuleCard from './workbench-module-card.vue';
defineOptions({ name: 'WorkbenchRecentVisit' });
interface Props {
editing?: boolean;
collapsed?: boolean;
}
withDefaults(defineProps<Props>(), { editing: false, collapsed: false });
defineEmits<{ (e: 'hide'): void; (e: 'toggle-collapse'): void }>();
interface VisitRow {
id: string;
title: string;
type: '项目' | '执行' | '产品' | '需求';
timeLabel: string;
}
const rows: VisitRow[] = [
{ id: 'v1', title: '商城 V2 升级', type: '项目', timeLabel: '2h 前' },
{ id: 'v2', title: '迭代 24.05', type: '执行', timeLabel: '今日' },
{ id: 'v3', title: '分片设计评审', type: '需求', timeLabel: '昨日' },
{ id: 'v4', title: '收银台', type: '产品', timeLabel: '2 天前' },
{ id: 'v5', title: '风控引擎接入', type: '项目', timeLabel: '3 天前' }
];
function typeTag(t: VisitRow['type']): 'primary' | 'success' | 'warning' | 'info' {
return ({ 项目: 'primary', 执行: 'success', 产品: 'warning', 需求: 'info' } as const)[t];
}
</script>
<template>
<WorkbenchModuleCard
title="最近访问"
icon="mdi:history"
:badge-count="rows.length"
:editing="editing"
:collapsed="collapsed"
@hide="$emit('hide')"
@toggle-collapse="$emit('toggle-collapse')"
>
<ul class="visit-list">
<li v-for="row in rows" :key="row.id" class="visit-item">
<ElTag size="small" :type="typeTag(row.type)">{{ row.type }}</ElTag>
<span class="visit-title">{{ row.title }}</span>
<span class="visit-time">{{ row.timeLabel }}</span>
</li>
</ul>
</WorkbenchModuleCard>
</template>
<style scoped>
.visit-list {
list-style: none;
margin: 0;
padding: 0;
}
.visit-item {
display: grid;
grid-template-columns: auto 1fr auto;
align-items: center;
gap: 10px;
padding: 8px 4px;
border-bottom: 1px solid var(--el-border-color-lighter);
font-size: 13px;
}
.visit-item:last-child {
border-bottom: none;
}
.visit-title {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.visit-time {
font-size: 11px;
color: var(--el-text-color-secondary);
}
</style>