文件预览修改

src/views/debit-pay/material/components/order/dataModal.vue

@@ -98,7 +98,7 @@
                     </div>
                     <el-form :model="baseForm" label-position="top" style="overflow-y: auto;height: 100px;">
                         <el-form-item label="">
-                            <hc-form-upload type="list" :src="fileName" :preview="false" @upload="formItemUpload" @change="formItemChange" />
+                            <hc-form-upload type="list" :src="fileName" :h-props="hProps" @upload="formItemUpload" @change="formItemChange" />
                         </el-form-item>
                     </el-form>
                 </hc-card-item>
@@ -140,8 +140,12 @@ const isShow = defineModel('modelValue', {
     default: false,
 })
 const baseForm = ref({})
-const fileName = ref('')
+const fileName = ref([])
 const modalTitle = ref('材料计量单新增')
+const hProps = ref({
+    url: 'filePdfUrl',
+    name: 'fileName',
+})
 //监听
 watch(() => [
     props.ids,
@@ -154,11 +158,11 @@ watch(() => [
 
     if (Id.length > 0) {
         baseForm.value = info
-        fileName.value = arrToKey(info?.fileList, 'fileName', ',')
+         fileName.value = info?.fileList
         modalTitle.value = '材料计量单编辑'
     } else {
         baseForm.value = {}
-        fileName.value = ''
+        fileName.value = []
         modalTitle.value = '材料计量单新增'
     }
 }, { immediate: true })
@@ -314,7 +318,9 @@ const HcUploadFileFinish = (res) => {
     ele.filePdfUrl = ele.pdfUrl
  })
  baseForm.value.fileList = arr
-fileName.value = arrToKey(arr, 'originalName', ',')
+// fileName.value = arrToKey(arr, 'originalName', ',')
+console.log(arr, 'arr')
+fileName.value = arr
 
   HcUploadFileRef?.value.setModalShow(false)
 }

src/views/debit-pay/start-work/components/order/dataModal.vue

@@ -26,7 +26,7 @@
             <hc-card-item class="mt-3" title="附件列表" extra-text="可上传:图片、Excel、PDF、Word文件">
                 <el-form :model="baseForm" label-position="top">
                     <el-form-item label="">
-                        <hc-form-upload type="list" :src="fileName" :preview="false" @upload="formItemUpload" @change="formItemChange" />
+                        <hc-form-upload type="list" :src="fileName" :h-props="hProps" @upload="formItemUpload" @change="formItemChange" />
                     </el-form-item>
                 </el-form>
             </hc-card-item>
@@ -58,7 +58,11 @@ const contractId = ref(useAppState.getContractId)
 const projectId = ref(useAppState.getProjectId)
 const infoData = ref(props.infoData)
 const ids = ref(props.ids)
-const fileName = ref('')
+const fileName = ref([])
+const hProps = ref({
+    url: 'filePdfUrl',
+    name: 'fileName',
+})
 const baseForm = ref({})
 const modalTitle = ref('开工预付款计量单新增')
 //获取开工预付款总额
@@ -86,12 +90,12 @@ watch(() => [
 
     if (Id.length > 0) {
         baseForm.value = info
-        fileName.value = arrToKey(info?.fileList, 'fileName', ',')
+        fileName.value = info?.fileList
         modalTitle.value = '开工预付款计量单修改'
     } else {
       
         baseForm.value = {}
-        fileName.value = ''
+        fileName.value = []
         modalTitle.value = '开工预付款计量单新增'
     }
 }, { immediate: true })
@@ -186,7 +190,7 @@ const formItemChange = (src)=>{
     }
 }
 const HcUploadFileRef = ref(null)
-// const fileName = ref('')
+
 // 文件全部上传完成
 const HcUploadFileFinish = (res) => {
  let arr = []
@@ -199,7 +203,7 @@ const HcUploadFileFinish = (res) => {
     ele.filePdfUrl = ele.pdfUrl
  })
  baseForm.value.fileList = arr
-fileName.value = arrToKey(arr, 'originalName', ',')
+fileName.value = arr
 
   HcUploadFileRef?.value.setModalShow(false)
 }