huiting/miniprogram/pages/search/search.js

const hotTagData = require("../../data/hotTagData.js")
const hotBarData = require("../../data/hotBarData.js")
const util = require('../../utils/util.js')

Page({
  options: {
    styleIsolation: "apply-shared"
  },

  // 页面的初始数据
  data: {
    toggleEnable: true,
    searchEnable: false,
    searchText: "",
    hotTagData: [],
    hotBarData: [],
    searchResult: [],
    searchHistory: []
  },

  onLoad: function () {
    wx.getStorage({
      key: "searchHistory",
      success: function (res) {
        this.setData({
          searchHistory: res.data
        })
      }.bind(this)
    })
    const db = wx.cloud.database()
    db.collection("searchData").orderBy("time", "desc").limit(20).get({
      success: function (res) {
        var count = {},
          hotTag = []
        for (let j = 0; j < res.data.length; j++) {
          if (count[res.data[j].key] == undefined) {
            count[res.data[j].key] = 0
          }
          count[res.data[j].key]++
        }
        for (let key in count) {
          hotTag.push({
            tag: key
          })
        }
        hotTag.sort(function (a, b) {
          return count[b] - count[a]
        })
        hotTag.splice(10)
        this.setData({
          hotTagData: hotTag
        })
      }.bind(this)
    })
    this.setData({
      hotBarData: hotBarData.hotBarData
    })
  },

  update: function (e) {
    this.setData({
      searchText: e.detail.value,
      searchResult: []
    })
  },

  focus: function () {
    if (!this.data.toggleEnable || this.data.searchEnable) return
    this.data.toggleEnable = false
    this.setData({
      searchEnable: true
    })
    this.animate('.cancel-button', [{
        opacity: 0
      },
      {
        opacity: 1
      },
    ], 150)
    this.animate('.search-block', [{
        opacity: 0
      },
      {
        opacity: 1
      },
    ], 150)
    setTimeout(function () {
      this.setData({
        toggleEnable: true
      })
    }.bind(this), 200)
  },

  blur: function () {
    if (this.data.searchText != "") return
    this.cancel()
  },

  search: function () {
    var history = this.data.searchHistory
    if (history == undefined) history = []
    for (let i = 0; i < history.length; i++) {
      if (history[i] == this.data.searchText) {
        history.splice(i, 1)
        break
      }
    }
    if (history.length > 9) {
      history.splice(9, history.length - 9)
    }
    history = [this.data.searchText].concat(history)
    this.setData({
      searchHistory: history
    })
    wx.setStorage({
      key: "searchHistory",
      data: history
    })
    wx.showLoading({
      title: "搜索中",
    })
    const db = wx.cloud.database()
    const _ = db.command
    db.collection("searchData").add({
      data: {
        key: this.data.searchText,
        time: new Date()
      },
      success: function () {
        var reg = new RegExp(this.data.searchText, "i")
        db.collection("mainData").where(
          _.or([{
              title: reg
            },
            {
              subTitle: reg
            },
            {
              details: reg
            }
          ])
        ).orderBy("time", "desc").limit(20).get({
          success: function (res) {
            for (let i = 0; i < res.data.length; i++) {
              res.data[i].time = util.handleDate(res.data[i].time)
            }
            this.setData({
              searchResult: res.data
            })
            wx.hideLoading()
          }.bind(this)
        })
      }.bind(this)
    })
  },

  cancel: function () {
    if (!this.data.toggleEnable || !this.data.searchEnable) return
    this.data.toggleEnable = false
    this.setData({
      searchText: "",
    })
    this.animate('.cancel-button', [{
        opacity: 1
      },
      {
        opacity: 0
      },
    ], 150)
    this.animate('.search-block', [{
        opacity: 1
      },
      {
        opacity: 0
      },
    ], 150)
    setTimeout(function () {
      this.setData({
        toggleEnable: true,
        searchEnable: false,
        searchResult: []
      })
    }.bind(this), 200)
  },

  searchTag: function (e) {
    this.setData({
      searchText: e.target.dataset.searchTag
    })
    this.focus()
    this.search()
  },

  searchAgain: function (e) {
    this.setData({
      searchText: e.target.dataset.history
    })
    this.focus()
    this.search()
  },

  removeHistory: function (e) {
    var history = this.data.searchHistory
    if (history == undefined) history = []
    for (let i = 0; i < history.length; i++) {
      if (history[i] == e.target.dataset.history) {
        history.splice(i, 1)
        break
      }
    }
    this.setData({
      searchHistory: history
    })
    wx.setStorage({
      key: "searchHistory",
      data: history
    })
  },

  viewActivity: function (e) {
    wx.navigateTo({
      url: "/pages/activity/activity?id=" + e.target.dataset.activityId
    })
  }
});