更新采购合同供应商

This commit is contained in:
吴红兵
2026-03-15 00:21:01 +08:00
parent 0b609732d4
commit d1170b73b2

View File

@@ -1,114 +1,113 @@
<template> <template>
<el-dialog v-model="visible" :title="dialogTitle" width="900px" destroy-on-close append-to-body :close-on-click-modal="false"> <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="采购编号">{{ applyData.purchaseNo || '-' }}</el-descriptions-item> <el-descriptions-item label="采购编号">{{ applyData.purchaseNo || '-' }}</el-descriptions-item>
<el-descriptions-item label="采购项目名称">{{ applyData.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="项目预算">{{ applyData.budget ? Number(applyData.budget).toLocaleString() + ' 元' : '-' }}</el-descriptions-item>
<el-descriptions-item label="状态"> <el-descriptions-item label="状态">
<el-tag v-if="applyData.status === '1'" type="success">已完成</el-tag> <el-tag v-if="applyData.status === '1'" type="success">已完成</el-tag>
<el-tag v-else>{{ applyData.status }}</el-tag> <el-tag v-else>{{ applyData.status }}</el-tag>
</el-descriptions-item> </el-descriptions-item>
</el-descriptions> </el-descriptions>
<el-divider content-position="left">合同信息</el-divider> <el-divider content-position="left">合同信息</el-divider>
<el-form ref="formRef" :model="formData" :rules="formRules" label-width="160px" :disabled="mode === 'view'"> <el-form ref="formRef" :model="formData" :rules="formRules" label-width="160px" :disabled="mode === 'view'">
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="12" class="mb12"> <el-col :span="12" class="mb12">
<el-form-item label="合同编号" prop="contractNo"> <el-form-item label="合同编号" prop="contractNo">
<el-input v-model="formData.contractNo" placeholder="请输入合同编号" disabled /> <el-input v-model="formData.contractNo" placeholder="请输入合同编号" disabled />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12" class="mb12"> <el-col :span="12" class="mb12">
<el-form-item label="合同名称" prop="contractName"> <el-form-item label="合同名称" prop="contractName">
<el-input v-model="formData.contractName" placeholder="请输入合同名称" /> <el-input v-model="formData.contractName" placeholder="请输入合同名称" />
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> <el-col :span="12" class="mb12">
<el-row :gutter="20"> <el-form-item label="供应商" prop="supplierName">
<el-col :span="12" class="mb12"> <el-input v-model="formData.supplierName" placeholder="请输入供应商名称" />
<el-form-item label="合同金额(元)" prop="money"> </el-form-item>
<el-input-number v-model="formData.money" :precision="2" :min="0" :controls="false" style="width: 100%" /> </el-col>
</el-form-item> <el-col :span="12" class="mb12">
</el-col> <el-form-item label="合同金额(元)" prop="money">
<el-col :span="12" class="mb12"> <el-input-number v-model="formData.money" :precision="2" :min="0" :controls="false" style="width: 100%" />
<el-form-item label="是否需要招标" prop="isBidding"> </el-form-item>
<el-radio-group v-model="formData.isBidding"> </el-col>
<el-radio label="0"></el-radio> <el-col :span="12" class="mb12">
<el-radio label="1"></el-radio> <el-form-item label="是否需要招标" prop="isBidding">
</el-radio-group> <el-radio-group v-model="formData.isBidding">
</el-form-item> <el-radio label="0"></el-radio>
</el-col> <el-radio label="1"></el-radio>
</el-row> </el-radio-group>
<el-row :gutter="20"> </el-form-item>
<el-col :span="12" class="mb12"> </el-col>
<el-form-item label="是否需要法律顾问" prop="isLegalAdviser"> <el-col :span="12" class="mb12">
<el-radio-group v-model="formData.isLegalAdviser"> <el-form-item label="是否需要法律顾问" prop="isLegalAdviser">
<el-radio label="0"></el-radio> <el-radio-group v-model="formData.isLegalAdviser">
<el-radio label="1"></el-radio> <el-radio label="0"></el-radio>
</el-radio-group> <el-radio label="1"></el-radio>
</el-form-item> </el-radio-group>
</el-col> </el-form-item>
<el-col :span="12" class="mb12"> </el-col>
<el-form-item label="是否涉及多个部门" prop="isDepts"> <el-col :span="12" class="mb12">
<el-radio-group v-model="formData.isDepts"> <el-form-item label="是否涉及多个部门" prop="isDepts">
<el-radio label="0"></el-radio> <el-radio-group v-model="formData.isDepts">
<el-radio label="1"></el-radio> <el-radio label="0"></el-radio>
</el-radio-group> <el-radio label="1"></el-radio>
</el-form-item> </el-radio-group>
</el-col> </el-form-item>
</el-row> </el-col>
<el-row :gutter="20"> <el-col :span="12" class="mb12">
<el-col :span="12" class="mb12"> <el-form-item label="是否全校合同" prop="isSchool">
<el-form-item label="是否全校合同" prop="isSchool"> <el-radio-group v-model="formData.isSchool">
<el-radio-group v-model="formData.isSchool"> <el-radio label="0"></el-radio>
<el-radio label="0"></el-radio> <el-radio label="1"></el-radio>
<el-radio label="1"></el-radio> </el-radio-group>
</el-radio-group> </el-form-item>
</el-form-item> </el-col>
</el-col> </el-row>
</el-row> <el-form-item v-if="formData.isLegalAdviser === '1'" label="法律顾问意见" prop="legalAdviserOpinion">
<el-form-item v-if="formData.isLegalAdviser === '1'" label="法律顾问意见" prop="legalAdviserOpinion"> <el-input v-model="formData.legalAdviserOpinion" type="textarea" :rows="3" placeholder="请输入法律顾问意见" />
<el-input v-model="formData.legalAdviserOpinion" type="textarea" :rows="3" placeholder="请输入法律顾问意见" /> </el-form-item>
</el-form-item> <el-form-item label="备注" prop="remarks">
<el-form-item label="备注" prop="remarks"> <el-input v-model="formData.remarks" type="textarea" :rows="2" placeholder="请输入备注" />
<el-input v-model="formData.remarks" type="textarea" :rows="2" placeholder="请输入备注" /> </el-form-item>
</el-form-item> </el-form>
</el-form>
<el-divider content-position="left">附件上传</el-divider> <el-divider content-position="left">附件上传</el-divider>
<el-form label-width="160px"> <el-form label-width="160px">
<el-form-item label="合同文件" required> <el-form-item label="合同文件" required>
<upload-file <upload-file
v-model="contractFileList" v-model="contractFileList"
:limit="5" :limit="5"
:file-type="['pdf']" :file-type="['pdf']"
:data="{ fileType: CONTRACT_FILE_TYPE, purchaseId: applyId }" :data="{ fileType: CONTRACT_FILE_TYPE, purchaseId: applyId }"
upload-file-url="/purchase/purchasingfiles/upload" upload-file-url="/purchase/purchasingfiles/upload"
:disabled="mode === 'view'" :disabled="mode === 'view'"
/> />
<div class="file-tips">请上传PDF格式的合同文件</div> <div class="file-tips">请上传PDF格式的合同文件</div>
</el-form-item> </el-form-item>
<el-form-item label="合同补充材料"> <el-form-item label="合同补充材料">
<upload-file <upload-file
v-model="supplementFileList" v-model="supplementFileList"
:limit="10" :limit="10"
:file-type="['pdf']" :file-type="['pdf']"
:data="{ fileType: SUPPLEMENT_FILE_TYPE, purchaseId: applyId }" :data="{ fileType: SUPPLEMENT_FILE_TYPE, purchaseId: applyId }"
upload-file-url="/purchase/purchasingfiles/upload" upload-file-url="/purchase/purchasingfiles/upload"
:disabled="mode === 'view'" :disabled="mode === 'view'"
/> />
<div class="file-tips">请上传PDF格式的合同补充材料</div> <div class="file-tips">请上传PDF格式的合同补充材料</div>
</el-form-item> </el-form-item>
</el-form> </el-form>
<template #footer> <template #footer>
<el-button @click="visible = false">取消</el-button> <el-button @click="visible = false">取消</el-button>
<el-button v-if="mode !== 'view'" type="primary" :loading="submitting" @click="handleTempStore">暂存</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> <el-button v-if="mode !== 'view'" type="success" :loading="submitting" :disabled="!canSubmit" @click="handleSubmit">提交</el-button>
</template> </template>
</el-dialog> </el-dialog>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
@@ -122,9 +121,9 @@ const CONTRACT_FILE_TYPE = '160';
const SUPPLEMENT_FILE_TYPE = '170'; const SUPPLEMENT_FILE_TYPE = '170';
interface FileItem { interface FileItem {
id: string; id: string;
name: string; name: string;
url: string; url: string;
} }
const visible = ref(false); const visible = ref(false);
@@ -135,180 +134,190 @@ const applyData = ref<any>({});
const formRef = ref(); const formRef = ref();
const formData = ref({ const formData = ref({
purchaseId: '', purchaseId: '',
contractNo: '', contractNo: '',
contractName: '', contractName: '',
money: null as number | null, supplierName: '',
isBidding: '0', money: null as number | null,
isLegalAdviser: '0', isBidding: '0',
legalAdviserOpinion: '', isLegalAdviser: '0',
isDepts: '0', legalAdviserOpinion: '',
isSchool: '0', isDepts: '0',
remarks: '', isSchool: '0',
contractFileIds: [] as string[], remarks: '',
supplementFileIds: [] as string[], contractFileIds: [] as string[],
supplementFileIds: [] as string[],
}); });
const contractFileList = ref<FileItem[]>([]); const contractFileList = ref<FileItem[]>([]);
const supplementFileList = ref<FileItem[]>([]); const supplementFileList = ref<FileItem[]>([]);
const formRules = { const formRules = {
contractNo: [{ required: true, message: '请输入合同编号', trigger: 'blur' }], contractNo: [{ required: true, message: '请输入合同编号', trigger: 'blur' }],
contractName: [{ required: true, message: '请输入合同名称', trigger: 'blur' }], contractName: [{ required: true, message: '请输入合同名称', trigger: 'blur' }],
money: [{ required: true, message: '请输入合同金额', trigger: 'blur' }], supplierName: [{ required: true, message: '请输入供应商名称', trigger: 'blur' }],
money: [{ required: true, message: '请输入合同金额', trigger: 'blur' }],
}; };
const dialogTitle = computed(() => { const dialogTitle = computed(() => {
if (mode.value === 'view') return '查看采购合同'; if (mode.value === 'view') return '查看采购合同';
if (mode.value === 'edit') return '编辑采购合同'; if (mode.value === 'edit') return '编辑采购合同';
return '新增采购合同'; return '新增采购合同';
}); });
const canSubmit = computed(() => { const canSubmit = computed(() => {
return formData.value.contractNo && formData.value.contractName && formData.value.money !== null && contractFileList.value.length > 0; 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') => { const open = async (id: string, openMode: 'add' | 'edit' | 'view' = 'add') => {
applyId.value = id || ''; applyId.value = id || '';
mode.value = openMode; mode.value = openMode;
visible.value = true; visible.value = true;
resetForm(); resetForm();
try { try {
const res = await getObj(id); const res = await getObj(id);
applyData.value = res?.data || {}; applyData.value = res?.data || {};
// 新增时,合同编号默认为采购编号 // 新增时,合同编号默认为采购编号
if (mode.value === 'add') { if (mode.value === 'add') {
formData.value.contractNo = applyData.value.purchaseNo || ''; formData.value.contractNo = applyData.value.purchaseNo || '';
} }
const contractRes = await getByPurchaseId(id); const contractRes = await getByPurchaseId(id);
const contractData = contractRes?.data; const contractData = contractRes?.data;
if (contractData) { if (contractData) {
formData.value = { formData.value = {
purchaseId: id, purchaseId: id,
contractNo: contractData.contractNo || applyData.value.purchaseNo || '', contractNo: contractData.contractNo || applyData.value.purchaseNo || '',
contractName: contractData.contractName || '', contractName: contractData.contractName || '',
money: contractData.money, supplierName: contractData.supplierName || '',
isBidding: contractData.isBidding || '0', money: contractData.money,
isLegalAdviser: contractData.isLegalAdviser || '0', isBidding: contractData.isBidding || '0',
legalAdviserOpinion: contractData.legalAdviserOpinion || '', isLegalAdviser: contractData.isLegalAdviser || '0',
isDepts: contractData.isDepts || '0', legalAdviserOpinion: contractData.legalAdviserOpinion || '',
isSchool: contractData.isSchool || '0', isDepts: contractData.isDepts || '0',
remarks: contractData.remarks || '', isSchool: contractData.isSchool || '0',
contractFileIds: [], remarks: contractData.remarks || '',
supplementFileIds: [], contractFileIds: [],
}; supplementFileIds: [],
};
if (contractData.contractFiles && contractData.contractFiles.length > 0) { if (contractData.contractFiles && contractData.contractFiles.length > 0) {
contractFileList.value = contractData.contractFiles.map((f: any) => ({ 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 (contractData.supplementFiles && contractData.supplementFiles.length > 0) {
supplementFileList.value = contractData.supplementFiles.map((f: any) => ({ supplementFileList.value = contractData.supplementFiles.map((f: any) => ({
id: f.id, id: f.id,
name: f.fileTitle || '补充材料', name: f.fileTitle || '补充材料',
url: f.fileUrl, url: f.fileUrl,
})); }));
} }
} }
} catch (e) { } catch (e) {
console.error('获取数据失败', e); console.error('获取数据失败', e);
useMessage().error('获取数据失败'); useMessage().error('获取数据失败');
} }
}; };
const resetForm = () => { const resetForm = () => {
formData.value = { formData.value = {
purchaseId: applyId.value, purchaseId: applyId.value,
contractNo: '', contractNo: '',
contractName: '', contractName: '',
money: null, supplierName: '',
isBidding: '0', money: null,
isLegalAdviser: '0', isBidding: '0',
legalAdviserOpinion: '', isLegalAdviser: '0',
isDepts: '0', legalAdviserOpinion: '',
isSchool: '0', isDepts: '0',
remarks: '', isSchool: '0',
contractFileIds: [], remarks: '',
supplementFileIds: [], contractFileIds: [],
}; supplementFileIds: [],
contractFileList.value = []; };
supplementFileList.value = []; contractFileList.value = [];
supplementFileList.value = [];
}; };
const handleTempStore = async () => { const handleTempStore = async () => {
await formRef.value?.validate(); await formRef.value?.validate();
const contractFileIds = contractFileList.value.filter((f) => f.id).map((f) => f.id); const contractFileIds = contractFileList.value.filter((f) => f.id).map((f) => f.id);
const supplementFileIds = supplementFileList.value.filter((f) => f.id).map((f) => f.id); const supplementFileIds = supplementFileList.value.filter((f) => f.id).map((f) => f.id);
submitting.value = true; submitting.value = true;
try { try {
await tempStore({ await tempStore({
...formData.value, ...formData.value,
purchaseId: applyId.value, purchaseId: applyId.value,
contractFileIds, contractFileIds,
supplementFileIds, supplementFileIds,
}); });
useMessage().success('暂存成功'); useMessage().success('暂存成功');
} catch (err: any) { } catch (err: any) {
useMessage().error(err?.msg || '暂存失败'); useMessage().error(err?.msg || '暂存失败');
} finally { } finally {
submitting.value = false; submitting.value = false;
} }
}; };
const handleSubmit = async () => { const handleSubmit = async () => {
await formRef.value?.validate(); await formRef.value?.validate();
if (contractFileList.value.length === 0) { if (contractFileList.value.length === 0) {
useMessage().warning('请上传合同文件'); useMessage().warning('请上传合同文件');
return; return;
} }
const contractFileIds = contractFileList.value.filter((f) => f.id).map((f) => f.id); const contractFileIds = contractFileList.value.filter((f) => f.id).map((f) => f.id);
const supplementFileIds = supplementFileList.value.filter((f) => f.id).map((f) => f.id); const supplementFileIds = supplementFileList.value.filter((f) => f.id).map((f) => f.id);
submitting.value = true; submitting.value = true;
try { try {
await submitContract({ await submitContract({
...formData.value, ...formData.value,
purchaseId: applyId.value, purchaseId: applyId.value,
contractFileIds, contractFileIds,
supplementFileIds, supplementFileIds,
}); });
useMessage().success('提交成功,合同审核流程已启动'); useMessage().success('提交成功,合同审核流程已启动');
visible.value = false; visible.value = false;
emit('refresh'); emit('refresh');
} catch (err: any) { } catch (err: any) {
useMessage().error(err?.msg || '提交失败'); useMessage().error(err?.msg || '提交失败');
} finally { } finally {
submitting.value = false; submitting.value = false;
} }
}; };
const emit = defineEmits<{ const emit = defineEmits<{
(e: 'refresh'): void; (e: 'refresh'): void;
}>(); }>();
defineExpose({ defineExpose({
open, open,
}); });
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
.apply-info { .apply-info {
margin-bottom: 16px; margin-bottom: 16px;
} }
.file-tips { .file-tips {
font-size: 12px; font-size: 12px;
color: #909399; color: #909399;
margin-top: 4px; margin-top: 4px;
} }
</style> </style>