<template>
  <view class="container container-quotation">
    <image
      @click="goNewResources(index)"
      v-for="(item, index) in imgList"
      :style="{ height: item.Height + 'rpx' }"
      :key="index"
      :src="item.Img"
      :lazy-load="true"
    ></image>
    <Loading />
  </view>
</template>

<script>
import { Research } from "@/config/api.js";

export default {
  data() {
    return {
      imgList: [],
    };
  },
  methods: {
    // 获取图片
    async getImageList() {
      const res = await Research.researchQuotation();
      if (res.Ret === 200) {
        this.imgList = res.Data.List;
      }
    },
    // 跳转到 最新资源页面
    goNewResources(index) {
      if (index) return;
      uni.navigateTo({
        url: "/pages-purchaser/newResources/newResources",
      });
    },
  },
  onLoad() {
    this.getImageList();
  },
  onShareAppMessage() {
    return {
      title: "买方研选报价单",
      path: "/pages-purchaser/ProductQuotation/ProductQuotation",
    };
  },
};
</script>

<style scoped lang="scss">
.container-quotation {
  image {
    width: 100%;
  }
}
</style>