serch-outcome.js 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116
  1. Page({
  2. /**
  3. * 页面的初始数据
  4. */
  5. data: {
  6. list: [],
  7. shoopingtext: "", //搜索框的值
  8. show: false, //显示商品列表
  9. sea: true,
  10. },
  11. onInput: function (e) {
  12. var searchtext = this.data.shoopingtext; //搜索框的值
  13. // var sss = true;
  14. if (searchtext != "") {
  15. //模糊查询 循环查询数组中的title字段
  16. for (var index in this.data.list) {
  17. var num = this.data.list[index].title.indexOf(searchtext);
  18. console.log(num)
  19. let temp = "list[" + index + "].status";
  20. if (num != -1) {
  21. //不匹配的不显示
  22. this.setData({
  23. [temp]: 1,
  24. show: true
  25. });
  26. // sss = false; //隐藏未找到提示
  27. }
  28. }
  29. } else {
  30. this.setData({
  31. show: false, //隐藏商品列表
  32. });
  33. }
  34. this.setData({
  35. shoopingtext:''
  36. })
  37. console.log(this.data.shoopingtext);
  38. },
  39. onBtn(e) {
  40. console.log(e);
  41. },
  42. //搜索框的值
  43. shoppinginput: function (e) {
  44. //当删除input的值为空时
  45. if (e.detail.value == "") {
  46. this.setData({
  47. history: true, //显示历史记录
  48. shoppinglist: false, //隐藏商品列表
  49. sea: true,
  50. });
  51. //所有商品列表的状态改为0
  52. for (var index in this.data.list) {
  53. let temp = "list[" + index + "].status";
  54. this.setData({
  55. [temp]: 0,
  56. });
  57. }
  58. }
  59. this.setData({
  60. shoopingtext: e.detail.value,
  61. });
  62. // console.log(e.detail.value)
  63. },
  64. /**
  65. * 生命周期函数--监听页面加载
  66. */
  67. onLoad(options) {
  68. wx.request({
  69. url:
  70. "https://www.fastmock.site/mock/883cd62177ae0a3a79638beccc3349da/api/order/list",
  71. success: (e) => {
  72. // console.log(e.data.data.list);
  73. this.setData({
  74. list: e.data.data.list,
  75. });
  76. },
  77. });
  78. },
  79. /**
  80. * 生命周期函数--监听页面初次渲染完成
  81. */
  82. onReady() {},
  83. /**
  84. * 生命周期函数--监听页面显示
  85. */
  86. onShow() {},
  87. /**
  88. * 生命周期函数--监听页面隐藏
  89. */
  90. onHide() {},
  91. /**
  92. * 生命周期函数--监听页面卸载
  93. */
  94. onUnload() {},
  95. /**
  96. * 页面相关事件处理函数--监听用户下拉动作
  97. */
  98. onPullDownRefresh() {},
  99. /**
  100. * 页面上拉触底事件的处理函数
  101. */
  102. onReachBottom() {},
  103. /**
  104. * 用户点击右上角分享
  105. */
  106. onShareAppMessage() {},
  107. });