|
|
@ -1,11 +1,10 @@ |
|
|
|
<template> |
|
|
|
<div> |
|
|
|
<el-upload ref="imgUpload" v-loading="loadding" class="avatar-uploader" :headers="accessToken" |
|
|
|
:action="uploadFile" accept=".jpg,.jpeg,.png,.bmp,.pdf,.JPG,.JPEG,.BMP" list-type="picture-card" |
|
|
|
:file-list="files" :on-remove="removeImage" :on-preview="handlePictureCardPreview" |
|
|
|
:on-progress="uploadProgrees" |
|
|
|
:on-error="uploadError" :on-success="uploadImgSuccess_FuJian"> |
|
|
|
<i class="el-icon-plus avatar-uploader-icon"/> |
|
|
|
<el-upload ref="imgUpload" v-loading="loadding" class="avatar-uploader" :headers="accessToken" :action="uploadFile" |
|
|
|
accept=".jpg,.jpeg,.png,.bmp,.pdf,.JPG,.JPEG,.BMP" list-type="picture-card" :file-list="files" |
|
|
|
:on-remove="removeImage" :on-preview="handlePictureCardPreview" :on-progress="uploadProgrees" |
|
|
|
:on-error="uploadError" :on-success="uploadImgSuccess_FuJian"> |
|
|
|
<i class="el-icon-plus avatar-uploader-icon" /> |
|
|
|
</el-upload> |
|
|
|
<el-dialog :visible.sync="dialogVisible" :append-to-body="true" title="查看图片"> |
|
|
|
<img width="100%" :src="dialogImageUrl" alt=""> |
|
|
@ -14,9 +13,15 @@ |
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
|
import { uploadFile } from '@/api/portal/Upload.js' |
|
|
|
import { getStorage } from '@/utils/auth.js' //token |
|
|
|
import { mapGetters } from 'vuex' |
|
|
|
import { |
|
|
|
uploadFile |
|
|
|
} from '@/api/portal/Upload.js' |
|
|
|
import { |
|
|
|
getStorage |
|
|
|
} from '@/utils/auth.js' //token |
|
|
|
import { |
|
|
|
mapGetters |
|
|
|
} from 'vuex' |
|
|
|
|
|
|
|
export default { |
|
|
|
model: { |
|
|
@ -43,8 +48,7 @@ |
|
|
|
}, |
|
|
|
accept: { |
|
|
|
type: String, |
|
|
|
default: |
|
|
|
'.jpg,.jpeg,.png,.bmp,.pdf,.JPG,.JPEG,.BMP,.PDF,.xls,.docx,.xlsx,.ppt,.pptx' |
|
|
|
default: '.jpg,.jpeg,.png,.bmp,.pdf,.JPG,.JPEG,.BMP,.PDF,.xls,.docx,.xlsx,.ppt,.pptx' |
|
|
|
}, |
|
|
|
// 文件名称 |
|
|
|
name: { |
|
|
@ -160,7 +164,7 @@ |
|
|
|
imgFiles.push(o.url) |
|
|
|
}) |
|
|
|
this.$emit('fileChange', this.files) |
|
|
|
this.$emit('change', this.files) |
|
|
|
this.$emit('change', this.files) |
|
|
|
}, |
|
|
|
handleRemove(file, fileList) { |
|
|
|
console.log('file:' + JSON.stringify(file)) |
|
|
|