<template> 
 | 
  <ProFormItemV2 
 | 
    :label="`${item.fileTypeName}:`" 
 | 
    :prop="`parkCollectFileList.${index}.listFiles`" 
 | 
    :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> 
 | 
</template> 
 | 
  
 | 
<script setup lang="ts"> 
 | 
import { ProFormItemV2, ProFormUpload } 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> 
 |