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-03-15 00:16:05 +08:00
parent 2d6b2c56a4
commit 0b609732d4
1 changed files with 289 additions and 191 deletions
Download Patch File Download Diff File Expand all files Collapse all files

414
src/views/purchase/purchasingrequisition/PurchaseContractDetailDialog.vue
View File

@@ -1,105 +1,124 @@
<template> <template>
<el-dialog v-model="visible" title="采购合同详情" width="1000px" destroy-on-close append-to-body> <el-dialog v-model="visible" :title="dialogTitle" width="900px" destroy-on-close append-to-body :close-on-click-modal="false">
<el-descriptions :column="2" border class="apply-info"> <el-descriptions :column="2" border class="apply-info">
<el-descriptions-item label="采购编号">{{ purchaseNo || '-' }}</el-descriptions-item> <el-descriptions-item label="采购编号">{{ applyData.purchaseNo || '-' }}</el-descriptions-item>
<el-descriptions-item label="采购项目名称">{{ projectName || '-' }}</el-descriptions-item> <el-descriptions-item label="采购项目名称">{{ applyData.projectName || '-' }}</el-descriptions-item>
<el-descriptions-item label="项目预算">{{ applyData.budget ? Number(applyData.budget).toLocaleString() + ' 元' : '-' }}</el-descriptions-item>
<el-descriptions-item label="状态">
<el-tag v-if="applyData.status === '1'" type="success">已完成</el-tag>
<el-tag v-else>{{ applyData.status }}</el-tag>
</el-descriptions-item>
</el-descriptions> </el-descriptions>
<el-divider content-position="left">合同信息</el-divider> <el-divider content-position="left">合同信息</el-divider>
<el-descriptions v-if="contractData" :column="2" border> <el-form ref="formRef" :model="formData" :rules="formRules" label-width="160px" :disabled="mode === 'view'">
<el-descriptions-item label="合同编号">{{ contractData.contractNo || '-' }}</el-descriptions-item> <el-row :gutter="20">
<el-descriptions-item label="合同名称">{{ contractData.contractName || '-' }}</el-descriptions-item> <el-col :span="12" class="mb12">
<el-descriptions-item label="供应商">{{ contractData.supplierName || '-' }}</el-descriptions-item> <el-form-item label="合同编号" prop="contractNo">
<el-descriptions-item label="合同金额">{{ <el-input v-model="formData.contractNo" placeholder="请输入合同编号" disabled />
contractData.money ? Number(contractData.money).toLocaleString() + ' 元' : '-' </el-form-item>
}}</el-descriptions-item> </el-col>
<el-descriptions-item label="合同状态"> <el-col :span="12" class="mb12">
<el-tag v-if="contractData.flowStatus === '0'" type="warning">运行中</el-tag> <el-form-item label="合同名称" prop="contractName">
<el-tag v-else-if="contractData.flowStatus === '1'" type="success">已完成</el-tag> <el-input v-model="formData.contractName" placeholder="请输入合同名称" />
<el-tag v-else-if="contractData.flowStatus === '2'" type="info">已作废</el-tag> </el-form-item>
<span v-else>-</span> </el-col>
</el-descriptions-item> <el-col :span="12" class="mb12">
<el-descriptions-item label="是否需要招标"> <el-form-item label="供应商" prop="supplierName">
<el-tag v-if="contractData.isBidding === '1'" type="success">是</el-tag> <el-input v-model="formData.supplierName" placeholder="请输入供应商名称" />
<el-tag v-else type="info">否</el-tag> </el-form-item>
</el-descriptions-item> </el-col>
<el-descriptions-item label="是否需要法律顾问"> <el-col :span="12" class="mb12">
<el-tag v-if="contractData.isLegalAdviser === '1'" type="success">是</el-tag> <el-form-item label="合同金额(元)" prop="money">
<el-tag v-else type="info">否</el-tag> <el-input-number v-model="formData.money" :precision="2" :min="0" :controls="false" style="width: 100%" />
</el-descriptions-item> </el-form-item>
<el-descriptions-item label="是否涉及多个部门"> </el-col>
<el-tag v-if="contractData.isDepts === '1'" type="success">是</el-tag> <el-col :span="12" class="mb12">
<el-tag v-else type="info">否</el-tag> <el-form-item label="是否需要招标" prop="isBidding">
</el-descriptions-item> <el-radio-group v-model="formData.isBidding">
<el-descriptions-item label="是否全校合同"> <el-radio label="0">否</el-radio>
<el-tag v-if="contractData.isSchool === '1'" type="success">是</el-tag> <el-radio label="1">是</el-radio>
<el-tag v-else type="info">否</el-tag> </el-radio-group>
</el-descriptions-item> </el-form-item>
<el-descriptions-item v-if="contractData.isLegalAdviser === '1'" label="法律顾问意见" :span="2"> </el-col>
{{ contractData.legalAdviserOpinion || '-' }} <el-col :span="12" class="mb12">
</el-descriptions-item> <el-form-item label="是否需要法律顾问" prop="isLegalAdviser">
<el-descriptions-item label="备注" :span="2">{{ contractData.remarks || '-' }}</el-descriptions-item> <el-radio-group v-model="formData.isLegalAdviser">
</el-descriptions> <el-radio label="0">否</el-radio>
<el-radio label="1">是</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="12" class="mb12">
<el-form-item label="是否涉及多个部门" prop="isDepts">
<el-radio-group v-model="formData.isDepts">
<el-radio label="0">否</el-radio>
<el-radio label="1">是</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="12" class="mb12">
<el-form-item label="是否全校合同" prop="isSchool">
<el-radio-group v-model="formData.isSchool">
<el-radio label="0">否</el-radio>
<el-radio label="1">是</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
</el-row>
<el-form-item v-if="formData.isLegalAdviser === '1'" label="法律顾问意见" prop="legalAdviserOpinion">
<el-input v-model="formData.legalAdviserOpinion" type="textarea" :rows="3" placeholder="请输入法律顾问意见" />
</el-form-item>
<el-form-item label="备注" prop="remarks">
<el-input v-model="formData.remarks" type="textarea" :rows="2" placeholder="请输入备注" />
</el-form-item>
</el-form>
<el-empty v-else description="暂无合同信息" /> <el-divider content-position="left">附件上传</el-divider>
<template v-if="contractData"> <el-form label-width="160px">
<el-divider content-position="left">附件信息</el-divider> <el-form-item label="合同文件" required>
<upload-file
<el-tabs v-model="activeTab"> v-model="contractFileList"
<el-tab-pane label="合同文件" name="contract"> :limit="5"
<el-table :data="contractFiles" border stripe v-if="contractFiles.length > 0"> :file-type="['pdf']"
<el-table-column type="index" label="序号" width="60" /> :data="{ fileType: CONTRACT_FILE_TYPE, purchaseId: applyId }"
<el-table-column prop="name" label="文件名称" show-overflow-tooltip /> upload-file-url="/purchase/purchasingfiles/upload"
<el-table-column label="操作" width="160" align="center"> :disabled="mode === 'view'"
<template #default="scope"> />
<el-button type="primary" link icon="View" @click="handlePreview(scope.row)">预览</el-button> <div class="file-tips">请上传PDF格式的合同文件</div>
<el-button type="success" link icon="Download" @click="handleDownload(scope.row)">下载</el-button> </el-form-item>
</template> <el-form-item label="合同补充材料">
</el-table-column> <upload-file
</el-table> v-model="supplementFileList"
<el-empty v-else description="暂无合同文件" /> :limit="10"
</el-tab-pane> :file-type="['pdf']"
<el-tab-pane label="合同补充材料" name="supplement"> :data="{ fileType: SUPPLEMENT_FILE_TYPE, purchaseId: applyId }"
<el-table :data="supplementFiles" border stripe v-if="supplementFiles.length > 0"> upload-file-url="/purchase/purchasingfiles/upload"
<el-table-column type="index" label="序号" width="60" /> :disabled="mode === 'view'"
<el-table-column prop="name" label="文件名称" show-overflow-tooltip /> />
<el-table-column label="操作" width="160" align="center"> <div class="file-tips">请上传PDF格式的合同补充材料</div>
<template #default="scope"> </el-form-item>
<el-button type="primary" link icon="View" @click="handlePreview(scope.row)">预览</el-button> </el-form>
<el-button type="success" link icon="Download" @click="handleDownload(scope.row)">下载</el-button>
</template>
</el-table-column>
</el-table>
<el-empty v-else description="暂无补充材料" />
</el-tab-pane>
</el-tabs>
<el-divider content-position="left">审核流程</el-divider>
<FlowCommentTimeline v-if="flowInstId" :curr-job="{ flowInstId }" />
</template>
<template #footer> <template #footer>
<el-button @click="visible = false">关闭</el-button> <el-button @click="visible = false">取消</el-button>
<el-button v-if="mode !== 'view' && mode !== 'add'" type="primary" :loading="submitting" @click="handleTempStore">暂存</el-button>
<el-button v-if="mode !== 'view'" type="success" :loading="submitting" :disabled="!canSubmit" @click="handleSubmit">提交</el-button>
</template> </template>
</el-dialog> </el-dialog>
<el-dialog v-model="previewVisible" :title="previewTitle" width="80%" top="5vh" destroy-on-close append-to-body>
<div class="preview-container">
<iframe v-if="previewUrl" :src="previewUrl" class="preview-iframe" />
</div>
</el-dialog>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import { ref, defineAsyncComponent } from 'vue'; import { ref, computed } from 'vue';
import { useMessage } from '/@/hooks/message'; import { useMessage } from '/@/hooks/message';
import { getDetail } from '/@/api/purchase/purchasingcontract'; import { getObj } from '/@/api/purchase/purchasingrequisition';
import { previewFileById, downloadFileById } from '/@/api/purchase/purchasingrequisition'; import { getByPurchaseId, tempStore, submit as submitContract } from '/@/api/purchase/purchasingcontract';
import { getApplyFiles } from '/@/api/purchase/purchasingrequisition';
const FlowCommentTimeline = defineAsyncComponent(() => import('/@/views/jsonflow/comment/timeline.vue')); const CONTRACT_FILE_TYPE = '160';
const SUPPLEMENT_FILE_TYPE = '170';
interface FileItem { interface FileItem {
id: string; id: string;
@@ -108,49 +127,97 @@ interface FileItem {
} }
const visible = ref(false); const visible = ref(false);
const loading = ref(false); const submitting = ref(false);
const purchaseId = ref(''); const applyId = ref('');
const purchaseNo = ref(''); const mode = ref<'add' | 'edit' | 'view'>('add');
const projectName = ref(''); const applyData = ref<any>({});
const contractData = ref<any>(null); const formRef = ref();
const flowInstId = ref<number | null>(null);
const contractFiles = ref<FileItem[]>([]);
const supplementFiles = ref<FileItem[]>([]);
const activeTab = ref('contract');
const previewVisible = ref(false); const formData = ref({
const previewTitle = ref(''); purchaseId: '',
const previewUrl = ref(''); contractNo: '',
contractName: '',
supplierName: '',
money: null as number | null,
isBidding: '0',
isLegalAdviser: '0',
legalAdviserOpinion: '',
isDepts: '0',
isSchool: '0',
remarks: '',
contractFileIds: [] as string[],
supplementFileIds: [] as string[],
});
const open = async (id: string) => { const contractFileList = ref<FileItem[]>([]);
purchaseId.value = id; const supplementFileList = ref<FileItem[]>([]);
const formRules = {
contractNo: [{ required: true, message: '请输入合同编号', trigger: 'blur' }],
contractName: [{ required: true, message: '请输入合同名称', trigger: 'blur' }],
supplierName: [{ required: true, message: '请输入供应商名称', trigger: 'blur' }],
money: [{ required: true, message: '请输入合同金额', trigger: 'blur' }],
};
const dialogTitle = computed(() => {
if (mode.value === 'view') return '查看采购合同';
if (mode.value === 'edit') return '编辑采购合同';
return '新增采购合同';
});
const canSubmit = computed(() => {
return (
formData.value.contractNo &&
formData.value.contractName &&
formData.value.supplierName &&
formData.value.money !== null &&
contractFileList.value.length > 0
);
});
const open = async (id: string, openMode: 'add' | 'edit' | 'view' = 'add') => {
applyId.value = id || '';
mode.value = openMode;
visible.value = true; visible.value = true;
loading.value = true; resetForm();
contractData.value = null;
contractFiles.value = [];
supplementFiles.value = [];
flowInstId.value = null;
try { try {
const res = await getDetail(id); const res = await getObj(id);
const data = res?.data || {}; applyData.value = res?.data || {};
purchaseNo.value = data.purchaseNo || '';
projectName.value = data.projectName || '';
contractData.value = data.contract || null;
if (data.contract) { // 新增时，合同编号默认为采购编号
flowInstId.value = data.contract.flowInstId || null; if (mode.value === 'add') {
formData.value.contractNo = applyData.value.purchaseNo || '';
}
if (data.contract.contractFiles && data.contract.contractFiles.length > 0) { const contractRes = await getByPurchaseId(id);
contractFiles.value = data.contract.contractFiles.map((f: any) => ({ const contractData = contractRes?.data;
if (contractData) {
formData.value = {
purchaseId: id,
contractNo: contractData.contractNo || applyData.value.purchaseNo || '',
contractName: contractData.contractName || '',
supplierName: contractData.supplierName || '',
money: contractData.money,
isBidding: contractData.isBidding || '0',
isLegalAdviser: contractData.isLegalAdviser || '0',
legalAdviserOpinion: contractData.legalAdviserOpinion || '',
isDepts: contractData.isDepts || '0',
isSchool: contractData.isSchool || '0',
remarks: contractData.remarks || '',
contractFileIds: [],
supplementFileIds: [],
};
if (contractData.contractFiles && contractData.contractFiles.length > 0) {
contractFileList.value = contractData.contractFiles.map((f: any) => ({
id: f.id, id: f.id,
name: f.fileTitle || '合同文件', name: f.fileTitle || '合同文件',
url: f.fileUrl, url: f.fileUrl,
})); }));
} }
if (contractData.supplementFiles && contractData.supplementFiles.length > 0) {
if (data.contract.supplementFiles && data.contract.supplementFiles.length > 0) { supplementFileList.value = contractData.supplementFiles.map((f: any) => ({
supplementFiles.value = data.contract.supplementFiles.map((f: any) => ({
id: f.id, id: f.id,
name: f.fileTitle || '补充材料', name: f.fileTitle || '补充材料',
url: f.fileUrl, url: f.fileUrl,
@@ -158,49 +225,85 @@ const open = async (id: string) => {
} }
} }
} catch (e) { } catch (e) {
console.error('获取合同详情失败', e); console.error('获取数据失败', e);
useMessage().error('获取合同详情失败'); useMessage().error('获取数据失败');
}
};
const resetForm = () => {
formData.value = {
purchaseId: applyId.value,
contractNo: '',
contractName: '',
supplierName: '',
money: null,
isBidding: '0',
isLegalAdviser: '0',
legalAdviserOpinion: '',
isDepts: '0',
isSchool: '0',
remarks: '',
contractFileIds: [],
supplementFileIds: [],
};
contractFileList.value = [];
supplementFileList.value = [];
};
const handleTempStore = async () => {
await formRef.value?.validate();
const contractFileIds = contractFileList.value.filter((f) => f.id).map((f) => f.id);
const supplementFileIds = supplementFileList.value.filter((f) => f.id).map((f) => f.id);
submitting.value = true;
try {
await tempStore({
...formData.value,
purchaseId: applyId.value,
contractFileIds,
supplementFileIds,
});
useMessage().success('暂存成功');
} catch (err: any) {
useMessage().error(err?.msg || '暂存失败');
} finally { } finally {
loading.value = false; submitting.value = false;
} }
}; };
const handlePreview = async (row: FileItem) => { const handleSubmit = async () => {
if (!row.id) { await formRef.value?.validate();
useMessage().warning('文件ID不存在');
if (contractFileList.value.length === 0) {
useMessage().warning('请上传合同文件');
return; return;
} }
const contractFileIds = contractFileList.value.filter((f) => f.id).map((f) => f.id);
const supplementFileIds = supplementFileList.value.filter((f) => f.id).map((f) => f.id);
submitting.value = true;
try { try {
const blob = await previewFileById(row.id); await submitContract({
previewUrl.value = window.URL.createObjectURL(blob); ...formData.value,
previewTitle.value = row.name || '文件预览'; purchaseId: applyId.value,
previewVisible.value = true; contractFileIds,
} catch (e) { supplementFileIds,
console.error('预览失败', e); });
useMessage().error('预览失败'); useMessage().success('提交成功，合同审核流程已启动');
visible.value = false;
emit('refresh');
} catch (err: any) {
useMessage().error(err?.msg || '提交失败');
} finally {
submitting.value = false;
} }
}; };
const handleDownload = async (row: FileItem) => { const emit = defineEmits<{
if (!row.id) { (e: 'refresh'): void;
useMessage().warning('文件ID不存在'); }>();
return;
}
try {
const blob = await downloadFileById(row.id);
const url = window.URL.createObjectURL(blob);
const link = document.createElement('a');
link.href = url;
link.download = row.name || '附件.pdf';
document.body.appendChild(link);
link.click();
document.body.removeChild(link);
window.URL.revokeObjectURL(url);
} catch (e) {
console.error('下载失败', e);
useMessage().error('下载失败');
}
};
defineExpose({ defineExpose({
open, open,
@@ -212,14 +315,9 @@ defineExpose({
margin-bottom: 16px; margin-bottom: 16px;
} }
.preview-container { .file-tips {
width: 100%; font-size: 12px;
height: 75vh; color: #909399;
} margin-top: 4px;
.preview-iframe {
width: 100%;
height: 100%;
border: none;
} }
</style> </style>