上传样式

components/page/files.vue

@@ -41,7 +41,7 @@
         <a :href="fileUrlPath" @click="downFile(item.filePath)" target="_blank">{{item.fileName}}</a>
       </Tag>
     </div>
-    <div class="upload-body" v-else>
+    <div class="upload-body" v-else v-show="nameList.length>0">
       <div
         class="demo-upload-list"
         v-for="(item,index) in nameList"
@@ -66,7 +66,7 @@ import util from "@/libs/util";
 export default {
   name: "files",
   model: {
-    prop: "value"
+    prop: "value",
   },
   data() {
     return {
@@ -83,7 +83,7 @@ export default {
       vshowPro: false,
       Photo: true,
       isactive: 0,
-      imgId: null
+      imgId: null,
     };
   },
   created() {},
@@ -91,41 +91,41 @@ export default {
     value: [String, Number, Array, Object],
     files: {
       type: Boolean,
-      default: false
+      default: false,
     },
     singleFile: {
       //上传单文件
       type: Boolean,
-      default: false
+      default: false,
     },
     maxSize: {
       type: Number,
-      default: 10240
+      default: 10240,
     },
     parms: {
       type: [String, Object],
-      default: ""
+      default: "",
     },
     unClosable: {
       type: Boolean,
-      default: false
+      default: false,
     },
     cloudIco: {
       type: Boolean,
-      default: false
+      default: false,
     },
     fileFormat: {
       type: Boolean,
-      default: false
+      default: false,
     },
     Photos: {
       type: Boolean,
-      default: false
+      default: false,
     },
     showList: {
       type: Boolean,
-      default: true
-    }
+      default: true,
+    },
   },
   methods: {
     listData(li, index) {
@@ -192,9 +192,9 @@ export default {
     removeFile(file, fileList) {},
     handleClose2(event, name) {
       //删除上传到文件服务器上的文件
-      this.$http.sysUser.deleteFile(name).then(res => {
+      this.$http.sysUser.deleteFile(name).then((res) => {
         if (res.status == 0) {
-          const index = this.nameList.findIndex(function(item) {
+          const index = this.nameList.findIndex(function (item) {
             return item.id === name;
           });
           this.nameList.splice(index, 1);
@@ -225,7 +225,7 @@ export default {
           "doc",
           "xls",
           "xlsx",
-          "txt"
+          "txt",
         ];
       }
       return this.formatList;
@@ -253,10 +253,10 @@ export default {
       }
       this.nameList = [];
       //查询上传到文件服务器上的文件
-      this.$http.sysUser.getFile(this.parms).then(res => {
+      this.$http.sysUser.getFile(this.parms).then((res) => {
         if (res.data != [] && res.data.length > 0) {
           var items = [];
-          res.data.forEach(data => {
+          res.data.forEach((data) => {
             let objImag = {};
             objImag.fileName = data.fileName;
             objImag.filePath = data.downloadPath;
@@ -283,9 +283,9 @@ export default {
       }
       this.nameList = [];
       //查询上传到文件服务器上的文件
-      this.$http.sysUser.getFile(this.parms).then(res => {
+      this.$http.sysUser.getFile(this.parms).then((res) => {
         if (res.data != [] && res.data.length > 0) {
-          res.data.forEach(data => {
+          res.data.forEach((data) => {
             let objImag = {};
             objImag.fileName = data.fileName;
             objImag.filePath = data.downloadPath;
@@ -311,7 +311,7 @@ export default {
         for (var key in data) {
           var value = data[key];
           if (value.constructor == Array) {
-            value.forEach(function(_value) {
+            value.forEach(function (_value) {
               _result.push(key + "=" + _value);
             });
           } else {
@@ -320,7 +320,7 @@ export default {
         }
         return _result.join("&");
       } else return "";
-    }
+    },
   },
   computed: {},
   watch: {
@@ -332,7 +332,7 @@ export default {
       if (v) {
         this.intFiles();
       }
-    }
+    },
   },
   mounted() {
     this.formatL();
@@ -345,7 +345,7 @@ export default {
     } else {
       this.Photo = true;
     }
-  }
+  },
 };
 </script>
 <style lang="less">
@@ -353,7 +353,7 @@ export default {
   width: 100%;
   border: 1px solid #eee;
   margin-top: 10px;
-  padding-top:5px;
+  padding-top: 5px;
   .demo-upload-list {
     display: inline-block;
     width: 60px;