客户表单附件

src/views/sales/Customer/components/certificateModal.vue

@@ -28,7 +28,7 @@
         </a-col>
         <a-col :span="24">
           <a-form-item label="上传附件" name="fileList" :label-col="{ span: 4 }" :wrapper-col="{ span: 24 }">
-            <Upload v-model:value="formState.filePath" @change="changeUplod" :multiple="true" :maxSize="200" :accept="accept"></Upload>
+            <Upload v-model:value="formState.filePath" @change="changeUplod" ref="uploadRef"  :multiple="true" :maxSize="200" :accept="accept"></Upload>
             <div style="color: #ccc; font-size: 12px">{{ fileTip }}</div>
             
           </a-form-item>
@@ -49,12 +49,12 @@ import Upload from '/@/components/Form/src/components/Upload.vue';
 import { getDocCpList } from '/@/api/sales/Customer';
 import type { FormInstance } from 'ant-design-vue';
 import dayjs from 'dayjs';
-import { object } from 'vue-types';
 
 const { t } = useI18n(); 
 const isUpdate = ref(true);
 const isDisable = ref(false);
 let optionList = reactive([])
+const uploadRef = ref()
 const fileTip = '支持格式.rar .zip .doc .docx .pdf ，单个文件不能超过20MB';
 const accept ='.rar,.zip, .doc, .docx, .pdf, .RAR, .ZIP, .DOC, .DOCX, .PDF'
 const formRef = ref()
@@ -98,12 +98,9 @@ const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data
     }
     return endValue.valueOf() <= startValue.valueOf();
   }
-
-  const handleChangeFile = (val) => {
-
-  }
   function changeUplod (val) {
-    console.log(val, 532)
+    formState.fileList = val
+    console.log(val, 532, formState.filePath)
   }
   async function getOption() {
     optionList = await getDocCpList({'valid': 'Y'})
@@ -115,13 +112,21 @@ const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data
     try {
       await formRef.value.validate();
       // 验证通过，提交表单
+      let arr = uploadRef.value.getValue() || []
       let obj = {
         ...formState,
         dateFrom: formState.dateFrom ? dayjs(formState.dateFrom).format('YYYY-MM-DD') : '',
         dateTo: formState.dateTo ? dayjs(formState.dateTo).format('YYYY-MM-DD') : '',
+        fileList: arr.map(v => {
+          return {
+            fileOrg: v.name,
+            filePath: v.url,
+            filesize: v.fileSize
+          }
+        })
       }
-      console.log(obj,543)
-    
+      console.log(obj,543, uploadRef.value.getValue())
+      formState.filePath = ''
       emit('success', obj);
       notification.success({
         message: t('操作'),