commit

src/main/resources/static/components/plugins/FileUpload.vue

@@ -12,10 +12,14 @@
       </template>
       <template v-else>
         <svg aria-hidden="true">
-          <use :xlink:href="APP_DOMAIN + '/file_server/fileStreamPreview?id=' + file.id"></use>
+          <!--          <use :xlink:href="APP_DOMAIN + '/file_server/fileStreamPreview?id=' + file.id"></use>-->
+          <use
+              :xlink:href="wpUploadFileShowResolving.getFileItemShowIcon(resolvingShowByFileName(file.filename), file.filepath, true)"></use>
         </svg>
       </template>
-      <div :title="file.filename" class="viewFileName">{{ file.filename }}</div>
+      <div :title="file.filename" class="viewFileName" title="点击下载" @click.stop="downLoadFile(file)">
+        <i class="el-icon-download"></i> {{file.filename }}
+      </div>
     </div>
   </div>
 
@@ -692,6 +696,9 @@ module.exports = {
         preview(filename, id)
       }
     },
+    downLoadFile({id, filename}) {
+      window.open('/file_server/download?id=' + id)
+    }
   },
   created() {
     this.updateFileList(this.files)
@@ -721,11 +728,12 @@ module.exports = {
   position: relative;
   display: flex;
   width: 100%;
-  max-height: 256px;
+  /*max-height: 256px;*/
   flex-direction: row;
   flex-wrap: wrap;
-  overflow-y: auto;
-  overflow-x: hidden;
+  /*overflow-y: auto;*/
+  /*overflow-x: hidden;*/
+  /*height: 150px;*/
 }
 
 .viewFileItem {
@@ -736,7 +744,7 @@ module.exports = {
   transition: all 500ms;
   border-radius: 5px;
   cursor: pointer;
-  margin-bottom: 10px;
+  /*margin-bottom: 10px;*/
 }
 
 .viewFileItem:hover {