test/pages/list/scene/index.js

// pages/list/scene/index.js
import commonApi from "../../../utils/https/common"
import util from "../../../utils/util"
let app = getApp()
Page({
  /**
   * 页面的初始数据
   */
  data: {
    list:[],
    total:1,
    latitude:"",
    longitude:"",
    keywords:'',
    area_id:'',
    navList:[
      {
        id:4,
        name:'全部',
        icon:'/uploads/20240604/4ac6b939e112ff183aadb95efbf07761.png'
      }
    ],
    navIndex:0,
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    wx.showShareMenu({
        withShareTicket: true,
        menus: ['shareAppMessage', 'shareTimeline']
      })
    let that = this;
    if(options.area_id){
      this.setData({
        area_id:options.area_id
      })
    }
    wx.getLocation({
      type: 'gcj02',
      success: function (res) {
        that.setData({
          latitude:res.latitude,
          longitude:res.longitude
        })
        // that.getList()
      },
      fail:function(){
        // that.getList()
      }
    })
    // 获取头部景点分类
    commonApi._post("scene/get_scene_tags",{
      pid:4
    }).then(res=>{
      let list = this.data.navList
      res.data.forEach(item=> {
        list.push(item)
      })
      this.setData({
        navList:list
      })
      console.log(this.data.navList);
      this.getList()
    })
  },
  search:function(){
    this.setData({
      list:[],
      total:1
    })
    this.getList()
  },
  changeType:function (e) {
    console.log(e);
    this.setData({
      navIndex:e.currentTarget.dataset.index,
      list:[],
      total:1
    })
    console.log(this.data.navIndex);
    this.getList()
  },
  search:function(e){
    this.setData(e.detail);
    this.setData({
      list:[],
      total:1
    })
    this.getList();
  },
  gotoDetail:function(e){
    let item = e.currentTarget.dataset.item;
    util.gotoDetail(item,1);
  },
  getList:function(){
    let list = this.data.list;
    if(list.length>=this.data.total) return;
    commonApi._post("scene/get_scene_by_tag",{
      // tag_id:"4",
      tag_id:this.data.navList[this.data.navIndex].id,
      limit:10,
      lon:this.data.longitude,
      lat:this.data.latitude,
      offset:list.length,
      sort:"weight",
      title:this.data.keywords,
      area_id:this.data.area_id
    }).then(res=>{
      res.data.list.map(item=>{
        item.tags = item.display_tags?item.display_tags.split(","):[];
        item.tags = item.tags.splice(0,2);
        if(item.distance && item.distance>=1000){
          item.distance = item.distance/1000 
          item.distance = item.distance.toFixed(1) + "km"
        }
        else if(item.distance){
          item.distance = item.distance + "m"
        }
      })
      this.setData({
        list:list.concat(res.data.list),
        total:res.data.count
      })
      console.log(res)
    })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
    this.getList()
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  },
  onShareTimeline: function() {
    return {
      title: '君到苏州-景点门票',
      query: '',
      imageUrl: 'https://static.ticket.sz-trip.com/xcxImages/index/icon6New.png'
    }
  }
})