pdf

src/views/basic/client/product/updatePdf.vue

@@ -0,0 +1,152 @@
+<template>
+  <div>
+
+    <div class="user-info-head">
+      <el-row>
+        <el-col :span="6">
+          <el-button type="primary" icon="el-icon-view" size="small" @click="showImgViewer">资质文件预览
+          </el-button>
+        </el-col>
+        <el-col :span="6">
+          <el-upload action="#" :http-request="requestUpload" :show-file-list="false" :before-upload="beforeUpload">
+            <el-button type="primary" icon="el-icon-plus"  size="small" @click="uploadPdf">上传资质文件</el-button>
+          </el-upload>
+        </el-col>
+      </el-row>
+    </div>
+
+  </div>
+</template>
+
+<script>
+import {uploadFile} from "@/api/basic/uploadZz";
+
+export default {
+  props: {
+    formName: {
+      type: Object,
+      required: true,
+    },
+    inputQuery: {
+      type: Object,
+      required: true,
+    },
+  },
+  data() {
+    return {
+        filePdf:{}
+    };
+  },
+  methods: {
+    // 覆盖默认的上传行为
+    requestUpload() {
+    },
+    // 上传预处理
+    beforeUpload(file) {
+      console.log("zhegewenjian hdhdhd",file)
+      this.filePdf.fileName = file.name
+      if (file.type === "application/pdf") {
+        uploadFile(file).then(response => {
+          console.log("上传成功")
+          this.inputQuery.filePath = this.inputQuery.filePath + ";" + this.options.img + ";"
+          this.splitImages()
+          this.$modal.msgSuccess("提交成功");
+          this.visible = false;
+        });
+      } else {
+        this.$modal.msgError("文件格式错误，请上传Pdf类型的文件。");
+      }
+    },
+
+    // getCropFile(data) {
+    //   debugger
+    //   console.log(data);
+    //   uploadFile(data).then(response => {
+    //     this.open = false;
+    //     this.options.img = response.data.name;
+    //     this.inputQuery.filePath = this.inputQuery.filePath + ";" + this.options.img + ";"
+    //     this.splitImages()
+    //     this.$modal.msgSuccess("提交成功");
+    //     this.visible = false;
+    //   });
+    // },
+
+    // 上传Pdf
+    uploadPdf() {
+        let formData = new FormData();
+        console.log("xixiixixixiixixixi",this.filePdf.fileName)
+        formData.append("file", data, this.options.filename);
+        formData.append("type", "pdf2");
+        uploadFile(formData).then(response => {
+          this.open = false;
+          console.log(response.data.name);
+          this.options.img = response.data.name;
+          this.inputQuery.filePath = this.options.img
+          this.$modal.msgSuccess("提交成功");
+          this.visible = false;
+        });
+    },
+    // 关闭窗口
+    closeDialog() {
+      this.visible = false;
+    },
+
+    splitImages() {
+      // 输入验证：确保filePath是字符串类型
+      if (typeof this.inputQuery.filePath !== "string") {
+        console.warn("inputQuery.filePath is not a string");
+        return;
+      }
+      try {
+        // 分割字符串并处理边界条件
+        let imagePaths = this.inputQuery.filePath.split(";");
+        // 过滤掉空路径
+        this.imgList = imagePaths.filter(path => path.trim() !== "" && path.trim() !== null && path.trim() !== "null");
+        console.log(this.imgList);
+      } catch (error) {
+        // 处理异常，比如可以设置一个默认值或者显示错误信息
+        this.imgList = [];
+      }
+    },
+  },
+
+
+  created() {
+    this.splitImages();
+  }
+};
+</script>
+<style scoped lang="scss">
+.user-info-head {
+  //position: relative;
+  //display: inline-block;
+}
+
+//.user-info-head:hover:after {
+//  content: '+';
+//  position: absolute;
+//  left: 0;
+//  right: 0;
+//  top: 0;
+//  bottom: 0;
+//  color: #eee;
+//  background: rgba(0, 0, 0, 0.5);
+//  font-size: 24px;
+//  font-style: normal;
+//  -webkit-font-smoothing: antialiased;
+//  -moz-osx-font-smoothing: grayscale;
+//  cursor: pointer;
+//  line-height: 110px;
+//}
+
+
+.zz-upload-preview {
+  position: absolute;
+  top: 50%;
+  -webkit-transform: translate(50%, -50%);
+  transform: translate(50%, -50%);
+  -webkit-box-shadow: 0 0 4px #ccc;
+  box-shadow: 0 0 4px #ccc;
+  overflow: hidden;
+}
+</style>