From 69fb56c08f9de90e1ab0997bf61b28cf3bb47465 Mon Sep 17 00:00:00 2001 From: wangwei <1610949092@qq.com> Date: Tue, 11 Apr 2023 11:25:25 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=B8=AE=E5=8A=A9=E8=AE=BE?= =?UTF-8?q?=E7=BD=AE=E9=A2=84=E8=A7=88?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/system/param/addhelpSettings.vue | 51 ++++++++++++++++------ 1 file changed, 38 insertions(+), 13 deletions(-) diff --git a/src/views/system/param/addhelpSettings.vue b/src/views/system/param/addhelpSettings.vue index 3fdc46a..4a49b1a 100644 --- a/src/views/system/param/addhelpSettings.vue +++ b/src/views/system/param/addhelpSettings.vue @@ -70,15 +70,14 @@ 状态: - - - - 启用 - 禁用 - - - - + + + + 启用 + 禁用 + + + @@ -113,14 +112,17 @@ {{ choiceFile }} - 文件预览
只能上传 jpg,png,pdf,doc 文件,且不超过 10 MB
+ + + @@ -136,6 +138,9 @@ import {insertCompanyCert, updateCompanyCert} from "@/api/purchase/companyCert"; import {insertMenuHelp,updateMenuHelp} from "@/api/system/sysMenuHelp"; import { updateInv } from '@/api/auth/authAdmin' import { isBlank } from '@/utils/strUtil' +import { previewImage } from '@/api/purchase/supCompany' +import ElImageViewer from "element-ui/packages/image/src/image-viewer"; + export default { name: "addhelpSettings", @@ -156,6 +161,8 @@ export default { }, data() { return { + imgList:[], + imgViewerVisible:false, BASE_URL: process.env.VUE_APP_BASE_API, code: "", formData: { @@ -184,7 +191,7 @@ export default { }; }, components: { - draggable, + draggable,ElImageViewer }, methods: { submitUpload() { @@ -268,10 +275,28 @@ export default { }, - toViewCompanyCert() { + showImgViewer(row){ this.certFileUrl = this.BASE_URL + "/udiwms/image/register/file/getImage?type=image2&name="; - window.open(this.certFileUrl + this.formData.filePath); + this.imgList=[]; + previewImage({imageUrl:this.formData.filePath,certFileUrl:this.certFileUrl}).then(response => { + if (response.code === 20000) { + 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() {