Procházet zdrojové kódy

1.上传文件组件增加返回原文件url,完成勾子。

jiaxiaoqiang před 1 rokem
rodič
revize
965ad91aca

+ 14 - 2
src/components/Upload/FilesUpload.vue

@@ -69,6 +69,10 @@ const props = defineProps({
     type: Array<string>,
     default: () => [],
   },
+  pdfList: {
+    type: Array<string>,
+    default: () => [],
+  },
   generatePdf: {
     type: Boolean,
     default: false,
@@ -77,11 +81,17 @@ const props = defineProps({
 
 const loading = ref(false);
 
-const emit = defineEmits(["update:src", "update:srcList"]);
+const emit = defineEmits([
+  "update:src",
+  "update:srcList",
+  "update:pdfList",
+  "finished",
+]);
 
 // 上传文件成功返回的值
 const src = useVModel(props, "src", emit); //单文件用这个
 const srcList = useVModel(props, "srcList", emit); //多文件用这个
+const pdfList = useVModel(props, "pdfList", emit); //转换成pdf后的多文件用这个
 
 // el-upload 绑定的值
 const fileList = ref<UploadUserFile[]>([]);
@@ -97,7 +107,9 @@ const handleChange = async (uploadFile: UploadFile) => {
       loading.value = false;
       let url = props.generatePdf ? res.data.pdfUrl : res.data.fileUrl;
       src.value = url;
-      srcList.value.push(url);
+      pdfList.value.push(url);
+      srcList.value.push(res.data.fileUrl);
+      emit("finished");
     })
     .catch((err) => {
       ElMessage.error(err.message);

+ 4 - 0
src/views/demo/hooksDemo.vue

@@ -75,7 +75,9 @@
     <FilesUpload
       v-model:src="fileUrl"
       v-model:src-list="fileUrlList"
+      v-model:pdf-list="pdfUrlList"
       :generate-pdf="true"
+      @finished="testFiles"
     />
     <el-button @click="testFiles">测试上传文件的值</el-button>
     <div style="height: 100px; width: 100px; overflow: hidden">
@@ -100,10 +102,12 @@ import PDFView from "@/components/PDFView/index.vue";
 // 测试上传文件相关
 const fileUrl = ref(""); //单文件
 const fileUrlList = ref([]); //多文件
+const pdfUrlList = ref([]); //pdf多文件
 const testFiles = () => {
   console.log(import.meta.env.VITE_APP_UPLOAD_URL);
   console.log("fileUrl", fileUrl.value);
   console.log("fileUrlList", fileUrlList.value);
+  console.log("pdfUrlList", pdfUrlList.value);
 };
 
 // 数据字典相关