fix(oa): 修复多处 Duplicate attribute 错误问题
- 修改 app/components/oa/TaskForm.vue 中 a-input 类型冲突为 a-input-number - 合并 admin/supply/warehouse.vue 和 production/equipment.vue 中多个 :class 绑定，避免重复属性 - 统一改为数组方式绑定静态和动态 class，防止 Vue 编译器 Duplicate attribute 警告 - 清理缓存并验证构建通过，确保无重复属性错误 - 通过扫描确认 app/ 目录下 Vue 文件不再存在重复属性问题 - 添加 OaTaskForm 组件类型声明及懒加载声明 - 将 ERP 演示独立 HTML 页面整合至 /app/pages，统一布局与导航 - 升级制造业管理后台页面风格，采用玻璃态和渐变设计 - 修订规划文档相关内容，更新 DEMO 系统名称及功能模块描述 - 修改 ecosystem.config.cjs 中运行端口为 10591
This commit is contained in:
@@ -43,78 +43,80 @@
|
||||
</div>
|
||||
<a-tag color="red" class="priority-badge">高优先</a-tag>
|
||||
</div>
|
||||
<draggable
|
||||
v-model="todoTasks"
|
||||
group="tasks"
|
||||
item-key="id"
|
||||
class="task-list"
|
||||
@change="handleTaskMove"
|
||||
>
|
||||
<template #item="{ element: task }">
|
||||
<div class="task-card" @click="openTaskDetail(task.id)">
|
||||
<div class="task-card-header">
|
||||
<div class="task-priority">
|
||||
<a-tag :color="getPriorityColor(task.priority)" size="small">
|
||||
{{ getPriorityText(task.priority) }}
|
||||
</a-tag>
|
||||
</div>
|
||||
<div class="task-actions">
|
||||
<a-dropdown :trigger="['click']">
|
||||
<a-button type="text" size="small" class="more-button">
|
||||
<MoreOutlined />
|
||||
</a-button>
|
||||
<template #overlay>
|
||||
<a-menu>
|
||||
<a-menu-item key="edit" @click="editTask(task)">
|
||||
<EditOutlined /> 编辑
|
||||
</a-menu-item>
|
||||
<a-menu-item key="assign" @click="assignTask(task)">
|
||||
<UserAddOutlined /> 分配
|
||||
</a-menu-item>
|
||||
<a-menu-item key="delete" danger @click="deleteTask(task)">
|
||||
<DeleteOutlined /> 删除
|
||||
</a-menu-item>
|
||||
</a-menu>
|
||||
</template>
|
||||
</a-dropdown>
|
||||
</div>
|
||||
<div class="task-list">
|
||||
<div
|
||||
v-for="task in todoTasks"
|
||||
:key="task.id"
|
||||
class="task-card"
|
||||
@click="openTaskDetail(task.id)"
|
||||
>
|
||||
<div class="task-card-header">
|
||||
<div class="task-priority">
|
||||
<a-tag :color="getPriorityColor(task.priority)" size="small">
|
||||
{{ getPriorityText(task.priority) }}
|
||||
</a-tag>
|
||||
</div>
|
||||
|
||||
<div class="task-title">{{ task.title }}</div>
|
||||
|
||||
<div class="task-description" v-if="task.description">
|
||||
{{ task.description }}
|
||||
</div>
|
||||
|
||||
<div class="task-meta">
|
||||
<div class="meta-item">
|
||||
<UserOutlined />
|
||||
<span>{{ task.assignee }}</span>
|
||||
</div>
|
||||
<div class="meta-item">
|
||||
<CalendarOutlined />
|
||||
<span :class="{ 'deadline-warning': isDeadlineWarning(task.dueDate) }">
|
||||
{{ task.dueDate }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="task-footer">
|
||||
<div class="task-project">
|
||||
<span class="project-tag">#{{ task.project }}</span>
|
||||
</div>
|
||||
<div class="task-avatars">
|
||||
<a-avatar-group :max-count="2" size="small">
|
||||
<a-avatar v-for="avatar in task.collaborators" :key="avatar" :src="avatar" />
|
||||
</a-avatar-group>
|
||||
<span v-if="task.collaborators.length > 2" class="more-count">
|
||||
+{{ task.collaborators.length - 2 }}
|
||||
</span>
|
||||
</div>
|
||||
<div class="task-actions">
|
||||
<a-dropdown :trigger="['click']">
|
||||
<a-button type="text" size="small" class="more-button">
|
||||
<MoreOutlined />
|
||||
</a-button>
|
||||
<template #overlay>
|
||||
<a-menu>
|
||||
<a-menu-item key="edit" @click="editTask(task)">
|
||||
<EditOutlined /> 编辑
|
||||
</a-menu-item>
|
||||
<a-menu-item key="assign" @click="assignTask(task)">
|
||||
<UserAddOutlined /> 分配
|
||||
</a-menu-item>
|
||||
<a-menu-divider />
|
||||
<a-menu-item key="move" @click="moveTaskToProgress(task)">
|
||||
<RightOutlined /> 移动到进行中
|
||||
</a-menu-item>
|
||||
<a-menu-divider />
|
||||
<a-menu-item key="delete" danger @click="deleteTask(task)">
|
||||
<DeleteOutlined /> 删除
|
||||
</a-menu-item>
|
||||
</a-menu>
|
||||
</template>
|
||||
</a-dropdown>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
</draggable>
|
||||
|
||||
<div class="task-title">{{ task.title }}</div>
|
||||
|
||||
<div class="task-description" v-if="task.description">
|
||||
{{ task.description }}
|
||||
</div>
|
||||
|
||||
<div class="task-meta">
|
||||
<div class="meta-item">
|
||||
<UserOutlined />
|
||||
<span>{{ task.assignee }}</span>
|
||||
</div>
|
||||
<div class="meta-item">
|
||||
<CalendarOutlined />
|
||||
<span :class="{ 'deadline-warning': isDeadlineWarning(task.dueDate) }">
|
||||
{{ task.dueDate }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="task-footer">
|
||||
<div class="task-project">
|
||||
<span class="project-tag">#{{ task.project }}</span>
|
||||
</div>
|
||||
<div class="task-avatars">
|
||||
<a-avatar-group :max-count="2" size="small">
|
||||
<a-avatar v-for="avatar in task.collaborators" :key="avatar" :src="avatar" />
|
||||
</a-avatar-group>
|
||||
<span v-if="task.collaborators.length > 2" class="more-count">
|
||||
+{{ task.collaborators.length - 2 }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- In Progress 列 -->
|
||||
@@ -127,77 +129,79 @@
|
||||
</div>
|
||||
<a-tag color="orange" class="priority-badge">进行中</a-tag>
|
||||
</div>
|
||||
<draggable
|
||||
v-model="inProgressTasks"
|
||||
group="tasks"
|
||||
item-key="id"
|
||||
class="task-list"
|
||||
@change="handleTaskMove"
|
||||
>
|
||||
<template #item="{ element: task }">
|
||||
<div class="task-card" @click="openTaskDetail(task.id)">
|
||||
<div class="task-card-header">
|
||||
<div class="task-priority">
|
||||
<a-tag :color="getPriorityColor(task.priority)" size="small">
|
||||
{{ getPriorityText(task.priority) }}
|
||||
</a-tag>
|
||||
</div>
|
||||
<div class="task-actions">
|
||||
<a-dropdown :trigger="['click']">
|
||||
<a-button type="text" size="small" class="more-button">
|
||||
<MoreOutlined />
|
||||
</a-button>
|
||||
<template #overlay>
|
||||
<a-menu>
|
||||
<a-menu-item key="edit" @click="editTask(task)">
|
||||
<EditOutlined /> 编辑
|
||||
</a-menu-item>
|
||||
<a-menu-item key="complete" @click="completeTask(task)">
|
||||
<CheckCircleOutlined /> 完成
|
||||
</a-menu-item>
|
||||
<a-menu-item key="delete" danger @click="deleteTask(task)">
|
||||
<DeleteOutlined /> 删除
|
||||
</a-menu-item>
|
||||
</a-menu>
|
||||
</template>
|
||||
</a-dropdown>
|
||||
</div>
|
||||
<div class="task-list">
|
||||
<div
|
||||
v-for="task in inProgressTasks"
|
||||
:key="task.id"
|
||||
class="task-card"
|
||||
@click="openTaskDetail(task.id)"
|
||||
>
|
||||
<div class="task-card-header">
|
||||
<div class="task-priority">
|
||||
<a-tag :color="getPriorityColor(task.priority)" size="small">
|
||||
{{ getPriorityText(task.priority) }}
|
||||
</a-tag>
|
||||
</div>
|
||||
|
||||
<div class="task-title">{{ task.title }}</div>
|
||||
|
||||
<div class="task-description" v-if="task.description">
|
||||
{{ task.description }}
|
||||
</div>
|
||||
|
||||
<div class="task-meta">
|
||||
<div class="meta-item">
|
||||
<UserOutlined />
|
||||
<span>{{ task.assignee }}</span>
|
||||
</div>
|
||||
<div class="meta-item">
|
||||
<FieldTimeOutlined />
|
||||
<span>已耗时 {{ task.elapsedTime || '--' }}</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="task-progress">
|
||||
<a-progress :percent="task.progress || 0" size="small" />
|
||||
</div>
|
||||
|
||||
<div class="task-footer">
|
||||
<div class="task-project">
|
||||
<span class="project-tag">#{{ task.project }}</span>
|
||||
</div>
|
||||
<div class="task-avatars">
|
||||
<a-avatar-group :max-count="2" size="small">
|
||||
<a-avatar v-for="avatar in task.collaborators" :key="avatar" :src="avatar" />
|
||||
</a-avatar-group>
|
||||
</div>
|
||||
<div class="task-actions">
|
||||
<a-dropdown :trigger="['click']">
|
||||
<a-button type="text" size="small" class="more-button">
|
||||
<MoreOutlined />
|
||||
</a-button>
|
||||
<template #overlay>
|
||||
<a-menu>
|
||||
<a-menu-item key="edit" @click="editTask(task)">
|
||||
<EditOutlined /> 编辑
|
||||
</a-menu-item>
|
||||
<a-menu-item key="complete" @click="completeTask(task)">
|
||||
<CheckCircleOutlined /> 标记完成
|
||||
</a-menu-item>
|
||||
<a-menu-divider />
|
||||
<a-menu-item key="move" @click="moveTaskToReview(task)">
|
||||
<RightOutlined /> 移动到待审核
|
||||
</a-menu-item>
|
||||
<a-menu-divider />
|
||||
<a-menu-item key="delete" danger @click="deleteTask(task)">
|
||||
<DeleteOutlined /> 删除
|
||||
</a-menu-item>
|
||||
</a-menu>
|
||||
</template>
|
||||
</a-dropdown>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
</draggable>
|
||||
|
||||
<div class="task-title">{{ task.title }}</div>
|
||||
|
||||
<div class="task-description" v-if="task.description">
|
||||
{{ task.description }}
|
||||
</div>
|
||||
|
||||
<div class="task-meta">
|
||||
<div class="meta-item">
|
||||
<UserOutlined />
|
||||
<span>{{ task.assignee }}</span>
|
||||
</div>
|
||||
<div class="meta-item">
|
||||
<FieldTimeOutlined />
|
||||
<span>已耗时 {{ task.elapsedTime || '--' }}</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="task-progress">
|
||||
<a-progress :percent="task.progress || 0" size="small" />
|
||||
</div>
|
||||
|
||||
<div class="task-footer">
|
||||
<div class="task-project">
|
||||
<span class="project-tag">#{{ task.project }}</span>
|
||||
</div>
|
||||
<div class="task-avatars">
|
||||
<a-avatar-group :max-count="2" size="small">
|
||||
<a-avatar v-for="avatar in task.collaborators" :key="avatar" :src="avatar" />
|
||||
</a-avatar-group>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Review 列 -->
|
||||
@@ -210,62 +214,76 @@
|
||||
</div>
|
||||
<a-tag color="blue" class="priority-badge">待审核</a-tag>
|
||||
</div>
|
||||
<draggable
|
||||
v-model="reviewTasks"
|
||||
group="tasks"
|
||||
item-key="id"
|
||||
class="task-list"
|
||||
@change="handleTaskMove"
|
||||
>
|
||||
<template #item="{ element: task }">
|
||||
<div class="task-card" @click="openTaskDetail(task.id)">
|
||||
<div class="task-card-header">
|
||||
<div class="task-priority">
|
||||
<a-tag :color="getPriorityColor(task.priority)" size="small">
|
||||
{{ getPriorityText(task.priority) }}
|
||||
</a-tag>
|
||||
</div>
|
||||
<div class="task-reviewer">
|
||||
<a-tag color="cyan" size="small">审核: {{ task.reviewer }}</a-tag>
|
||||
</div>
|
||||
<div class="task-list">
|
||||
<div
|
||||
v-for="task in reviewTasks"
|
||||
:key="task.id"
|
||||
class="task-card"
|
||||
@click="openTaskDetail(task.id)"
|
||||
>
|
||||
<div class="task-card-header">
|
||||
<div class="task-priority">
|
||||
<a-tag :color="getPriorityColor(task.priority)" size="small">
|
||||
{{ getPriorityText(task.priority) }}
|
||||
</a-tag>
|
||||
</div>
|
||||
|
||||
<div class="task-title">{{ task.title }}</div>
|
||||
|
||||
<div class="task-description" v-if="task.description">
|
||||
{{ task.description }}
|
||||
</div>
|
||||
|
||||
<div class="task-meta">
|
||||
<div class="meta-item">
|
||||
<UserOutlined />
|
||||
<span>{{ task.assignee }}</span>
|
||||
</div>
|
||||
<div class="meta-item">
|
||||
<CalendarOutlined />
|
||||
<span>提交: {{ task.submittedDate }}</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="task-actions-row">
|
||||
<a-space>
|
||||
<a-button size="small" type="primary" @click.stop="approveTask(task)">
|
||||
<CheckCircleOutlined /> 通过
|
||||
</a-button>
|
||||
<a-button size="small" danger @click.stop="rejectTask(task)">
|
||||
<CloseCircleOutlined /> 驳回
|
||||
</a-button>
|
||||
</a-space>
|
||||
</div>
|
||||
|
||||
<div class="task-footer">
|
||||
<div class="task-project">
|
||||
<span class="project-tag">#{{ task.project }}</span>
|
||||
</div>
|
||||
<div class="task-reviewer">
|
||||
<a-tag color="cyan" size="small">审核: {{ task.reviewer }}</a-tag>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
</draggable>
|
||||
|
||||
<div class="task-title">{{ task.title }}</div>
|
||||
|
||||
<div class="task-description" v-if="task.description">
|
||||
{{ task.description }}
|
||||
</div>
|
||||
|
||||
<div class="task-meta">
|
||||
<div class="meta-item">
|
||||
<UserOutlined />
|
||||
<span>{{ task.assignee }}</span>
|
||||
</div>
|
||||
<div class="meta-item">
|
||||
<CalendarOutlined />
|
||||
<span>提交: {{ task.submittedDate }}</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="task-actions-row">
|
||||
<a-space>
|
||||
<a-button size="small" type="primary" @click.stop="approveTask(task)">
|
||||
<CheckCircleOutlined /> 通过
|
||||
</a-button>
|
||||
<a-button size="small" danger @click.stop="rejectTask(task)">
|
||||
<CloseCircleOutlined /> 驳回
|
||||
</a-button>
|
||||
<a-dropdown>
|
||||
<template #overlay>
|
||||
<a-menu>
|
||||
<a-menu-item key="move" @click="moveTaskToDone(task)">
|
||||
移动到已完成
|
||||
</a-menu-item>
|
||||
<a-menu-item key="back" @click="moveTaskToTodo(task)">
|
||||
退回给负责人
|
||||
</a-menu-item>
|
||||
<a-menu-divider />
|
||||
<a-menu-item key="delete" danger>删除</a-menu-item>
|
||||
</a-menu>
|
||||
</template>
|
||||
<a-button size="small">
|
||||
更多
|
||||
</a-button>
|
||||
</a-dropdown>
|
||||
</a-space>
|
||||
</div>
|
||||
|
||||
<div class="task-footer">
|
||||
<div class="task-project">
|
||||
<span class="project-tag">#{{ task.project }}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Done 列 -->
|
||||
@@ -278,63 +296,60 @@
|
||||
</div>
|
||||
<a-tag color="green" class="priority-badge">已完成</a-tag>
|
||||
</div>
|
||||
<draggable
|
||||
v-model="doneTasks"
|
||||
group="tasks"
|
||||
item-key="id"
|
||||
class="task-list"
|
||||
@change="handleTaskMove"
|
||||
>
|
||||
<template #item="{ element: task }">
|
||||
<div class="task-card completed" @click="openTaskDetail(task.id)">
|
||||
<div class="task-card-header">
|
||||
<div class="task-priority">
|
||||
<a-tag :color="'green'" size="small">
|
||||
已完成
|
||||
</a-tag>
|
||||
</div>
|
||||
<div class="task-completed-time">
|
||||
<a-tag color="green" size="small">
|
||||
{{ task.completedTime }}
|
||||
</a-tag>
|
||||
</div>
|
||||
<div class="task-list">
|
||||
<div
|
||||
v-for="task in doneTasks"
|
||||
:key="task.id"
|
||||
class="task-card completed"
|
||||
@click="openTaskDetail(task.id)"
|
||||
>
|
||||
<div class="task-card-header">
|
||||
<div class="task-priority">
|
||||
<a-tag :color="'green'" size="small">
|
||||
已完成
|
||||
</a-tag>
|
||||
</div>
|
||||
|
||||
<div class="task-title">
|
||||
<span class="completed-text">{{ task.title }}</span>
|
||||
</div>
|
||||
|
||||
<div class="task-description" v-if="task.description">
|
||||
{{ task.description }}
|
||||
</div>
|
||||
|
||||
<div class="task-meta">
|
||||
<div class="meta-item">
|
||||
<UserOutlined />
|
||||
<span>{{ task.assignee }}</span>
|
||||
</div>
|
||||
<div class="meta-item">
|
||||
<CheckCircleOutlined />
|
||||
<span>{{ task.completedBy }}</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="task-comment" v-if="task.comment">
|
||||
<div class="comment-label">评价:</div>
|
||||
<div class="comment-content">{{ task.comment }}</div>
|
||||
</div>
|
||||
|
||||
<div class="task-footer">
|
||||
<div class="task-project">
|
||||
<span class="project-tag">#{{ task.project }}</span>
|
||||
</div>
|
||||
<div class="task-rating" v-if="task.rating">
|
||||
<a-rate :value="task.rating" disabled />
|
||||
</div>
|
||||
<div class="task-completed-time">
|
||||
<a-tag color="green" size="small">
|
||||
{{ task.completedTime }}
|
||||
</a-tag>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
</draggable>
|
||||
|
||||
<div class="task-title">
|
||||
<span class="completed-text">{{ task.title }}</span>
|
||||
</div>
|
||||
|
||||
<div class="task-description" v-if="task.description">
|
||||
{{ task.description }}
|
||||
</div>
|
||||
|
||||
<div class="task-meta">
|
||||
<div class="meta-item">
|
||||
<UserOutlined />
|
||||
<span>{{ task.assignee }}</span>
|
||||
</div>
|
||||
<div class="meta-item">
|
||||
<CheckCircleOutlined />
|
||||
<span>{{ task.completedBy }}</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="task-comment" v-if="task.comment">
|
||||
<div class="comment-label">评价:</div>
|
||||
<div class="comment-content">{{ task.comment }}</div>
|
||||
</div>
|
||||
|
||||
<div class="task-footer">
|
||||
<div class="task-project">
|
||||
<span class="project-tag">#{{ task.project }}</span>
|
||||
</div>
|
||||
<div class="task-rating" v-if="task.rating">
|
||||
<a-rate :value="task.rating" disabled />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -391,18 +406,128 @@
|
||||
<!-- 新建任务模态框 -->
|
||||
<a-modal
|
||||
v-model:open="showCreateModal"
|
||||
title="新建任务"
|
||||
:title="formMode === 'create' ? '新建任务' : '编辑任务'"
|
||||
:footer="null"
|
||||
width="600px"
|
||||
@cancel="resetForm"
|
||||
>
|
||||
<task-form
|
||||
ref="taskFormRef"
|
||||
:mode="formMode"
|
||||
:initial-data="editingTask"
|
||||
@submit="handleTaskSubmit"
|
||||
@cancel="resetForm"
|
||||
/>
|
||||
<a-space direction="vertical" size="large" style="width: 100%">
|
||||
<div v-if="formMode === 'create'">
|
||||
<a-form :model="simpleTaskForm" layout="vertical">
|
||||
<a-form-item label="任务标题" required>
|
||||
<a-input
|
||||
v-model:value="simpleTaskForm.title"
|
||||
placeholder="请输入任务标题"
|
||||
:maxlength="200"
|
||||
/>
|
||||
</a-form-item>
|
||||
<a-form-item label="任务描述（选填）">
|
||||
<a-textarea
|
||||
v-model:value="simpleTaskForm.description"
|
||||
placeholder="请输入详细任务描述"
|
||||
:rows="3"
|
||||
:maxlength="500"
|
||||
show-count
|
||||
/>
|
||||
</a-form-item>
|
||||
<a-row :gutter="16">
|
||||
<a-col :span="12">
|
||||
<a-form-item label="优先级" required>
|
||||
<a-select
|
||||
v-model:value="simpleTaskForm.priority"
|
||||
placeholder="选择优先级"
|
||||
style="width: 100%"
|
||||
>
|
||||
<a-select-option value="high">高</a-select-option>
|
||||
<a-select-option value="medium">中</a-select-option>
|
||||
<a-select-option value="low">低</a-select-option>
|
||||
</a-select>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-item label="负责人" required>
|
||||
<a-select
|
||||
v-model:value="simpleTaskForm.assignee"
|
||||
placeholder="选择负责人"
|
||||
style="width: 100%"
|
||||
>
|
||||
<a-select-option v-for="member in teamMembers" :key="member.id" :value="member.name">
|
||||
{{ member.name }}
|
||||
</a-select-option>
|
||||
</a-select>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row :gutter="16">
|
||||
<a-col :span="12">
|
||||
<a-form-item label="所属项目" required>
|
||||
<a-select
|
||||
v-model:value="simpleTaskForm.project"
|
||||
placeholder="选择项目"
|
||||
style="width: 100%"
|
||||
>
|
||||
<a-select-option v-for="project in activeProjects" :key="project.id" :value="project.name">
|
||||
{{ project.name }}
|
||||
</a-select-option>
|
||||
</a-select>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-item label="截止日期">
|
||||
<a-date-picker
|
||||
v-model:value="simpleTaskForm.dueDate"
|
||||
placeholder="选择截止日期"
|
||||
style="width: 100%"
|
||||
/>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</a-form>
|
||||
</div>
|
||||
|
||||
<div v-else-if="editingTask">
|
||||
<div class="edit-task-info">
|
||||
<h4>编辑任务: {{ editingTask.title }}</h4>
|
||||
<p class="form-help-text">更新任务信息，并说明修改理由</p>
|
||||
</div>
|
||||
<a-form layout="vertical">
|
||||
<a-form-item label="任务标题" required>
|
||||
<a-input
|
||||
v-model:value="editingTask.title"
|
||||
placeholder="请输入任务标题"
|
||||
:maxlength="200"
|
||||
/>
|
||||
</a-form-item>
|
||||
<a-form-item label="任务描述">
|
||||
<a-textarea
|
||||
v-model:value="editingTask.description"
|
||||
placeholder="请输入详细任务描述"
|
||||
:rows="3"
|
||||
:maxlength="500"
|
||||
show-count
|
||||
/>
|
||||
</a-form-item>
|
||||
<a-form-item label="修改备注（选填）">
|
||||
<a-textarea
|
||||
v-model:value="editRemark"
|
||||
placeholder="请说明本次修改的理由"
|
||||
:rows="2"
|
||||
:maxlength="200"
|
||||
show-count
|
||||
/>
|
||||
</a-form-item>
|
||||
</a-form>
|
||||
</div>
|
||||
|
||||
<div class="form-actions">
|
||||
<a-space>
|
||||
<a-button type="primary" @click="handleTaskSubmit">
|
||||
{{ formMode === 'create' ? '创建任务' : '保存修改' }}
|
||||
</a-button>
|
||||
<a-button @click="resetForm">取消</a-button>
|
||||
</a-space>
|
||||
</div>
|
||||
</a-space>
|
||||
</a-modal>
|
||||
</div>
|
||||
</template>
|
||||
@@ -410,11 +535,11 @@
|
||||
<script setup lang="ts">
|
||||
import { ref, computed, onMounted } from 'vue'
|
||||
import { message } from 'ant-design-vue'
|
||||
import draggable from 'vuedraggable'
|
||||
import {
|
||||
PlusOutlined, DownOutlined, MoreOutlined, EditOutlined,
|
||||
DeleteOutlined, UserOutlined, CalendarOutlined, FieldTimeOutlined,
|
||||
CheckCircleOutlined, CloseCircleOutlined, UserAddOutlined
|
||||
CheckCircleOutlined, CloseCircleOutlined, UserAddOutlined,
|
||||
RightOutlined
|
||||
} from '@ant-design/icons-vue'
|
||||
|
||||
interface Task {
|
||||
@@ -563,7 +688,17 @@ const completionRate = computed(() => {
|
||||
const showCreateModal = ref(false)
|
||||
const formMode = ref<'create' | 'edit'>('create')
|
||||
const editingTask = ref<Task | null>(null)
|
||||
const taskFormRef = ref()
|
||||
const editRemark = ref('')
|
||||
|
||||
// 新增任务表单
|
||||
const simpleTaskForm = ref({
|
||||
title: '',
|
||||
description: '',
|
||||
priority: 'medium' as 'low' | 'medium' | 'high',
|
||||
assignee: '',
|
||||
project: '',
|
||||
dueDate: null as any
|
||||
})
|
||||
|
||||
// 方法
|
||||
function handleMenuClick({ key }: { key: string }) {
|
||||
@@ -588,38 +723,59 @@ function isDeadlineWarning(dueDate: string) {
|
||||
return diffDays <= 3 && diffDays > 0
|
||||
}
|
||||
|
||||
function handleTaskMove(event: any) {
|
||||
if (event.added) {
|
||||
const task = event.added.element
|
||||
const newStatus = getColumnStatus(event.added.newIndex)
|
||||
updateTaskStatus(task.id, newStatus)
|
||||
message.success(`任务已移动到${getStatusText(newStatus)}`)
|
||||
function moveTaskToProgress(task: Task) {
|
||||
const index = todoTasks.value.findIndex(t => t.id === task.id)
|
||||
if (index !== -1) {
|
||||
const [movedTask] = todoTasks.value.splice(index, 1)
|
||||
movedTask.status = 'in_progress'
|
||||
inProgressTasks.value.push(movedTask)
|
||||
message.success(`任务"${task.title}"已移动到进行中`)
|
||||
}
|
||||
}
|
||||
|
||||
function getColumnStatus(index: number) {
|
||||
const statusMap: Record<number, Task['status']> = {
|
||||
0: 'todo',
|
||||
1: 'in_progress',
|
||||
2: 'review',
|
||||
3: 'done'
|
||||
function moveTaskToReview(task: Task) {
|
||||
const index = inProgressTasks.value.findIndex(t => t.id === task.id)
|
||||
if (index !== -1) {
|
||||
const [movedTask] = inProgressTasks.value.splice(index, 1)
|
||||
movedTask.status = 'review'
|
||||
movedTask.submittedDate = new Date().toLocaleDateString()
|
||||
reviewTasks.value.push(movedTask)
|
||||
message.success(`任务"${task.title}"已提交审核`)
|
||||
}
|
||||
return statusMap[index]
|
||||
}
|
||||
|
||||
function getStatusText(status: Task['status']) {
|
||||
const texts = {
|
||||
todo: '待处理',
|
||||
in_progress: '进行中',
|
||||
review: '待审核',
|
||||
done: '已完成'
|
||||
function moveTaskToDone(task: Task) {
|
||||
const index = reviewTasks.value.findIndex(t => t.id === task.id)
|
||||
if (index !== -1) {
|
||||
const [movedTask] = reviewTasks.value.splice(index, 1)
|
||||
movedTask.status = 'done'
|
||||
movedTask.completedTime = '刚刚'
|
||||
movedTask.completedBy = '审核人'
|
||||
doneTasks.value.push(movedTask)
|
||||
message.success(`任务"${task.title}"已标记为已完成`)
|
||||
}
|
||||
return texts[status]
|
||||
}
|
||||
|
||||
function updateTaskStatus(taskId: number, status: Task['status']) {
|
||||
// 在实际应用中，这里应该调用API更新任务状态
|
||||
console.log(`更新任务${taskId}状态为${status}`)
|
||||
function moveTaskToTodo(task: Task) {
|
||||
// 从待审核列退回
|
||||
const index = reviewTasks.value.findIndex(t => t.id === task.id)
|
||||
if (index !== -1) {
|
||||
const [movedTask] = reviewTasks.value.splice(index, 1)
|
||||
movedTask.status = 'todo'
|
||||
todoTasks.value.push(movedTask)
|
||||
message.success(`任务"${task.title}"已退还给负责人`)
|
||||
}
|
||||
|
||||
// 从已完成列恢复
|
||||
const doneIndex = doneTasks.value.findIndex(t => t.id === task.id)
|
||||
if (doneIndex !== -1) {
|
||||
const [movedTask] = doneTasks.value.splice(doneIndex, 1)
|
||||
movedTask.status = 'todo'
|
||||
movedTask.completedTime = ''
|
||||
movedTask.completedBy = ''
|
||||
todoTasks.value.push(movedTask)
|
||||
message.success(`任务"${task.title}"已恢复为待处理`)
|
||||
}
|
||||
}
|
||||
|
||||
function openTaskDetail(taskId: number) {
|
||||
@@ -659,34 +815,62 @@ function rejectTask(task: Task) {
|
||||
// 这里应该移动任务到待处理列
|
||||
}
|
||||
|
||||
function handleTaskSubmit(taskData: any) {
|
||||
// 团队成员数据（从概览页面引入）
|
||||
const teamMembersData = ref([
|
||||
{ id: 1, name: '张三', avatar: 'https://randomuser.me/api/portraits/men/32.jpg', role: '产品经理', status: '在线', tasks: 8 },
|
||||
{ id: 2, name: '李四', avatar: 'https://randomuser.me/api/portraits/women/44.jpg', role: 'UI设计师', status: '在线', tasks: 5 },
|
||||
{ id: 3, name: '王五', avatar: 'https://randomuser.me/api/portraits/men/67.jpg', role: '前端工程师', status: '忙碌', tasks: 12 },
|
||||
{ id: 4, name: '赵六', avatar: 'https://randomuser.me/api/portraits/women/23.jpg', role: '后端工程师', status: '在线', tasks: 9 },
|
||||
{ id: 5, name: '钱七', avatar: 'https://randomuser.me/api/portraits/men/89.jpg', role: '测试工程师', status: '离开', tasks: 7 },
|
||||
{ id: 6, name: '孙八', avatar: 'https://randomuser.me/api/portraits/women/56.jpg', role: '运维工程师', status: '离线', tasks: 4 }
|
||||
])
|
||||
|
||||
function handleTaskSubmit() {
|
||||
if (formMode.value === 'create') {
|
||||
if (!simpleTaskForm.value.title.trim() || !simpleTaskForm.value.assignee || !simpleTaskForm.value.project) {
|
||||
message.error('请填写必填项：任务标题、负责人和所属项目')
|
||||
return
|
||||
}
|
||||
|
||||
const newTask: Task = {
|
||||
id: Date.now(),
|
||||
title: taskData.title,
|
||||
description: taskData.description,
|
||||
priority: taskData.priority,
|
||||
assignee: taskData.assignee,
|
||||
project: taskData.project,
|
||||
title: simpleTaskForm.value.title,
|
||||
description: simpleTaskForm.value.description,
|
||||
priority: simpleTaskForm.value.priority,
|
||||
assignee: simpleTaskForm.value.assignee,
|
||||
project: simpleTaskForm.value.project,
|
||||
status: 'todo',
|
||||
dueDate: taskData.dueDate?.format('YYYY-MM-DD') || taskData.dueDate,
|
||||
collaborators: []
|
||||
dueDate: simpleTaskForm.value.dueDate?.format('YYYY-MM-DD') || '今天 18:00',
|
||||
collaborators: [
|
||||
'https://randomuser.me/api/portraits/men/32.jpg',
|
||||
'https://randomuser.me/api/portraits/women/44.jpg'
|
||||
]
|
||||
}
|
||||
|
||||
todoTasks.value.unshift(newTask)
|
||||
message.success('任务创建成功')
|
||||
} else {
|
||||
resetForm()
|
||||
} else if (editingTask.value) {
|
||||
// 更新任务逻辑
|
||||
message.success('任务更新成功')
|
||||
resetForm()
|
||||
}
|
||||
|
||||
resetForm()
|
||||
}
|
||||
|
||||
function resetForm() {
|
||||
showCreateModal.value = false
|
||||
editingTask.value = null
|
||||
formMode.value = 'create'
|
||||
if (taskFormRef.value) {
|
||||
taskFormRef.value.reset()
|
||||
editRemark.value = ''
|
||||
|
||||
// 重置新建任务表单
|
||||
simpleTaskForm.value = {
|
||||
title: '',
|
||||
description: '',
|
||||
priority: 'medium',
|
||||
assignee: '',
|
||||
project: '',
|
||||
dueDate: null
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user