RISE/school-developer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

采购文件编制审核

Browse Source
This commit is contained in:
吴红兵
2026-02-08 23:30:23 +08:00
parent 9397da2ba3
commit 48f07afc40
6 changed files with 555 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

93
src/views/finance/purchasingrequisition/index.vue
View File

@@ -228,6 +228,52 @@
</template>
</template>
</el-table-column>
<el-table-column prop="fileFlowStatus" label="文件审批状态" width="110" align="center">
<template #header>
<el-icon><DocumentChecked /></el-icon>
<span style="margin-left: 4px">文件审批状态</span>
</template>
<template #default="scope">
<template v-if="scope.row.fileFlowInstId">
<el-tooltip content="点击查看审批过程" placement="top">
<el-tag
v-if="scope.row.fileFlowStatus === '-2'"
type="info"
class="status-tag-clickable"
@click="handleShowFileFlowComment(scope.row)">撤回</el-tag>
<el-tag
v-else-if="scope.row.fileFlowStatus === '-1'"
type="warning"
class="status-tag-clickable"
@click="handleShowFileFlowComment(scope.row)">暂存</el-tag>
<el-tag
v-else-if="scope.row.fileFlowStatus === '0'"
type="primary"
class="status-tag-clickable"
@click="handleShowFileFlowComment(scope.row)">运行中</el-tag>
<el-tag
v-else-if="scope.row.fileFlowStatus === '1'"
type="success"
class="status-tag-clickable"
@click="handleShowFileFlowComment(scope.row)">完成</el-tag>
<el-tag
v-else-if="scope.row.fileFlowStatus === '2'"
type="danger"
class="status-tag-clickable"
@click="handleShowFileFlowComment(scope.row)">作废</el-tag>
<el-tag
v-else-if="scope.row.fileFlowStatus === '3'"
type="info"
class="status-tag-clickable"
@click="handleShowFileFlowComment(scope.row)">终止</el-tag>
<span v-else class="status-tag-clickable" @click="handleShowFileFlowComment(scope.row)">-</span>
</el-tooltip>
</template>
<template v-else>
<span style="color: #909399;">—</span>
</template>
</template>
</el-table-column>
<el-table-column label="操作" align="center" fixed="right" width="150">
<template #default="scope">
<div class="op-cell">
@@ -268,18 +314,21 @@
<!-- 履约验收弹窗 -->
<PurchasingAcceptModal ref="acceptModalRef" @refresh="getDataList" />
<!-- 查看审批过程（参考 hi-job 流程弹窗） -->
<!-- 查看审批过程（申请单审批 / 文件审批） -->
<el-dialog
v-model="showFlowComment"
v-if="showFlowComment"
title="查看审批过程"
:title="currFlowCommentType === 'file' ? '查看文件审批过程' : '查看审批过程'"
top="20px"
width="90%"
append-to-body
destroy-on-close
@close="currFlowJob = null">
<FlowCommentTimeline v-if="currFlowJob" :key="currFlowJob.flowInstId" :curr-job="currFlowJob" />
@close="currFlowJob = null; currFlowCommentType = 'apply'">
<FlowCommentTimeline v-if="currFlowJob" :key="String(currFlowJob.flowInstId) + currFlowCommentType" :curr-job="currFlowJob" />
</el-dialog>
<!-- 实施采购：iframe 嵌入 implement.vue，供列表与流程页面使用 -->
<ImplementForm ref="implementFormRef" @refresh="getDataList" />
</div>
</template>
@@ -295,6 +344,7 @@ import { List, Document, DocumentCopy, Search, Collection, Money, CircleCheck, I
// 引入组件
const FormDialog = defineAsyncComponent(() => import('./form.vue'));
const ImplementForm = defineAsyncComponent(() => import('./implementForm.vue'));
const ActionDropdown = defineAsyncComponent(() => import('/@/components/tools/action-dropdown.vue'));
const PurchasingAcceptModal = defineAsyncComponent(() => import('./accept/PurchasingAcceptModal.vue'));
const FlowCommentTimeline = defineAsyncComponent(() => import('/@/views/jsonflow/comment/timeline.vue'));
@@ -317,9 +367,12 @@ const formDialogRef = ref()
const acceptModalRef = ref()
const searchFormRef = ref()
const showSearch = ref(true)
/** 审批过程弹窗：是否显示、当前行对应的流程 job（供 Comment 组件用） */
/** 审批过程弹窗：是否显示、当前行对应的流程 job（供 Comment 组件用）、类型(申请单/文件) */
const showFlowComment = ref(false)
const currFlowJob = ref<{ id?: number; flowInstId?: number } | null>(null)
const currFlowCommentType = ref<'apply' | 'file'>('apply')
const implementFormRef = ref()
/**
* 定义响应式表格数据
@@ -361,15 +414,29 @@ const handleAdd = () => {
* 点击审核状态：若有流程实例则打开「查看审批过程」弹窗（参考 hi-job.vue）
* @param row - 当前行数据（需含 flowInstId）
*/
/** 点击审核状态：打开申请单审批过程 */
const handleShowFlowComment = (row: any) => {
if (!row?.flowInstId) {
useMessage().info('暂存状态无审批过程');
return;
}
currFlowCommentType.value = 'apply';
currFlowJob.value = { id: row.id, flowInstId: row.flowInstId };
showFlowComment.value = true;
};
/** 点击文件审批状态：打开文件审批过程 */
const handleShowFileFlowComment = (row: any) => {
if (!row?.fileFlowInstId) {
useMessage().info('未发起文件审批流程');
return;
}
currFlowCommentType.value = 'file';
const flowInstId = typeof row.fileFlowInstId === 'string' ? parseInt(row.fileFlowInstId, 10) : row.fileFlowInstId;
currFlowJob.value = { id: row.id, flowInstId: Number.isNaN(flowInstId) ? row.fileFlowInstId : flowInstId };
showFlowComment.value = true;
};
/**
* 打开查看对话框
* @param row - 当前行数据
@@ -392,7 +459,12 @@ const handleEdit = (row: any) => {
*/
const handleAccept = (row: any) => {
acceptModalRef.value?.open(row);
};
};
/** 打开实施采购（仅暂存状态可点；通过 iframe 嵌入 implement.vue） */
const handleImplement = (row: any) => {
implementFormRef.value?.openDialog(row);
};
/**
* 删除当前行
@@ -458,6 +530,12 @@ const getActionMenuItems = (row: any) => {
icon: DocumentChecked,
visible: () => true,
},
{
command: 'implement',
label: '实施采购',
icon: Upload,
visible: () => isTemp,
},
];
};
@@ -476,6 +554,9 @@ const handleMoreCommand = (command: string, row: any) => {
case 'accept':
handleAccept(row);
break;
case 'implement':
handleImplement(row);
break;
}
};