样式修改

litian

2024-03-27 ebfc641a1a1bc6c40b8010f31f7a836f09308b6e

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

@@ -37,22 +37,50 @@
    }
  },
  data: {
    sonPurchaseSaleMethodId: '',
    superiorPurchaseSaleMethodId: [],
    activeValues: [1, 2],
    webpageSrc: '',
    cloudShoppingCart: []
  },
  ready() {
    this.setData({

    })
    console.log('准备');
  },
  onShow() {
  },

  observers: {
    'openIds': function (newValue) {
      // var myEventDetail = {
      // }
      // var myEventOption = {
      //   bubbles: true,
      //   composed: true
      // }
      // this.triggerEvent('handleTree', myEventDetail, myEventOption)
    }
  },

  methods: {

    handleList(tree) {
      for (let index = 0; index < tree.length; index++) {
        const item = tree[index];
        if (item.sysType == 'CmsItem' && !item.checked) {

        }
        if (item.children && item.children.length > 0) {
          this.handleList(item.children)
        }
      }
    },
    // 节点展开
    handleChange(e) {
      // console.log(this.properties.treeList, 'this.properties.treeList');
      this.setData({
        activeValues: e.detail.value,
        openIds: e.detail.value,
      });
      // console.log('传递', this.properties.buyIds);
    },
    handleCheck(data) {
      for (let index = 0; index < data.length; index++) {
@@ -182,15 +210,10 @@
    },
    // 拿到当前项子项
    flattenTree(tree) {

      let result = [];

      function flatten(node) {

        result.push(node);

        if (node.children && node.children.length > 0) {

          node.children.forEach(child => {
            flatten(child);
          });
@@ -235,7 +258,6 @@
          }
        }
        else if (id == node.id && node.sysType == "CmsItem") {
          debugger
          node.checked = !node.checked  // 将目标项的 check 属性设置为 true
        }
      }
@@ -245,20 +267,45 @@
      return tree; // 返回修改后的完整数组
    },

    checkAll() {
      const ids = []
      const list = []
      this.properties.treeList.forEach(item => {
        if (item.children && item.children.length > 0) {
          list.push(...this.flattenTree([item]))
        }
      })
      list.forEach(item => {
        ids.push(item.id)
      })
      const updataList = this.findAndUpdateItemsByIds(this.properties.treeList, ids);
      this.setData({
        treeList: updataList
      })
    },

    // 章节勾选
    checkResourceTitle(e) {
      // 这个时候checked的值是fals
      let checkResourceTitleList = []
      const item = e.currentTarget.dataset.item
      //
      let list = this.flattenTree([item])
      let ids = []
      list.forEach(item => {
        ids.push(item.id)
      })
      // console.log(list, 'list789');
      const updatedTreeList = this.findAndUpdateItemsByIds(this.properties.treeList, ids);
      this.setData({
        treeList: updatedTreeList  // 更新 treeList 数据
      });
      console.log(list, 'list');


      this.setData({
        superiorPurchaseSaleMethodId: list
      })
      console.log(this.data.superiorPurchaseSaleMethodId, 'superiorPurchaseSaleMethodId');
      list.forEach(items => {
        console.log(items.checked, 'itesasd');
        if (!items.checked) {
@@ -272,7 +319,16 @@
    // 子项勾选
    checkResource(e) {
      const citem = e.currentTarget.dataset.item
      this.checkResoucrceInfo(this.properties.treeList, citem.id)
      // console.log(e);


      const updataList = this.checkResoucrceInfo(this.properties.treeList, citem.id)
      console.log(updataList);
      this.setData({
        treeList: updataList,
        sonPurchaseSaleMethodId: citem.saleMethod[0].Id
      })

    },
    // 加入购物车
    async onCloudShoppingCart() {
@@ -305,4 +361,11 @@
      // }
    },
  },
  onCheckAllChange(e) {
    // debugger
    // console.log('checkbox', e.detail.value);
    // this.setData({
    //   checkAllValues: event.detail,
    // });
  }
})