wl-design-mobile 0.8.19 → 0.8.21

package/doc/file/lambo-file-upload-collapse.vue

@@ -1,107 +1,107 @@
-<template>
-  <div>
-    <lambo-collapse :title="title">
-      <template #right-icon>
-        <van-uploader v-model="fileArr" :show-upload="false" :preview-image="false" accept="*" :after-read="afterRead"
-                      @click-upload.stop="handleStopUploaderClick">
-          <lambo-icon-btn :icon="'upload.png'" :border="false"></lambo-icon-btn>
-        </van-uploader>
-      </template>
-      <lambo-file-list :if-delete="ifDelete" :data.sync="data" @on-delete="handleDelete($event)"></lambo-file-list>
-    </lambo-collapse>
-  </div>
-</template>
-<script>
-import LamboCollapse from "../../collapse/lambo-collapse.vue";
-import LamboBtn from "../../btn/lambo-btn.vue";
-import LamboIconBtn from "../../btn/lambo-icon-btn.vue";
-import {axios} from "../../util/axios";
-import {fileUploadUrl} from "../../api/doc";
-import {Toast} from "vant";
-import LamboFileList from "../../doc/file/compoents/lambo-file-list.vue";
-
-export default {
-  name: "LamboFileUploadCollapse",
-  components: {LamboFileList, LamboIconBtn, LamboBtn, LamboCollapse},
-  props: {
-    title: {
-      type: String,
-      default: "文件上传"
-    },
-    data: {
-      type: Array,
-      default: () => []
-    },
-    ifDelete: {
-      type: Boolean,
-      default: false
-    },
-  },
-  data() {
-    return {
-      fileArr: []
-    }
-  },
-  methods: {
-    handleStopUploaderClick() {
-      console.log('handleStopUploaderClick click stop!');
-    },
-    afterRead(fileObj, detail) {
-      console.log(fileObj, detail)
-      let file = fileObj.file;
-
-/*       //测试使用代码
-      let item = {
-        fileId: "123",
-        fileName: file.name,
-        fileSuffix: ""
-      }
-      this.data.push(item)
-      Toast.success('上传文件成功');
-      this.$emit("on-success", this.fileList)*/
-
-      let formData = new FormData();
-      formData.append('file', file);
-      console.log("lambo-file-upload-collapse afterRead 上传路径:", fileUploadUrl)
-      axios.post(fileUploadUrl, formData, {}).then(res => {
-        console.log("lambo-file-upload-collapse afterRead 上传结果:", res)
-        if (res && res.code == "1") {
-          let fileData = res.data;
-          if (fileData && fileData.length > 0) {
-            let resFile = fileData[0]
-            if (resFile && resFile.fileId) {
-              let item = {
-                fileId: resFile.fileId,
-                fileName: resFile.fileName || file.name,
-              }
-              this.data.push(item)
-              Toast.success(file.name + '上传成功');
-              this.$emit("on-success", this.data)
-            } else {
-              Toast.fail("文件"+ file.name + "为空，上传失败")
-              this.$emit("on-failed", null);
-            }
-          } else {
-            Toast.fail("文件"+ file.name + "为空，上传失败")
-            this.$emit("on-failed", null);
-          }
-        } else {
-          Toast.fail("文件"+ file.name + "上传失败，请联系管理员")
-          this.$emit("on-failed", null);
-        }
-      }).catch((e) => {
-        Toast.fail("文件"+ file.name + "上传异常!");
-        console.error("文件上传异常:", e)
-      })
-    },
-    handleDelete(obj) {
-      console.log("lambo-file-upload-collapse fileId:", obj.fileId)
-      console.log("lambo-file-upload-collapse fileName:", obj.fileName)
-      console.log("lambo-file-upload-collapse index:", obj.index)
-      this.$emit("on-delete", obj);
-    }
-  }
-}
-</script>
-<style scoped>
-</style>
+<template>
+  <div>
+    <lambo-collapse :title="title">
+      <template #right-icon>
+        <van-uploader v-model="fileArr" :show-upload="false" :preview-image="false" accept="*" :after-read="afterRead"
+                      @click-upload.stop="handleStopUploaderClick">
+          <lambo-icon-btn :icon="'upload.png'" :border="false"></lambo-icon-btn>
+        </van-uploader>
+      </template>
+      <lambo-file-list :if-delete="ifDelete" :data.sync="data" @on-delete="handleDelete($event)"></lambo-file-list>
+    </lambo-collapse>
+  </div>
+</template>
+<script>
+import LamboCollapse from "../../collapse/lambo-collapse.vue";
+import LamboBtn from "../../btn/lambo-btn.vue";
+import LamboIconBtn from "../../btn/lambo-icon-btn.vue";
+import {axios} from "../../util/axios";
+import {fileUploadUrl} from "../../api/doc";
+import {Toast} from "vant";
+import LamboFileList from "../../doc/file/compoents/lambo-file-list.vue";
+
+export default {
+  name: "LamboFileUploadCollapse",
+  components: {LamboFileList, LamboIconBtn, LamboBtn, LamboCollapse},
+  props: {
+    title: {
+      type: String,
+      default: "文件上传"
+    },
+    data: {
+      type: Array,
+      default: () => []
+    },
+    ifDelete: {
+      type: Boolean,
+      default: false
+    },
+  },
+  data() {
+    return {
+      fileArr: []
+    }
+  },
+  methods: {
+    handleStopUploaderClick() {
+      console.log('handleStopUploaderClick click stop!');
+    },
+    afterRead(fileObj, detail) {
+      console.log(fileObj, detail)
+      let file = fileObj.file;
+
+/*       //测试使用代码
+      let item = {
+        fileId: "123",
+        fileName: file.name,
+        fileSuffix: ""
+      }
+      this.data.push(item)
+      Toast.success('上传文件成功');
+      this.$emit("on-success", this.fileList)*/
+
+      let formData = new FormData();
+      formData.append('file', file);
+      console.log("lambo-file-upload-collapse afterRead 上传路径:", fileUploadUrl)
+      axios.post(fileUploadUrl, formData, {}).then(res => {
+        console.log("lambo-file-upload-collapse afterRead 上传结果:", res)
+        if (res && res.code == "1") {
+          let fileData = res.data;
+          if (fileData && fileData.length > 0) {
+            let resFile = fileData[0]
+            if (resFile && resFile.fileId) {
+              let item = {
+                fileId: resFile.fileId,
+                fileName: resFile.fileName || file.name,
+              }
+              this.data.push(item)
+              Toast.success(file.name + '上传成功');
+              this.$emit("on-success", this.data)
+            } else {
+              Toast.fail("文件"+ file.name + "为空，上传失败")
+              this.$emit("on-failed", null);
+            }
+          } else {
+            Toast.fail("文件"+ file.name + "为空，上传失败")
+            this.$emit("on-failed", null);
+          }
+        } else {
+          Toast.fail("文件"+ file.name + "上传失败，请联系管理员")
+          this.$emit("on-failed", null);
+        }
+      }).catch((e) => {
+        Toast.fail("文件"+ file.name + "上传异常!");
+        console.error("文件上传异常:", e)
+      })
+    },
+    handleDelete(obj) {
+      console.log("lambo-file-upload-collapse fileId:", obj.fileId)
+      console.log("lambo-file-upload-collapse fileName:", obj.fileName)
+      console.log("lambo-file-upload-collapse index:", obj.index)
+      this.$emit("on-delete", obj);
+    }
+  }
+}
+</script>
+<style scoped>
+</style>