From a1d7e81859f554f3a53680cc35f0f49bf1f77098 Mon Sep 17 00:00:00 2001
From: wwf <1971391498@qq.com>
Date: 星期四, 14 五月 2026 14:37:02 +0800
Subject: [PATCH] 导入项目
---
src/views/crm/customer/CustomerImportForm.vue | 158 ++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 158 insertions(+), 0 deletions(-)
diff --git a/src/views/crm/customer/CustomerImportForm.vue b/src/views/crm/customer/CustomerImportForm.vue
new file mode 100644
index 0000000..d5f2f13
--- /dev/null
+++ b/src/views/crm/customer/CustomerImportForm.vue
@@ -0,0 +1,158 @@
+<!-- 瀹㈡埛瀵煎叆绐楀彛 -->
+<template>
+ <Dialog v-model="dialogVisible" title="瀹㈡埛瀵煎叆" width="400">
+ <div class="flex items-center my-10px">
+ <span class="mr-10px">璐熻矗浜�</span>
+ <el-select v-model="ownerUserId" class="!w-240px" clearable>
+ <el-option
+ v-for="item in userOptions"
+ :key="item.id"
+ :label="item.nickname"
+ :value="item.id"
+ />
+ </el-select>
+ </div>
+ <el-upload
+ ref="uploadRef"
+ v-model:file-list="fileList"
+ :auto-upload="false"
+ :disabled="formLoading"
+ :limit="1"
+ :on-exceed="handleExceed"
+ accept=".xlsx, .xls"
+ action="none"
+ drag
+ >
+ <Icon icon="ep:upload" />
+ <div class="el-upload__text">灏嗘枃浠舵嫋鍒版澶勶紝鎴�<em>鐐瑰嚮涓婁紶</em></div>
+ <template #tip>
+ <div class="el-upload__tip text-center">
+ <div class="el-upload__tip">
+ <el-checkbox v-model="updateSupport" />
+ 鏄惁鏇存柊宸茬粡瀛樺湪鐨勫鎴锋暟鎹紙鈥滃鎴峰悕绉扳�濋噸澶嶏級
+ </div>
+ <span>浠呭厑璁稿鍏� xls銆亁lsx 鏍煎紡鏂囦欢銆�</span>
+ <el-link
+ :underline="false"
+ style="font-size: 12px; vertical-align: baseline"
+ type="primary"
+ @click="importTemplate"
+ >
+ 涓嬭浇妯℃澘
+ </el-link>
+ </div>
+ </template>
+ </el-upload>
+ <template #footer>
+ <el-button :disabled="formLoading" type="primary" @click="submitForm">纭� 瀹�</el-button>
+ <el-button @click="dialogVisible = false">鍙� 娑�</el-button>
+ </template>
+ </Dialog>
+</template>
+<script lang="ts" setup>
+import * as CustomerApi from '@/api/crm/customer'
+import download from '@/utils/download'
+import type { UploadUserFile } from 'element-plus'
+import * as UserApi from '@/api/system/user'
+import { useUserStore } from '@/store/modules/user'
+
+defineOptions({ name: 'CrmCustomerImportForm' })
+
+const message = useMessage() // 娑堟伅寮圭獥
+
+const dialogVisible = ref(false) // 寮圭獥鐨勬槸鍚﹀睍绀�
+const formLoading = ref(false) // 琛ㄥ崟鐨勫姞杞戒腑
+const uploadRef = ref()
+const fileList = ref<UploadUserFile[]>([]) // 鏂囦欢鍒楄〃
+const updateSupport = ref(false) // 鏄惁鏇存柊宸茬粡瀛樺湪鐨勫鎴锋暟鎹�
+const ownerUserId = ref<undefined | number>() // 璐熻矗浜虹紪鍙�
+const userOptions = ref<UserApi.UserVO[]>([]) // 鐢ㄦ埛鍒楄〃
+
+/** 鎵撳紑寮圭獥 */
+const open = async () => {
+ dialogVisible.value = true
+ await resetForm()
+ // 鑾峰緱鐢ㄦ埛鍒楄〃
+ userOptions.value = await UserApi.getSimpleUserList()
+ ownerUserId.value = useUserStore().getUser.id
+}
+defineExpose({ open }) // 鎻愪緵 open 鏂规硶锛岀敤浜庢墦寮�寮圭獥
+
+/** 鎻愪氦琛ㄥ崟 */
+const submitForm = async () => {
+ if (fileList.value.length == 0) {
+ message.error('璇蜂笂浼犳枃浠�')
+ return
+ }
+
+ formLoading.value = true
+ try {
+ const formData = new FormData()
+ formData.append('updateSupport', String(updateSupport.value))
+ formData.append('file', fileList.value[0].raw as Blob)
+ formData.append('ownerUserId', String(ownerUserId.value))
+ const res = await CustomerApi.handleImport(formData)
+ submitFormSuccess(res)
+ } catch {
+ submitFormError()
+ } finally {
+ formLoading.value = false
+ }
+}
+
+/** 鏂囦欢涓婁紶鎴愬姛 */
+const emits = defineEmits(['success'])
+const submitFormSuccess = (response: any) => {
+ if (response.code !== 0) {
+ message.error(response.msg)
+ formLoading.value = false
+ return
+ }
+ // 鎷兼帴鎻愮ず璇�
+ const data = response.data
+ let text = '涓婁紶鎴愬姛鏁伴噺锛�' + data.createCustomerNames.length + ';'
+ for (let customerName of data.createCustomerNames) {
+ text += '< ' + customerName + ' >'
+ }
+ text += '鏇存柊鎴愬姛鏁伴噺锛�' + data.updateCustomerNames.length + ';'
+ for (const customerName of data.updateCustomerNames) {
+ text += '< ' + customerName + ' >'
+ }
+ text += '鏇存柊澶辫触鏁伴噺锛�' + Object.keys(data.failureCustomerNames).length + ';'
+ for (const customerName in data.failureCustomerNames) {
+ text += '< ' + customerName + ': ' + data.failureCustomerNames[customerName] + ' >'
+ }
+ message.alert(text)
+ formLoading.value = false
+ dialogVisible.value = false
+ // 鍙戦�佹搷浣滄垚鍔熺殑浜嬩欢
+ emits('success')
+}
+
+/** 涓婁紶閿欒鎻愮ず */
+const submitFormError = (): void => {
+ message.error('涓婁紶澶辫触锛岃鎮ㄩ噸鏂颁笂浼狅紒')
+ resetForm()
+}
+
+/** 閲嶇疆琛ㄥ崟 */
+const resetForm = async () => {
+ // 閲嶇疆涓婁紶鐘舵�佸拰鏂囦欢
+ fileList.value = []
+ updateSupport.value = false
+ ownerUserId.value = undefined
+ await nextTick()
+ uploadRef.value?.clearFiles()
+}
+
+/** 鏂囦欢鏁拌秴鍑烘彁绀� */
+const handleExceed = (): void => {
+ message.error('鏈�澶氬彧鑳戒笂浼犱竴涓枃浠讹紒')
+}
+
+/** 涓嬭浇妯℃澘鎿嶄綔 */
+const importTemplate = async () => {
+ const res = await CustomerApi.importCustomerTemplate()
+ download.excel(res, '瀹㈡埛瀵煎叆妯＄増.xls')
+}
+</script>
--
Gitblit v1.8.0