图片回显

monkeyhouyi
1 parent cbd5265d
Showing 1 changed file with 6 additions and 4 deletions
src/components/Generator/components/Upload/UploadFz.vue
@@ -13,12 +13,14 @@
         name="el-list">
         <li class="el-upload-list__item is-success" v-for="(file,index) in fileList"
           :key="file.fileId">
-          <div style="display: flex; align-items: center;">
-            <a class="el-upload-list__item-name" @click="handleChaeck(file,index)" style="width: 60px; margin-right: 5px;"><i class="el-icon-view"></i>查看</a>
+          <el-tooltip class="item" effect="dark" placement="left">
+            <div slot="content">
+              <img class="avatar" :src="define.comUrl + file.url">
+            </div>
             <a class="el-upload-list__item-name" @click="handleClick(file)" style="flex: 1;">
               <i class="el-icon-download"></i>{{file.name}}
             </a>
-          </div>
+          </el-tooltip>
           <label class="el-upload-list__item-status-label">
             <i class="el-icon-upload-success el-icon-circle-check"></i>
           </label>
@@ -131,7 +133,7 @@ export default {
       // }).catch(() => { })
     },
     handleChaeck(file, index) {
-      window.open(`${this.define.comUrl}/api/File/Image/${this.type}/${file.fileId}`)
+      window.open(this.define.comUrl + file.url, '_blank')
     },
     handleClick(file) {
       // 点击下载文件