项目遇见的知识点

1.解决页面table表格右侧固定栏边框有落差问题

//组件激活时调用
activated() {
    if (this.$refs.multipleTable && this.$refs.multipleTable.doLayout) {
      this.$refs.multipleTable.doLayout()
    }
  },

2.解决页面table表格右侧固定栏边框有落差问题

// 下拉框多选 输入框边框问题 解决
 ::v-deep .el-select__input{margin-left:unset !important}

3.el-table 下面新增合计一行计算逻辑

    getSummaries(param) {
      const { columns, data } = param
      const sums = []
      columns.forEach((column, index) => {
        if (index === 0) {
          sums[index] = '汇总'
          return
        }
        // const values = data.map(item => Number(item[column.property]))
        const values = []
        for (const i of data) {
          for (const j of i.item_list) {
            values.push(j[column.property])
          }
        }
        const columnNames = column.property
        // || columnNames === 'target_amount' || columnNames === 'change_target_amount'
        if (columnNames === 'target_sales' || columnNames === 'change_target_sales' || columnNames === 'target_amount' || columnNames === 'change_target_amount') {
          if (!values.every(value => isNaN(value))) {
            sums[index] = values.reduce((prev, curr) => {
              const value = Number(curr)
              if (!isNaN(value)) {
                const result = parseFloat(Number(prev)) + parseFloat(Number(curr))
                return result.toFixed(2)
              } else {
                return Number(prev)
              }
            }, 0)
            sums[index] += ' '
          } else {
            sums[index] = ''
          }
        }
      })
      return sums
    },

4.数组去重方法

   const map = new Map()
        const newArr = asinArr.filter(v => !map.has(v.value) && map.set(v.value, v))

5.前端计算数值相乘精度问题

parseFloat(Number(100) * Number(0.07) ).toFixed(2)