diff --git a/src/views/inout/DialogCheck.vue b/src/views/inout/DialogCheck.vue index 47d253f..3908590 100644 --- a/src/views/inout/DialogCheck.vue +++ b/src/views/inout/DialogCheck.vue @@ -154,11 +154,6 @@
只能上传 jpg,png,pdf,doc 文件,且不超过 10 MB
- - - - - @@ -167,12 +162,13 @@ 预览: - - - - - - + + + 文件预览 + + + @@ -187,6 +183,9 @@ import draggable from "vuedraggable"; import store from "@/store"; import {updateById} from '@/api/inout/orderDetailBiz' import {updateOrderDetailBiz} from '@/api/inout/order' +import { previewImage } from '@/api/purchase/supCompany' +import ElImageViewer from "element-ui/packages/image/src/image-viewer"; + export default { @@ -205,6 +204,8 @@ export default { }, data() { return { + imgList:[], + imgViewerVisible:false, BASE_URL: process.env.VUE_APP_BASE_API, code: "", formData: { @@ -234,7 +235,7 @@ export default { }; }, components: { - draggable, + draggable,ElImageViewer }, methods: { submitUpload() { @@ -341,10 +342,30 @@ export default { }, - // toViewCompanyCert() { - // this.certFileUrl = this.BASE_URL + "/udiwms/image/register/file/getImage?type=image2&name="; - // window.open(this.certFileUrl + this.inputQuery.filePath); - // }, + showImgViewer(row){ + this.certFileUrl = this.BASE_URL + "/udiwms/image/register/file/getImage?type=image2&name="; + this.imgList=[]; + previewImage({imageUrl:this.inputQuery.filePath,certFileUrl:this.certFileUrl}).then(response => { + if (response.code === 20000) { + debugger + this.imgList=response.data; + } + console.log(this.imgList) + this.imgViewerVisible = true; + }); + const m = (e) => { e.preventDefault() }; + document.body.style.overflow = 'hidden'; + document.addEventListener("touchmove", m, false); // 禁止页面滑动 + }, + + closeImgViewer(){ + this.imgViewerVisible = false; + const m = (e) => { e.preventDefault() }; + document.body.style.overflow = 'auto'; + document.removeEventListener("touchmove", m, true); + }, + + }, filters: {}, mounted() {