文件上传的大小及格式

src/components/UploadFile/src/UploadFile.vue

@@ -9,6 +9,7 @@
       :disabled="disabled"
       :drag="drag"
       :http-request="httpRequest"
+      :accept="acceptTypes"
       :limit="props.limit"
       :multiple="props.limit > 1"
       :on-error="excelUploadError"
@@ -102,6 +103,18 @@ const nameMap = ref<Record<string, string>>({})
 
 const { uploadUrl, httpRequest } = useUpload()
 
+const acceptTypes = computed(() =>
+  props.fileType
+    .map((type: string) => {
+      const normalizedType = String(type).trim()
+      if (!normalizedType) return ''
+      if (normalizedType.startsWith('.') || normalizedType.includes('/')) return normalizedType
+      return `.${normalizedType}`
+    })
+    .filter(Boolean)
+    .join(',')
+)
+
 const emitUploadingChange = () => {
   emit('uploading-change', uploadPendingCount.value > 0)
 }

src/views/mes/deviceledger/detail/editIndex.vue

@@ -176,6 +176,8 @@
                 <UploadFile
                   :is-show-tip="false"
                   v-model="formData.fileUrl"
+                  :file-type="materialFileTypes"
+                  :file-size="100"
                   :limit="9"
                   @uploading-change="handleFileUploadingChange"
                 />
@@ -426,8 +428,6 @@ const parseIdsValue = (value: any): number[] => {
 const selectedRows = ref<any[]>([])  // 存储所有选中的行
 const bjSelectedRows = ref<any[]>([])  // 存储所有选中的行
 const queryParams = reactive({
-  pageNo: 1,
-  pageSize: 10,
   code: undefined as string | undefined,
   name: undefined as string | undefined,
   description: undefined as string | undefined,
@@ -734,6 +734,25 @@ const formLoading = ref(false)
 const fileUploading = ref(false)
 const formType = ref('update')
 const formRef = ref()
+const materialFileTypes = [
+  'png',
+  'jpg',
+  'jpeg',
+  'webp',
+  'doc',
+  'docx',
+  'xls',
+  'xlsx',
+  'ppt',
+  'pptx',
+  'pdf',
+  'zip',
+  'rar',
+  '7z',
+  'dwg',
+  'dxf',
+  'mp4'
+]
 const formData = ref<any>({
   ...initFormData()
 })
@@ -1442,5 +1461,3 @@ onBeforeUnmount(() => {
 
 
 
-
-