ProductQuotation.vue 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. <template>
  2. <view class="container container-quotation">
  3. <image
  4. @click="goNewResources(index)"
  5. v-for="(item, index) in imgList"
  6. :style="{ height: item.Height + 'rpx' }"
  7. :key="index"
  8. :src="item.Img"
  9. :lazy-load="true"
  10. ></image>
  11. <Loading />
  12. </view>
  13. </template>
  14. <script>
  15. import { Research } from "@/config/api.js";
  16. export default {
  17. data() {
  18. return {
  19. imgList: [],
  20. };
  21. },
  22. methods: {
  23. // 获取图片
  24. async getImageList() {
  25. const res = await Research.researchQuotation();
  26. if (res.Ret === 200) {
  27. this.imgList = res.Data.List;
  28. }
  29. },
  30. // 跳转到 最新资源页面
  31. goNewResources(index) {
  32. if (index) return;
  33. uni.navigateTo({
  34. url: "/pages-purchaser/newResources/newResources",
  35. });
  36. },
  37. },
  38. onLoad() {
  39. this.getImageList();
  40. },
  41. onShareAppMessage() {
  42. return {
  43. title: "买方研选报价单",
  44. path: "/pages-purchaser/ProductQuotation/ProductQuotation",
  45. };
  46. },
  47. };
  48. </script>
  49. <style scoped lang="scss">
  50. .container-quotation {
  51. image {
  52. width: 100%;
  53. }
  54. }
  55. </style>