From fe3fd82f31b4fb43f6b207715a443e96d0442b26 Mon Sep 17 00:00:00 2001
From: nidapeng <jp@doumee.com>
Date: 星期二, 02 四月 2024 16:38:52 +0800
Subject: [PATCH] 提交一把

---
 company/src/components/common/UploadFile.vue |   37 ++++++++++++++++++++++++++++++-------
 1 files changed, 30 insertions(+), 7 deletions(-)

diff --git a/company/src/components/common/UploadFile.vue b/company/src/components/common/UploadFile.vue
index 9218330..8624fa0 100644
--- a/company/src/components/common/UploadFile.vue
+++ b/company/src/components/common/UploadFile.vue
@@ -3,7 +3,7 @@
     <el-upload
       ref="uploadFileBtn"
       class="upload-demo"
-      :accept="uploadData.fileTyp"
+      :accept="uploadData.fileType"
       :action="uploadImgUrl"
       :limit="1"
       :before-remove="removes"
@@ -12,8 +12,8 @@
       :on-error="uploadError"
       :before-upload="beforeFileUpload"
       :file-list="fileList">
-    <el-button size="small" type="primary"  >鐐瑰嚮涓婁紶</el-button>
-    <div style="display: inline-block"  slot="tip" class="el-upload__tip">(鍙兘涓婁紶{{ uploadData.fileType }}鏂囦欢锛屼笖涓嶈秴杩�5mb)</div>
+    <el-button  size="small" type="primary"  >鐐瑰嚮涓婁紶</el-button>
+    <div style="display: inline-block;position: absolute"  slot="tip" class="el-upload__tip" v-if="showTips">{{'(鍙兘涓婁紶'+uploadData.fileType +'鏂囦欢锛屼笖涓嶈秴杩�5mb)'}}</div>
   </el-upload>
   </div>
 
@@ -30,7 +30,14 @@
       type: Object,
       default: () => {}
     },
-    tipsLabel: '',
+    fileIndex: {
+      type: Number,
+      default: () =>0
+    },
+    showTips: {
+      type: Boolean,
+    default: () => true
+    },
     customStyle: {
       type: String,
       default: 'width: 190px; height: 190px;'
@@ -39,6 +46,7 @@
   },
   data() {
     return {
+      uploaded:false,
       // fileList:[],
       uploadImgUrl: process.env.VUE_APP_API_PREFIX + '/public/upload?folder='+this.uploadData.folder
     }
@@ -48,11 +56,22 @@
       if(this.fileList ==null){
         this.fileList = new Array();
       }
+      if(this.fileList.length == 0){
+        this.uploaded = false
+      }else{
+        this.uploaded=true
+      }
      // alert(this.fileList)
+    },
+    tipsLabel (nv,ov) {
+      if(this.tipsLabel ==null){
+        this.tipsLabel = ''
+      }
     }
   },
   methods: {
     removes() {
+      this.uploaded=false
       this.$emit('remove')
     },
     // 涓婁紶鍥剧墖
@@ -62,9 +81,10 @@
     handleFileSuccess(res, file) {
       if (res.code == 200) {
         let { data } = res
+        this.uploaded = true
         // this.fileList = [{name: data.originname, url: data.url }]
         this.$message.success('涓婁紶鎴愬姛')
-        this.$emit('uploadSuccess', { fileurl: data.imgaddr,  fileurlFull: data.url, name: data.originname })
+        this.$emit('uploadSuccess', { fileurl: data.imgaddr,  fileurlFull: data.url, name: data.originname ,index:this.fileIndex})
       } else {
         this.$message.apiFailed('涓婁紶澶辫触')
       }
@@ -91,7 +111,7 @@
   height: $image-width;
 }
 ::v-deep .el-upload {
-  border: 1px dashed #d9d9d9;
+  //border: 1px dashed #d9d9d9;
   border-radius: 6px;
   cursor: pointer;
   position: relative;
@@ -114,7 +134,7 @@
   width: $image-width;
   height: $image-width;
   display: block;
-}
+}#67C23A
 .tips-style {
   height: 13px;
   font-size: 13px;
@@ -128,6 +148,9 @@
   width: 90px !important;
   height: 90px !important;
 }
+::v-deep .el-upload-list__item-name{
+  color: #67C23A;
+}
 ::v-deep .el-upload-list__item {
   width: 80% !important;
   height: 50px !important;

--
Gitblit v1.9.3