|
|
<template>
|
|
|
<div class="p-2" v-loading="pageLoading">
|
|
|
<approvalButton
|
|
|
class="mb-3"
|
|
|
@submitForm="submitForm"
|
|
|
@approvalVerifyOpen="approvalVerifyOpen"
|
|
|
@handleApprovalRecord="handleApprovalRecord"
|
|
|
:buttonLoading="buttonLoading"
|
|
|
:id="form.tempTaskId as any"
|
|
|
:status="form.flowStatus as any"
|
|
|
:pageType="pageType"
|
|
|
:mode="false"
|
|
|
>
|
|
|
<el-button v-if="canSubmitFinish" type="success" icon="CircleCheck" @click="handleSubmitFinish" v-hasPermi="['oa/erp:tempTask:submitFinish']">
|
|
|
提交完成
|
|
|
</el-button>
|
|
|
<el-button v-if="canScoreClose" type="warning" icon="Star" @click="openScoreDialog" v-hasPermi="['oa/erp:tempTask:list']">
|
|
|
评分关闭
|
|
|
</el-button>
|
|
|
</approvalButton>
|
|
|
|
|
|
<el-card shadow="never" class="mb-3">
|
|
|
<el-form ref="tempTaskFormRef" :model="form" :rules="rules" label-width="120px" :disabled="isFormReadOnly">
|
|
|
<el-row :gutter="20">
|
|
|
<el-col :span="8">
|
|
|
<el-form-item label="任务编号" prop="tempTaskCode">
|
|
|
<el-input v-model="form.tempTaskCode" placeholder="后端自动生成" disabled />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="8">
|
|
|
<el-form-item label="业务状态" prop="taskStatus">
|
|
|
<el-select v-model="form.taskStatus" disabled>
|
|
|
<el-option v-for="dict in temp_task_status" :key="dict.value" :label="dict.label" :value="dict.value" />
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="8">
|
|
|
<el-form-item label="累计工时" prop="totalHours">
|
|
|
<el-input-number v-model="form.totalHours" :min="0" :precision="2" disabled controls-position="right" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="8">
|
|
|
<el-form-item label="任务类型" prop="taskType">
|
|
|
<el-select v-model="form.taskType" placeholder="请选择任务类型" clearable>
|
|
|
<el-option v-for="dict in temp_task_type" :key="dict.value" :label="dict.label" :value="dict.value" />
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="16">
|
|
|
<el-form-item label="任务标题" prop="taskTitle">
|
|
|
<el-input v-model="form.taskTitle" placeholder="请输入任务标题" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="24">
|
|
|
<el-form-item label="任务描述" prop="taskDesc">
|
|
|
<el-input v-model="form.taskDesc" type="textarea" :rows="4" placeholder="请输入临时任务描述" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="8">
|
|
|
<el-form-item label="计划开始" prop="planStartTime">
|
|
|
<el-date-picker v-model="form.planStartTime" type="date" value-format="YYYY-MM-DD" clearable placeholder="请选择计划开始" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="8">
|
|
|
<el-form-item label="计划完成" prop="planEndTime">
|
|
|
<el-date-picker v-model="form.planEndTime" type="date" value-format="YYYY-MM-DD" clearable placeholder="请选择计划完成" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="8">
|
|
|
<el-form-item label="预计工时" prop="estimateWorkload">
|
|
|
<el-input-number v-model="form.estimateWorkload" :min="0" :step="0.5" :precision="1" controls-position="right" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="12" v-if="form.taskType === '3'">
|
|
|
<el-form-item label="主报工项目" prop="projectCode">
|
|
|
<el-input v-model="form.projectCode" placeholder="请选择项目" readonly>
|
|
|
<template #suffix>
|
|
|
<el-icon class="cursor-pointer" @click="openProjectSelect"><Search /></el-icon>
|
|
|
</template>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="12" v-if="form.taskType === '3'">
|
|
|
<el-form-item label="项目名称" prop="projectName">
|
|
|
<el-input v-model="form.projectName" disabled placeholder="选择项目后自动填充" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="12" v-if="form.taskType === '1'">
|
|
|
<el-form-item label="归集部门" prop="deptId">
|
|
|
<el-select v-model="form.deptId" placeholder="请选择归集部门" clearable filterable @change="handleTaskDeptChange">
|
|
|
<el-option v-for="dept in deptList" :key="dept.deptId" :label="dept.deptName" :value="dept.deptId" />
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="12" v-if="form.taskType === '1'">
|
|
|
<el-form-item label="归集部门名称" prop="deptName">
|
|
|
<el-input v-model="form.deptName" disabled placeholder="选择部门后自动填充" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="8">
|
|
|
<el-form-item label="发起人" prop="requesterName">
|
|
|
<el-input v-model="form.requesterName" disabled placeholder="后端按当前用户回填" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="8">
|
|
|
<el-form-item label="实际需求人" prop="realRequesterName">
|
|
|
<el-input v-model="form.realRequesterName" readonly placeholder="默认可为空，代发起时选择">
|
|
|
<template #suffix>
|
|
|
<el-icon class="cursor-pointer" @click="openUserSelect('realRequester')"><Search /></el-icon>
|
|
|
</template>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="8">
|
|
|
<el-form-item label="实际需求部门" prop="realRequestDeptId">
|
|
|
<el-select v-model="form.realRequestDeptId" placeholder="请选择实际需求部门" clearable filterable @change="handleRealDeptChange">
|
|
|
<el-option v-for="dept in deptList" :key="dept.deptId" :label="dept.deptName" :value="dept.deptId" />
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="8">
|
|
|
<el-form-item label="软件部领导" prop="softwareLeaderName">
|
|
|
<el-input v-model="form.softwareLeaderName" readonly placeholder="请选择软件部领导">
|
|
|
<template #suffix>
|
|
|
<el-icon class="cursor-pointer" @click="openUserSelect('leader')"><Search /></el-icon>
|
|
|
</template>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="8">
|
|
|
<el-form-item label="主执行人" prop="assigneeName">
|
|
|
<el-input v-model="form.assigneeName" readonly placeholder="请选择主执行人">
|
|
|
<template #suffix>
|
|
|
<el-icon class="cursor-pointer" @click="openUserSelect('assignee')"><Search /></el-icon>
|
|
|
</template>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<!-- Why actualStartTime 始终 disabled：由后端流程引擎在 leader_review 通过后自动落库，前端不可手动编辑 -->
|
|
|
<el-col :span="8">
|
|
|
<el-form-item label="实际开始" prop="actualStartTime">
|
|
|
<el-date-picker v-model="form.actualStartTime" type="datetime" value-format="YYYY-MM-DD HH:mm:ss" disabled placeholder="流程自动记录" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="24">
|
|
|
<el-form-item label="备注" prop="remark">
|
|
|
<el-input v-model="form.remark" type="textarea" :rows="3" placeholder="请输入备注" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
</el-form>
|
|
|
</el-card>
|
|
|
|
|
|
<el-row v-if="form.tempTaskId" :gutter="12">
|
|
|
<el-col :span="8">
|
|
|
<el-card shadow="never" class="mb-3">
|
|
|
<template #header>
|
|
|
<div class="flex justify-between items-center">
|
|
|
<span>参与人</span>
|
|
|
<el-button
|
|
|
v-if="canManageMembers"
|
|
|
type="primary"
|
|
|
plain
|
|
|
icon="Plus"
|
|
|
size="small"
|
|
|
@click="openMemberDialog"
|
|
|
v-hasPermi="['oa/erp:tempTask:list']"
|
|
|
>
|
|
|
协作人
|
|
|
</el-button>
|
|
|
</div>
|
|
|
</template>
|
|
|
<el-table :data="memberList" border>
|
|
|
<el-table-column label="类型" prop="memberType" width="100" align="center">
|
|
|
<template #default="scope">
|
|
|
<dict-tag :options="temp_task_member_type" :value="scope.row.memberType" />
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column label="姓名" prop="userName" min-width="100" align="center" />
|
|
|
<el-table-column label="协作说明" prop="joinRemark" min-width="150" show-overflow-tooltip align="center" />
|
|
|
<el-table-column v-if="canManageMembers" label="操作" width="80" align="center">
|
|
|
<template #default="scope">
|
|
|
<el-button v-if="scope.row.memberType === '2'" link type="danger" @click="handleRemoveMember(scope.row.memberId)">移除</el-button>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
</el-card>
|
|
|
</el-col>
|
|
|
|
|
|
<el-col :span="16">
|
|
|
<el-card shadow="never" class="mb-3">
|
|
|
<template #header>
|
|
|
<div class="flex justify-between items-center">
|
|
|
<span>工时明细</span>
|
|
|
<el-button
|
|
|
v-if="canEditWorklog"
|
|
|
type="primary"
|
|
|
plain
|
|
|
icon="Plus"
|
|
|
size="small"
|
|
|
@click="openWorklogDialog()"
|
|
|
v-hasPermi="['oa/erp:tempTask:list']"
|
|
|
>
|
|
|
填报工时
|
|
|
</el-button>
|
|
|
</div>
|
|
|
</template>
|
|
|
<el-table :data="worklogList" border>
|
|
|
<el-table-column label="填报人" prop="userName" width="100" align="center" />
|
|
|
<el-table-column label="工作日期" prop="workDate" width="120" align="center">
|
|
|
<template #default="scope">{{ parseDate(scope.row.workDate) }}</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column label="自然周" min-width="190" align="center">
|
|
|
<template #default="scope">{{ parseDate(scope.row.weekStart) }} ~ {{ parseDate(scope.row.weekEnd) }}</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column label="工时" prop="hours" width="80" align="center" />
|
|
|
<el-table-column label="事项描述" prop="workContent" min-width="180" show-overflow-tooltip align="center" />
|
|
|
<el-table-column label="附件" min-width="160" align="center">
|
|
|
<template #default="scope">
|
|
|
<OssFilePreview v-if="scope.row.ossId" :oss-ids="scope.row.ossId" thumb-size="40px" />
|
|
|
<span v-else>暂无附件</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column label="状态" prop="lockFlag" width="90" align="center">
|
|
|
<template #default="scope">
|
|
|
<el-tag :type="scope.row.lockFlag === '1' ? 'info' : 'success'">{{ scope.row.lockFlag === '1' ? '已锁定' : '可编辑' }}</el-tag>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column v-if="canEditWorklog" label="操作" width="110" align="center">
|
|
|
<template #default="scope">
|
|
|
<el-button v-if="scope.row.lockFlag !== '1'" link type="primary" @click="openWorklogDialog(scope.row)">编辑</el-button>
|
|
|
<el-button v-if="scope.row.lockFlag !== '1'" link type="danger" @click="handleDeleteWorklog(scope.row.worklogId)">删除</el-button>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
</el-card>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
|
|
|
<el-card v-if="form.tempTaskId" shadow="never">
|
|
|
<template #header>
|
|
|
<div class="flex justify-between items-center">
|
|
|
<span>评分结果</span>
|
|
|
<el-button
|
|
|
v-if="canScoreClose"
|
|
|
type="warning"
|
|
|
plain
|
|
|
icon="Star"
|
|
|
size="small"
|
|
|
@click="openScoreDialog"
|
|
|
v-hasPermi="['oa/erp:tempTask:list']"
|
|
|
>
|
|
|
评分关闭
|
|
|
</el-button>
|
|
|
</div>
|
|
|
</template>
|
|
|
<el-table :data="scoreList" border>
|
|
|
<el-table-column label="被评分人" prop="userName" width="120" align="center" />
|
|
|
<el-table-column label="评分等级" prop="scoreGrade" width="140" align="center">
|
|
|
<template #default="scope">
|
|
|
<dict-tag :options="temp_task_score" :value="scope.row.scoreGrade" />
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column label="评分说明" prop="scoreRemark" min-width="220" show-overflow-tooltip align="center" />
|
|
|
<el-table-column label="评分时间" prop="scoreTime" width="160" align="center">
|
|
|
<template #default="scope">{{ parseDateTime(scope.row.scoreTime) }}</template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
</el-card>
|
|
|
|
|
|
<el-dialog v-model="memberDialog.visible" title="新增协作人" width="620px" append-to-body>
|
|
|
<el-form ref="memberFormRef" :model="memberForm" :rules="memberRules" label-width="120px">
|
|
|
<el-form-item label="协作人" prop="userName">
|
|
|
<el-input v-model="memberForm.userName" readonly placeholder="请选择协作人">
|
|
|
<template #suffix>
|
|
|
<el-icon class="cursor-pointer" @click="openUserSelect('member')"><Search /></el-icon>
|
|
|
</template>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="协作说明" prop="joinRemark">
|
|
|
<el-input v-model="memberForm.joinRemark" type="textarea" :rows="3" placeholder="请输入协作事项说明" />
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
<template #footer>
|
|
|
<el-button @click="memberDialog.visible = false">取消</el-button>
|
|
|
<el-button type="primary" :loading="buttonLoading" @click="handleAddMember">确定</el-button>
|
|
|
</template>
|
|
|
</el-dialog>
|
|
|
|
|
|
<el-dialog v-model="worklogDialog.visible" title="工时明细" width="720px" append-to-body>
|
|
|
<el-form ref="worklogFormRef" :model="worklogForm" :rules="worklogRules" label-width="120px">
|
|
|
<el-row :gutter="20">
|
|
|
<el-col :span="12">
|
|
|
<el-form-item label="工作日期" prop="workDate">
|
|
|
<el-date-picker v-model="worklogForm.workDate" type="date" value-format="YYYY-MM-DD" clearable />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
<el-form-item label="工时" prop="hours">
|
|
|
<el-input-number v-model="worklogForm.hours" :min="0.5" :step="0.5" :precision="1" controls-position="right" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="24">
|
|
|
<el-form-item label="事项描述" prop="workContent">
|
|
|
<el-input v-model="worklogForm.workContent" type="textarea" :rows="4" placeholder="请输入本次工作内容" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="24">
|
|
|
<el-form-item label="附件" prop="ossId">
|
|
|
<FileUpload
|
|
|
v-model="worklogOssIdString"
|
|
|
:limit="5"
|
|
|
:file-size="20"
|
|
|
:file-type="['png', 'jpg', 'jpeg', 'doc', 'docx', 'pdf', 'xls', 'xlsx', 'txt']"
|
|
|
:is-show-tip="true"
|
|
|
/>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
</el-form>
|
|
|
<template #footer>
|
|
|
<el-button @click="worklogDialog.visible = false">取消</el-button>
|
|
|
<el-button type="primary" :loading="buttonLoading" @click="handleSaveWorklog">保存</el-button>
|
|
|
</template>
|
|
|
</el-dialog>
|
|
|
|
|
|
<el-dialog v-model="scoreDialog.visible" title="领导评分关闭" width="820px" append-to-body>
|
|
|
<el-form ref="scoreFormRef" :model="scoreForm" label-width="120px">
|
|
|
<el-table :data="scoreForm.scoreList" border>
|
|
|
<el-table-column label="人员" min-width="140" align="center">
|
|
|
<template #default="scope">
|
|
|
{{ memberNameMap[scope.row.memberId] || scope.row.userId }}
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column label="评分等级" width="180" align="center">
|
|
|
<template #default="scope">
|
|
|
<el-select v-model="scope.row.scoreGrade" placeholder="请选择评分">
|
|
|
<el-option v-for="dict in temp_task_score" :key="dict.value" :label="dict.label" :value="dict.value" />
|
|
|
</el-select>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column label="评分说明" min-width="240" align="center">
|
|
|
<template #default="scope">
|
|
|
<el-input v-model="scope.row.scoreRemark" placeholder="请输入评分说明" />
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
<el-form-item class="mt-3" label="最终审核意见">
|
|
|
<el-input v-model="scoreForm.leaderFinalOpinion" type="textarea" :rows="3" placeholder="请输入最终审核意见" />
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
<template #footer>
|
|
|
<el-button @click="scoreDialog.visible = false">取消</el-button>
|
|
|
<el-button type="primary" :loading="buttonLoading" @click="handleScoreAndClose">评分关闭</el-button>
|
|
|
</template>
|
|
|
</el-dialog>
|
|
|
|
|
|
<submitVerify ref="submitVerifyRef" :task-variables="taskVariables" @submit-callback="submitCallback" />
|
|
|
<approvalRecord ref="approvalRecordRef" />
|
|
|
<ProjectSelect ref="projectSelectRef" :multiple="false" @confirm-call-back="handleProjectSelect" />
|
|
|
<UserSelect ref="userSelectRef" :multiple="userSelectMode === 'cc'" @confirm-call-back="handleUserSelect" />
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script setup name="TempTaskEdit" lang="ts">
|
|
|
import {
|
|
|
addTempTask,
|
|
|
addTempTaskMember,
|
|
|
assigneeReviewTempTask,
|
|
|
delTempTaskMember,
|
|
|
delTempTaskWorklog,
|
|
|
getTempTask,
|
|
|
leaderReviewAndCompleteTempTask,
|
|
|
listTempTaskMember,
|
|
|
listTempTaskScore,
|
|
|
listTempTaskWorklog,
|
|
|
saveTempTaskWorklog,
|
|
|
scoreAndCloseTempTask,
|
|
|
submitFinishTempTask,
|
|
|
tempTaskSubmitAndFlowStart,
|
|
|
updateTempTask,
|
|
|
syncTaskState
|
|
|
} from '@/api/oa/erp/tempTask';
|
|
|
import type {
|
|
|
TempTaskForm,
|
|
|
TempTaskMemberForm,
|
|
|
TempTaskMemberVO,
|
|
|
TempTaskScoreSubmitForm,
|
|
|
TempTaskScoreVO,
|
|
|
TempTaskWorklogForm,
|
|
|
TempTaskWorklogVO
|
|
|
} from '@/api/oa/erp/tempTask/types';
|
|
|
import type { ProjectInfoVO } from '@/api/oa/erp/projectInfo/types';
|
|
|
import type { DeptVO } from '@/api/system/dept/types';
|
|
|
import { allListDept } from '@/api/system/dept';
|
|
|
import { getTask } from '@/api/workflow/task';
|
|
|
import { FlowCodeEnum } from '@/enums/OAEnum';
|
|
|
import ApprovalButton from '@/components/Process/approvalButton.vue';
|
|
|
import SubmitVerify from '@/components/Process/submitVerify.vue';
|
|
|
import ApprovalRecord from '@/components/Process/approvalRecord.vue';
|
|
|
import ProjectSelect from '@/components/ProjectSelect/index.vue';
|
|
|
import UserSelect from '@/components/UserSelect/index.vue';
|
|
|
import FileUpload from '@/components/FileUpload/index.vue';
|
|
|
import OssFilePreview from '@/components/OssFilePreview/index.vue';
|
|
|
|
|
|
type UserSelectMode = 'leader' | 'assignee' | 'realRequester' | 'member' | 'cc';
|
|
|
|
|
|
const { proxy } = getCurrentInstance() as any;
|
|
|
const route = useRoute();
|
|
|
const router = useRouter();
|
|
|
|
|
|
const { temp_task_type, temp_task_status, temp_task_member_type, temp_task_score } = toRefs<any>(
|
|
|
proxy?.useDict('temp_task_type', 'temp_task_status', 'temp_task_member_type', 'temp_task_score')
|
|
|
);
|
|
|
|
|
|
const pageLoading = ref(false);
|
|
|
const buttonLoading = ref(false);
|
|
|
const pageType = ref<string>((route.query.type as string) || 'add');
|
|
|
const tempTaskFormRef = ref<ElFormInstance>();
|
|
|
const memberFormRef = ref<ElFormInstance>();
|
|
|
const worklogFormRef = ref<ElFormInstance>();
|
|
|
const scoreFormRef = ref<ElFormInstance>();
|
|
|
const submitVerifyRef = ref<InstanceType<typeof SubmitVerify>>();
|
|
|
const approvalRecordRef = ref<InstanceType<typeof ApprovalRecord>>();
|
|
|
const projectSelectRef = ref<InstanceType<typeof ProjectSelect>>();
|
|
|
const userSelectRef = ref<InstanceType<typeof UserSelect>>();
|
|
|
|
|
|
const userSelectMode = ref<UserSelectMode>('leader');
|
|
|
const taskVariables = ref<Record<string, unknown>>({});
|
|
|
const currentNodeCode = ref<string>('');
|
|
|
const deptList = ref<DeptVO[]>([]);
|
|
|
const memberList = ref<TempTaskMemberVO[]>([]);
|
|
|
const worklogList = ref<TempTaskWorklogVO[]>([]);
|
|
|
const scoreList = ref<TempTaskScoreVO[]>([]);
|
|
|
|
|
|
const initFormData: TempTaskForm = {
|
|
|
tempTaskId: undefined,
|
|
|
taskId: undefined,
|
|
|
tempTaskCode: undefined,
|
|
|
taskTitle: undefined,
|
|
|
taskDesc: undefined,
|
|
|
taskType: '1',
|
|
|
planStartTime: undefined,
|
|
|
planEndTime: undefined,
|
|
|
actualStartTime: undefined,
|
|
|
actualFinishTime: undefined,
|
|
|
projectId: undefined,
|
|
|
projectCode: undefined,
|
|
|
projectName: undefined,
|
|
|
deptId: undefined,
|
|
|
deptName: undefined,
|
|
|
requesterId: undefined,
|
|
|
requesterName: undefined,
|
|
|
realRequesterId: undefined,
|
|
|
realRequesterName: undefined,
|
|
|
realRequestDeptId: undefined,
|
|
|
realRequestDeptName: undefined,
|
|
|
softwareLeaderId: undefined,
|
|
|
softwareLeaderName: undefined,
|
|
|
assigneeId: undefined,
|
|
|
assigneeName: undefined,
|
|
|
estimateWorkload: undefined,
|
|
|
totalHours: undefined,
|
|
|
taskStatus: '1',
|
|
|
flowStatus: 'draft',
|
|
|
ccUserIds: undefined,
|
|
|
remark: undefined,
|
|
|
flowCode: FlowCodeEnum.TEMP_TASK_CODE,
|
|
|
variables: {},
|
|
|
bizExt: {}
|
|
|
};
|
|
|
|
|
|
const form = ref<TempTaskForm>({ ...initFormData });
|
|
|
|
|
|
const rules: ElFormRules = {
|
|
|
taskDesc: [{ required: true, message: '任务描述不能为空', trigger: 'blur' }],
|
|
|
taskType: [{ required: true, message: '任务类型不能为空', trigger: 'change' }],
|
|
|
softwareLeaderName: [{ required: true, message: '软件部领导不能为空', trigger: 'change' }],
|
|
|
projectCode: [
|
|
|
{
|
|
|
validator: (_rule, value, callback) => {
|
|
|
if (form.value.taskType === '3' && !value) {
|
|
|
callback(new Error('项目任务必须选择项目'));
|
|
|
} else {
|
|
|
callback();
|
|
|
}
|
|
|
},
|
|
|
trigger: 'change'
|
|
|
}
|
|
|
],
|
|
|
deptId: [
|
|
|
{
|
|
|
validator: (_rule, value, callback) => {
|
|
|
if (form.value.taskType === '1' && !value) {
|
|
|
callback(new Error('部门任务必须选择归集部门'));
|
|
|
} else {
|
|
|
callback();
|
|
|
}
|
|
|
},
|
|
|
trigger: 'change'
|
|
|
}
|
|
|
]
|
|
|
};
|
|
|
|
|
|
const memberDialog = reactive({ visible: false });
|
|
|
const memberForm = ref<TempTaskMemberForm>({});
|
|
|
const memberRules: ElFormRules = {
|
|
|
userName: [{ required: true, message: '协作人不能为空', trigger: 'change' }]
|
|
|
};
|
|
|
|
|
|
const worklogDialog = reactive({ visible: false });
|
|
|
const worklogForm = ref<TempTaskWorklogForm>({});
|
|
|
const worklogRules: ElFormRules = {
|
|
|
workDate: [{ required: true, message: '工作日期不能为空', trigger: 'change' }],
|
|
|
hours: [{ required: true, message: '工时不能为空', trigger: 'blur' }],
|
|
|
workContent: [{ required: true, message: '事项描述不能为空', trigger: 'blur' }]
|
|
|
};
|
|
|
|
|
|
const scoreDialog = reactive({ visible: false });
|
|
|
const scoreForm = ref<TempTaskScoreSubmitForm>({
|
|
|
tempTaskId: '',
|
|
|
taskId: '',
|
|
|
leaderFinalOpinion: undefined,
|
|
|
scoreList: []
|
|
|
});
|
|
|
|
|
|
/**
|
|
|
* 表单是否只读。
|
|
|
*
|
|
|
* 规则：
|
|
|
* - 查看模式(pageType=view) -> 全部只读
|
|
|
* - 审批模式(pageType=approval) + 当前节点不是 leader_review/assignee_review -> 只读
|
|
|
* - 审批模式 + 当前节点是 leader_review -> 可编辑（领导审批时可修改主执行人、软件部领导等字段）
|
|
|
* - 审批模式 + 当前节点是 assignee_review -> 可编辑（主执行人审阅时可修改标题/描述/计划周期/预估工时）
|
|
|
*
|
|
|
* 为什么 leader_review 和 assignee_review 在审批模式也可编辑：
|
|
|
* 这两个节点的业务语义是"审批者可以修正业务数据"，而非纯粹的"只读审批"。
|
|
|
* 审批即修改，所以表单在这些节点保持可编辑状态。
|
|
|
*/
|
|
|
// Why：type=execute 模式主表只读，参与人/工时明细单独控制；
|
|
|
// leader_review/assignee_review 节点审批人可修正业务数据；
|
|
|
// execute 工作流节点同样保持可编辑。
|
|
|
const isFormReadOnly = computed(
|
|
|
() => pageType.value === 'view'
|
|
|
|| pageType.value === 'execute'
|
|
|
|| (pageType.value === 'approval' && !['leader_review', 'assignee_review', 'execute'].includes(currentNodeCode.value))
|
|
|
);
|
|
|
/**
|
|
|
* 是否允许管理协作人（新增/移除）。
|
|
|
* type=execute 模式 + 执行中(taskStatus=3) 时可操作。
|
|
|
*/
|
|
|
const canManageMembers = computed(() => !!form.value.tempTaskId && pageType.value !== 'view' && form.value.taskStatus === '3');
|
|
|
/**
|
|
|
* 是否允许编辑工时明细（填报/修改/删除）。
|
|
|
* 规则同上。
|
|
|
*/
|
|
|
const canEditWorklog = computed(() => !!form.value.tempTaskId && pageType.value !== 'view' && form.value.taskStatus === '3');
|
|
|
/**
|
|
|
* 是否允许"提交完成"按钮显示。
|
|
|
*
|
|
|
* 需要同时满足五个条件：
|
|
|
* 1. tempTaskId 存在（任务已保存，非新增草稿）
|
|
|
* 2. route.query.taskId 存在（从工作流待办进入，非直接编辑进入）
|
|
|
* -- 这是为了保证 taskId 存在，提交完成后端需要它来 completeTask
|
|
|
* 3. 非查看模式
|
|
|
* 4. taskStatus === '3'（执行中）
|
|
|
* 5. currentNodeCode === 'execute'（当前流程节点是执行节点）
|
|
|
* -- 只有主执行人在 execute 节点时才能提交完成，防止其他角色误操作
|
|
|
*/
|
|
|
const canSubmitFinish = computed(
|
|
|
() =>
|
|
|
!!form.value.tempTaskId &&
|
|
|
!!route.query.taskId &&
|
|
|
pageType.value !== 'view' &&
|
|
|
form.value.taskStatus === '3' &&
|
|
|
currentNodeCode.value === 'execute'
|
|
|
);
|
|
|
/**
|
|
|
* 是否允许"评分关闭"按钮显示。
|
|
|
*
|
|
|
* 需要同时满足五个条件：
|
|
|
* 1. tempTaskId 存在（任务已保存）
|
|
|
* 2. route.query.taskId 存在（从工作流待办进入）
|
|
|
* 3. 非查看模式
|
|
|
* 4. taskStatus === '4'（待领导审核 -- 主执行人已提交完成，等待领导评分）
|
|
|
* 5. currentNodeCode === 'leader_final'（当前流程节点是领导终审节点）
|
|
|
* -- 只有领导在 leader_final 节点时才能评分关闭，评分即关闭，不可逆
|
|
|
*/
|
|
|
const canScoreClose = computed(
|
|
|
() =>
|
|
|
!!form.value.tempTaskId &&
|
|
|
!!route.query.taskId &&
|
|
|
pageType.value !== 'view' &&
|
|
|
// Why：执行人可能绕过 submitFinish 直接用工作流审批按钮推进到 leader_final，
|
|
|
// 此时 taskStatus 仍为 3，但评分人已到 leader_final 节点，仍需允许评分关闭。
|
|
|
(form.value.taskStatus === '3' || form.value.taskStatus === '4') &&
|
|
|
currentNodeCode.value === 'leader_final'
|
|
|
);
|
|
|
|
|
|
const memberNameMap = computed<Record<string, string>>(() => {
|
|
|
const map: Record<string, string> = {};
|
|
|
memberList.value.forEach((member) => {
|
|
|
map[String(member.memberId)] = member.userName || '';
|
|
|
});
|
|
|
return map;
|
|
|
});
|
|
|
|
|
|
const worklogOssIdString = computed({
|
|
|
get() {
|
|
|
return worklogForm.value.ossId ? String(worklogForm.value.ossId) : '';
|
|
|
},
|
|
|
set(val: string) {
|
|
|
worklogForm.value.ossId = val || undefined;
|
|
|
}
|
|
|
});
|
|
|
|
|
|
const parseDate = (value?: string) => {
|
|
|
return value ? String(value).slice(0, 10) : '';
|
|
|
};
|
|
|
|
|
|
const parseDateTime = (value?: string) => {
|
|
|
return value ? String(value).replace('T', ' ').slice(0, 16) : '';
|
|
|
};
|
|
|
|
|
|
const getDeptList = async () => {
|
|
|
const res = await allListDept({ status: 0 } as any);
|
|
|
deptList.value = res.data || [];
|
|
|
};
|
|
|
|
|
|
const findDept = (deptId?: string | number) => {
|
|
|
return deptList.value.find((dept) => dept.deptId === deptId);
|
|
|
};
|
|
|
|
|
|
const handleTaskDeptChange = (deptId?: string | number) => {
|
|
|
form.value.deptName = findDept(deptId)?.deptName;
|
|
|
};
|
|
|
|
|
|
const handleRealDeptChange = (deptId?: string | number) => {
|
|
|
form.value.realRequestDeptName = findDept(deptId)?.deptName;
|
|
|
};
|
|
|
|
|
|
/**
|
|
|
* 监听 taskType 切换，联动清除不适用的表单字段。
|
|
|
* - 切换到非项目类型(taskType !== '3')：清除项目相关字段，避免脏数据带入提交
|
|
|
* - 切换到非部门类型(taskType !== '1')：清除部门相关字段
|
|
|
* 此逻辑确保表单提交时不会携带与当前任务类型无关的字段值。
|
|
|
*/
|
|
|
watch(
|
|
|
() => form.value.taskType,
|
|
|
(taskType) => {
|
|
|
if (taskType !== '3') {
|
|
|
form.value.projectId = undefined;
|
|
|
form.value.projectCode = undefined;
|
|
|
form.value.projectName = undefined;
|
|
|
}
|
|
|
if (taskType !== '1') {
|
|
|
form.value.deptId = undefined;
|
|
|
form.value.deptName = undefined;
|
|
|
}
|
|
|
}
|
|
|
);
|
|
|
|
|
|
const openProjectSelect = () => {
|
|
|
if (isFormReadOnly.value) {
|
|
|
return;
|
|
|
}
|
|
|
projectSelectRef.value?.open();
|
|
|
};
|
|
|
|
|
|
const handleProjectSelect = (data: ProjectInfoVO[]) => {
|
|
|
const project = data?.[0];
|
|
|
if (!project) {
|
|
|
return;
|
|
|
}
|
|
|
form.value.projectId = project.projectId;
|
|
|
form.value.projectCode = project.projectCode;
|
|
|
form.value.projectName = project.projectName;
|
|
|
};
|
|
|
|
|
|
const openUserSelect = (mode: UserSelectMode) => {
|
|
|
if (isFormReadOnly.value && mode !== 'member') {
|
|
|
return;
|
|
|
}
|
|
|
userSelectMode.value = mode;
|
|
|
userSelectRef.value?.open();
|
|
|
};
|
|
|
|
|
|
const handleUserSelect = (users: Array<Record<string, any>>) => {
|
|
|
const selected = users?.[0];
|
|
|
if (!selected) {
|
|
|
return;
|
|
|
}
|
|
|
const userId = selected.userId;
|
|
|
const name = selected.nickName || selected.userName;
|
|
|
if (userSelectMode.value === 'leader') {
|
|
|
form.value.softwareLeaderId = userId;
|
|
|
form.value.softwareLeaderName = name;
|
|
|
} else if (userSelectMode.value === 'assignee') {
|
|
|
form.value.assigneeId = userId;
|
|
|
form.value.assigneeName = name;
|
|
|
} else if (userSelectMode.value === 'realRequester') {
|
|
|
form.value.realRequesterId = userId;
|
|
|
form.value.realRequesterName = name;
|
|
|
if (selected.deptId) {
|
|
|
form.value.realRequestDeptId = selected.deptId;
|
|
|
form.value.realRequestDeptName = selected.deptName;
|
|
|
}
|
|
|
} else if (userSelectMode.value === 'member') {
|
|
|
memberForm.value.userId = userId;
|
|
|
memberForm.value.userName = name;
|
|
|
memberForm.value.memberDeptId = selected.deptId;
|
|
|
} else {
|
|
|
form.value.ccUserIds = users.map((item) => item.userId).join(',');
|
|
|
}
|
|
|
};
|
|
|
|
|
|
/**
|
|
|
* 从专用子表端点加载参与人/工时/评分列表（AD-13/AD-16）。
|
|
|
*
|
|
|
* 这些子表通过独立 API 端点查询，而非依赖主表 queryById 的嵌套返回。
|
|
|
* 为什么不用 loadDetail 中的嵌套数据而要再调一次：
|
|
|
* 主表 queryById 可能出于性能考虑不返回完整子表数据（不包含 members/worklogs/scores），
|
|
|
* 或者列表页查询不携带子表，只有编辑页才加载。loadSubLists 保证子表数据是最新状态。
|
|
|
*/
|
|
|
const loadSubLists = async () => {
|
|
|
if (!form.value.tempTaskId) {
|
|
|
memberList.value = [];
|
|
|
worklogList.value = [];
|
|
|
scoreList.value = [];
|
|
|
return;
|
|
|
}
|
|
|
const tempTaskId = form.value.tempTaskId;
|
|
|
const [memberRes, worklogRes, scoreRes] = await Promise.all([
|
|
|
listTempTaskMember(tempTaskId),
|
|
|
listTempTaskWorklog(tempTaskId),
|
|
|
listTempTaskScore(tempTaskId)
|
|
|
]);
|
|
|
memberList.value = memberRes.data || [];
|
|
|
worklogList.value = worklogRes.data || [];
|
|
|
scoreList.value = scoreRes.data || [];
|
|
|
};
|
|
|
|
|
|
/**
|
|
|
* 加载任务详情。
|
|
|
*
|
|
|
* 数据来源：
|
|
|
* - 主表字段（form）：来自 getTempTask(queryById)，包含业务字段快照
|
|
|
* - 子表字段（members/worklogs/scores）：先用 queryById 返回的嵌套数据做快速渲染，
|
|
|
* 然后调用 loadSubLists() 从专用端点拉取最新数据覆盖
|
|
|
*
|
|
|
* 为什么需要两步加载：
|
|
|
* queryById 可能返回子表的旧版本数据（如列表页用的同一个 VO），
|
|
|
* loadSubLists 从独立端点获取确保数据是最新的。
|
|
|
*/
|
|
|
const loadDetail = async (id: string | number) => {
|
|
|
const res = await getTempTask(id);
|
|
|
form.value = {
|
|
|
...initFormData,
|
|
|
...res.data,
|
|
|
flowCode: FlowCodeEnum.TEMP_TASK_CODE
|
|
|
};
|
|
|
// 先用嵌套数据快速渲染，避免空白闪烁
|
|
|
memberList.value = res.data?.members || [];
|
|
|
worklogList.value = res.data?.worklogs || [];
|
|
|
scoreList.value = res.data?.scores || [];
|
|
|
// 再从专用端点拉取最新子表数据覆盖
|
|
|
await loadSubLists();
|
|
|
};
|
|
|
|
|
|
const loadCurrentWorkflowTask = async () => {
|
|
|
const taskId = route.query.taskId as string | undefined;
|
|
|
if (!taskId) {
|
|
|
currentNodeCode.value = '';
|
|
|
return;
|
|
|
}
|
|
|
const res = await getTask(taskId);
|
|
|
currentNodeCode.value = res.data?.nodeCode || '';
|
|
|
};
|
|
|
|
|
|
/**
|
|
|
* 组装工作流 variables 和 bizExt 载荷。
|
|
|
*
|
|
|
* variables 的来源：
|
|
|
* - has_assignee: 控制流程网关分支 -- 有主执行人时跳过 assignee_confirm 节点，直接进入执行
|
|
|
* - reassigned: 保留后端可能写入的换人标记，用于下一次提交时维持流程变量
|
|
|
* - 其余字段：从 form 中提取业务关键字段，用于 Warm-Flow 条件表达式(SpEL)计算路由/办理人
|
|
|
*
|
|
|
* null/undefined/空字符串清理：
|
|
|
* Warm-Flow 的 SpEL 表达式对 null 和空字符串处理不同，为保持一致性，
|
|
|
* 前端在提交前删除所有空值变量，让后端按默认逻辑处理缺失字段。
|
|
|
*
|
|
|
* bizExt 用于审批中心/待办列表渲染，截断到 80 字符防止展示溢出。
|
|
|
*/
|
|
|
const buildVariables = () => {
|
|
|
taskVariables.value = {
|
|
|
has_assignee: form.value.assigneeId ? '1' : '0',
|
|
|
// 保留后端可能写入的 reassigned 标记，避免下拉框变更后丢失换人状态
|
|
|
reassigned: (form.value.variables as Record<string, unknown>)?.reassigned || '0',
|
|
|
requesterId: form.value.requesterId,
|
|
|
realRequesterId: form.value.realRequesterId,
|
|
|
realRequestDeptId: form.value.realRequestDeptId,
|
|
|
softwareLeaderId: form.value.softwareLeaderId,
|
|
|
assigneeId: form.value.assigneeId,
|
|
|
ccUserIds: form.value.ccUserIds,
|
|
|
taskTitle: form.value.taskTitle,
|
|
|
taskDesc: form.value.taskDesc,
|
|
|
taskType: form.value.taskType,
|
|
|
projectId: form.value.projectId,
|
|
|
deptId: form.value.deptId,
|
|
|
planStartTime: form.value.planStartTime,
|
|
|
planEndTime: form.value.planEndTime,
|
|
|
estimateWorkload: form.value.estimateWorkload,
|
|
|
actualStartTime: form.value.actualStartTime,
|
|
|
assigneeOpinion: form.value.assigneeOpinion,
|
|
|
leaderOpinion: form.value.leaderOpinion,
|
|
|
leaderFinalOpinion: scoreForm.value.leaderFinalOpinion
|
|
|
};
|
|
|
// 清理空值：Warm-Flow 的 SpEL 表达式对 null/空串/undefined 处理行为不一致，
|
|
|
// 删除全部空值变量让后端按缺失字段的默认逻辑处理，避免条件分支误判
|
|
|
Object.keys(taskVariables.value).forEach((key) => {
|
|
|
if (taskVariables.value[key] === undefined || taskVariables.value[key] === null || taskVariables.value[key] === '') {
|
|
|
delete taskVariables.value[key];
|
|
|
}
|
|
|
});
|
|
|
form.value.variables = { ...taskVariables.value };
|
|
|
// 组装 bizExt：用于审批中心/待办列表展示业务信息
|
|
|
const businessTitle = `${form.value.tempTaskCode || '临时任务'}-${form.value.taskDesc || form.value.taskTitle || ''}`;
|
|
|
form.value.bizExt = {
|
|
|
businessId: form.value.tempTaskId,
|
|
|
businessCode: form.value.tempTaskCode,
|
|
|
businessTitle: businessTitle.slice(0, 80) // 截断防止审批中心展示溢出
|
|
|
};
|
|
|
};
|
|
|
|
|
|
const validateMainForm = async () => {
|
|
|
if (!tempTaskFormRef.value) {
|
|
|
return true;
|
|
|
}
|
|
|
return await tempTaskFormRef.value.validate().catch(() => false);
|
|
|
};
|
|
|
|
|
|
const submitForm = async (status: string) => {
|
|
|
const valid = await validateMainForm();
|
|
|
if (!valid) {
|
|
|
return;
|
|
|
}
|
|
|
buttonLoading.value = true;
|
|
|
try {
|
|
|
buildVariables();
|
|
|
if (status !== 'draft') {
|
|
|
const res = await tempTaskSubmitAndFlowStart(form.value);
|
|
|
form.value = { ...initFormData, ...res.data, flowCode: FlowCodeEnum.TEMP_TASK_CODE };
|
|
|
proxy?.$modal.msgSuccess('操作成功');
|
|
|
} else {
|
|
|
form.value.taskStatus = '1';
|
|
|
form.value.flowStatus = 'draft';
|
|
|
if (form.value.tempTaskId) {
|
|
|
await updateTempTask(form.value);
|
|
|
} else {
|
|
|
await addTempTask(form.value);
|
|
|
}
|
|
|
proxy?.$modal.msgSuccess('暂存成功');
|
|
|
}
|
|
|
proxy?.$tab.closePage(route);
|
|
|
router.go(-1);
|
|
|
} finally {
|
|
|
buttonLoading.value = false;
|
|
|
}
|
|
|
};
|
|
|
|
|
|
const openMemberDialog = () => {
|
|
|
memberForm.value = {
|
|
|
tempTaskId: form.value.tempTaskId,
|
|
|
memberType: '2'
|
|
|
};
|
|
|
memberDialog.visible = true;
|
|
|
};
|
|
|
|
|
|
const handleAddMember = async () => {
|
|
|
const valid = await memberFormRef.value?.validate().catch(() => false);
|
|
|
if (!valid) {
|
|
|
return;
|
|
|
}
|
|
|
buttonLoading.value = true;
|
|
|
try {
|
|
|
await addTempTaskMember(memberForm.value);
|
|
|
proxy?.$modal.msgSuccess('协作人已添加');
|
|
|
memberDialog.visible = false;
|
|
|
await loadSubLists();
|
|
|
} finally {
|
|
|
buttonLoading.value = false;
|
|
|
}
|
|
|
};
|
|
|
|
|
|
const handleRemoveMember = async (memberId: string | number) => {
|
|
|
await proxy?.$modal.confirm('确认移除该协作人？');
|
|
|
await delTempTaskMember(memberId);
|
|
|
proxy?.$modal.msgSuccess('移除成功');
|
|
|
await loadSubLists();
|
|
|
};
|
|
|
|
|
|
const openWorklogDialog = (row?: TempTaskWorklogVO) => {
|
|
|
worklogForm.value = row
|
|
|
? { ...row }
|
|
|
: {
|
|
|
tempTaskId: form.value.tempTaskId,
|
|
|
workDate: undefined,
|
|
|
hours: 0.5,
|
|
|
workContent: undefined,
|
|
|
ossId: undefined
|
|
|
};
|
|
|
worklogDialog.visible = true;
|
|
|
};
|
|
|
|
|
|
const handleSaveWorklog = async () => {
|
|
|
const valid = await worklogFormRef.value?.validate().catch(() => false);
|
|
|
if (!valid) {
|
|
|
return;
|
|
|
}
|
|
|
buttonLoading.value = true;
|
|
|
try {
|
|
|
await saveTempTaskWorklog(worklogForm.value);
|
|
|
proxy?.$modal.msgSuccess('工时明细已保存');
|
|
|
worklogDialog.visible = false;
|
|
|
await loadSubLists();
|
|
|
} finally {
|
|
|
buttonLoading.value = false;
|
|
|
}
|
|
|
};
|
|
|
|
|
|
const handleDeleteWorklog = async (worklogId: string | number) => {
|
|
|
await proxy?.$modal.confirm('确认删除该工时明细？');
|
|
|
await delTempTaskWorklog(worklogId);
|
|
|
proxy?.$modal.msgSuccess('删除成功');
|
|
|
await loadSubLists();
|
|
|
};
|
|
|
|
|
|
/**
|
|
|
* 主执行人提交完成。
|
|
|
*
|
|
|
* 前置校验：
|
|
|
* 1. tempTaskId 和 taskId 必须存在（从工作流待办进入才有 taskId）
|
|
|
* 2. 当前流程节点必须是 execute（防止在非执行节点误操作）
|
|
|
*
|
|
|
* 提交后行为：
|
|
|
* - 后端锁定全部工时明细(lockFlag=1)
|
|
|
* - 累计汇总 totalHours
|
|
|
* - 业务状态从 3(执行中) 扭转为 4(待领导审核)
|
|
|
* - 流程从 execute 流转到 leader_final
|
|
|
* - 关闭当前页返回列表
|
|
|
*/
|
|
|
const handleSubmitFinish = async () => {
|
|
|
const taskId = route.query.taskId as string | undefined;
|
|
|
if (!form.value.tempTaskId || !taskId) {
|
|
|
proxy?.$modal.msgWarning('请从执行待办进入后提交完成');
|
|
|
return;
|
|
|
}
|
|
|
// 双保险：再次获取最新节点状态，防止 stale closure
|
|
|
if (!currentNodeCode.value) {
|
|
|
await loadCurrentWorkflowTask();
|
|
|
}
|
|
|
if (currentNodeCode.value !== 'execute') {
|
|
|
proxy?.$modal.msgWarning('当前流程节点不是执行节点，不能提交完成');
|
|
|
return;
|
|
|
}
|
|
|
await proxy?.$modal.confirm('确认提交完成并锁定全部工时明细？');
|
|
|
buttonLoading.value = true;
|
|
|
try {
|
|
|
await submitFinishTempTask({
|
|
|
tempTaskId: form.value.tempTaskId,
|
|
|
taskId
|
|
|
});
|
|
|
proxy?.$modal.msgSuccess('提交完成成功');
|
|
|
proxy?.$tab.closePage(route);
|
|
|
router.go(-1);
|
|
|
} finally {
|
|
|
buttonLoading.value = false;
|
|
|
}
|
|
|
};
|
|
|
|
|
|
/**
|
|
|
* 打开评分关闭对话框。
|
|
|
*
|
|
|
* 预填充逻辑（复用已有评分）：
|
|
|
* - 遍历所有参与人(memberList)，为每个参与人创建一条评分表单
|
|
|
* - 如果后端已有评分数据（例如领导之前打开过评分弹窗但未提交），
|
|
|
* 则用已有评分预填充 scoreGrade 和 scoreRemark，
|
|
|
* 方便领导再次打开时不丢失之前填写的评分内容
|
|
|
* - 为什么需要这个预填充：评分关闭是一次性操作，但领导可能多次打开弹窗查看/调整，
|
|
|
* 已有的评分数据不应在重新打开时丢失
|
|
|
*/
|
|
|
const openScoreDialog = () => {
|
|
|
const taskId = route.query.taskId as string | undefined;
|
|
|
if (!form.value.tempTaskId || !taskId) {
|
|
|
return;
|
|
|
}
|
|
|
scoreForm.value = {
|
|
|
tempTaskId: form.value.tempTaskId,
|
|
|
taskId,
|
|
|
leaderFinalOpinion: undefined,
|
|
|
scoreList: memberList.value.map((member) => {
|
|
|
const oldScore = scoreList.value.find((score) => String(score.memberId) === String(member.memberId));
|
|
|
return {
|
|
|
memberId: member.memberId,
|
|
|
userId: member.userId,
|
|
|
// 复用已有评分作为预填充值，防止重新打开弹窗时评分数据丢失
|
|
|
scoreGrade: oldScore?.scoreGrade || '',
|
|
|
scoreRemark: oldScore?.scoreRemark
|
|
|
};
|
|
|
})
|
|
|
};
|
|
|
scoreDialog.visible = true;
|
|
|
};
|
|
|
|
|
|
/**
|
|
|
* 领导评分关闭提交。
|
|
|
*
|
|
|
* 校验：所有参与人的评分等级必须填写，不能有遗漏。
|
|
|
* 提交后行为：
|
|
|
* - 后端逐人写评分 + 落库 actualFinishTime + 关闭任务(taskStatus=5)
|
|
|
* - 完成 leader_final 工作流节点
|
|
|
* - 关闭页面返回列表
|
|
|
*/
|
|
|
const handleScoreAndClose = async () => {
|
|
|
// 确保所有参与人的评分等级都已选择，防止部分人员漏评
|
|
|
if (scoreForm.value.scoreList.some((item) => !item.scoreGrade)) {
|
|
|
proxy?.$modal.msgWarning('请为全部参与人选择评分等级');
|
|
|
return;
|
|
|
}
|
|
|
buttonLoading.value = true;
|
|
|
try {
|
|
|
await scoreAndCloseTempTask(scoreForm.value);
|
|
|
proxy?.$modal.msgSuccess('评分关闭成功');
|
|
|
scoreDialog.visible = false;
|
|
|
proxy?.$tab.closePage(route);
|
|
|
router.go(-1);
|
|
|
} finally {
|
|
|
buttonLoading.value = false;
|
|
|
}
|
|
|
};
|
|
|
|
|
|
/**
|
|
|
* 审批按钮回调，根据当前工作流节点做三路分发。
|
|
|
*
|
|
|
* 分支逻辑：
|
|
|
* 1. leader_review（领导审批节点）：
|
|
|
* - 先校验主表单
|
|
|
* - 调用 leaderReviewAndCompleteTempTask 原子完成落库+流转
|
|
|
* - 直接关闭页面返回列表（无需弹出 submitVerify，因为后端已完成 completeTask）
|
|
|
*
|
|
|
* 2. assignee_review（主执行人审阅节点）：
|
|
|
* - 调用 assigneeReviewTempTask 回写审阅可改字段
|
|
|
* - 重新 buildVariables() 装配最新的流程变量
|
|
|
* - 弹出 submitVerify 对话框，由用户确认后调用 workflow completeTask 流转
|
|
|
*
|
|
|
* 3. 其他节点（新增/修改提交、驳回重提等）：
|
|
|
* - 直接 buildVariables() 装配流程变量
|
|
|
* - 弹出 submitVerify 对话框，走标准提交流程
|
|
|
*
|
|
|
* 为什么 leader_review 不弹出 submitVerify：
|
|
|
* leaderReviewAndCompleteTempTask 已经在后端原子完成了 completeTask，
|
|
|
* 如果前端再调 completeTask 会导致重复流转。
|
|
|
*/
|
|
|
const approvalVerifyOpen = async () => {
|
|
|
const taskId = route.query.taskId as string;
|
|
|
if (!taskId) {
|
|
|
return;
|
|
|
}
|
|
|
if (!currentNodeCode.value) {
|
|
|
await loadCurrentWorkflowTask();
|
|
|
}
|
|
|
if (currentNodeCode.value === 'leader_review') {
|
|
|
const valid = await validateMainForm();
|
|
|
if (!valid) {
|
|
|
return;
|
|
|
}
|
|
|
// 领导审批：后端原子完成审核落库+流转，前端不再调 completeTask
|
|
|
await leaderReviewAndCompleteTempTask({ ...form.value, taskId });
|
|
|
proxy?.$modal.msgSuccess('领导审批成功');
|
|
|
await proxy?.$tab.closePage(route);
|
|
|
router.go(-1);
|
|
|
return;
|
|
|
} else if (currentNodeCode.value === 'assignee_review') {
|
|
|
// 主执行人审阅：先回写可改字段，再重新装配变量后弹出审阅确认
|
|
|
await assigneeReviewTempTask(form.value);
|
|
|
buildVariables();
|
|
|
} else {
|
|
|
// 标准路径：装配变量后弹出提交流程确认
|
|
|
buildVariables();
|
|
|
}
|
|
|
await submitVerifyRef.value?.openDialog(taskId);
|
|
|
};
|
|
|
|
|
|
const handleApprovalRecord = () => {
|
|
|
if (form.value.tempTaskId) {
|
|
|
approvalRecordRef.value?.init(form.value.tempTaskId);
|
|
|
}
|
|
|
};
|
|
|
|
|
|
const submitCallback = async () => {
|
|
|
await proxy?.$tab.closePage(route);
|
|
|
router.go(-1);
|
|
|
};
|
|
|
|
|
|
/**
|
|
|
* 兜底修复：流程已到 leader_final 但 taskStatus 仍为 3 时，
|
|
|
* 调用后端补齐 totalHours 汇总 + lockFlag 锁定 + taskStatus→4。
|
|
|
*/
|
|
|
const syncTaskStateToPendingFinal = async (tempTaskId: string | number) => {
|
|
|
try {
|
|
|
await syncTaskState(tempTaskId);
|
|
|
} catch {
|
|
|
// 静默失败——canScoreClose/scoreAndClose 已有兜底逻辑
|
|
|
}
|
|
|
};
|
|
|
|
|
|
onMounted(async () => {
|
|
|
pageLoading.value = true;
|
|
|
try {
|
|
|
pageType.value = (route.query.type as string) || 'add';
|
|
|
await getDeptList();
|
|
|
await loadCurrentWorkflowTask();
|
|
|
const id = route.query.id as string | number | undefined;
|
|
|
if (id) {
|
|
|
await loadDetail(id);
|
|
|
// Why：执行人可能绕过 submitFinish 通过工作流通用审批将流程推到 leader_final，
|
|
|
// 此时 taskStatus 仍为 3(执行中) 而非 4(待领导审核)。前端加载时主动修复此不一致。
|
|
|
if (form.value.taskStatus === '3' && currentNodeCode.value === 'leader_final') {
|
|
|
await syncTaskStateToPendingFinal(id);
|
|
|
form.value.taskStatus = '4';
|
|
|
}
|
|
|
}
|
|
|
} finally {
|
|
|
pageLoading.value = false;
|
|
|
}
|
|
|
});
|
|
|
</script>
|