house.vue 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. <template>
  2. <view class="house-index">
  3. <house-list :list="houseList"></house-list>
  4. </view>
  5. </template>
  6. <script>
  7. import houseList from '@/components/house/houseList.vue'
  8. import {
  9. getHouseListByPage
  10. } from '@/request/api/house'
  11. export default {
  12. data() {
  13. return {
  14. houseList: []
  15. }
  16. },
  17. onShow() {
  18. this.getHouseList();
  19. },
  20. methods: {
  21. getHouseList() {
  22. getHouseListByPage({
  23. currPage: 1,
  24. pageSize: 10,
  25. projectId: 9
  26. }).then(res => {
  27. if (res.code === 200) {
  28. let commonUrl =
  29. 'https://file-node.oss-cn-shanghai.aliyuncs.com/youji/f488a1cc0e904ed089d52d88e3c1b33d';
  30. this.houseList = res.data.dataList.map(node => {
  31. if (node.picture) {
  32. let picture = JSON.parse(node.picture);
  33. if (picture.length === 0) {
  34. node['privewImage'] = commonUrl;
  35. } else {
  36. node['privewImage'] = picture[0].url;
  37. }
  38. } else {
  39. node['privewImage'] = commonUrl;
  40. }
  41. return node;
  42. });
  43. }
  44. })
  45. }
  46. },
  47. components: {
  48. houseList
  49. }
  50. }
  51. </script>
  52. <style lang="scss">
  53. .house-index {
  54. padding: 0 30rpx;
  55. }
  56. </style>