|  |  |  | 
|---|
|  |  |  | </span> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </el-upload> | 
|---|
|  |  |  | <el-image-viewer | 
|---|
|  |  |  | v-if="showViewer" | 
|---|
|  |  |  | <el-image-viewer | 
|---|
|  |  |  | v-if="showViewer" | 
|---|
|  |  |  | :on-close="closeViewer" | 
|---|
|  |  |  | :initialIndex="tempIndex" | 
|---|
|  |  |  | :url-list="srcList" | 
|---|
|  |  |  | :z-index="3000" | 
|---|
|  |  |  | /> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <script> | 
|---|
|  |  |  | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | data() { | 
|---|
|  |  |  | return { | 
|---|
|  |  |  | uploadImgUrl: process.env.VUE_APP_API_PREFIX + '/public/uploadLocal', | 
|---|
|  |  |  |  | 
|---|
|  |  |  | uploadImgUrl: process.env.VUE_APP_API_PREFIX + '/visitsAdmin/cloudService/public/uploadLocal', | 
|---|
|  |  |  |  | 
|---|
|  |  |  | realList: [], | 
|---|
|  |  |  | srcList: [], | 
|---|
|  |  |  | tempIndex: 0, | 
|---|
|  |  |  | 
|---|
|  |  |  | this.srcList = [] | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | methods: { | 
|---|
|  |  |  | beforeUpload(file) { | 
|---|
|  |  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | this.$emit('beginUpload') | 
|---|
|  |  |  | return true | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | // 上传图片成功 | 
|---|
|  |  |  | uploadSuccess (res, file, fileList) { | 
|---|
|  |  |  | uploadSuccess (res, file, fileList) { | 
|---|
|  |  |  | // console.log('this.fileList', this.fileList); | 
|---|
|  |  |  | // console.log('fileList', fileList); | 
|---|
|  |  |  | this.$emit('endUpload') | 
|---|
|  |  |  | this.$emit('uploadEnd') | 
|---|
|  |  |  | this.realList = fileList | 
|---|
|  |  |  | this.srcList.push(res.data.url) | 
|---|
|  |  |  | // console.log('file', file); | 
|---|
|  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | fail (err, file, fileList) { | 
|---|
|  |  |  | this.$emit('endUpload') | 
|---|
|  |  |  | this.$emit('uploadEnd') | 
|---|
|  |  |  | this.$message.error('上传失败') | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | handlePictureCardPreview(file) { | 
|---|
|  |  |  | 
|---|
|  |  |  | this.realList.splice(tempIndex, 1) | 
|---|
|  |  |  | this.fileList.splice(tempIndex, 1) | 
|---|
|  |  |  | this.srcList.splice(tempIndex, 1) | 
|---|
|  |  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | } | 
|---|