goodsDetail.js 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140
  1. const { getShopDetail } = require('../../api/common')
  2. const { getProductDetail } = require('./api/index')
  3. Page({
  4. /**
  5. * 页面的初始数据
  6. */
  7. data: {
  8. searchForm: {
  9. product_id: ''
  10. },
  11. nav: [
  12. {
  13. name: '描述',
  14. value: '1'
  15. },
  16. {
  17. name: '供应商',
  18. value: '2'
  19. }
  20. ],
  21. active: '1',
  22. objProductDetail: {
  23. product_rotation_img_list: [],
  24. product_detail_img_list: []
  25. },
  26. objShopDetail: { shop_address: {} }
  27. },
  28. /**
  29. * 生命周期函数--监听页面加载
  30. */
  31. onLoad(options) {
  32. const { product_id } = options
  33. this.setData({
  34. 'searchForm.product_id': product_id
  35. }, () => {
  36. this.fetchProductDetail()
  37. })
  38. },
  39. /**
  40. * 生命周期函数--监听页面初次渲染完成
  41. */
  42. onReady() {
  43. },
  44. /**
  45. * 生命周期函数--监听页面显示
  46. */
  47. onShow() {
  48. },
  49. /**
  50. * 生命周期函数--监听页面隐藏
  51. */
  52. onHide() {
  53. },
  54. /**
  55. * 生命周期函数--监听页面卸载
  56. */
  57. onUnload() {
  58. },
  59. /**
  60. * 页面相关事件处理函数--监听用户下拉动作
  61. */
  62. onPullDownRefresh() {
  63. },
  64. /**
  65. * 页面上拉触底事件的处理函数
  66. */
  67. onReachBottom() {
  68. },
  69. /**
  70. * 用户点击右上角分享
  71. */
  72. onShareAppMessage() {
  73. },
  74. async fetchProductDetail() {
  75. try {
  76. const { status, data, msg } = await getProductDetail(this.data.searchForm.product_id)
  77. if (status) {
  78. const { shop_id, product_img_url, product_rotation_img_list, product_detail_img_list } = data
  79. this.setData({
  80. objProductDetail: {
  81. ...data,
  82. product_rotation_img_list: JSON.parse(product_rotation_img_list),
  83. product_detail_img_list: JSON.parse(product_detail_img_list)
  84. },
  85. 'searchForm.shop_id': shop_id
  86. }, () => {
  87. this.fetchShopDetail()
  88. })
  89. } else {
  90. wx.showToast({
  91. title: msg,
  92. icon: 'none'
  93. })
  94. }
  95. } catch (err) {}
  96. },
  97. async fetchShopDetail() {
  98. try {
  99. const { status, data, msg } = await getShopDetail(this.data.searchForm.shop_id)
  100. if (status) {
  101. this.setData({
  102. objShopDetail: {
  103. ...data,
  104. shop_address: JSON.parse(data.shop_address)
  105. }
  106. })
  107. } else {
  108. wx.showToast({
  109. title: msg,
  110. icon: 'none'
  111. })
  112. }
  113. } catch (err) {}
  114. },
  115. handleNav(e) {
  116. const { value } = e.detail
  117. this.setData({
  118. active: value
  119. })
  120. }
  121. })