wupengfei
2025-05-06 e9dda9e6c52cb737267185f5118ded73c0053115
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<template>
  <!-- <ProFormCol>
    <ProFormColItem :span="12"> -->
  <ProFormItemV2
    :label="`${item.fileTypeName}:`"
    :prop="`parkCollectFileList.${index}.listFiles`"
    :check-rules="[{ message: `请上传${item.fileTypeName}`, type: 'upload' }]"
    :label-width="160"
    :style="{ marginBottom: index === form.parkCollectFileList.length - 1 ? 0 : '22px' }"
    v-for="(item, index) in form.parkCollectFileList"
    :key="item.fileSearchTypeId"
  >
    <ProFormUpload
      v-model:file-url="item.listFiles"
      :limitFileSize="50"
      :showTip="false"
      :limitShowViewMoreBtnCount="4"
      accept="doc,docx,pdf,xls,xlsx,jpg/jpeg,png"
    ></ProFormUpload>
  </ProFormItemV2>
  <!-- </ProFormColItem>
  </ProFormCol> -->
</template>
 
<script setup lang="ts">
import {
  ProFormCol,
  ProFormColItem,
  ProFormItemV2,
  ProFormUpload,
  UploadUserFile,
} from '@bole-core/components';
import { CustomerApplyFileTypeListItem } from './utils';
 
defineOptions({
  name: 'MaterialInfoView',
});
 
type Props = {
  form: {
    parkCollectFileList: CustomerApplyFileTypeListItem[];
  };
};
 
const props = withDefaults(defineProps<Props>(), {});
</script>
 
<style lang="scss" scoped>
@use '@/style/common.scss' as *;
</style>