【更新】优化代码，业务下人员管理导入功能同步加入导入文件类型限制

snowy-admin-web/src/views/biz/user/impExp.vue

@@ -37,6 +37,7 @@
 </template>
 
 <script setup name="bizUserImpExp">
+	import { message } from 'ant-design-vue'
 	import userApi from '@/api/sys/userApi'
 	import bizUserApi from '@/api/biz/bizUserApi'
 	import downloadUtil from '@/utils/downloadUtil'
@@ -45,10 +46,38 @@
 	const impAlertStatus = ref(false)
 	const impResultData = ref({})
 	const impResultErrorDataSource = ref([])
+	const impAccept = [
+		{
+			extension: '.xls',
+			mimeType: 'application/vnd.ms-excel'
+		},
+		{
+			extension: '.xlsx',
+			mimeType: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
+		}
+	]
+	// 指定能选择的文件类型
+	const uploadAccept = String(
+		impAccept.map((item) => {
+			return item.mimeType
+		})
+	)
 	// 导入
 	const customRequestLocal = (data) => {
 		impUploadLoading.value = true
 		const fileData = new FormData()
+		// 校验上传文件扩展名和文件类型是否为.xls、.xlsx
+		const extension = '.'.concat(data.file.name.split('.').slice(-1).toString().toLowerCase())
+		const mimeType = data.file.type
+		// 提取允许的扩展名
+		const extensionArr = impAccept.map((item) => item.extension)
+		// 提取允许的MIMEType
+		const mimeTypeArr = impAccept.map((item) => item.mimeType)
+		if (!extensionArr.includes(extension) || !mimeTypeArr.includes(mimeType)) {
+			message.warning('上传文件类型仅支持xls、xlsx格式文件！')
+			impUploadLoading.value = false
+			return false
+		}
 		fileData.append('file', data.file)
 		return bizUserApi
 			.userImport(fileData)

snowy-admin-web/src/views/sys/user/impExp.vue

@@ -14,7 +14,7 @@
 		<a-divider dashed />
 		<div>
 			<a-spin :spinning="impUploadLoading">
-				<a-upload-dragger :show-upload-list="false" :custom-request="customRequestLocal" :accept="impAccept.map((item) => item.mimeType)">
+				<a-upload-dragger :show-upload-list="false" :custom-request="customRequestLocal" :accept="uploadAccept">
 					<p class="ant-upload-drag-icon">
 						<inbox-outlined></inbox-outlined>
 					</p>
@@ -37,8 +37,9 @@
 </template>
 
 <script setup name="userImpExp">
+	import { message } from 'ant-design-vue'
 	import userApi from '@/api/sys/userApi'
-	import downloadUtil from "@/utils/downloadUtil"
+	import downloadUtil from '@/utils/downloadUtil'
 
 	const impUploadLoading = ref(false)
 	const impAlertStatus = ref(false)
@@ -54,12 +55,18 @@
 			mimeType: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
 		}
 	]
+	// 指定能选择的文件类型
+	const uploadAccept = String(
+		impAccept.map((item) => {
+			return item.mimeType
+		})
+	)
 	// 导入
 	const customRequestLocal = (data) => {
 		impUploadLoading.value = true
 		const fileData = new FormData()
 		// 校验上传文件扩展名和文件类型是否为.xls、.xlsx
-		const extension = '.'.concat(data.file.name.split(".").slice(-1).toString().toLowerCase())
+		const extension = '.'.concat(data.file.name.split('.').slice(-1).toString().toLowerCase())
 		const mimeType = data.file.type
 		// 提取允许的扩展名
 		const extensionArr = impAccept.map((item) => item.extension)