修复树滚动条样式,和图片URL

zhangzengfei

2022-08-04 8f5d6bac4776973c73626c9f34fa68ba1ac83d6e

 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>
</style>