| | |
|---|
| | | |
|---|
| | | <!-- 文件列表 --> |
|---|
| | | <transition-group class="upload-file-list el-upload-list el-upload-list--text" name="el-fade-in-linear" tag="ul"> |
|---|
| | | <li :key="file.uid" class="el-upload-list__item ele-upload-list__item-content" v-for="(file, index) in fileList"> |
|---|
| | | <li :key="file.url" class="el-upload-list__item ele-upload-list__item-content" v-for="(file, index) in fileList"> |
|---|
| | | <el-link :href="`${file.url}`" :underline="false" target="_blank"> |
|---|
| | | <span class="el-icon-document"> {{ getFileName(file.name) }} </span> |
|---|
| | | </el-link> |
|---|
| | |
|---|
| | | }, |
|---|
| | | // 上传成功回调 |
|---|
| | | handleUploadSuccess(res, file) { |
|---|
| | | this.$message.success("上传成功"); |
|---|
| | | this.fileList.push({ name: res.data.fileName, url: res.data.fileName }); |
|---|
| | | this.$emit("input", this.listToString(this.fileList)); |
|---|
| | | if (res.code === 200) { |
|---|
| | | this.$message.success("上传成功"); |
|---|
| | | this.fileList.push({ name: res.data.fileName, url: res.data.url }); |
|---|
| | | this.$emit("input", this.listToString(this.fileList)); |
|---|
| | | } else { |
|---|
| | | this.$message.error(res.msg); |
|---|
| | | this.loading.close(); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | // 删除文件 |
|---|
| | | handleDelete(index) { |
|---|
| | |
|---|
| | | for (let i in list) { |
|---|
| | | strs += list[i].url + separator; |
|---|
| | | } |
|---|
| | | return strs != '' ? strs.substr(0, strs.length - 1) : ''; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | return strs != "" ? strs.substr(0, strs.length - 1) : ""; |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | }; |
|---|
| | | </script> |
|---|
| | | |
|---|
