From ff066fb8d926d9a75efdcfdfc1b37f890cd98d82 Mon Sep 17 00:00:00 2001
From: liuyg <376836862@qq.com>
Date: Sat, 14 Aug 2021 16:02:39 +0800
Subject: [PATCH] 解决冲突
---
src/views/resource/attachCopy.vue | 67 ++++++++++++++++++++++++++++-----
1 files changed, 56 insertions(+), 11 deletions(-)
diff --git a/src/views/resource/attachCopy.vue b/src/views/resource/attachCopy.vue
index 1f9aac7..05b9808 100644
--- a/src/views/resource/attachCopy.vue
+++ b/src/views/resource/attachCopy.vue
@@ -47,6 +47,14 @@
@click="handleDownload(scope.row)"
>下载
</el-button>
+ <el-button
+ type="text"
+ icon="el-icon-picture-outline-round"
+ size="small"
+ v-show="!fileFormat(scope.row)"
+ @click="seeImages(scope.row)"
+ >预览
+ </el-button>
</template>
<template slot-scope="{ row }" slot="attachSize">
<el-tag>{{ `${row.attachSize} KB` }}</el-tag>
@@ -65,6 +73,15 @@
:upload-after="uploadAfter"
>
</avue-form>
+ </el-dialog>
+
+ <el-dialog
+ title="预览"
+ append-to-body
+ :visible.sync="imgSee"
+ class="see-img-box"
+ >
+ <div class="img" :style="{ background: imgUrl }"></div>
</el-dialog>
</basic-container>
</template>
@@ -161,6 +178,17 @@
],
},
{
+ label: "所属公司",
+ prop: "enterprisename",
+ rules: [
+ {
+ required: true,
+ message: "请输入所属公司",
+ trigger: "blur",
+ },
+ ],
+ },
+ {
label: "附件预览",
prop: "link",
type: "img",
@@ -171,17 +199,6 @@
// trigger: "blur",
// },
// ],
- },
- {
- label: "所属公司",
- prop: "enterprisename",
- rules: [
- {
- required: true,
- message: "请输入所属公司",
- trigger: "blur",
- },
- ],
},
{
label: "附件大小",
@@ -221,6 +238,8 @@
},
],
},
+ imgSee: false,
+ imgUrl: "",
};
},
computed: {
@@ -365,6 +384,32 @@
this.selectionClear();
});
},
+
+ seeImages(row) {
+ this.imgUrl = "";
+ this.imgUrl = "url(" + row.link + ") center center / contain no-repeat";
+
+ this.imgSee = true;
+ },
+
+ fileFormat(row) {
+ var index = row.link.lastIndexOf(".");
+ var ext = row.link.substr(index + 1);
+
+ return (
+ [
+ "png",
+ "jpg",
+ "jpeg",
+ "bmp",
+ "gif",
+ "webp",
+ "psd",
+ "svg",
+ "tiff",
+ ].indexOf(ext.toLowerCase()) == -1
+ );
+ },
},
};
</script>
--
Gitblit v1.9.3