This commit is contained in:
2026-02-03 11:58:09 +08:00
parent 08561b466a
commit a942f0084a
2 changed files with 170 additions and 25 deletions

View File

@@ -161,6 +161,7 @@ interface FileItem {
name?: string;
url?: string;
uid?: number;
id?: string; // 文件ID
}
interface UploadFileItem {
@@ -270,14 +271,74 @@ const handleBeforeUpload = (file: File) => {
// 上传成功回调
function handleUploadSuccess(res: any, file: any) {
if (res.code === 0) {
// 调试:打印完整的响应数据
console.log('上传成功响应数据:', res);
console.log('res.data:', res.data);
// 获取文件ID - 尝试多种可能的字段名
let fileId = res.data?.id || res.data?.fileId || res.data?.file_id || null;
let fileUrl = res.data?.url || res.data?.fileUrl || '';
// 如果fileId不存在尝试从fileName中提取fileName可能是ID
if (!fileId && res.data?.fileName) {
const fileName = res.data.fileName;
// 检查fileName是否是32位十六进制字符串文件ID格式
if (/^[a-f0-9]{32}$/i.test(fileName)) {
fileId = fileName;
}
}
// 如果fileId仍然不存在尝试从URL中提取
if (!fileId && fileUrl) {
try {
const urlObj = new URL(fileUrl, window.location.origin);
fileId = urlObj.searchParams.get('id');
// 如果URL参数中没有id检查路径中是否有32位十六进制字符串
if (!fileId) {
const pathParts = urlObj.pathname.split('/').filter(p => p);
const lastPart = pathParts[pathParts.length - 1];
if (lastPart && /^[a-f0-9]{32}$/i.test(lastPart)) {
fileId = lastPart;
}
}
} catch (e) {
// URL解析失败忽略
}
}
// 如果仍然没有fileId尝试从整个res.data中查找可能的ID字段
if (!fileId && res.data) {
// 遍历res.data的所有属性查找32位十六进制字符串
for (const key in res.data) {
const value = res.data[key];
if (typeof value === 'string' && /^[a-f0-9]{32}$/i.test(value)) {
fileId = value;
break;
}
}
}
console.log('提取的文件ID:', fileId);
// 构建URL如果存在id则添加到URL参数中用于兼容性
if (fileId && fileUrl) {
// 如果URL中已经有参数使用&,否则使用?
fileUrl = fileUrl.includes('?') ? `${fileUrl}&id=${fileId}` : `${fileUrl}?id=${fileId}`;
}
fileUrl = `${fileUrl}&originalFileName=${file.name}`;
uploadList.value.push({
name: file.name,
url: `${res.data?.url}&originalFileName=${file.name}`,
url: fileUrl,
fileUrl: res.data?.fileName,
fileSize: file.size,
fileName: file.name,
fileType: file.raw.type,
id: fileId, // 保存文件ID优先使用
});
console.log('保存的文件对象:', uploadList.value[uploadList.value.length - 1]);
uploadedSuccessfully();
} else {
number.value--;
@@ -319,12 +380,21 @@ const handleExceed = () => {
* @param separator 分隔符,默认为逗号。
* @returns {string} 返回转换后的字符串。
*/
/**
* 将对象数组转为字符串,以逗号分隔。
* 如果文件有id优先使用id否则使用url。
* @param list 待转换的对象数组。
* @param separator 分隔符,默认为逗号。
* @returns {string} 返回转换后的字符串ID或URL用逗号分隔
*/
const listToString = (list: FileItem[], separator = ','): string => {
let strs = '';
separator = separator || ',';
for (let i in list) {
if (list[i].url) {
strs += list[i].url + separator;
// 优先使用id如果没有id则使用url
const value = list[i].id || list[i].url;
if (value) {
strs += value + separator;
}
}
return strs !== '' ? strs.substr(0, strs.length - 1) : '';
@@ -347,7 +417,28 @@ watch(
// 然后将数组转为对象数组
fileList.value = list.map((item: any) => {
if (typeof item === 'string') {
item = { name: other.getQueryString(item, 'originalFileName') || other.getQueryString(item, 'fileName'), url: item };
// 检查是否是32位十六进制字符串文件ID格式
const isId = /^[a-f0-9]{32}$/i.test(item.trim());
if (isId) {
// 如果是ID格式直接使用
item = { id: item.trim(), name: '', url: '' };
} else {
// 如果是URL尝试从URL中提取id
try {
const urlObj = new URL(item, window.location.origin);
const id = urlObj.searchParams.get('id');
item = {
name: other.getQueryString(item, 'originalFileName') || other.getQueryString(item, 'fileName'),
url: item,
id: id || undefined
};
} catch {
item = {
name: other.getQueryString(item, 'originalFileName') || other.getQueryString(item, 'fileName'),
url: item
};
}
}
}
item.uid = item.uid || new Date().getTime() + temp++;
return item as FileItem;

View File

@@ -211,6 +211,28 @@
upload-file-url="/purchase/purchasingfiles/upload" />
</el-form-item>
<!-- 询价 -->
<el-form-item
v-if="isInquiryPurchaseType"
label="询价模板"
prop="inquiryTemplate"
class="mb20">
<el-button
type="primary"
link
icon="Download"
@click="downloadTemplate('inquiry')"
class="mb10">
下载部门采购询价模版模版
</el-button>
<upload-file
v-model="dataForm.inquiryTemplate"
:limit="5"
:file-type="['doc', 'docx', 'pdf']"
:data="{ fileType: FILE_TYPE_MAP.inquiryTemplate }"
upload-file-url="/purchase/purchasingfiles/upload" />
</el-form-item>
<!-- 委托采购中心 -->
<template v-if="isPurchaseType(PURCHASE_TYPE_IDS.ENTRUST_CENTER)">
<el-form-item label="委托采购中心方式" prop="entrustCenterType" class="mb20">
@@ -776,6 +798,7 @@ const dataForm = reactive({
businessNegotiationTable: '',
marketPurchaseMinutes: '',
onlineMallMaterials: '',
inquiryTemplate: '', // 询价模板
entrustCenterType: '',
hasSupplier: '',
suppliers: '', // 供应商名称(逗号或分号分隔)
@@ -835,6 +858,7 @@ const PURCHASE_TYPE_IDS = {
const FILE_TYPE_MAP: Record<string, string> = {
businessNegotiationTable: '10', // 商务洽谈纪要
marketPurchaseMinutes: '20', // 市场采购纪要
inquiryTemplate: '20', // 询价模板(归类到市场采购纪要)
onlineMallMaterials: '30', // 网上商城采购相关材料
feasibilityReport: '40', // 可行性论证报告
meetingMinutes: '50', // 会议记录
@@ -871,6 +895,17 @@ const isPurchaseType = (purchaseTypeId: string) => {
return dataForm.purchaseType === purchaseTypeId;
};
// 辅助函数:判断当前采购方式是否为"询价"(通过 label 匹配)
const isInquiryPurchaseType = computed(() => {
if (!dataForm.purchaseType) return false;
const item = purchaseTypeDeptList.value.find(item => item.value === dataForm.purchaseType);
if (item) {
const label = item.label || item.dictLabel || item.name || '';
return label.includes('询价');
}
return false;
});
// 辅助函数:判断特殊情况是否为指定类型(通过 id 或 value 匹配)
const isSpecialType = (specialIdOrValue: string) => {
if (!dataForm.isSpecial) return false;
@@ -1085,6 +1120,7 @@ const downloadTemplate = async (type: string) => {
const templateMap: Record<string, { fileName: string, displayName: string }> = {
'business_negotiation': { fileName: '商务洽谈表.xlsx', displayName: '商务洽谈表.xlsx' },
'market_purchase_minutes': { fileName: '市场采购纪要.xlsx', displayName: '市场采购纪要.xlsx' },
'inquiry': { fileName: '部门采购询价模版.docx', displayName: '部门采购询价模版.docx' },
'direct_select': { fileName: '服务商城项目需求模板(直选).doc', displayName: '服务商城项目需求模板(直选).doc' },
'public_select': { fileName: '服务商城项目需求模板(公开比选).doc', displayName: '服务商城项目需求模板(公开比选).doc' },
'invite_select': { fileName: '服务商城项目需求模板(邀请比选).doc', displayName: '服务商城项目需求模板(邀请比选).doc' },
@@ -1437,50 +1473,52 @@ const handleSchoolLeaderChange = (value: string) => {
};
// 处理文件ID字符串转数组
// 从上传返回的URL中提取文件ID拼成数组格式["id1", "id2"]
// 从上传返回的URL或ID中提取文件ID拼成数组格式["id1", "id2"]
// 上传接口返回的id会保存在URL的id参数中或者直接是32位十六进制字符串
const getFileIdsArray = (fileIds: string | string[]): string[] => {
if (!fileIds) return [];
if (Array.isArray(fileIds)) return fileIds;
const urls = fileIds.split(',').filter(url => url.trim());
const items = fileIds.split(',').filter(item => item.trim());
const ids: string[] = [];
urls.forEach(url => {
items.forEach(item => {
const trimmed = item.trim();
// 首先检查是否是直接的ID格式32位十六进制字符串
if (/^[a-f0-9]{32}$/i.test(trimmed)) {
ids.push(trimmed);
return;
}
// 如果不是ID格式尝试从URL中提取id参数
try {
// 尝试解析为URL
const urlObj = new URL(url, window.location.origin);
const urlObj = new URL(trimmed, window.location.origin);
// 优先从URL参数中获取id
let id = urlObj.searchParams.get('id');
// 如果没有id参数尝试从路径中提取可能是直接的文件ID
if (!id) {
const pathParts = urlObj.pathname.split('/').filter(p => p);
// 检查最后一个路径段是否是32位十六进制字符串文件ID格式
const lastPart = pathParts[pathParts.length - 1];
if (lastPart && /^[a-f0-9]{32}$/i.test(lastPart)) {
id = lastPart;
} else if (lastPart) {
id = lastPart;
}
}
if (id) {
ids.push(id);
} else {
// 如果URL解析失败检查原始字符串是否是ID格式
if (/^[a-f0-9]{32}$/i.test(url.trim())) {
ids.push(url.trim());
} else {
ids.push(url);
}
// 如果无法提取ID使用原始字符串可能是URL
// 但这种情况不应该发生因为上传接口应该返回id
console.warn('无法从URL中提取文件ID:', trimmed);
ids.push(trimmed);
}
} catch {
// URL解析失败检查是否是直接的ID格式32位十六进制
if (/^[a-f0-9]{32}$/i.test(url.trim())) {
ids.push(url.trim());
// URL解析失败如果原始字符串是ID格式则使用否则忽略
if (/^[a-f0-9]{32}$/i.test(trimmed)) {
ids.push(trimmed);
} else {
// 否则直接使用原始字符串
ids.push(url);
console.warn('无法解析文件标识:', trimmed);
}
}
});
@@ -1506,7 +1544,7 @@ const handleSubmit = async () => {
// 处理所有文件字段
const fileFields = [
'businessNegotiationTable', 'marketPurchaseMinutes', 'onlineMallMaterials',
'businessNegotiationTable', 'marketPurchaseMinutes', 'onlineMallMaterials', 'inquiryTemplate',
'serviceDirectSelect', 'servicePublicSelect', 'purchaseRequirementTemplate',
'serviceInviteSelect', 'servicePublicSelectAuto', 'purchaseRequirement',
'meetingMinutes', 'feasibilityReport', 'meetingMinutesUrgent',
@@ -1515,12 +1553,28 @@ const handleSubmit = async () => {
'servicePublicSelectSchoolAuto', 'otherMaterials'
];
// 收集所有文件ID到一个数组中
const allFileIds: string[] = [];
fileFields.forEach(field => {
if (submitData[field]) {
submitData[field] = getFileIdsArray(submitData[field]);
const ids = getFileIdsArray(submitData[field]);
console.log(`字段 ${field} 的文件ID:`, ids);
// 将文件字段转换为ID数组
submitData[field] = ids;
// 同时收集到总数组中
allFileIds.push(...ids);
}
});
// 添加fileIds字段包含所有文件ID
if (allFileIds.length > 0) {
submitData.fileIds = allFileIds;
console.log('所有文件ID:', allFileIds);
}
console.log('提交数据:', submitData);
await addObj(submitData);
useMessage().success('提交成功');