From d9b5c1f1310a4449ba3ffbefc9b15ec246789d53 Mon Sep 17 00:00:00 2001
From: 张诺 <zhang_12370@163.com>
Date: 星期一, 20 四月 2026 13:35:23 +0800
Subject: [PATCH] feat: 添加报价单导入功能
---
src/api/salesManagement/salesQuotation.js | 12 ++
src/views/salesManagement/salesQuotation/index.vue | 254 ++++++++++++++++++++++++++++++++++++++++++++++++++
2 files changed, 263 insertions(+), 3 deletions(-)
diff --git a/src/api/salesManagement/salesQuotation.js b/src/api/salesManagement/salesQuotation.js
index 4329dd9..efe0348 100644
--- a/src/api/salesManagement/salesQuotation.js
+++ b/src/api/salesManagement/salesQuotation.js
@@ -101,6 +101,18 @@
});
}
+// 瀵煎叆鎶ヤ环鍗�
+export function importQuotation(data) {
+ return request({
+ url: "/sales/quotation/import",
+ method: "post",
+ data: data,
+ headers: {
+ "Content-Type": "multipart/form-data",
+ },
+ });
+}
+
// 鎵撳嵃鎶ヤ环鍗�
export function printQuotation(query) {
return request({
diff --git a/src/views/salesManagement/salesQuotation/index.vue b/src/views/salesManagement/salesQuotation/index.vue
index 5574bce..455ce72 100644
--- a/src/views/salesManagement/salesQuotation/index.vue
+++ b/src/views/salesManagement/salesQuotation/index.vue
@@ -38,6 +38,9 @@
<el-button style="float: right;" type="primary" @click="handleAdd">
鏂板鎶ヤ环
</el-button>
+ <el-button style="float: right;" type="primary" @click="handleImport">
+ 瀵煎叆鏂囦欢
+ </el-button>
</el-col>
</el-row>
@@ -314,6 +317,106 @@
</div>
</FormDialog>
+ <FormDialog v-model="importDialogVisible" title="瀵煎叆鎶ヤ环鍗�" width="85%" :close-on-click-modal="false" @close="importDialogVisible = false" @confirm="handleImportSubmit" @cancel="importDialogVisible = false">
+ <!-- 瀹℃壒浜轰俊鎭� -->
+ <el-card class="form-card" shadow="hover">
+ <template #header>
+ <div class="card-header-wrapper">
+ <el-icon class="card-icon"><UserFilled /></el-icon>
+ <span class="card-title">瀹℃壒浜洪�夋嫨</span>
+ <el-button type="primary" size="small" @click="addImportApproverNode" class="header-btn">
+ <el-icon><Plus /></el-icon>
+ 鏂板鑺傜偣
+ </el-button>
+ </div>
+ </template>
+ <div class="form-content">
+ <el-row>
+ <el-col :span="24">
+ <el-form-item>
+ <div class="approver-nodes-container">
+ <div
+ v-for="(node, index) in importApproverNodes"
+ :key="node.id"
+ class="approver-node-item"
+ >
+ <div class="approver-node-label">
+ <span class="node-step">{{ index + 1 }}</span>
+ <span class="node-text">瀹℃壒浜�</span>
+ <el-icon class="arrow-icon"><ArrowRight /></el-icon>
+ </div>
+ <el-select
+ v-model="node.userId"
+ placeholder="閫夋嫨浜哄憳"
+ class="approver-select"
+ clearable
+ >
+ <el-option
+ v-for="user in userList"
+ :key="user.userId"
+ :label="user.nickName"
+ :value="user.userId"
+ />
+ </el-select>
+ <el-button
+ type="danger"
+ size="small"
+ :icon="Delete"
+ @click="removeImportApproverNode(index)"
+ v-if="importApproverNodes.length > 1"
+ class="remove-btn"
+ >鍒犻櫎</el-button>
+ </div>
+ </div>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ </div>
+ </el-card>
+ <el-card class="form-card" shadow="hover">
+ <template #header>
+ <div class="card-header-wrapper">
+ <el-icon class="card-icon"><Paperclip /></el-icon>
+ <span class="card-title">闄勪欢鏉愭枡</span>
+ </div>
+ </template>
+ <div class="form-content">
+ <el-form-item label="闄勪欢鏉愭枡" prop="files">
+ <el-upload
+ v-model:file-list="importFileList"
+ :limit="1"
+ ref="fileUpload"
+ :auto-upload="false"
+ :on-change="handleFileChange"
+ :on-exceed="handleExceed"
+ :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">
+ 鏀寔鏂囨。锛坸ls, xlsx锛夋牸寮�
+ </div>
+ </template>
+ </el-upload>
+ </el-form-item>
+ </div>
+ </el-card>
+ </FormDialog>
+
<!-- 鏌ョ湅璇︽儏瀵硅瘽妗� -->
<el-dialog v-model="viewDialogVisible" title="鎶ヤ环璇︽儏" width="800px">
<el-descriptions :column="2" border>
@@ -354,15 +457,17 @@
</template>
<script setup>
-import { ref, reactive, computed, onMounted, markRaw, shallowRef } from 'vue'
+import { ref, reactive, computed, onMounted, markRaw, shallowRef, getCurrentInstance } from 'vue'
import { ElMessage, ElMessageBox } from 'element-plus'
-import { Search, Document, UserFilled, Box, EditPen, Plus, ArrowRight, Delete } from '@element-plus/icons-vue'
+import { Search, Document, UserFilled, Box, EditPen, Plus, ArrowRight, Delete, Download, View } from '@element-plus/icons-vue'
import Pagination from '@/components/PIMTable/Pagination.vue'
import FormDialog from '@/components/Dialog/FormDialog.vue'
-import {getQuotationList,addQuotation,updateQuotation,deleteQuotation} from '@/api/salesManagement/salesQuotation.js'
+import {getQuotationList,addQuotation,updateQuotation,deleteQuotation, importQuotation} from '@/api/salesManagement/salesQuotation.js'
import {userListNoPage} from "@/api/system/user.js";
import {customerList} from "@/api/salesManagement/salesLedger.js";
import {modelList, productTreeList} from "@/api/basicData/product.js";
+
+const { proxy } = getCurrentInstance();
// 鍝嶅簲寮忔暟鎹�
const loading = ref(false)
@@ -382,7 +487,16 @@
})
const dialogVisible = ref(false)
+const importDialogVisible = ref(false)
const viewDialogVisible = ref(false)
+const importFileList = ref([])
+const importApproverNodes = ref([
+ { id: 1, userId: null }
+])
+let nextImportApproverId = 2
+
+const fileUpload = ref(null)
+
const dialogTitle = ref('鏂板鎶ヤ环')
const form = reactive({
quotationNo: '',
@@ -450,6 +564,122 @@
approverNodes.value.splice(index, 1)
}
+// 瀵煎叆寮圭獥瀹℃壒浜鸿妭鐐圭浉鍏�
+function addImportApproverNode() {
+ importApproverNodes.value.push({ id: nextImportApproverId++, userId: null })
+}
+
+function removeImportApproverNode(index) {
+ importApproverNodes.value.splice(index, 1)
+}
+
+function triggerRemoveImportFile(file) {
+ const index = importFileList.value.indexOf(file)
+ if (index !== -1) {
+ importFileList.value.splice(index, 1)
+ }
+}
+
+async function handleImportSubmit() {
+ if (importFileList.value.length === 0) {
+ ElMessage.warning('璇烽�夋嫨瑕佸鍏ョ殑鏂囦欢')
+ return
+ }
+
+ const hasEmptyApprover = importApproverNodes.value.some(node => !node.userId)
+ if (hasEmptyApprover) {
+ ElMessage.error('璇蜂负鎵�鏈夊鎵硅妭鐐归�夋嫨瀹℃壒浜猴紒')
+ return
+ }
+
+ const selectedFile = importFileList.value[0]
+ const rawFile = selectedFile?.raw || selectedFile
+ if (!validateImportFile(rawFile)) {
+ return
+ }
+
+ const formData = new FormData()
+ formData.append('file', rawFile)
+
+ // 瀹℃牳浜� IDs锛屼互閫楀彿鍒嗗壊
+ const approveUserIds = importApproverNodes.value.map(node => node.userId).join(',')
+ formData.append('approveUserIdsJson', approveUserIds)
+
+ loading.value = true
+ try {
+ const res = await importQuotation(formData)
+ if (res.code === 200) {
+ ElMessage.success('瀵煎叆鎴愬姛')
+ importDialogVisible.value = false
+ handleSearch()
+ }
+ } catch (error) {
+ console.error('瀵煎叆澶辫触:', error)
+ } finally {
+ loading.value = false
+ }
+}
+
+const validateImportFile = (file) => {
+ const fileName = file?.name || ''
+ const isExcel = /\.(xls|xlsx)$/i.test(fileName)
+ if (!isExcel) {
+ ElMessage.error('浠呮敮鎸� xls/xlsx 鏍煎紡鏂囦欢')
+ return false
+ }
+
+ const isLt100M = (file?.size || 0) / 1024 / 1024 < 100
+ if (!isLt100M) {
+ ElMessage.error('涓婁紶鏂囦欢澶у皬涓嶈兘瓒呰繃 100MB!')
+ return false
+ }
+ return true
+}
+
+const handleExceed = (files) => {
+ // 杈惧埌涓婇檺鏃讹紝鏂版枃浠舵浛鎹㈡棫鏂囦欢
+ const file = files?.[0]
+ if (!file || !validateImportFile(file)) return
+ fileUpload.value?.clearFiles()
+ fileUpload.value?.handleStart(file)
+ importFileList.value = fileUpload.value?.uploadFiles?.slice(-1) || []
+}
+
+const handleFileChange = (file, list) => {
+ const currentFile = file?.raw || file
+ if (!validateImportFile(currentFile)) {
+ fileUpload.value?.handleRemove?.(file)
+ importFileList.value = []
+ return
+ }
+ importFileList.value = (list || []).slice(-1)
+}
+
+const handleRemove = (file, list) => {
+ importFileList.value = list
+};
+
+ // 澶勭悊鏂囦欢绉婚櫎
+function triggerRemoveFile(file) {
+ fileUpload.value?.handleRemove?.(file) || proxy.$refs.fileUpload?.handleRemove?.(file);
+}
+
+// 鏂囦欢棰勮
+function handlePreview(file) {
+ const url = getUploadFileUrl(file)
+ if (!url) return
+ filePreviewRef.value?.open?.(url)
+}
+
+// 鏂囦欢棰勮/涓嬭浇
+const handleDownload = (file) => {
+ const url = getUploadFileUrl(file)
+ if (!url) return
+ proxy?.$modal?.loading?.("姝ｅ湪涓嬭浇鏂囦欢锛岃绋嶅��...")
+ proxy.$download.name(url);
+ proxy?.$modal?.closeLoading?.()
+}
+
// 璁＄畻灞炴��
const filteredList = computed(() => {
let list = quotationList.value
@@ -476,6 +706,24 @@
handleSearch()
}
+// 瀵煎叆鏂囦欢
+const handleImport = async () => {
+ importFileList.value = []
+
+ // 鉁� 娓呯┖鈥滃鍏ョ敤鈥濈殑瀹℃壒浜�
+ importApproverNodes.value = [{ id: 1, userId: null }]
+ nextImportApproverId = 2
+
+ let userLists = await userListNoPage();
+ importDialogVisible.value = true
+
+ userList.value = (userLists.data || []).map(item => ({
+ userId: item.userId,
+ nickName: item.nickName || '',
+ userName: item.userName || ''
+ }));
+}
+
const handleAdd = async () => {
dialogTitle.value = '鏂板鎶ヤ环'
isEdit.value = false
--
Gitblit v1.9.3