答题器听力题播放功能优化

闫增涛

2024-04-11 bd3a3057169eb727728f8a322f51fd4fb4b6cf30

 packageBookService/pages/bookServices/list/index.js

@@ -1,5 +1,4 @@
const app = getApp();
import { loginInfo } from "../../../../assets/js/login";
Page({
  /**
   * 页面的初始数据
@@ -22,12 +21,7 @@
    bookList: [],
    stairList: {
      value: "",
      options: [
        {
          value: "",
          label: "一级",
        },
      ],
      options: [],
    },
    secondList: {
      value: [],
@@ -40,8 +34,7 @@
    },
    sortList: {
      value: "default",
      options: [
        {
      options: [{
          value: "default",
          label: "默认排序",
        },
@@ -84,6 +77,7 @@
    disabledNewForms: false,
    triggered: false,
    backTop: "",
    isshowLoading: true
  },
  /**
   * 生命周期函数--监听页面加载
@@ -127,13 +121,11 @@
    if (options.secondCode) {
      this.setData({
        secondCode: options.secondCode,
        pathList: [
          {
            Path: options.secondCode,
            Type: "*",
            StoreRefCode: app.config.goodsStore,
          },
        ],
        pathList: [{
          Path: options.secondCode,
          Type: "*",
          StoreRefCode: app.config.goodsStore,
        }, ],
      });
    }
    // 获取二级分类
@@ -172,6 +164,7 @@
      triggered: true,
    });
    this.setData({
      isshowLoading: false,
      "pageCount.page": 1,
    });
    this.getBookList(this.data.path);
@@ -187,6 +180,7 @@
        this.setData({
          isMore: true,
          "pageCount.page": this.data.pageCount.page + 1,
          isshowLoading: false
        });
        this.getBookList(this.data.path);
      }
@@ -228,12 +222,10 @@
      },
    };
    app.MG.store.getStoreChannelList(query).then(async (res) => {
      const options = [
        {
          value: "",
          label: "一级",
        },
      ];
      const options = [{
        value: "",
        label: "一级分类",
      }, ];
      for (let index = 0; index < res.datas.length; index++) {
        const item = res.datas[index];
        options.push({
@@ -253,7 +245,7 @@
    });
  },
  // 获取一级分类下二级分类
  getSecondList(path) {
  async getSecondList(path) {
    const options = [];
    const query = {
      path,
@@ -268,16 +260,7 @@
        field: "LinkOrder",
      },
    };
    app.MG.store.getStoreChannelList(query).then((res) => {
      if (!res.datas.length) {
        this.setData({
          disabledSecondList: true,
        });
      } else {
        this.setData({
          disabledSecondList: false,
        });
      }
    await app.MG.store.getStoreChannelList(query).then((res) => {
      for (let index = 0; index < res.datas.length; index++) {
        const item = res.datas[index];
        options.push({
@@ -361,10 +344,15 @@
      return false;
    }
    this.setData({
      loading: true,
      noData: false,
      isRequesting: true,
      disabledSecondList: false
    });
    if (this.data.isshowLoading) {
      this.setData({
        loading: true
      })
    }
    let sort;
    let pathObj = {};
    if (this.data.pathList.length) {
@@ -426,12 +414,10 @@
    }
    const query = {
      ...pathObj,
      filterList: [
        {
          value: "Normal",
          field: "state",
        },
      ],
      filterList: [{
        value: "Normal",
        field: "state",
      }, ],
      sort,
      paging: {
        start: 0,
@@ -453,11 +439,24 @@
        "pageCount.total": res.total,
        loading: false,
        isRequesting: false,
        isshowLoading: true
      });
      if (!res.datas.length) {
        this.setData({
          noData: true,
        });
      }
      // 二级禁用逻辑
      // 1.一级分类未选中，二级分类禁用
      if (!this.data.stairList.value) {
        this.setData({
          disabledSecondList: true
        })
      } else if (this.data.stairList.value && !this.data.secondList.options.length) {
        // 2. 一级分类选中，无二级分类
        this.setData({
          disabledSecondList: true
        })
      }
      if (this.data.triggered) {
        this.setData({
@@ -470,12 +469,10 @@
    });
  },
  // 一级分类切换
  onChangeStair(e) {
    const path = e.detail.value.length
      ? `${this.data.assortCheck.code}\\${e.detail.value}`
      : this.data.assortCheck.code;
    console.log(this.data.path);

  async onChangeStair(e) {
    const path = e.detail.value.length ?
      `${this.data.assortCheck.code}\\${e.detail.value}` :
      this.data.assortCheck.code;
    this.setData({
      backTop: "#assort-title",
      pathList: [],
@@ -483,17 +480,16 @@
      secondCode: "",
      path: path,
      "stairList.value": e.detail.value,
      // disabledSecondList: false
    });

    if (e.detail.value == "") {
      this.setData({
        disabledSecondList: true,
      });
    } else {
      this.getSecondList(path);
    }
    this.getBookList(path);
    console.log(this.data.disabledSecondList);
    // if (e.detail.value == "") {
    //   this.setData({
    //     disabledSecondList: true,
    //   });
    // } else {
    await this.getSecondList(path);
    // }
    await this.getBookList(path);
  },
  // 二级分类切换
  onChangeSecond(e) {
@@ -603,7 +599,9 @@
  },
  // 跳转图书详情
  goDetail(e) {
    const { book } = e.currentTarget.dataset;
    const {
      book
    } = e.currentTarget.dataset;
    wx.navigateTo({
      url: `/packageBookService/pages/bookServices/detail/index?id=${book.id}&name=${book.name}`,
    });
@@ -615,15 +613,13 @@
    this.getBookList(this.data.path);
  },
  openDropdown() {
    console.log("展开哦");
    this.setData({
      showDropdown: true,
    });
  },
  closeDropdown() {
    console.log("关闭");
    this.setData({
      showDropdown: false,
    });
  },
});
});