iboss_wx_app/package-basic-data/pages/product-attribute/product-attribute.js

/*******************************************************************************
 * Copyright(c) 2022 dongke All rights reserved. / Confidential
 * 类的信息：
 *		1.程序名称：
 * 编辑履历：
 *		作者				日期					版本				修改内容
 *		于继渤		 2024-1-23			1.00		    商品属性
 *******************************************************************************/
Page({

  /**
   * 页面的初始数据
   */
  data: {
    sideKey: 0,
    listTitle: '',
    showPopup: false,
    leftData: [],
    showPopupItem: {},
    fieldData: {},
    statusItem: {
      text: '全部',
      value: -1
    },
    statusList: [
      { checked: false, text: '有效', value: 1 },
      { checked: false, text: '无效', value: 0 },
      { checked: true, text: '全部', value: -1 },
    ], //状态
    fieldList: [
      {
        typeName: '商品品牌',
        code: '品牌编码',
        name: '品牌名称',
        supplierName: '供应商'
      },
      {
        typeName: '商品种类',
        channelCode: '渠道编码',
        channelName: '渠道名称'
      },
      {
        typeName: '商品系列',
        incomeCode: '收入编码',
        incomeName: '收入名称'
      },
      {
        typeName: '计量单位',
        expenditureCode: '支出编码',
        expenditureName: '支出名称'
      },
      {
        typeName: '入库原因',
        reasonCode: '原因编码',
        reasonName: '原因名称'
      }


    ], //字段渲染
    // 渲染数据
    test00: [{
      code: 'PP00001',
      name: '蒙娜丽莎瓷砖',
      supplierName: '广东蒙娜丽莎新型材料集团有限公司',
      flagValue: true
    },
    {
      code: 'PP00002',
      name: '箭牌卫浴',
      supplierName: 'ARROW箭牌家居集团',
      flagValue: true
    },
    {
      code: 'PP00003',
      name: '恒洁卫浴',
      supplierName: '恒洁卫浴集团有限公司',
      flagValue: true
    },
    ],
    test01: [
      {
        name: '陶瓷类',
        code: 'PP00001',
        supplierName: '广东蒙娜丽莎新型材料集团有限公司',
        flagValue: true,
        arrow_1: false,
        arrow_1_list: []
      },
      {
        name: '浴室柜类',
        code: 'PP00002',
        flagValue: true,
        arrow_1: true,
        arrow_1_list: [
          {
            name: '原木柜',
            code: 'PP00002',
            flagValue: true,
            arrow_2: true,
            arrow_2_list: [
              {
                name: '原木柜（主柜)',
                code: 'PP00002',
                flagValue: true,
              }
            ]
          },
          {
            name: '古典柜',
            code: 'PP00002',
            flagValue: false,
            arrow_2: true,
            arrow_2_list: [
              {
                name: '金属柜',
                code: 'PP00002',
                flagValue: false,
              }
            ]
          }
        ]}
    ],
    test02: [
      {
        name: '原木系列',
        flagValue: true
      },
      {
        name: '金属系列',
        flagValue: true
      },
      {
        name: '古典系列',
        flagValue: true
      },
      {
        name: '沐浴系列',
        flagValue: false
      },
    ],
    test03: [
      {
        name: '米',
        decimal: '2',
        flagValue: true
      },
      {
        name: '箱',
        decimal: '0',
        flagValue: true,
        list:[
          {
            name: '包*5',
            decimal: '0',
            flagValue: true
          },
          {
            name: '片*3',
            decimal: '0',
            flagValue: false
          },
        ]
      },
      {
        name: '平方米',
        decimal: '6',
        flagValue: false
      },
      {
        name: '个',
        decimal: '0',
        flagValue: false
      },
    ],
    test04: [
      {
        reasonCode: 'RK00001',
        reasonName: '期初入库',
        flagValue: true
      },
      {
        reasonCode: 'RK00002',
        reasonName: '其他入库',
        flagValue: true
      },
      {
        reasonCode: 'RK00003',
        reasonName: '采购入库',
        flagValue: true
      },
      {
        reasonCode: 'RK00004',
        reasonName: '销售回库',
        flagValue: true
      }
    ],
    test05: [
      {
        reasonCode: 'CK00001',
        reasonName: '销售出库',
        flagValue: true
      },
      {
        reasonCode: 'CK00002',
        reasonName: '其他出库',
        flagValue: true
      },
      {
        reasonCode: 'CK00003',
        reasonName: '采购退货出库',
        flagValue: true
      },
      {
        reasonCode: 'CK00004',
        reasonName: '调货出库',
        flagValue: true
      }
    ],
    test06: [
      {
        paymentCode: 'SF00001',
        paymentName: '微信',
        flagValue: true
      },
      {
        paymentCode: 'SF00002',
        paymentName: '现金',
        flagValue: true
      },
      {
        paymentCode: 'SF00003',
        paymentName: '银行转账',
        flagValue: true
      },
      {
        paymentCode: 'SF00004',
        paymentName: '支付宝',
        flagValue: true
      }
    ],
  },

  dropdownSwitchCommit(e) {
    console.log(e)
  },


  openSingle(e) {
    console.log(e)
    let key = e.currentTarget.dataset.key
    wx.navigateTo({
      url: './' + key +'/'+key,
    })
  },
  /**
   * @desc : 分类切换
   * @author : 于继渤
   * @date : 2022/5/26 20:16
   */
  changeSidebar(e) {
    console.log(e)
    let id = this.data.leftData[e.detail].id
    let name = this.data.leftData[e.detail].name
    let fieldList = this.data.fieldList
    let tableData = this.data.tableData
    console.log('name', name)
    // let sidebarList = fieldList.filter(res => {
    //   return res.typeName == name
    // })
    if (name == '商品品牌') {
      tableData = this.data.test00
    }
    if (name == '商品种类') {
      tableData = this.data.test01
    }
    if (name == '商品系列') {
      tableData = this.data.test02
    }
    if (name == '计量单位') {
      tableData = this.data.test03
    }

    this.setData({
      sideKey: e.detail,
      tableData: tableData,
      listTitle: name,
      searchText: ''
    })

    // 查询
    // this.doSearch()
  },
  /**
   * @desc : 左滑功能
   * @author : 于继渤
   * @date : 2024/1/23 9:16
   */
  onCloseDel(e) {
    console.log(e)
  },

  /**
   * @desc : 列表对象点击
   * @author : 于继渤
   * @date : 2024/1/23 9:16
   */
  toDetail(e) {
    console.log(e)
    let index = e.currentTarget.dataset.index
    let tableData = this.data.tableData
    this.setData({
      showPopup: true,
      showPopupItem: tableData[index]
    })
  },
  /**
 * @desc : 关闭弹窗
 * @author : 于继渤
 * @date : 2024/1/23 9:16
 */
  onClosePopup() {
    this.setData({
      showPopup: false
    })
  },
  /**
   * @desc : 新建
   * @author : 于继渤
   * @date : 2024/1/23 9:16
   */
  toAdd() {
    this.setData({
      showPopupItem: {},
      showPopup: true
    })
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    let _this = this;
    wx.getSystemInfo({
      success: function (res) {
        _this.setData({
          windowHeight: res.windowHeight,
          windowWidth: res.windowWidth
        })
      }
    })



    let leftData = [
      {
        id: 1,
        name: '商品品牌'
      },
      {
        id: 2,
        name: '商品种类'
      },
      {
        id: 3,
        name: '商品系列'
      },
      {
        id: 4,
        name: '计量单位'
      }

    ]
    let tableData = this.data.test00
    this.setData({
      leftData: leftData,
      tableData: tableData,
      listTitle: leftData[0].name,
      fieldData: this.data.fieldList[0]

    })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})