文件

src/components/yl-upload-files/index.vue

@@ -5,6 +5,8 @@
     justify-content: space-around;
     flex-wrap: wrap;">
     <div v-if="fileId" class="pdf-css" v-for="(item, key) in fileId" :key="key">
+      <el-tooltip placement="top">
+        <div slot="content">{{item.fileName}}</div>
       <el-image
         @click="check(item,key)"
         :src="
@@ -21,7 +23,8 @@
         alt
         :preview-src-list="srcList"
       ></el-image>
-      <i
+    </el-tooltip>
+      <i 
         v-if="!readonly"
         class="el-icon-error fork"
         @click="deltabpdf(item,key)"
@@ -218,13 +221,16 @@ export default {
     },
 
     deltabpdf(item,index) {
-      // console.log("要删除的文件编号是：" + index);
-      // console.log(item,"要删除的文件");
+      console.log("要删除的文件编号是：" + index);
+      console.log(item,"要删除的文件");
       // this.discountFiles =  this.discountFiles.splice(index, 1);
       this.discountFiles = this.discountFiles.filter((currentValue, indedx, arr)=> indedx !== index);
       // this.discountFiles = this.discountFiles.filter(obj => obj.id !== item.id);
       console.log(this.discountFiles);
       this.$emit("getUpload", this.discountFiles,index);
+    },
+    mouseEnterHandler(){
+      console.log('鼠标悬浮在按钮上');
     }
   }
 };

src/views/page/procurement-settlement/paymentStatus/consumptionDetails.vue

@@ -146,7 +146,7 @@
 
 <script>
 import ylStep from "@/components/yl-step";
-import ylUpload from "@/components/yl-upload";
+import ylUpload from "@/components/yl-upload-files";
 import { selectSetlStmtDetlD } from "@/api/procurement-settlement/index";
 
 export default {
@@ -214,6 +214,7 @@ export default {
     this.listForm.payDate = this.$route.query.payDate;
     this.listForm.payAmt = this.$route.query.payAmt;
     this.listForm.payFile = this.$route.query.payFile;
+    console.log(this.listForm.payFile,"this.listForm.payFile");
   },
   mounted() {
     this.getData();