From 676e73b8780c6cb49596865de81e6d806544ef10 Mon Sep 17 00:00:00 2001
From: 张诺 <zhang_12370@163.com>
Date: 星期四, 09 四月 2026 13:29:28 +0800
Subject: [PATCH] fix: 阳光印刷:添加附件功能，新增时可以上传附件、审核时要求可以预览附件.公司电话为必填项，改为选填 fix:调整供应商管理表单验证及优化知识库文件处理 - 将供应商管理中的公司电话字段改为非必填 - 移除销售报价中未使用的 delLedgerFile 导入 - 优化知识库文件上传组件，添加文件操作按钮和预览功能 - 修复知识库编辑时文件列表显示异常问题 - 统一文件下载和预览的处理逻辑
---
src/views/collaborativeApproval/knowledgeBase/index.vue | 213 ++++++++++++++++++++++++++++++++++++++++++++++++++---
1 files changed, 201 insertions(+), 12 deletions(-)
diff --git a/src/views/collaborativeApproval/knowledgeBase/index.vue b/src/views/collaborativeApproval/knowledgeBase/index.vue
index f7a1ef3..ff8da1b 100644
--- a/src/views/collaborativeApproval/knowledgeBase/index.vue
+++ b/src/views/collaborativeApproval/knowledgeBase/index.vue
@@ -133,6 +133,41 @@
</el-form-item>
</el-col>
</el-row>
+ <el-form-item label="闄勪欢鏉愭枡" prop="files">
+ <el-upload
+ v-model:file-list="fileList"
+ :action="upload.url"
+ multiple
+ ref="fileUpload"
+ auto-upload
+ :headers="upload.headers"
+ :before-upload="handleBeforeUpload"
+ :on-error="handleUploadError"
+ :on-success="handleUploadSuccess"
+ :on-remove="handleRemove"
+ :on-preview="handlePreview"
+ :show-file-list="true"
+ >
+ <el-button type="primary">涓婁紶</el-button>
+ <template #file="{ file }">
+ <div style="display:flex; align-items:center; gap: 10px; width: 100%;">
+ <span style="flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">
+ {{ file.name }}
+ </span>
+ <div style="display:flex; align-items:center; gap: 6px;">
+ <el-button link type="success" :icon="Download" @click="handleDownload(file)" />
+ <el-button link type="primary" :icon="View" @click="handlePreview(file)" />
+ <el-button link type="danger" :icon="Delete" @click="triggerRemoveFile(file)" />
+ </div>
+ </div>
+ </template>
+ <template #tip>
+ <div class="el-upload__tip">
+ 鏀寔鏂囨。锛坉oc, docx, xls, xlsx, pdf, txt锛夊拰鍥剧墖锛坖pg, jpeg, png, gif锛夋牸寮�
+ </div>
+ </template>
+ </el-upload>
+ </el-form-item>
</el-form>
</FormDialog>
@@ -198,6 +233,17 @@
</div>
</div>
+ <div class="detail-section" v-if="currentKnowledge.commonFileList && currentKnowledge.commonFileList.length > 0">
+ <h4>闄勪欢鏉愭枡</h4>
+ <div class="file-list">
+ <div v-for="file in currentKnowledge.commonFileList" :key="file.id" class="file-item">
+ <div class="file-info">
+ <el-link :href="file.url" target="_blank" :download="file.name">{{ file.name }}</el-link>
+ </div>
+ </div>
+ </div>
+ </div>
+
<div class="detail-section">
<h4>浣跨敤缁熻</h4>
<div class="usage-stats">
@@ -225,18 +271,21 @@
</div>
</div>
</FormDialog>
+ <filePreview ref="filePreviewRef" />
</div>
</template>
<script setup>
-import { Search } from "@element-plus/icons-vue";
+import { Search, Download, View, Delete } from "@element-plus/icons-vue";
import { onMounted, ref, reactive, toRefs, getCurrentInstance, computed, watch } from "vue";
import { ElMessage, ElMessageBox } from "element-plus";
import PIMTable from "@/components/PIMTable/PIMTable.vue";
import FormDialog from '@/components/Dialog/FormDialog.vue';
-import { listKnowledgeBase, delKnowledgeBase,addKnowledgeBase,updateKnowledgeBase } from "@/api/collaborativeApproval/knowledgeBase.js";
+import filePreview from '@/components/filePreview/index.vue'
+import { listKnowledgeBase, delKnowledgeBase,addKnowledgeBase,updateKnowledgeBase, delKnowledgeBaseFile } from "@/api/collaborativeApproval/knowledgeBase.js";
import useUserStore from '@/store/modules/user';
import { userListNoPageByTenantId } from '@/api/system/user.js';
+import { getToken } from "@/utils/auth";
// 琛ㄥ崟楠岃瘉瑙勫垯
const rules = {
@@ -268,6 +317,13 @@
},
tableData: [],
selectedIds: [],
+ fileList: [],
+ upload: {
+ // 涓婁紶鐨勫湴鍧�
+ url: import.meta.env.VITE_APP_BASE_API + "/file/upload",
+ // 璁剧疆涓婁紶鐨勮姹傚ご閮�
+ headers: { Authorization: "Bearer " + getToken() },
+ },
form: {
title: "",
type: "",
@@ -277,7 +333,8 @@
solution: "",
keyPoints: "",
creator: "",
- usageCount: 0
+ usageCount: 0,
+ files: []
},
dialogVisible: false,
dialogTitle: "",
@@ -292,6 +349,8 @@
page,
tableData,
selectedIds,
+ fileList,
+ upload,
form,
dialogVisible,
dialogTitle,
@@ -302,9 +361,30 @@
// 琛ㄥ崟寮曠敤
const formRef = ref();
+const fileUpload = ref()
+const filePreviewRef = ref()
// 鐢ㄦ埛鐩稿叧
const userStore = useUserStore();
const userList = ref([]);
+
+const normalizeKnowledgeFiles = (files = []) => {
+ const list = Array.isArray(files) ? files : []
+ return list.map((f, index) => {
+ const name = f?.name || f?.originalName || f?.fileName || ''
+ const url = f?.url || f?.path || ''
+ return {
+ ...f,
+ name,
+ url,
+ uid: f?.uid || f?.id || `${Date.now()}_${index}`,
+ status: f?.status || 'success',
+ }
+ })
+}
+
+const getUploadFileUrl = (file) => {
+ return file?.url || file?.response?.data?.tempPath || file?.response?.data?.url
+}
// 琛ㄦ牸鍒楅厤缃�
const tableColumn = ref([
@@ -425,8 +505,15 @@
listKnowledgeBase({...page.value, ...searchForm.value})
.then(res => {
tableLoading.value = false;
- tableData.value = res.data.records
page.value.total = res.data.total;
+ // 濡傛灉褰撳墠椤垫暟瓒呰繃鎬婚〉鏁帮紝閲嶇疆鍒扮1椤靛苟閲嶆柊鏌ヨ
+ const maxPage = Math.ceil(res.data.total / page.value.size) || 1;
+ if (page.value.current > maxPage && maxPage > 0) {
+ page.value.current = 1;
+ // 閲嶆柊鏌ヨ绗�1椤垫暟鎹�
+ return getList();
+ }
+ tableData.value = res.data.records;
}).catch(err => {
tableLoading.value = false;
})
@@ -434,9 +521,14 @@
// 鍒嗛〉澶勭悊
const pagination = (obj) => {
+ const oldSize = page.value.size;
page.value.current = obj.page;
page.value.size = obj.limit;
- handleQuery();
+ // 濡傛灉 size 鏀瑰彉浜嗭紝閲嶇疆鍒扮1椤碉紝閬垮厤褰撳墠椤佃秴鍑鸿寖鍥�
+ if (oldSize !== obj.limit) {
+ page.value.current = 1;
+ }
+ getList();
};
// 閫夋嫨鍙樺寲澶勭悊
@@ -450,6 +542,7 @@
if (type === "add") {
dialogTitle.value = "鏂板鐭ヨ瘑";
// 閲嶇疆琛ㄥ崟锛岄粯璁ゅ垱寤轰汉涓哄綋鍓嶇敤鎴�
+ fileList.value = [];
Object.assign(form.value, {
title: "",
type: "",
@@ -459,10 +552,14 @@
solution: "",
keyPoints: "",
creator: userStore.nickName || "",
- usageCount: 0
+ usageCount: 0,
+ files: []
});
} else if (type === "edit" && row) {
dialogTitle.value = "缂栬緫鐭ヨ瘑";
+ const existingFiles = row.files || row.commonFileList || [];
+ const normalizedFiles = normalizeKnowledgeFiles(existingFiles);
+ fileList.value = normalizedFiles;
Object.assign(form.value, {
id: row.id,
title: row.title,
@@ -473,7 +570,15 @@
solution: row.solution,
keyPoints: row.keyPoints,
creator: row.creator,
- usageCount: row.usageCount
+ usageCount: row.usageCount,
+ files: normalizedFiles.map(f => ({
+ id: f.id,
+ tempId: f.tempId,
+ name: f.name,
+ url: f.url,
+ uid: f.uid
+ })),
+
});
}
dialogVisible.value = true;
@@ -565,6 +670,7 @@
// 鍏抽棴鐭ヨ瘑琛ㄥ崟瀵硅瘽妗�
const closeKnowledgeDialog = () => {
// 娓呯┖琛ㄥ崟鏁版嵁锛岄粯璁ゅ垱寤轰汉涓哄綋鍓嶇敤鎴�
+ fileList.value = [];
Object.assign(form.value, {
id: undefined,
title: "",
@@ -575,7 +681,8 @@
solution: "",
keyPoints: "",
creator: userStore.nickName || "",
- usageCount: 0
+ usageCount: 0,
+ files: []
});
// 娓呴櫎琛ㄥ崟楠岃瘉鐘舵��
if (formRef.value) {
@@ -594,6 +701,88 @@
copyKnowledge();
closeViewDialog();
};
+
+// 涓婁紶鍓嶆牎妫�
+function handleBeforeUpload(file) {
+ proxy.$modal.loading("姝ｅ湪涓婁紶鏂囦欢锛岃绋嶅��...");
+ return true;
+}
+// 涓婁紶澶辫触
+function handleUploadError(err) {
+ proxy.$modal.msgError("涓婁紶鏂囦欢澶辫触");
+ proxy.$modal.closeLoading();
+}
+// 涓婁紶鎴愬姛鍥炶皟
+function handleUploadSuccess(res, file, uploadFiles) {
+ proxy.$modal.closeLoading();
+ if (res.code === 200) {
+ if (!form.value.files) {
+ form.value.files = [];
+ }
+ file.tempId = res?.data?.tempId
+ file.url = res?.data?.tempPath || res?.data?.url
+ file.name = res?.data?.originalName || file?.name
+ form.value.files.push({
+ tempId: file.tempId,
+ url: file.url,
+ name: file.name,
+ uid: file.uid,
+ });
+ proxy.$modal.msgSuccess("涓婁紶鎴愬姛");
+ } else {
+ proxy.$modal.msgError(res.msg);
+ fileUpload.value?.handleRemove?.(file) || proxy.$refs.fileUpload?.handleRemove?.(file);
+ }
+}
+// 绉婚櫎鏂囦欢
+function handleRemove(file, fileList) {
+ // 濡傛灉鏄紪杈戞ā寮忎笖鏂囦欢鏈塱d锛岃皟鐢ˋPI鍒犻櫎
+ if (dialogType.value === "edit" && file.id) {
+ delKnowledgeBaseFile([file.id]).then((res) => {
+ if (res.code === 200) {
+ proxy.$modal.msgSuccess("鍒犻櫎鎴愬姛");
+ // 浠巉orm.value.files涓Щ闄�
+ const index = form.value.files.findIndex(f => f.id === file.id);
+ if (index > -1) {
+ form.value.files.splice(index, 1);
+ }
+ } else {
+ proxy.$modal.msgError(res.msg || "鍒犻櫎澶辫触");
+ // 濡傛灉鍒犻櫎澶辫触锛岄噸鏂版坊鍔犲洖鏂囦欢鍒楄〃
+ fileList.push(file);
+ }
+ }).catch((error) => {
+ proxy.$modal.msgError("鍒犻櫎澶辫触");
+ // 濡傛灉鍒犻櫎澶辫触锛岄噸鏂版坊鍔犲洖鏂囦欢鍒楄〃
+ fileList.push(file);
+ });
+ } else {
+ // 鏂颁笂浼犵殑鏂囦欢锛岀洿鎺ヤ粠form.value.files涓Щ闄�
+ const index = form.value.files.findIndex(f => f.name === file.name && f.url === file.url);
+ if (index > -1) {
+ form.value.files.splice(index, 1);
+ }
+ }
+}
+
+// 鏂囦欢棰勮/涓嬭浇
+const handleDownload = (file) => {
+ const url = getUploadFileUrl(file)
+ if (!url) return
+ proxy?.$modal?.loading?.("姝ｅ湪涓嬭浇鏂囦欢锛岃绋嶅��...")
+ proxy.$download.name(url);
+ proxy?.$modal?.closeLoading?.()
+}
+
+function handlePreview(file) {
+ const url = getUploadFileUrl(file)
+ if (!url) return
+ filePreviewRef.value?.open?.(url)
+}
+
+function triggerRemoveFile(file) {
+ fileUpload.value?.handleRemove?.(file) || proxy.$refs.fileUpload?.handleRemove?.(file);
+}
// 鎻愪氦鐭ヨ瘑琛ㄥ崟
const submitForm = async () => {
@@ -707,12 +896,12 @@
}
.detail-content {
- background: #f8f9fa;
- padding: 16px;
- border-radius: 6px;
line-height: 1.6;
color: #606266;
- white-space: pre-wrap;
+}
+
+.detail-section {
+ margin-top: 24px;
}
.key-points {
--
Gitblit v1.9.3