资源购买页，全选优化

闫增涛

2024-04-03 bf764793aff8941974eae117a7e0af14adf05083

 packageBookService/pages/bookServices/detail/components/tree/index.js

@@ -41,6 +41,9 @@
      type: Boolean,
      value: false,
    },
    checkAllState: {
      type: Boolean,
    },
  },
  data: {
    sonPurchaseSaleMethodId: "",
@@ -67,14 +70,16 @@
    );
  },
  observers: {
    openIds: function (newValue) {
      // var myEventDetail = {
      // }
      // var myEventOption = {
      //   bubbles: true,
      //   composed: true
      // }
      // this.triggerEvent('handleTree', myEventDetail, myEventOption)
    treeList: function (newValue) {
      const list = [];
      let checked = "";
      console.log("新值", this.properties.treeList);
      this.properties.treeList.forEach((item) => {
        if (item.children && item.children.length > 0) {
          list.push(...this.flattenTree([item]));
        }
      });
      const flag = list.findIndex((item) => item.checked == true);
    },
  },

@@ -211,7 +216,6 @@
    // 拿到所有项
    getAllChildren(id) {
      let result = [];

      function findChildren(item) {
        if (item.id === id) {
          if (item.children && item.children.length > 0) {
@@ -305,16 +309,9 @@
        ids.push(item.id);
        checked = item.checked;
      });
      const flag =
        list.findIndex((item) => item.checked == false) > -1 ? true : false;
        var myEventDetail = {
          value:flag,
        }; // detail对象，提供给事件监听函数
        var myEventOption = {
          bubbles: true,
          composed: true,
        }; // 触发事件的选项
        this.triggerEvent('changeCheckAll',myEventDetail,myEventOption)
      // const flag =
      //   list.findIndex((item) => item.checked == false) > -1 ? true : false;
      const flag = this.properties.checkAllState;
      const updataList = this.findAndUpdateItemsByIds(
        this.properties.treeList,
        ids,
@@ -329,12 +326,19 @@
      this.setData({
        treeList: updataList,
      });
      var myEventDetail = {
        value: !flag,
      }; // detail对象，提供给事件监听函数
      var myEventOption = {
        bubbles: true,
        composed: true,
      }; // 触发事件的选项
      this.triggerEvent("changeCheckAll", myEventDetail, myEventOption);
    },

    // 章节勾选
    checkResourceTitle(e) {
      const flag = e.detail.checked;
      debugger;
      // 这个时候checked的值是fals
      let checkResourceTitleList = [];
      const item = e.currentTarget.dataset.item;
@@ -344,7 +348,6 @@
      list.forEach((item) => {
        ids.push(item.id);
      });
      // console.log(list, 'list789');
      const updatedTreeList = this.findAndUpdateItemsByIds(
        this.properties.treeList,
        ids,