音频播放bug

yiming

2024-04-11 a9bd2df4da1cf7b198db7bf2d67ce8adbbe89b32

 pages/bookExhibitionList/index.js

@@ -8,6 +8,12 @@
   * 页面的初始数据
   */
  data: {
    loading: true,
    hidden: true,
    totalSize: '',
    start: 0,
    isMore: null,
    keynoteDisabled: true,
    value: '',
    keyword: '',
    nameSort: null,
@@ -25,11 +31,8 @@
    },
    product: {
      value: '*',

      options: [
        {
      options: [{
          value: '*',

          label: '总分类',
        },
        {
@@ -56,9 +59,79 @@
      value: [],
      options: [],
    },
    navBarHeight: '',
    barHeight: '',
    windowHeight: '',
    sorter: {
      value: 'timeAsc',
      options: [{
          value: 'nameAsc',
          label: '名称正序',
        },
        {
          value: 'nameDesc',
          label: '名称倒序',
        },
        {
          value: 'timeAsc',
          label: '出版时间正序',
        },
        {
          value: 'timeDesc',
          label: '出版时间倒序',
        },
      ],
    },
  },



  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {

    console.log(this.data.keynoteDisabled, 'keynoteDisabled');
    // console.log(this.data.filteredItems, 88888);
    const systInfo = wx.getSystemInfoSync();
    const menu = wx.getMenuButtonBoundingClientRect(); // 胶囊信息
    const navBarHeight = (menu.top - systInfo.statusBarHeight) * 2 + menu.height; // 导航栏高度
    this.setData({
      navBarHeight: navBarHeight,
      barHeight: systInfo.statusBarHeight,
    })

    // 单列选择器选项
    const singleSelectOptions = this.data.filteredItems.map(item => ({
      label: item.name,
      value: item.value,
      disabled: false,
    }))

    if (this.data.filteredItems = []) {
      console.log(11111);
      // singleSelectOptions.push({
      //   label: '暂无数据',
      //   value: 'disabled',
      //   disabled: true,
      // });
    } else {
      console.log(7889);
    }





    console.log(this.data.bookExhibitionList.length, 'this.data.bookExhibitionList.length');
    // 更新数据
    this.setData({
      'multipleSelect.options': singleSelectOptions,
    });


    // 
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
@@ -72,8 +145,8 @@
   */
  onShow() {
    this.bookExhibitionGet()

    this.keyProjectsGet()

  },

  /**
@@ -96,7 +169,33 @@
  onPullDownRefresh() {

  },
  // onPullDownRefresh() {
  //   this.data.page.size = 16 //更改显示的值
  //   this.bookExhibitionGet(); // 调用方法加载更多数据
  // },

  onScrollToLower() {
    console.log(789);
    console.log(this.data.bookExhibitionList.length);
    console.log(this.data.totalSize);
    if (this.data.bookExhibitionList.length < this.data.totalSize) {
      this.setData({
        isMore: true,
        start: this.data.start + 1
      })
      this.bookExhibitionGet()
    } else {
      this.setData({
        isMore: true,
      })
      setTimeout(() => {
        this.setData({
          isMore: false
        })
        console.log('300');
      }, 300)
    }
  },
  /**
   * 页面上拉触底事件的处理函数
   */
@@ -121,8 +220,10 @@
        // 'page.start': currentPage,
        'page.size': newSize
      });
      this.bookExhibitionGet(); // 调用方法加载更多数据
      console.log(1111);
      // this.bookExhibitionGet(); // 调用方法加载更多数据



    }
  },

