From 8f5d6bac4776973c73626c9f34fa68ba1ac83d6e Mon Sep 17 00:00:00 2001 From: zhangzengfei <zhangzengfei@smartai.com> Date: 星期四, 04 八月 2022 02:03:08 +0800 Subject: [PATCH] 修复树滚动条样式,和图片URL --- src/views/search/components/imgDown.vue | 49 ++++++++++++++++++++++--------------------------- 1 files changed, 22 insertions(+), 27 deletions(-) diff --git a/src/views/search/components/imgDown.vue b/src/views/search/components/imgDown.vue index dd8a9c7..88f562d 100644 --- a/src/views/search/components/imgDown.vue +++ b/src/views/search/components/imgDown.vue @@ -1,60 +1,55 @@ <template> <div class="imgBox"> - <img - :src="'http://' + url" - class="cursor-pointer" - v-if="isPreview" - preview - /> - <img :src="'http://' + url" v-if="!isPreview" /> + <img :src="'/httpImage/' + url" class="cursor-pointer" v-if="isPreview" preview /> + <img :src="'/httpImage/' + url" v-if="!isPreview" /> <el-button class="btn" @click="downloadIamge('/httpImage/' + url)"> <i class="iconfont iconxiazai"></i> </el-button> </div> </template> <script> -import axios from "axios"; +import axios from "axios" export default { props: { url: { default: "", - type: String, + type: String }, isPreview: { default: true, - type: Boolean, - }, + type: Boolean + } }, methods: { downloadIamge(url) { this.$notify.info({ title: "娑堟伅", - message: "璧勬簮涓嬭浇涓�,璇风◢鍚�...", - }); + message: "璧勬簮涓嬭浇涓�,璇风◢鍚�..." + }) axios({ method: "get", url: url, - responseType: "blob", + responseType: "blob" }) .then((res) => { if (res.status == 200) { - var a = document.createElement("a"); - var strs = url.split("/"); - var href = new Blob([res.data], { type: "image/jpeg" }); - a.href = URL.createObjectURL(href); - a.download = strs[strs.length - 1] + ".jpg"; - a.click(); + var a = document.createElement("a") + var strs = url.split("/") + var href = new Blob([res.data], { type: "image/jpeg" }) + a.href = URL.createObjectURL(href) + a.download = strs[strs.length - 1] + ".jpg" + a.click() } }) .catch((err) => { this.$notify({ type: "error", - message: "涓嬭浇澶辫触锛�" + err + "璇烽噸璇曪紒", - }); - }); - }, - }, -}; + message: "涓嬭浇澶辫触锛�" + err + "璇烽噸璇曪紒" + }) + }) + } + } +} </script> <style lang="scss" scoped> .imgBox { @@ -95,4 +90,4 @@ opacity: 1; } } -</style> \ No newline at end of file +</style> -- Gitblit v1.8.0