@@ -144,102 +245,121 @@
      '||subtitle*': this.data.keyword
    }
    // console.log(this.data.keynoteValue);
    let sort = {
      Name: this.data.nameSort || 'Desc'
    }
    let sort = {};

    const sortOptions = {
      '*': {
        CreateDate: 'Asc'
      },
      'nameAsc': {
        Name: 'Asc'
      },
      'nameDesc': {
        Name: 'Desc'
      },
      'timeAsc': {
        CreateDate: 'Asc'
      },
      'timeDesc': {
        CreateDate: 'Desc'
      }
    };

    sort = sortOptions[this.data.product.value] || {};

    console.log(sort);

    app.MG.store.getProductList({
      storeInfo: 'jsek_bookFair',
      path: newValue,
      queryType: '*',
      fields: {
        jsek_link: [],
        subtitle: [],
        'bookClassification*': this.data.keynoteValue || [],
        ...searchObj
      },
      paging: this.data.page,
      paging: {
        start: '0',
        size: this.data.start * 10
      },
      sort: sort,
      // coverSize: {
      //   width: 100
      // },
    }).then(res => {

      res.datas.forEach((item) => {
        if (item.subtitle == undefined) {
          item.subtitle = ''
        }
        item.subtitleName = item.subtitle + item.name
      })
      console.log(res, 'item');
      this.data.total = res.total

      //  list.push(res.datas)
      const list = [...res.datas]
      // list.push(res.datas)
      console.log(res.datas.length);


      if (res.datas.length == 0) {
        this.setData({
          keynoteDisabled: true
        })
      }

      const list = [...res.datas]
      console.log(res);
      this.setData({
        bookExhibitionList: list
        bookExhibitionList: list,
        totalSize: res.total
      })
      // 判断数据长度
      console.log(list.length, 'list.length');


      //取消
      wx.hideLoading()
      // console.log(this.data.bookExhibitionList, '数据');

      this.setData({
        loading: false,
        hidden: false,
      })
    })

  },
  //重点项目接口
  keyProjectsGet(newPrice) {

    this.setData({
      loading: true,
      hidden: true,
    })
    // console.log(newPrice, 'newPrice');
    let parms = {
      refCodes: ['bookClassification']
    }
    app.MG.store.getProductTypeField(parms).then(res => {

      const checkData = JSON.parse(res[0].config)


      checkData.option.forEach(item => {
        if (newPrice == item.value) {

          this.setData({
            filteredItems: item.child || [] // 如果存在子项则赋值，否则赋值为空数组
          });

          // console.log(this.data.filteredItems);

        }
      })

      this.onLoad();

      this.setData({
        loading: false,
        hidden: false,
      })
    })
  },


  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    // console.log(this.data.filteredItems, 88888);

    // 单列选择器选项
    const singleSelectOptions = this.data.filteredItems.map(item => ({
      label: item.name,
      value: item.value,
      disabled: false,
    }))

    if (this.data.filteredItems = []) {
      console.log(11111);
      singleSelectOptions.push({
        label: '禁用选项',
        value: 'disabled',
        disabled: true,
      });
    }

    // singleSelectOptions.push({
    //   label: '禁用选项',
    //   value: 'disabled',
    //   disabled: true,
    // });


    // 更新数据
    this.setData({
      'multipleSelect.options': singleSelectOptions,
    });

  },


  // 总分类
@@ -250,6 +370,24 @@
    const newValue = e.detail.value;
    const selectedOption = this.data.product.options.find(option => option.value === newValue);
    const newPrice = selectedOption ? selectedOption.price : null;
    const bookExhibitionListsubsidiary = []
    this.setData({
      bookExhibitionListsubsidiary: this.data.bookExhibitionList
    })
    console.log(bookExhibitionListsubsidiary, 'bookExhibitionListsubsidiary');
    console.log(newValue, 'newValue');
    console.log(newPrice, 'newPrice');

    if (newPrice) {
      this.setData({
        keynoteDisabled: false
      })
    }
    if (!newPrice) {
      this.setData({
        keynoteDisabled: true
      })
    }
    this.setData({
      'product.value': newValue,
      'product.price': newPrice, // 将选中的 price 值保存在数据中
@@ -261,16 +399,9 @@
    if (this.data.keynoteValue) {
      //如果有数据就清空并刷新页面
      this.data.keynoteValue = []

      this.bookExhibitionGet(newValue)
      this.onLoad()
      console.log('true');
    } else {
      // this.bookExhibitionGet(newValue);
      // this.keyProjectsGet(newPrice);
      console.log('fals');
    }

  },

  // 重点项目
@@ -280,24 +411,29 @@
    });
  },
  handleConfirm(event) {
    const { value } = event.detail;



    const {
      value
    } = event.detail;
    // 确认操作的处理逻辑

    console.log('确认操作，选中的值为：', value);
    this.data.keynoteValue = value
    this.bookExhibitionGet()
  },
  handleReset() {


  handleReset(e) {

    // 重置操作的处理逻辑
    this.data.keynoteValue = []
    console.log('重置操作');


    this.bookExhibitionGet()
  },
  onSwapRight() {
    // console.log('xxxxxx');
    // this.data.nameSort = 'Asc'


    if (!this.data.nameSort) {
      this.setData({
        nameSort: 'Desc',
@@ -319,14 +455,12 @@
    this.data.nameSort = 'Desc'
    // console.log('sssssss');
    this.bookExhibitionGet()


  },
  onBookExhibitionDetails: function (event) {
    const item = event.currentTarget.dataset.item;
    console.log(item);
    wx.navigateTo({
      url: '/pages/bookExhibitionDetails/index?id=' + item.id // 假设跳转到详情页面，并传递了id参数
      url: '/pages/bookExhibitionDetails/index?id=' + item.id + '&bookName=' + item.name + '&subtitleName=' + item.subtitleName // 假设跳转到详情页面，并传递了id参数
    });
  },
  // 搜索框
@@ -336,5 +470,16 @@
    })
    console.log(this.data.keyword, 'keyword');
    this.bookExhibitionGet()
  }
  },
  goBack() {
    wx.navigateBack();
  },
  onSort(e) {
    this.setData({
      'product.value': e.detail.value,
    });
    console.log(e.detail.value, 'e.detail.value');
    this.bookExhibitionGet()
  },

})